.header-btn__icon.sicon-user-circle { color: #5b0e0e !important; } .sicon-shopping-bag { color: #5b0e0e !important; } .s-cart-summary-count { background-color: #5b0e0e !important; color: #ffffff !important; } .text-sm.copyright-text { display: none; } .top-navbar { display: none !important; height: 0 !important; padding: 0 !important; } .s-cart-summary-content { display: none !important; } .navbar-brand { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; } .navbar-brand img { max-height: 40px !important; width: auto !important; } @media (max-width: 768px) { .navbar-brand img { max-height: 40px !important; } } .store-footer__inner .container { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } .store-footer .grid { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 2rem !important; } .store-footer h3, .store-footer p, .store-footer div { text-align: center !important; margin-right: auto !important; margin-left: auto !important; } .s-social-list { justify-content: center !important; display: flex !important; } .store-footer .flex.gap-4 { justify-content: center !important; width: 100% !important; } .s-menu-footer-list { display: flex !important; flex-direction: column !important; align-items: center !important; } .lg\:col-span-2, .rtl\:lg\:pl-20, .ltr\:lg\:pr-20 { padding: 0 !important; } .flex.rtl\:space-x-reverse.space-x-2.items-end { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; } .store-footer { text-align: center !important; direction: rtl; } .store-footer__inner .container { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .store-footer .navbar-brand, .store-footer .max-w-sm { margin-left: auto !important; margin-right: auto !important; text-align: center !important; } .store-footer .flex.gap-4 { flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-top: 20px; } .store-footer .flex.rtl\:space-x-reverse { flex-direction: column !important; align-items: center !important; gap: 8px !important; } .s-contacts-item { justify-content: center !important; flex-direction: row-reverse !important; gap: 10px; } .s-contacts-item { display: none !important; } .s-contacts-title { display: none !important; } .s-block--fixed-banner { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; } .s-block--fixed-banner .container { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } .s-block--fixed-banner img { width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 0 !important; } main#main-content { padding-top: 0 !important; } .store-footer__inner .lg\:col-span-2 a[href*="chan-tea-store"] h3 { font-size: 0 !important; display: block; } .store-footer__inner .lg\:col-span-2 a[href*="chan-tea-store"] h3::after { content: ""; display: block; width: 150px; height: 60px; background-image: url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/bRpNEP/stores/logos/Pz574gNDRn1Y04bR70gKXaKGAgZA8HDBrZL5yJPm.png'); background-size: contain; background-repeat: no-repeat; background-position: center !important; } @media (max-width: 768px) { .store-footer__inner .lg\:col-span-2 a[href*="chan-tea-store"] h3::after { background-position: center; margin: 0 auto; } } .s-products-list-vertical-cards { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 15px; } custom-salla-product-card { flex: 0 1 auto !important; width: 280px !important; } @media (max-width: 768px) { custom-salla-product-card { width: 45% !important; } .swiper-slide custom-salla-product-card { width: 100% !important; margin: 0 auto !important; } } custom-salla-product-card { background: #ffffff; border-radius: 20px !important; overflow: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; border: 1px solid #f1f1f1 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important; } custom-salla-product-card:hover { transform: translateY(-2px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border-color: var(--color-primary) !important; } .s-product-card-image img { transition: transform 0.6s ease !important; } custom-salla-product-card:hover .s-product-card-image img { transform: scale(1.04); } .s-product-card-content-footer button { border-radius: 12px !important; font-weight: bold !important; transition: all 0.3s ease !important; text-transform: uppercase; letter-spacing: 0.5px; } custom-salla-product-card:hover .s-product-card-content-footer button { background-color: var(--color-primary) !important; color: #fff !important; } .s-product-card-price { color: var(--color-primary); font-size: 1.2rem !important; font-weight: 800 !important; } .s-product-card-wishlist-btn { display: none !important; } .article--main img { border-radius: 15px; display: block; margin: 20px auto; max-width: 100%; height: auto; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .header-btn__icon.sicon-user-circle::before { content: "" !important; display: none !important; } .header-btn__icon.sicon-user-circle { display: inline-block !important; width: 30px !important; height: 30px !important; background-color: currentColor; -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 19.5H14.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.5 21.5V17.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.16 10.87C12.06 10.86 11.94 10.86 11.83 10.87C9.44997 10.79 7.55997 8.84 7.55997 6.44C7.54997 3.99 9.53997 2 11.99 2C14.44 2 16.43 3.99 16.43 6.44C16.43 8.84 14.53 10.79 12.16 10.87Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.99 21.8101C10.17 21.8101 8.36004 21.3501 6.98004 20.4301C4.56004 18.8101 4.56004 16.1701 6.98004 14.5601C9.73004 12.7201 14.24 12.7201 16.99 14.5601" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 19.5H14.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.5 21.5V17.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.16 10.87C12.06 10.86 11.94 10.86 11.83 10.87C9.44997 10.79 7.55997 8.84 7.55997 6.44C7.54997 3.99 9.53997 2 11.99 2C14.44 2 16.43 3.99 16.43 6.44C16.43 8.84 14.53 10.79 12.16 10.87Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.99 21.8101C10.17 21.8101 8.36004 21.3501 6.98004 20.4301C4.56004 18.8101 4.56004 16.1701 6.98004 14.5601C9.73004 12.7201 14.24 12.7201 16.99 14.5601" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .header-btn__icon.sicon-shopping-bag::before { content: "" !important; display: none !important; } .header-btn__icon.sicon-shopping-bag { display: inline-block !important; width: 36px !important; height: 36px !important; background-color: currentColor; -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 3L2.26491 3.0883C3.58495 3.52832 4.24497 3.74832 4.62248 4.2721C5 4.79587 5 5.49159 5 6.88304V9.5C5 12.3284 5 13.7426 5.87868 14.6213C6.75736 15.5 8.17157 15.5 11 15.5H13M19 15.5H17" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z" stroke="black" stroke-width="1.5"></path><path d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z" stroke="black" stroke-width="1.5"></path><path d="M5 6H8M5.5 13H16.0218C16.9812 13 17.4609 13 17.8366 12.7523C18.2123 12.5045 18.4013 12.0636 18.7792 11.1818L19.2078 10.1818C20.0173 8.29294 20.4221 7.34853 19.9775 6.67426C19.5328 6 18.5054 6 16.4504 6H12" stroke="black" stroke-width="1.5" stroke-linecap="round"></path></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 3L2.26491 3.0883C3.58495 3.52832 4.24497 3.74832 4.62248 4.2721C5 4.79587 5 5.49159 5 6.88304V9.5C5 12.3284 5 13.7426 5.87868 14.6213C6.75736 15.5 8.17157 15.5 11 15.5H13M19 15.5H17" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z" stroke="black" stroke-width="1.5"></path><path d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z" stroke="black" stroke-width="1.5"></path><path d="M5 6H8M5.5 13H16.0218C16.9812 13 17.4609 13 17.8366 12.7523C18.2123 12.5045 18.4013 12.0636 18.7792 11.1818L19.2078 10.1818C20.0173 8.29294 20.4221 7.34853 19.9775 6.67426C19.5328 6 18.5054 6 16.4504 6H12" stroke="black" stroke-width="1.5" stroke-linecap="round"></path></svg>'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } #custom-testimonials-2-slider { padding: 40px 0; background-color: #f9f9f9; } .s-reviews-testimonial { padding: 15px; } .s-reviews-testimonial__inner { background: #ffffff !important; border-radius: 20px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; border: 1px solid #eee !important; transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 30px !important; height: 100%; position: relative; overflow: hidden; } .s-reviews-testimonial__inner:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important; } .s-reviews-testimonial__avatar img { border-radius: 50% !important; border: 3px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); object-fit: cover; } .s-reviews-testimonial__text p { font-size: 1.1rem !important; color: #444 !important; line-height: 1.8 !important; font-style: italic; margin-bottom: 20px !important; } .s-rating-stars-selected svg { fill: #ffb400 !important; } .s-reviews-testimonial__icon svg { opacity: 0.1; fill: #000; width: 40px !important; height: 40px !important; } .s-slider-nav-arrow { background: #ffffff !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; color: #333 !important; width: 45px !important; height: 45px !important; } @media (max-width: 768px) { .s-reviews-testimonial__inner { padding: 20px !important; } .s-reviews-testimonial__text p { font-size: 0.95rem !important; } #custom-testimonials-2-slider { padding: 20px 10px; } } .s-reviews-testimonial { background-color: transparent !important; background: none !important; box-shadow: none !important; border: none !important; } .s-product-card-content { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } .custom-rating-row { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 6px; width: 100% !important; margin: 12px 0 !important; direction: rtl; } .rating-value { font-weight: bold; font-size: 14px; color: #333; } .rating-count { font-size: 12px; color: #888; } .s-product-card-content-title, .s-product-card-price { display: block !important; width: 100% !important; text-align: center !important; margin: 5px 0 !important; } .s-product-card-content-footer { display: flex !important; justify-content: center !important; width: 100% !important; } .s-product-card-content-sub { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin-top: 10px !important; margin-bottom: 10px !important; } .s-product-card-sale-price { display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; } .s-product-card-sale-price h4, .s-product-card-sale-price span { margin: 0 !important; text-align: center !important; }