/* ======================================== COMPLETE WEBSITE CSS - LIGHT THEME Mixed with existing custom sections ======================================== */ /* ======================================== 1. GLOBAL RESETS & BASE STYLES ======================================== */:root{--light-primary:#ffffff;--light-secondary:#f9f9f9;--light-card:#ffffff;--accent-orange:#ff6600;--text-dark:#1a1a1a;--text-black:#000000;--border-light:rgba(0, 0, 0, 0.1)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--light-primary);color:var(--text-dark)}html{scroll-behavior:smooth}img{image-rendering:-webkit-optimize-contrast;transition:transform 0.3s ease}a,
button{transition:all 0.3s ease}/* ======================================== 2. HEADER & NAVIGATION ======================================== */
.header{background-color:var(--light-primary);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1)}.d-flex.nav-list{background-color:#ffffff !important;box-shadow:2px 2px 9px 0px rgba(0, 0, 0, 0.1) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;border-radius:180px}ul.main-nav li.top-level-link > a{color:#333333 !important;transition:all 0.3s ease}ul.main-nav > li:hover,
.item-all-categories{background-color:rgba(255, 102, 0, 0.1) !important;border-radius:15px}ul.main-nav > li:hover > a{color:var(--accent-orange) !important}.header-theme-icon-primary{color:#333333 !important}.icon-menu-top span{color:#333333 !important}img.image-logo{width:100% !important;max-height:100% !important;height:65px !important;margin-bottom:16px !important;object-fit:contain !important}.search-input-input{background:var(--light-card) !important;border:1px solid var(--border-light) !important;color:var(--text-dark) !important}.search-input-input::placeholder{color:rgba(0, 0, 0, 0.4)}.search-input-input:focus{background:var(--light-secondary) !important;border-color:var(--accent-orange) !important}/* ======================================== 3. HERO/BANNER SECTION ======================================== */
.g_fixed_bannar{background-color:var(--light-primary);position:relative}.btn-luv{background-color:var(--accent-orange) !important;color:var(--text-white) !important;border:2px solid var(--accent-orange);transition:all 0.3s ease}.btn-luv:hover{background-color:transparent !important;color:var(--accent-orange) !important;border:2px solid var(--accent-orange) !important}/* ======================================== 4. VIDEO SECTION (Keep existing custom design) ======================================== */
#video-bannerthemy{background-color:var(--light-primary);margin-top:60px}.video-parentt{position:relative;overflow:hidden;border-radius:20px}.overlayy{background:linear-gradient( to bottom, rgba(18, 18, 18, 0.3), rgba(18, 18, 18, 0.7) )}.circle-wrapper{display:none !important}#play{display:none !important}/* ========================================= Video Hero Text Arabic / English (by body class)
========================================= */ body.rtl .video-parentt::before{content:"مدفأة خارجية مصنوعة من الشمع لدفء أنيق وآمن لكل لحظة";position:absolute;top:50%;transform:translateY(-100px);z-index:5;color:#ffffff;font-size:2.5rem;font-weight:700;line-height:1.4;max-width:650px;width:85%;inset-inline-end:50px;inset-inline-start:auto;text-align:right;direction:rtl;text-shadow:2px 2px 15px rgba(0, 0, 0, 0.8);letter-spacing:0.5px;padding-bottom:20px}body.rtl .video-parentt .overlayy::before{content:"مدفأة للمنازل والمشاريع التجارية تجمع بين الرقي والفخامة والدفء الآمن\Aموزع معتمد في المملكة ودول الخليج";position:absolute;top:50%;transform:translateY(20px);z-index:5;color:#f5f5f5;font-size:1.125rem;font-weight:400;line-height:1.9;max-width:650px;width:85%;inset-inline-end:50px;inset-inline-start:auto;text-align:right;direction:rtl;text-shadow:1px 1px 10px rgba(0, 0, 0, 0.9);white-space:pre-wrap;letter-spacing:0.3px;padding-top:25px;opacity:0.95}body.ltr .video-parentt::before{content:"An outdoor wax fire pit designed for elegant and safe warmth in every moment";position:absolute;top:50%;transform:translateY(-100px);z-index:5;color:#ffffff;font-size:2.5rem;font-weight:700;line-height:1.4;max-width:650px;width:85%;inset-inline-start:50px;inset-inline-end:auto;text-align:left;direction:ltr;text-shadow:2px 2px 15px rgba(0, 0, 0, 0.8);letter-spacing:0.5px;padding-bottom:20px}body.ltr .video-parentt .overlayy::before{content:"A fire pit for homes and commercial projects that combines elegance, luxury, and safe warmth\AAuthorized distributor in Saudi Arabia and the Gulf countries";position:absolute;top:50%;transform:translateY(20px);z-index:5;color:#f5f5f5;font-size:1.125rem;font-weight:400;line-height:1.9;max-width:650px;width:85%;inset-inline-start:50px;inset-inline-end:auto;text-align:left;direction:ltr;text-shadow:1px 1px 10px rgba(0, 0, 0, 0.9);white-space:pre-wrap;letter-spacing:0.3px;padding-top:25px;opacity:0.95}html[dir="ltr"] .video-parentt::before{content:"Outdoor Wax Heater for Elegant & Safe Warmth in Every Moment";left:50px;right:auto;text-align:left}html[dir="ltr"] .video-parentt .overlayy::before{content:"A heater for homes and commercial projects that combines elegance, luxury, and safe warmth\AAuthorized distributor in KSA & GCC";left:50px;right:auto;text-align:left;white-space:pre-wrap}html[dir="ltr"] .video-parentt::after{left:50px;right:auto}.video-parentt .overlayy{display:flex;align-items:center;justify-content:center}.video-parentt::before,
.video-parentt .overlayy::before{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media (max-width:768px){.video-parentt::before{font-size:1.75rem;transform:translateY(-80px);width:90%;max-width:90%;right:5%;line-height:1.5;padding-bottom:15px}.video-parentt::after{transform:translateY(-25px);width:120px;height:2px;right:5%}.video-parentt .overlayy::before{font-size:1rem;transform:translateY(15px);width:90%;max-width:90%;right:5%;line-height:1.7;padding-top:20px}html[dir="ltr"] .video-parentt::before{left:5%;right:auto}html[dir="ltr"] .video-parentt::after{left:5%;right:auto}html[dir="ltr"] .video-parentt .overlayy::before{left:5%;right:auto}}@media (max-width:480px){.video-parentt::before{top:auto;bottom:140px;right:15px;left:15px;transform:none;width:calc(100% - 30px);text-align:center;font-size:1.25rem;line-height:1.4;padding-bottom:0}.video-parentt::after{top:auto;bottom:120px;right:50%;left:auto;transform:translateX(50%);width:100px;height:2px}.video-parentt .overlayy::before{top:auto;bottom:30px;right:15px;left:15px;transform:none;width:calc(100% - 30px);text-align:center;font-size:0.9375rem;line-height:1.6;padding-top:0}html[dir="ltr"] .video-parentt::before, html[dir="ltr"] .video-parentt .overlayy::before{text-align:center;left:15px;right:15px}html[dir="ltr"] .video-parentt::after{left:auto;right:50%;transform:translateX(50%)}}@media (min-width:769px) and (max-width:1024px){.video-parentt::before{font-size:2rem;max-width:600px;width:80%;right:40px;transform:translateY(-90px)}.video-parentt::after{width:150px;transform:translateY(-28px);right:40px}.video-parentt .overlayy::before{font-size:1.0625rem;max-width:600px;width:80%;right:40px;transform:translateY(18px)}html[dir="ltr"] .video-parentt::before, html[dir="ltr"] .video-parentt::after, html[dir="ltr"] .video-parentt .overlayy::before{left:40px;right:auto}}@media (min-width:1400px){.video-parentt::before{font-size:2.75rem;max-width:750px;transform:translateY(-110px);line-height:1.45}.video-parentt::after{width:200px;height:4px;transform:translateY(-35px)}.video-parentt .overlayy::before{font-size:1.25rem;max-width:750px;transform:translateY(25px);line-height:2;padding-top:30px}}/* ======================================== 5. FEATURES SECTION - نبذة عن EcoFuego (Light theme) section-id:2a71be5c-8485-4950-bfd6-53e70d52383d ======================================== */
.features-section{background:var(--light-primary) !important}.features-section.section-padding-space{padding-top:30px;padding-bottom:30px}.features-section .features-section-img{width:300px !important;max-width:100% !important;height:auto !important;object-fit:contain}.features-section .features-section-title{font-size:32px !important;font-weight:700 !important;color:var(--text-black) !important;display:inline-block;position:relative;line-height:1.2;margin-top:14px;padding-bottom:14px;text-align:center}.features-section .features-section-title::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px !important;background-color:#ff6600;border-radius:2px}[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space > .features-section.container{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:14px !important;padding:24px 16px !important}[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space .feature{width:100% !important;max-width:980px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important}[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space .feature .features-section-title{order:0 !important;margin:0 !important;text-align:center !important}[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space .feature:first-child .features-section-title{font-size:26px !important;font-weight:800 !important;line-height:1.25 !important;padding:4px 10px !important;background:transparent !important;border:0 !important}[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space .feature:last-child .features-section-title{font-size:16px !important;-webkit-line-clamp:5 !important;max-width:860px !important;padding:20px 11px 40px !important;background:rgba(249, 249, 249, 0.9) !important;border:1px solid var(--border-light) !important;border-radius:14px !important;display:-webkit-box !important;-webkit-line-clamp:4 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space .feature .features-section-img{display:none !important}.parent-image{background:transparent !important}@media (max-width:768px){[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space .feature:first-child .features-section-title{font-size:22px !important}[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space .feature:last-child .features-section-title{font-size:16px !important;-webkit-line-clamp:5 !important}[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space > .features-section.container::after{height:520px !important;aspect-ratio:auto !important;background-size:100% calc(50% - 8px), 100% calc(50% - 8px) !important;background-position:center top, center bottom !important}}/* ======================================== 6. PRODUCTS SECTIONS ======================================== */
.home-products-section{background-color:var(--light-primary);padding:60px 0}.section-title{color:var(--text-black) !important;position:relative;padding-bottom:15px}.prod_item{background-color:var(--light-card) !important;border-radius:15px !important;padding:15px !important;border:1px solid var(--border-light);transition:all 0.3s ease;display:flex !important;flex-direction:column !important;height:100% !important;min-height:420px !important}.prod-col{display:flex;height:100%}@media (min-width:769px){.prod-col{display:flex !important;align-items:stretch !important}.prod-col .prod_item{width:100% !important;display:flex !important;flex-direction:column !important}}.product-item.prod_item{width:100% !important;max-width:100% !important;height:100% !important}.prod_item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(255, 102, 0, 0.2);border-color:var(--accent-orange)}.prod_item .box-1-1{width:100% !important;height:220px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;border-radius:10px !important;margin-bottom:10px !important}.prod_item .box-1-1 .content{width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important}.prod_item .img_card{width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important}.prod_item .box-1-1 img{max-width:100% !important;max-height:200px !important;width:auto !important;height:auto !important;object-fit:contain !important;transition:transform 0.3s ease}.prod_item .box-1-1 img:hover{transform:scale(1.05)}.prod_item .details{display:flex !important;flex-direction:column !important;flex:1 !important;width:100% !important}.prod_item .product-crd-spec{min-height:90px !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important}.prod_item .product-crd-spec small{font-size:14px !important;line-height:1.4 !important;display:block !important}.prod_item .product-price{margin-bottom:8px !important}.style_price{font-size:18px !important;font-weight:600 !important}.product-title span{color:var(--text-black) !important;font-size:16px !important;font-weight:600 !important;line-height:1.4 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;min-height:44px !important}.product-title{margin:10px 0 !important;width:100% !important}.prod_item .product-title span,
.vertical .product-title span,
.horizontal .product-title span{font-size:16px !important}.style_price{color:var(--accent-orange) !important}.product-card-add-to-cart{background:transparent !important;border:1px solid var(--accent-orange) !important;color:var(--accent-orange) !important;transition:all 0.3s ease;border-radius:0 !important}.product-card-add-to-cart:hover{background:var(--accent-orange) !important;color:var(--text-white) !important}.slick-arrow{background-color:var(--light-card) !important;border:1px solid var(--border-light);border-radius:50%;width:40px;height:40px;transition:all 0.3s ease}.slick-arrow:hover{background-color:var(--accent-orange) !important;border-color:var(--accent-orange)}.slick-arrow span{color:var(--text-dark) !important}.slick-arrow:hover span{color:#ffffff !important}/* ======================================== 7. GALLERY SECTION - وصف المنتج (Keep existing with::after content) ======================================== */
.mb-5{background-color:#ffffff !important}.tilt-gallary{font-size:2.5rem;font-weight:700;color:#000000 !important;margin:0 0 1rem 0;letter-spacing:-0.5px}.gallary-btn{display:none}/* =============================== Tilt Gallery Description Switch by body class (rtl / ltr)
================================ */ body.rtl .tilt-gallary::after{content:"يوفّر موقد EcoFuego Fire Pit الأناقة والأداء والكفاءة البيئية في تصميم واحد متكامل. تم تصميمه للاستخدام السكني والتجاري، ويقدم تجربة احتراق نظيفة مع دخان ورائحة منخفضين جدًا، مما يضمن الراحة للجميع من حوله. الهيكل مصنوع من مواد متينة ومقاومة للعوامل الجوية، مما يجعله مناسبًا لجميع المناخات. يتميز بنظام إشعال سهل يتيح تركيبًا سريعًا وتشغيلًا مريحًا، بينما يوفر نظام الوقود الحيوي القابل لإعادة التعبئة مصدر طاقة آمنًا ومتجددًا. بفضل تصميمه القابل للتكيف، يمكن الاستمتاع بـ EcoFuego في الأماكن الداخلية والخارجية، مما يجعله مثاليًا للفناءات والشرفات والحدائق وأماكن الجلوس. سواء كنت تستضيف ضيوفك أو تستمتع بسهرة هادئة تحت النجوم، يحوّل EcoFuego كل لحظة إلى تجربة لا تُنسى.";display:block;margin-top:1.5rem;color:#333333;line-height:1.9;font-size:1.05rem;font-weight:400;text-align:right;direction:rtl;white-space:pre-line}body.ltr .tilt-gallary::after{content:"EcoFuego Fire Pit combines elegance, performance, and environmental efficiency in one integrated design. Engineered for both residential and commercial use, it delivers a clean-burning experience with extremely low smoke and odor, ensuring comfort for everyone around. Built with durable, weather-resistant materials, EcoFuego is suitable for all climates. It features an easy ignition system for quick installation and effortless operation, while the refillable biofuel system provides a safe and renewable energy source. Thanks to its adaptable design, EcoFuego can be enjoyed both indoors and outdoors, making it ideal for patios, balconies, gardens, and seating areas. Whether hosting guests or enjoying a quiet evening under the stars, EcoFuego transforms every moment into an unforgettable experience.";display:block;margin-top:1.5rem;color:#333333;line-height:1.9;font-size:1.05rem;font-weight:400;text-align:left;direction:ltr;white-space:pre-line}.section-grid{margin-top:2rem}.grid-column-left{width:100%}.imges-gallary{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin:0}.grid-gallary{max-width:100% !important;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:1;box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease;border:1px solid var(--border-light)}.grid-gallary:hover{transform:scale(1.02);box-shadow:0 10px 30px rgba(255, 102, 0, 0.3);border-color:var(--accent-orange)}.grid-gallary img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.imges-gallary{grid-template-columns:1fr;gap:15px}.tilt-gallary{font-size:2rem}.tilt-gallary::after{font-size:1rem}}@media (max-width:992px) and (min-width:769px){.imges-gallary{grid-template-columns:repeat(2, 1fr)}}/* ======================================== 8. FAQ SECTION ======================================== */
.question.space{background-color:var(--light-primary);padding:80px 0}.qusetion-title{color:var(--text-black) !important}.accordion__item{background-color:var(--light-card);border:1px solid var(--border-light) !important;border-radius:12px;margin-bottom:15px;overflow:hidden}.accordion__item__header{background-color:var(--light-secondary);transition:all 0.3s ease}.accordion__item__header:hover{background-color:var(--light-card)}.text-questionlg{color:var(--text-black) !important}.text-questionsm{color:var(--text-dark) !important}.plus-icon{color:var(--accent-orange) !important}/* ======================================== 9. CUSTOMER REVIEWS ======================================== */
.customer_review{background-color:var(--light-primary);padding:80px 0}.head_title h2{color:var(--text-black) !important}.one-review{background-color:var(--light-card);padding:30px;border-radius:15px;border:1px solid var(--border-light)}.reviewer-information .containt h2{color:var(--text-black) !important}.reviewer-information .containt p{color:var(--text-dark) !important}.feadbake p{color:var(--text-dark) !important}.qouates-down path{fill:var(--accent-orange) !important}.vertical-line{border-color:var(--border-light) !important}.customer_review .btns #left,
.customer_review .btns #right{background-color:var(--light-card);border:1px solid var(--border-light)}.customer_review .btns #left:focus,
.customer_review .btns #right:focus{border-color:var(--accent-orange);background-color:var(--light-secondary)}.customer_review .btns #left > svg,
.customer_review .btns #right > svg{fill:var(--accent-orange)}/* ======================================== 10. FOOTER - WITH BACKGROUND IMAGE ======================================== */
.footer{background-color:var(--light-primary)}.footer-store-section .container{position:relative;z-index:1}.footer-store-section .row{gap:0;margin-inline:0}.footer-store-section .row > [class*="col-"]{padding-inline:15px !important}.footer-store-section .row .row > [class*="col-"]{padding-inline:15px !important}.footer-about-us-links-div{padding-inline:15px !important;margin-bottom:24px !important;min-width:0 !important;box-sizing:border-box !important}.footer-about-us-links-div p{margin-bottom:8px !important}.footer-about-us-links-div p:last-child{margin-bottom:0 !important}.footer-about-us-links-div a{display:inline-flex !important;align-items:center}.footer-about-us-links-div h2{color:#000000 !important;position:relative;padding-bottom:10px}.rtl .footer-about-us-links-div h2::after{content:"";position:absolute;bottom:0;right:0;left:auto;width:40px;height:2px;background-color:#000000}.ltr .footer-about-us-links-div h2::after{content:"";position:absolute;bottom:0;left:0;right:auto;width:40px;height:2px;background-color:#000000}.footer-about-us-links-div p,
.footer-about-us-links-div a{color:#000000 !important;transition:color 0.3s ease}.footer-about-us-links-div a:hover{color:#333333 !important}.social-icons span{background-color:#000000 !important;border:1px solid #000000 !important;color:#ffffff !important;transition:all 0.3s ease}.social-icons span::before{color:#ffffff !important}.social-icons span:hover{background-color:#333333 !important;border-color:#333333 !important;color:#ffffff !important}.social-icons span:hover::before{color:#ffffff !important}.footer-copyrights-vat-certificate{background-color:rgba(255, 255, 255, 0.9) !important;border-top:1px solid rgba(0, 0, 0, 0.1);padding:20px 0}.footer-copyrights span{color:#000000 !important}.icons img{width:20px !important;height:20px !important}.logistics-pay-icons a{margin:0 2px;padding:2px}.logistics-pay-icons{gap:3px}/* ======================================== 11. SIDEBAR CART ======================================== */
.salla-side-bar{background-color:var(--light-secondary);border-left:1px solid var(--border-light)}.content-side{background-color:var(--light-card) !important;border-bottom:1px solid var(--border-light)}.content-side h1{color:var(--text-black) !important}.product-side{background-color:var(--light-card);border-bottom:1px solid var(--border-light)}.text-pro{color:var(--text-black) !important}.go-salla{background-color:var(--accent-orange) !important;color:var(--text-white) !important;border:none}.content-empty p{color:var(--text-dark) !important}/* ======================================== 12. LOYALTY & WHATSAPP BUTTONS ======================================== */
.loyalty_footer_btn{background-color:var(--accent-orange) !important;color:var(--text-white) !important;box-shadow:0 5px 15px rgba(255, 102, 0, 0.4)}.whatsapp-button{background-color:#25d366 !important;box-shadow:0 5px 15px rgba(37, 211, 102, 0.4)}/* ======================================== 13. CUSTOM SCROLLBAR ======================================== */::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-secondary)}::-webkit-scrollbar-thumb{background:var(--light-card);border-radius:5px;border:1px solid var(--border-light)}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}/* ======================================== 14. RESPONSIVE ADJUSTMENTS ======================================== */
@media (max-width:768px){.d-flex.nav-list{background-color:#ffffff !important;border-radius:20px}.logistics-pay-icons a img{height:10px !important}.footer-store-section{padding:40px 0 20px}.footer_res{padding:15px 10px;flex-direction:column}.logistics-pay-icons{justify-content:center;width:100%}}@media (max-width:425px){.tilt-gallary{font-size:1.8rem}.section-title{font-size:1.5rem}.tilt-gallary::after{font-size:1.2rem;line-height:1.6}}/* ======================================== 15. FOCUS STATES (Accessibility) ======================================== */
*:focus{outline:2px solid var(--accent-orange);outline-offset:2px}button:focus,
a:focus{outline:2px solid var(--accent-orange)}/* ======================================== MOBILE SIDEBAR MENU - LIGHT THEME ======================================== */ .slide-menu{background-color:var(--light-secondary) !important;border-left:1px solid var(--border-light);box-shadow:-5px 0 20px rgba(0, 0, 0, 0.1)}.slide-menu__slider{background-color:var(--light-secondary) !important}.slide-menu ul{background-color:var(--light-secondary) !important}.slide-menu-ul-li{border-bottom:1px solid var(--border-light);transition:all 0.3s ease}.slide-menu-ul-li:hover{background-color:rgba(255, 102, 0, 0.1)}.slide-menu-ul-li a,
.slide-menu-ul-li .clickable-span{color:var(--text-dark) !important;transition:color 0.3s ease}.slide-menu-ul-li:hover a,
.slide-menu-ul-li:hover .clickable-span{color:var(--accent-orange) !important}.slide-menu .account-btn{background-color:var(--accent-orange) !important;color:#ffffff !important;border:1px solid var(--accent-orange);transition:all 0.3s ease}.slide-menu .account-btn:hover{background-color:transparent !important;color:var(--accent-orange) !important}.slide-menu .account-btn span{color:#ffffff !important}.slide-menu .account-btn:hover span{color:var(--accent-orange) !important}.slide-menu .currency-btn{background-color:var(--light-card);color:var(--text-dark) !important;border:1px solid var(--border-light);transition:all 0.3s ease}.slide-menu .currency-btn:hover{background-color:var(--light-primary);border-color:var(--accent-orange);color:var(--accent-orange) !important}.slide-menu-static{background-color:var(--light-card);border-top:1px solid var(--border-light);padding:20px 0}.slide-menu .upper-bar{background-color:transparent}.slide-menu .language-currency-menu{margin-top:15px}#sidenav-overlay{background-color:rgba(0, 0, 0, 0.5);backdrop-filter:blur(5px)}.slide-menu .icon-account_circle_black_24dp{color:var(--text-black) !important}.menu-header-theme-text-for-primary-bg{color:var(--text-dark) !important}/* ======================================== FOOTER HEADINGS & SOCIAL ICONS - BLACK THEME ======================================== */ .footer-store-section .row h2,
.footer-about-us-links-div h2{color:#000000 !important;font-size:20px !important;font-weight:700 !important;line-height:25px !important;text-align:start !important;cursor:default;margin-inline-start:5px !important;margin-inline-end:0 !important;position:relative;padding-bottom:10px}.footer-copyrights span{color:white !important}/* ======================================== SOCIAL ICONS - BLACK BACKGROUND ======================================== */ .social-icons-footer span,
.social-icons-footer .icon-facebook-f,
.social-icons-footer .icon-instagram,
.social-icons-footer .icon-tiktok,
.social-icons-footer .icon-call,
.social-icons-footer .icon-envelope-secondary{color:#ffffff !important;background-color:#000000 !important;border:1px solid #000000 !important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.social-icons-footer span::before,
.social-icons-footer .icon-facebook-f::before,
.social-icons-footer .icon-instagram::before,
.social-icons-footer .icon-tiktok::before,
.social-icons-footer .icon-call::before,
.social-icons-footer .icon-envelope-secondary::before{color:#ffffff !important}.social-icons-footer .x-icon-twitter{width:40px;height:40px;background-color:#000000 !important;border:1px solid #000000 !important;border-radius:50%;padding:8px;transition:all 0.3s ease}.social-icons-footer .x-icon-twitter path{fill:#ffffff !important}.social-icons-footer a:hover span,
.social-icons-footer a:hover .icon-facebook-f,
.social-icons-footer a:hover .icon-instagram,
.social-icons-footer a:hover .icon-tiktok,
.social-icons-footer a:hover .icon-call,
.social-icons-footer a:hover .icon-envelope-secondary{background-color:#333333 !important;border-color:#333333 !important;color:#ffffff !important}.social-icons-footer a:hover .x-icon-twitter{background-color:#333333 !important;border-color:#333333 !important}.social-icons-footer a:hover .x-icon-twitter path{fill:#ffffff !important}.social-icons-footer{gap:10px;margin-top:15px}/* ======================================== OVERRIDE ANY CONFLICTING VARIABLES ======================================== */ .footer-store-section{--footer-text-color-primary-bg:#000000 !important}.footer-about-us-links-div p,
.footer-about-us-links-div a,
.footer-about-us-links-div span{color:#000000 !important}.footer-about-us-links-div a:hover{color:#333333 !important}.description-title{color:#000000 !important}.description-paragrah{color:#333333 !important}.product-title{color:#000000 !important}#product-custom-user-dropdown-fields select,
.select-quantity-div select{background:whit !important}.product_details > div:nth-child(odd){background-color:transparent !important}.product_details > div:nth-child(even){background-color:transparent !important}.attribute{background:transparent !important}.attribute-header{background:transparent !important}.text{position:absolute;bottom:15px;top:auto !important;left:50% !important;transform:translateX(-50%);width:74%}.row.imges-gallary{flex-wrap:nowrap !important}.btn-product-card-select-variant,
.addToCartBtn,
a.btn.btn-primary.btn-product-card-select-variant.addToCartBtn,
.btn.btn-primary.btn-product-card-select-variant{background:transparent !important;border:1px solid var(--accent-orange) !important;color:var(--accent-orange) !important;transition:all 0.3s ease !important;border-radius:0 !important;width:100% !important;padding:10px 0 !important;font-size:16px !important;font-weight:500 !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:auto !important;line-height:1.4 !important}.btn-product-card-select-variant:hover,
.addToCartBtn:hover,
a.btn.btn-primary.btn-product-card-select-variant.addToCartBtn:hover{background:var(--accent-orange) !important;color:var(--text-white) !important}.btn-product-card-select-variant i,
.addToCartBtn i,
a.btn.btn-primary.btn-product-card-select-variant.addToCartBtn i{color:inherit !important;margin-left:5px !important;font-size:16px !important}.prod_item .edi-text{width:100% !important;margin-top:auto !important}.vertical .prod_item,
.horizontal .prod_item{display:flex !important;flex-direction:column !important;height:100% !important;min-height:420px !important;max-width:100% !important;width:100% !important;padding:15px !important;align-items:stretch !important;justify-content:flex-start !important}.vertical .product-item,
.horizontal .product-item{display:flex !important;flex-direction:column !important;height:100% !important;width:100% !important;max-width:100% !important}.vertical .box-1-1,
.horizontal .box-1-1{width:100% !important;height:220px !important}.vertical .details,
.horizontal .details{display:flex !important;flex-direction:column !important;width:100% !important;flex:1 !important}.vertical .box-1-1 .content > div,
.horizontal .box-1-1 .content > div{height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important}@media (min-width:769px){.vertical .prod_item, .horizontal .prod_item{min-height:450px !important}.vertical .box-1-1, .horizontal .box-1-1{height:240px !important}.vertical .product-item, .horizontal .product-item{height:100% !important;flex-direction:column !important;align-items:stretch !important}}.vertical .details .add_btn,
.horizontal .edi-text .btn,
a.btn.product-card-add-to-cart,
.vertical .edi-text .btn,
.horizontal .details .add_btn{background:transparent !important;border:1px solid var(--accent-orange) !important;color:var(--accent-orange) !important;width:100% !important;padding:10px 0 !important;font-size:16px !important;font-weight:500 !important;border-radius:0 !important;transition:all 0.3s ease}.vertical .details .add_btn:hover,
.horizontal .edi-text .btn:hover,
a.btn.product-card-add-to-cart:hover,
.vertical .edi-text .btn:hover,
.horizontal .details .add_btn:hover{background:var(--accent-orange) !important;color:var(--text-white) !important}.prod_item .btn,
.prod_item a.btn{font-size:16px !important;padding:10px 0 !important;width:100% !important}@media (max-width:768px){.prod_item{min-height:420px !important;max-width:100% !important;width:100% !important}.prod_item .box-1-1{height:200px !important}.prod_item .box-1-1 img{max-height:180px !important}.product-title span{font-size:16px !important;min-height:44px !important}.btn-product-card-select-variant, .addToCartBtn, a.btn.btn-primary.btn-product-card-select-variant.addToCartBtn{font-size:16px !important;padding:10px 0 !important;width:100% !important}.prod-col{width:100% !important;max-width:100% !important;flex:0 0 100% !important}.vertical .prod_item, .horizontal .prod_item{min-height:420px !important;width:100% !important}}.home-products-section .row > div{margin-bottom:20px}.home-products-section .row > div:last-child .prod_item,
.home-products-section .row > div:last-child{width:100% !important;max-width:100% !important}.slick-slide .prod_item{width:100% !important;max-width:100% !important;min-height:420px !important}.slick-slide{padding:0 10px;height:auto !important;display:flex !important}@media (min-width:769px){.slick-slide .prod_item{min-height:450px !important;height:100% !important}.slick-track{display:flex !important;align-items:stretch !important}.slick-slide{height:inherit !important;display:flex !important;align-items:stretch !important}.slick-slide > div{height:100% !important;display:flex !important}}.home-products-section .container,
.home-products-section .row{width:100% !important;max-width:100% !important}@media (min-width:769px){.home-products-section .row{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:20px;justify-content:flex-start !important}.home-products-section .row > div, .home-products-section .row > .prod-col, .home-products-section .row > [class*="col-"]{flex:1 1 calc(33.333% - 20px) !important;max-width:calc(33.333% - 20px) !important;min-width:280px !important;width:auto !important;display:flex !important}.prod_item{width:100% !important;height:100% !important;min-height:450px !important;display:flex !important;flex-direction:column !important}.prod_item .box-1-1{height:240px !important;flex-shrink:0 !important}.prod_item .details{flex:1 !important;display:flex !important;flex-direction:column !important}.prod_item .product-title{min-height:50px !important}.prod_item .product-crd-spec{flex:1 !important}.prod_item .edi-text{margin-top:auto !important}}@media (min-width:769px) and (max-width:992px){.home-products-section .row > div, .home-products-section .row > .prod-col, .home-products-section .row > [class*="col-"]{flex:1 1 calc(50% - 20px) !important;max-width:calc(50% - 20px) !important}}@media (min-width:993px){.home-products-section .row > div, .home-products-section .row > .prod-col, .home-products-section .row > [class*="col-"]{flex:1 1 calc(33.333% - 20px) !important;max-width:calc(33.333% - 20px) !important}}@media (min-width:1400px){.home-products-section .row > div, .home-products-section .row > .prod-col, .home-products-section .row > [class*="col-"]{flex:1 1 calc(25% - 20px) !important;max-width:calc(25% - 20px) !important}}.prod-col,
[class*="col-"] .prod_item{width:100% !important}@media (max-width:576px){.prod_item{min-height:420px !important;height:auto !important;width:100% !important;max-width:100% !important}.prod-col{width:60% !important;max-width:100% !important;padding:0 10px !important}.home-products-section .row{margin:0 -10px !important}.home-products-section [class*="col-"]{width:100% !important;max-width:100% !important;flex:0 0 100% !important;padding:0 10px !important}.product-title span, .prod_item .product-title span, .vertical .product-title span, .horizontal .product-title span{font-size:16px !important;line-height:1.4 !important;font-weight:600 !important}.btn-product-card-select-variant, .addToCartBtn, a.btn.btn-primary.btn-product-card-select-variant.addToCartBtn, .prod_item .btn, .prod_item a.btn, .vertical .btn, .horizontal .btn{font-size:16px !important;padding:10px 0 !important;width:100% !important;line-height:1.4 !important}.prod_item .box-1-1{height:200px !important;width:100% !important}}@media (max-width:426px){body .text{left:50% !important;right:auto !important;bottom:2px !important;top:auto !important;transform:translateX(-50%) !important;width:92% !important}}button.loyalty_footer_btn{display:none !important}section[section-id="d64cc91d-6fc7-4648-a3ec-ebd25a7bbebd"] a.btn.btn-luv{display:none !important}section[section-id="d64cc91d-6fc7-4648-a3ec-ebd25a7bbebd"] .g_fixed_bannar{height:105vh !important}@media (max-width:767px){section[section-id="d64cc91d-6fc7-4648-a3ec-ebd25a7bbebd"] .g_fixed_bannar{height:35vh !important}}@media (max-width:768px){[section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"].features-section.section-padding-space .feature:last-child .features-section-title{font-size:16px !important;-webkit-line-clamp:5 !important;padding:20px 11px 113px !important}}@media (max-width:500px){.button-prefect{margin-top:15px;font-size:14.59px;font-weight:500;line-height:22.8px;width:136px !important;height:28.72px;border-width:0.61px}}h1.animate__animated.animate__fadeInUp.custom-dlay-heading.text-black.max-w-full.md\:w-full.text-\[56px\].md\:text-\[48px\].font-semibold.md\:font-bold.leading-\[50px\].md\:leading-\[70px\]{text-align:center}p.animate__animated.animate__fadeInUp.custom-dlay-p.hidden.md\:block.text-black.font-medium.text-\[20px\].leading-\[70px\]{text-align:center}a[href="tel:+966565660629"]{display:none}@media (max-width:768px){.categories-slider, .products-slider, .testimonials-slider, .partners-slider{display:flex;flex-direction:column;gao:11px;justify-content:center;align-items:center;gap:20px}}.mazeed-badge{display:none !important}.loyalty-points-products-section{display:none !important}.footer-store-section .footer-about-us-links-div{text-align:start !important}.footer-store-section .store-section p,
.footer-store-section .store-section a{text-align:start !important}body.ltr .footer-store-section{direction:ltr !important}body.ltr .footer-store-section .row{flex-direction:row}body.ltr .footer-store-section .row h2,
body.ltr .footer-about-us-links-div h2{text-align:left !important;margin-left:5px !important;margin-right:0 !important}body.ltr .footer-store-section .store-section p,
body.ltr .footer-store-section .store-section a,
body.ltr .footer-about-us-links-div,
body.ltr .footer-about-us-links-div p,
body.ltr .footer-about-us-links-div a{text-align:left !important}body.ltr .social-icons-footer{justify-content:flex-start !important}body.ltr .footer-logo,
.ltr .footer-logo{position:relative !important;margin-left:0 !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important}body.ltr .footer-copyrights-vat-certificate .container{direction:ltr !important}body.rtl .footer-store-section{direction:rtl !important}body.rtl .footer-store-section .row{flex-direction:row}body.rtl .footer-store-section .row h2,
body.rtl .footer-about-us-links-div h2{text-align:right !important;margin-right:5px !important;margin-left:0 !important}body.rtl .footer-store-section .store-section p,
body.rtl .footer-store-section .store-section a,
body.rtl .footer-about-us-links-div,
body.rtl .footer-about-us-links-div p,
body.rtl .footer-about-us-links-div a{text-align:right !important}body.rtl .social-icons-footer{justify-content:flex-end !important}body.rtl .footer-logo,
.rtl .footer-logo{position:relative !important;margin-right:auto !important;margin-left:0 !important;padding-right:0 !important;padding-left:0 !important}body.rtl .footer-copyrights-vat-certificate .container{direction:rtl !important}body.ltr .logistics-pay-icons{justify-content:flex-start !important}body.rtl .logistics-pay-icons{justify-content:flex-end !important}body.ltr .footer-copyrights{text-align:left !important}body.rtl .footer-copyrights{text-align:right !important}@media (min-width:992px){.footer-store-section .row .row > [class*="col-lg-4"]{padding-inline:20px !important}.footer-store-section .footer-about-us-links-div{padding-inline:20px !important;margin-bottom:0 !important}}@media (max-width:991px){.footer-store-section .row .col-12{width:100% !important;max-width:100% !important;margin-bottom:28px !important;padding-inline:12px !important}.footer-store-section .row .col-12:last-child{margin-bottom:0 !important}.footer-store-section .row .row .col-12{margin-bottom:28px !important}.footer-store-section .row .row .col-12:last-child{margin-bottom:0 !important}.footer-about-us-links-div{margin-bottom:28px !important;padding-inline:0 !important}.footer-about-us-links-div:last-child{margin-bottom:0 !important}}@media (max-width:768px){body.ltr .footer-store-section .store-section p, body.ltr .footer-store-section .store-section a, body.ltr .footer-about-us-links-div, body.rtl .footer-store-section .store-section p, body.rtl .footer-store-section .store-section a, body.rtl .footer-about-us-links-div{text-align:start !important}body.ltr .footer-store-section .row h2, body.ltr .footer-about-us-links-div h2, body.rtl .footer-store-section .row h2, body.rtl .footer-about-us-links-div h2{text-align:start !important;margin-bottom:12px !important}.footer-about-us-links-div{margin-bottom:24px !important}body.ltr .footer-logo, .ltr .footer-logo, body.rtl .footer-logo, .rtl .footer-logo{position:relative !important;margin:0 0 24px 0 !important}body.ltr .social-icons-footer, body.rtl .social-icons-footer{justify-content:flex-start !important}}body.ltr .footer-store-section .footer-logo,
body.rtl .footer-store-section .footer-logo{position:relative !important}@media (max-width:768px){body.ltr [section-id="2a71be5c-8485-4950-bfd6-53e70d52383d"] .features-section.section-padding-space .feature:last-child .features-section-title{font-size:16px !important;-webkit-line-clamp:5 !important;padding:20px 11px 191px !important}}