/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.paypal-buttons > iframe.component-frame {
                        z-index: 0 !important;
 }


 #add-to-cart-or-refresh .col-add-qty{

    flex: 0 0 auto;
    width: auto;
 }

 #add-to-cart-or-refresh .col-add-btn {

    flex: 1 1 auto;
    width: auto;

 }

 #add-to-cart-or-refresh .col-add-wishlist{

    flex:0
 }

 #add-to-cart-or-refresh .add-to-cart{width:100%}

 #add-to-cart-or-refresh .fa-heart-o{font-size:28px; color:#ff4769}

 #back-to-top.-back-to-top-visible {

    bottom:55px;
    right:20px;

 }

 .prices-container-flex{
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 40px;
 }

 #adyen-express-checkout{

   max-width:230px;
   margin:0 auto;

 }

 @media (max-width: 768px) {
   .category-desc-collapsible .rte-content {
     display: -webkit-box;
     -webkit-line-clamp: 10;
     -webkit-box-orient: vertical;
     overflow: hidden;
     position: relative;
     transition: all 0.3s ease;
   }
 
   .category-desc-collapsible.expanded .rte-content {
     -webkit-line-clamp: unset;
     max-height: none;
     overflow: visible;
   }
 
   .category-desc-collapsible .read-more-toggle {
     display: inline-block;
     margin-top: 10px;
     cursor: pointer;
     font-weight: bold;
     color: #007bff;
   }
 }