/* ============================================== التدرج الأخضر الفاخر - بدلاً من الخلفية السوداء ============================================== */:root{--green-dark:#0a1a17;--green-medium:#152e28;--green-highlight:#1e4039;--green-glow:#2d5b4f;--website-bg:var(--green-dark) !important;--gold-text-on-green:#e8d7a1;--gold-highlight:#f5e8c7;--gold-shadow:#8b6914;--header-primary-color:#0e221d !important;--header-fixed-bg:linear-gradient(180deg, #1a5545 0%, #166b52 50%, #1a4a3a 100%) !important;--header-mobile-bg:#0e221d !important;--footer-primary-color:#0a1a17 !important;--footer-bg-copyrights:#0e221d !important;--whatapp-bg:#0e221d !important;--whatapp-msg-bg:#0e221d !important;--whatapp-bg-whatsapp:#0a1a17 !important;--bread-bg:#0e221d !important;--scrollbar-bg-color:#0a1a17 !important;--all-borders:#1e4039 !important;--black-color:#0a1a17 !important}body,
html{background:radial-gradient(ellipse 80% 60% at 50% 50%, rgba(46, 91, 79, 0.35) 0%, transparent 70%), linear-gradient(180deg, #0a1a17 0%, #0e221d 15%, #152e28 30%, #1a3831 45%, #1e4039 55%, #1a3831 65%, #152e28 78%, #0e221d 90%, #0a1a17 100%) !important;background-attachment:fixed !important}.vs-header,
.vs-header.layout3{background:radial-gradient(ellipse 100% 80% at 50% 0%, rgba(46, 91, 79, 0.25) 0%, transparent 60%), linear-gradient(180deg, #0a1a17 0%, #0e221d 50%, #152e28 100%) !important}.vs-header .header-logo,
.vs-header .header-wc,
.vs-header .sticky-wrapper,
.vs-header .sticky-active,
.vs-header .container-fluid,
.vs-header .row,
.vs-header .d-flex,
.vs-header [class*="col-"]{background:transparent !important}footer,
.footer,
.site-footer{background:radial-gradient(ellipse 100% 80% at 50% 100%, rgba(46, 91, 79, 0.25) 0%, transparent 60%), linear-gradient(0deg, #0a1a17 0%, #0e221d 50%, #152e28 100%) !important}.footer-copyrights-vat-certificate .logistics-pay-icons{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;padding:6px 12px !important;border-radius:8px !important;border:2px solid #b89955 !important;box-shadow:0 2px 8px rgba(139, 105, 20, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(139, 105, 20, 0.2) !important}a.back-to-top{width:50px !important;height:50px !important;border-radius:50% !important;background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:3px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 4px 15px rgba(139, 105, 20, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 4px rgba(139, 105, 20, 0.3) !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important}a.back-to-top svg{fill:#5a4a2a !important;stroke:#5a4a2a !important;filter:drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.5)) !important;transition:transform 0.3s ease !important}a.back-to-top:hover svg{transform:scale(1.3) !important}button.loyalty_footer_btn{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:3px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 4px 12px rgba(139, 105, 20, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 4px rgba(139, 105, 20, 0.3) !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;font-weight:700 !important}button.loyalty_footer_btn svg,
button.loyalty_footer_btn svg path{fill:#5a4a2a !important;filter:drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.5)) !important}button.loyalty_footer_btn svg path[fill="#F2CE73"]{fill:#c5a030 !important}.products-pagination .page-link{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:2px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;font-weight:700 !important;box-shadow:0 2px 6px rgba(139, 105, 20, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;transition:all 0.3s ease !important}.products-pagination .page-link i{color:#5a4a2a !important}.products-pagination .page-link.active{background:linear-gradient(145deg, #0e221d, #152e28, #1a3831) !important;border:2px solid #2d5b4f !important;color:#f0ddb0 !important;text-shadow:0 0 10px rgba(240, 221, 176, 0.6), 1px 1px 2px rgba(139, 105, 20, 0.8) !important;box-shadow:0 2px 8px rgba(46, 91, 79, 0.4), inset 0 1px 2px rgba(46, 91, 79, 0.3) !important}.products-pagination .page-link:hover:not(.active){transform:translateY(-2px) !important;box-shadow:0 4px 10px rgba(139, 105, 20, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.6) !important}.products-pagination .page-item.disabled .page-link{opacity:0.5 !important;cursor:not-allowed !important}.slickPrev,
.slickNext{width:40px !important;height:40px !important;border-radius:50% !important;background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:2px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 3px 10px rgba(139, 105, 20, 0.4), inset 0 2px 3px rgba(255, 255, 255, 0.5), inset 0 -2px 3px rgba(139, 105, 20, 0.3) !important;color:#5a4a2a !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all 0.3s ease !important}.slickPrev::before,
.slickNext::before{color:#5a4a2a !important;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5) !important}.slickPrev:hover,
.slickNext:hover{transform:scale(1.1) !important;box-shadow:0 5px 15px rgba(139, 105, 20, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.6), inset 0 -2px 4px rgba(139, 105, 20, 0.4) !important}.loyalty-points-products-section{border:3px solid transparent !important;background:linear-gradient(180deg, #0a1a17, #0e2a24, #143832) padding-box, linear-gradient(135deg, #b89955, #f0ddb0, #fff9e6, #f0ddb0, #b89955) border-box !important;border-radius:12px !important;box-shadow:0 4px 15px rgba(139, 105, 20, 0.2), inset 0 1px 3px rgba(77, 180, 140, 0.1) !important}.loyalty-points-products-section .loyalty-points-rewards{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:2px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;padding:4px 10px !important;border-radius:20px !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;font-weight:700 !important;box-shadow:0 3px 8px rgba(139, 105, 20, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;gap:3px !important}.loyalty-points-products-section .loyalty-points-rewards svg.loyalty-points-rewards-logo{width:26px !important;height:26px !important}.loyalty-points-products-section .loyalty-points-rewards svg path{fill:#5a4a2a !important}.loyalty-points-products-section .loyalty-points-rewards svg path[fill="#F2CE73"]{fill:#c5a030 !important}.social-icons .fa-whatsapp,
.social-icons a .fa-whatsapp,
.social-icons i.fa-whatsapp{background:transparent !important;background-color:transparent !important;background-image:none !important;color:#5a4a2a !important}a.whatsTitle .fa-whatsapp{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;font-size:28px !important}a.whatsTitle .circle-svg__spin circle{stroke:#d4af75 !important}.select-quantity,
select.select-quantity{background:linear-gradient(180deg, #f5f0e0, #e8dfc5) !important;border:2px solid #b89955 !important;border-radius:8px !important;color:#5a4a2a !important;font-weight:600 !important;padding:8px 12px !important;box-shadow:0 2px 6px rgba(139, 105, 20, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important}.select-quantity:focus,
select.select-quantity:focus{border-color:#d4af75 !important;outline:none !important;box-shadow:0 0 8px rgba(212, 175, 117, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important}h1,
h2,
h3,
h4,
h5,
h6,
.title,
.heading,
[class*="title"],
[class*="heading"]{color:var(--gold-text-on-green) !important;text-shadow:2px 2px 4px rgba(10, 26, 23, 0.9), -1px -1px 2px rgba(139, 105, 20, 0.3), 0 0 15px rgba(232, 215, 161, 0.15), 0 0 2px rgba(245, 232, 199, 0.4) !important}p,
span,
a,
li,
div{text-shadow:1px 1px 2px rgba(10, 26, 23, 0.7), 0 0 8px rgba(232, 215, 161, 0.08) !important}[style*="background-color:#020203"],
[style*="background:#020203"],
[style*="background-color:#000"],
[style*="background:#000"],
[style*="background-color:black"],
[style*="background:black"]{background:linear-gradient(180deg, #0a1a17 0%, #152e28 50%, #0a1a17 100%) !important}.section,
section,
.container-section,
.page-section{background:transparent !important}.bread-section,
.breadcrumb-section,
[class*="bread"]{background:radial-gradient(ellipse 70% 50% at 50% 50%, rgba(46, 91, 79, 0.3) 0%, transparent 70%), linear-gradient(180deg, #0e221d 0%, #152e28 50%, #0e221d 100%) !important}.product-item,
.card,
.box,
[class*="card"],
[class*="box"]{background:linear-gradient(145deg, #0e221d 0%, #152e28 50%, #0e221d 100%) !important;border-color:#1e4039 !important;box-shadow:0 4px 15px rgba(10, 26, 23, 0.4), inset 0 1px 0 rgba(46, 91, 79, 0.2), 0 0 20px rgba(46, 91, 79, 0.1) !important}.whatsapp-box,
.whatapp-bg,
[class*="whatsapp"],
[class*="whatapp"]{background:linear-gradient(145deg, #0e221d 0%, #152e28 100%) !important}::-webkit-scrollbar-track{background:linear-gradient(180deg, #0a1a17, #152e28) !important}/* ============================================== نهاية التدرج الأخضر ============================================== */ html,
body{scroll-behavior:auto !important;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#c5a059;border-radius:10px}.vs-btn,
.btn-primary,
.btn-send-notify{border-radius:12px !important;transition:all 0.3s ease-in-out !important;font-weight:700 !important;background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;border:3px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 6px 18px rgba(139, 105, 20, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 6px rgba(139, 105, 20, 0.3), inset 2px 0 4px rgba(255, 255, 255, 0.3), inset -2px 0 4px rgba(139, 105, 20, 0.2) !important}.vs-btn:not(.slick-arrow):not(.hbtn1 .vs-btn):hover{transform:translateY(-6px) scale(1.02) !important;color:#4a3a1a !important;text-shadow:1px 1px 3px rgba(255, 255, 255, 0.6), -1px -1px 2px rgba(139, 105, 20, 0.5) !important;box-shadow:0 12px 30px rgba(139, 105, 20, 0.5), inset 0 2px 6px rgba(255, 255, 255, 0.6), inset 0 -2px 8px rgba(139, 105, 20, 0.4), inset 2px 0 6px rgba(255, 255, 255, 0.4), inset -2px 0 6px rgba(139, 105, 20, 0.3) !important}.vs-btn:not(.slick-arrow):not(.hero-content .vs-btn):not(.offer-style .vs-btn):not(.hbtn1 .vs-btn):hover{background:linear-gradient(145deg, #0e221d, #152e28, #1a3831) !important;border:2px solid #2d5b4f !important;color:#f0ddb0 !important;text-shadow:0 0 10px rgba(240, 221, 176, 0.6), 1px 1px 2px rgba(139, 105, 20, 0.8), -1px -1px 1px rgba(255, 255, 255, 0.2) !important;box-shadow:0 10px 25px rgba(46, 91, 79, 0.4), inset 0 1px 2px rgba(46, 91, 79, 0.3), 0 0 20px rgba(45, 91, 79, 0.2) !important}.hero-content .vs-btn,
.offer-style .vs-btn,
.hbtn1 .vs-btn{color:#d4af37 !important;font-weight:800 !important;font-size:16px !important;letter-spacing:1px !important;text-shadow:0 1px 0 rgba(255, 235, 180, 0.8), 0 -1px 1px rgba(0, 50, 40, 0.8), 0 0 15px rgba(212, 175, 55, 0.5) !important;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 40%), linear-gradient(145deg, #0d4a3c 0%, #0f5e4d 15%, #127a5f 30%, #15956f 50%, #127a5f 70%, #0f5e4d 85%, #0d4a3c 100%) !important;border-top:4px solid #4de8b8 !important;border-left:4px solid #3bc99e !important;border-bottom:5px solid #053028 !important;border-right:5px solid #084035 !important;box-shadow:0 0 15px rgba(77, 232, 184, 0.1), inset 0 2px 5px rgba(255, 255, 255, 0.15), inset 0 -2px 5px rgba(0, 30, 25, 0.3), inset 2px 2px 4px rgba(77, 232, 184, 0.15), inset -2px -2px 4px rgba(0, 30, 25, 0.3) !important;transition:transform 0.2s ease !important;border-radius:8px !important;padding:14px 35px !important;position:relative !important;z-index:10 !important}.hero-content .vs-btn:hover,
.offer-style .vs-btn:hover,
.hbtn1 .vs-btn:hover{transform:translateY(-3px) scale(1.02) !important}.hero-content .vs-btn:active,
.offer-style .vs-btn:active,
.hbtn1 .vs-btn:active{transform:translateY(1px) scale(0.98) !important}.hero-content .vs-btn::before,
.hero-content .vs-btn::after,
.offer-style .vs-btn::before,
.offer-style .vs-btn::after,
.hbtn1 .vs-btn::before,
.hbtn1 .vs-btn::after,
.hero-content .hbtn1 .vs-btn::before,
.hero-content .hbtn1 .vs-btn::after,
.hero-content .hbtn1 a.vs-btn::before,
.hero-content .hbtn1 a.vs-btn::after,
a.vs-btn.hero-content::before,
a.vs-btn.hero-content::after{all:unset !important;display:none !important;content:"" !important;background:transparent !important;background-color:transparent !important;background-image:none !important;opacity:0 !important;visibility:hidden !important;width:0 !important;height:0 !important;max-width:0 !important;max-height:0 !important;position:absolute !important;z-index:-9999 !important;transform:none !important;transition:none !important;pointer-events:none !important}.hero-content .vs-btn:hover::before,
.hero-content .vs-btn:hover::after,
.offer-style .vs-btn:hover::before,
.offer-style .vs-btn:hover::after,
.hbtn1 .vs-btn:hover::before,
.hbtn1 .vs-btn:hover::after,
.hero-content .hbtn1 .vs-btn:hover::before,
.hero-content .hbtn1 .vs-btn:hover::after{all:unset !important;display:none !important;content:"" !important;background:transparent !important;background-color:transparent !important;background-image:none !important;opacity:0 !important;visibility:hidden !important;width:0 !important;height:0 !important;transform:none !important;transition:none !important}.hbtn1{overflow:visible !important}.hero-content .d-flex,
.offer-style .d-flex,
.hero-content .hbtn1,
.hero-content .overflow-hidden{overflow:visible !important}.slick-arrow.vs-btn{width:50px !important;height:50px !important;border-radius:50% !important;background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:3px solid #b89955 !important;box-shadow:0 4px 15px rgba(139, 105, 20, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 4px rgba(139, 105, 20, 0.3) !important;display:flex !important;align-items:center !important;justify-content:center !important}.slick-arrow.vs-btn i{color:#5a4a2a !important;filter:drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.5)) !important}.slick-arrow.vs-btn:hover{transform:translateY(-50%) scale(1.1) !important;box-shadow:0 8px 20px rgba(139, 105, 20, 0.5), inset 0 2px 6px rgba(255, 255, 255, 0.6), inset 0 -2px 6px rgba(139, 105, 20, 0.4) !important}.slick-arrow.vs-btn:hover i{color:#4a3a1a !important}.hero-title{font-size:4.2rem !important;font-weight:800 !important;color:#f8e5a7 !important;text-shadow:2px 2px 8px rgba(0, 0, 0, 0.4) !important}.hero-subtitle{font-size:1.6rem !important;color:#f8e5a7 !important}@media (max-width:768px){.hero-title{font-size:2.2rem !important}.hero-subtitle{font-size:1.1rem !important}.slick-arrow.vs-btn{width:38px !important;height:38px !important}}ul#tabs-c3b68e89-b4bb-4612-bdb6-5b00d85815a3{display:flex;justify-content:center;gap:12px;padding:20px 0;list-style:none;background-color:transparent}#tabs-c3b68e89-b4bb-4612-bdb6-5b00d85815a3 .nav-item{background:linear-gradient(145deg, #0e221d, #152e28) !important;color:#f0ddb0 !important;text-shadow:0 0 8px rgba(240, 221, 176, 0.5), 1px 1px 2px rgba(139, 105, 20, 0.6) !important;padding:12px 35px;font-weight:bold;cursor:pointer;transition:all 0.4s ease;position:relative;overflow:hidden;clip-path:polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);border:2px solid #2d5b4f;display:flex;align-items:center;justify-content:center;min-width:120px}#tabs-c3b68e89-b4bb-4612-bdb6-5b00d85815a3 .nav-item:hover:not(.active){background:linear-gradient(135deg, #0e221d, #1a3831, #152e28) !important;border-color:#3d7a6a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(46, 91, 79, 0.4), 0 0 20px rgba(45, 91, 79, 0.2) !important;color:#f5e8c7 !important;text-shadow:0 0 10px rgba(245, 232, 199, 0.6), 1px 1px 2px rgba(139, 105, 20, 0.7) !important}#tabs-c3b68e89-b4bb-4612-bdb6-5b00d85815a3 .nav-item.active{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;font-weight:900;border:3px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 6px 18px rgba(139, 105, 20, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 6px rgba(139, 105, 20, 0.3), inset 2px 0 4px rgba(255, 255, 255, 0.3), inset -2px 0 4px rgba(139, 105, 20, 0.2) !important;transform:translateY(-3px)}#tabs-c3b68e89-b4bb-4612-bdb6-5b00d85815a3 .nav-item.active::before{content:'';position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);opacity:0.8}#tabs-c3b68e89-b4bb-4612-bdb6-5b00d85815a3 .nav-item.active::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg, transparent, rgba(139, 105, 20, 0.6), transparent)}#tabs-c3b68e89-b4bb-4612-bdb6-5b00d85815a3 .nav-item:active{transform:translateY(0px);box-shadow:0 2px 8px rgba(139, 105, 20, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.15)}.product-item{position:relative !important;overflow:hidden !important;border-radius:12px !important;border:4px solid transparent !important;background:linear-gradient(180deg, #0a1a17 0%, #0e2a24 15%, #143832 35%, #1a4a40 50%, #143832 65%, #0e2a24 85%, #0a1a17 100%) padding-box, linear-gradient(135deg, #b89955, #f0ddb0, #fff9e6, #f0ddb0, #b89955) border-box !important;box-shadow:0 8px 25px rgba(0, 0, 0, 0.4), 0 4px 10px rgba(0, 0, 0, 0.3), 0 0 15px rgba(184, 153, 85, 0.15), inset 0 2px 4px rgba(77, 180, 140, 0.2), inset 0 -2px 4px rgba(0, 15, 12, 0.4), inset 2px 0 4px rgba(77, 180, 140, 0.1), inset -2px 0 4px rgba(0, 15, 12, 0.3) !important;transition:all 0.3s ease !important}.product-item:hover{transform:translateY(-5px) !important;box-shadow:0 15px 40px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.4), 0 0 25px rgba(184, 153, 85, 0.25), inset 0 2px 6px rgba(77, 180, 140, 0.25), inset 0 -2px 6px rgba(0, 15, 12, 0.5), inset 2px 0 6px rgba(77, 180, 140, 0.15), inset -2px 0 6px rgba(0, 15, 12, 0.4) !important}.product-item .content{background:linear-gradient(180deg, #0e2a24 0%, #143832 50%, #1a4039 100%) !important}.product-item .mask{background:linear-gradient(180deg, #0a1a17 0%, #0e2a24 100%) !important}.product-item .mask .image img{max-width:none !important;max-height:100%}.addCart .btn-product-card{font-size:13px !important;padding:4px 14px !important;background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;border-radius:50px !important;border:2px solid #b89955 !important;box-shadow:0 2px 6px rgba(139, 105, 20, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important}.addCart.disabled .btn-product-card{background:linear-gradient(135deg, #a0a0a0 0%, #c8c8c8 20%, #e0e0e0 40%, #c8c8c8 60%, #a0a0a0 80%, #888888 100%) !important;color:#555555 !important;border:2px solid #888888 !important}.products-details-page .prodImages{border:4px solid transparent !important;border-radius:12px !important;background:linear-gradient(180deg, #0a1a17 0%, #0e2a24 50%, #143832 100%) padding-box, linear-gradient(135deg, #b89955, #f0ddb0, #fff9e6, #f0ddb0, #b89955) border-box !important;overflow:hidden !important;position:relative !important;box-shadow:0 8px 25px rgba(0, 0, 0, 0.4), inset 0 2px 4px rgba(77, 180, 140, 0.2), inset 0 -2px 4px rgba(0, 15, 12, 0.4) !important}.product-item-out-of-stock .out-of-stock-label{all:unset !important;position:absolute !important;top:30px !important;left:-65px !important;background:linear-gradient(135deg, #d4af75, #f0ddb0, #fff9e6, #f0ddb0, #d4af75) !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;width:200px !important;text-align:center !important;padding:10px 20px !important;font-size:13px !important;font-weight:900 !important;transform:rotate(-45deg) !important;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5), inset 0 1px 3px rgba(255, 255, 255, 0.5), inset 0 -2px 3px rgba(139, 105, 20, 0.3) !important;z-index:50 !important;border-top:2px solid #f5e8c7 !important;border-bottom:2px solid #b89955 !important}.home-products-section .slick-arrow{width:45px !important;height:45px !important;border-radius:50% !important;background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:3px solid #b89955 !important;box-shadow:0 4px 15px rgba(139, 105, 20, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 4px rgba(139, 105, 20, 0.3) !important;display:flex !important;align-items:center !important;justify-content:center !important}.home-products-section .slick-arrow i{display:block !important;color:#5a4a2a !important;font-size:18px !important;font-weight:900 !important;filter:drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.5)) !important}.home-products-section .slick-arrow:hover{box-shadow:0 8px 20px rgba(139, 105, 20, 0.5), inset 0 2px 6px rgba(255, 255, 255, 0.6), inset 0 -2px 6px rgba(139, 105, 20, 0.4) !important}.home-products-section .slick-arrow:hover i{color:#4a3a1a !important}.home-products-section .slick-arrow:active{transform:scale(1.05) !important;box-shadow:0 3px 10px rgba(139, 105, 20, 0.4), inset 0 2px 4px rgba(0, 0, 0, 0.2) !important}.home-products-section.style1 .slick-prev i{transform:scaleX(-1) !important}.home-products-section.style1 .slick-next i{transform:scaleX(-1) !important}.home-products-section.style1 .slick-prev{left:0px !important}.home-products-section.style1 .slick-next{left:50px !important}.product-item .options small{background:linear-gradient(90deg, #d4af75, #f0ddb0, #fff9e6, #f0ddb0, #d4af75) !important;color:#5a4a2a !important;text-shadow:0.5px 0.5px 1px rgba(255, 255, 255, 0.5), -0.5px -0.5px 0.5px rgba(139, 105, 20, 0.4) !important;font-weight:900 !important;border:none !important;box-shadow:0 2px 6px rgba(139, 105, 20, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(139, 105, 20, 0.2) !important}[class*="col-"]:has(.feature-style){display:flex !important}.feature-style{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;padding:45px 30px !important;border-radius:8px !important;text-align:center !important;transition:all 0.4s ease !important;position:relative !important;height:100% !important;border:3px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 8px 20px rgba(139, 105, 20, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 6px rgba(139, 105, 20, 0.3), inset 2px 0 4px rgba(255, 255, 255, 0.3), inset -2px 0 4px rgba(139, 105, 20, 0.2) !important}.feature-style:hover{transform:translateY(-8px) scale(1.02) !important;box-shadow:0 15px 35px rgba(139, 105, 20, 0.5), inset 0 2px 6px rgba(255, 255, 255, 0.6), inset 0 -2px 8px rgba(139, 105, 20, 0.4), inset 2px 0 6px rgba(255, 255, 255, 0.4), inset -2px 0 6px rgba(139, 105, 20, 0.3) !important}.feature-style__icon{width:70px !important;height:70px !important;margin:0 auto 25px !important;padding:15px !important;background:linear-gradient(145deg, #c9a363, #b89955, #a68845) !important;border-radius:12px !important;box-shadow:inset 3px 3px 8px rgba(0, 0, 0, 0.4), inset -2px -2px 6px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(139, 105, 20, 0.3) !important;border:2px solid #a68845 !important;border-top-color:#8b7035 !important;border-left-color:#8b7035 !important;transition:all 0.3s ease !important;display:block !important;filter:brightness(0.85) contrast(1.1) !important}.feature-style:hover .feature-style__icon{transform:scale(1.05) !important;filter:brightness(0.9) contrast(1.15) !important;box-shadow:inset 4px 4px 10px rgba(0, 0, 0, 0.5), inset -3px -3px 8px rgba(255, 255, 255, 0.25), 0 3px 6px rgba(139, 105, 20, 0.4) !important}.feature-style__title{color:#5a4a2a !important;font-size:21px !important;font-weight:800 !important;margin-bottom:12px !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;transition:all 0.3s ease !important}.feature-style:hover .feature-style__title{color:#4a3a1a !important;text-shadow:1px 1px 3px rgba(255, 255, 255, 0.6), -1px -1px 2px rgba(139, 105, 20, 0.5) !important}.feature-style__text{color:#6b5a3a !important;font-size:15px !important;line-height:1.7 !important;margin:0 !important;font-weight:500 !important;text-shadow:0.5px 0.5px 1px rgba(255, 255, 255, 0.4), -0.5px -0.5px 0.5px rgba(139, 105, 20, 0.3) !important;transition:all 0.3s ease !important}.feature-style:hover .feature-style__text{color:#5a4a2a !important}.feature-style::before,
.feature-style::after{content:'' !important;position:absolute !important;width:30px !important;height:30px !important;border:2px solid #a68845 !important;opacity:0.6 !important}.feature-style::before{top:10px !important;left:10px !important;border-right:none !important;border-bottom:none !important}.feature-style::after{bottom:10px !important;right:10px !important;border-left:none !important;border-top:none !important}@keyframes goldShine{0%{left:-100%}100%{left:200%}}.feature-style{overflow:hidden !important}.feature-style:hover::after{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:50% !important;height:100% !important;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;animation:goldShine 1.5s ease-in-out !important;border:none !important;opacity:1 !important}.main-menu .top-level-link a{position:relative !important;transition:color 0.3s ease !important}.main-menu .top-level-link a::after{content:'' !important;position:absolute !important;bottom:5px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:0 !important;height:4px !important;background:linear-gradient(90deg, transparent 0%, #d4af75 15%, #f0ddb0 35%, #fff9e6 50%, #f0ddb0 65%, #d4af75 85%, transparent 100%) !important;border-radius:50% !important;box-shadow:0 2px 8px rgba(139, 105, 20, 0.5), 0 0 12px rgba(240, 221, 176, 0.4) !important;transition:width 0.4s ease !important}.main-menu .top-level-link a:hover::after{width:100% !important}.main-menu .top-level-link a:hover{color:#f0ddb0 !important}.main-menu .top-level-link.active a::after{width:100% !important}.main-menu .top-level-link.active a{color:#f0ddb0 !important;font-weight:700 !important}.social-icons a{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:2px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 3px 10px rgba(139, 105, 20, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(139, 105, 20, 0.3) !important;transition:all 0.3s ease !important}.social-icons a span,
.social-icons a .fa{color:#5a4a2a !important;filter:drop-shadow(0.5px 0.5px 1px rgba(255, 255, 255, 0.5)) !important}.social-icons a svg{fill:#5a4a2a !important;filter:drop-shadow(0.5px 0.5px 1px rgba(255, 255, 255, 0.5)) !important}.social-icons a:hover{transform:translateY(-3px) !important;box-shadow:0 5px 15px rgba(139, 105, 20, 0.5), inset 0 2px 3px rgba(255, 255, 255, 0.6), inset 0 -2px 3px rgba(139, 105, 20, 0.4) !important}.social-icons a:hover span,
.social-icons a:hover .fa{color:#4a3a1a !important}.social-icons a:hover svg{fill:#4a3a1a !important}.svg-line path{stroke:#d4af75 !important;opacity:0.7 !important}.svg-line rect{fill:#152e28 !important;stroke:none !important;stroke-width:0 !important;opacity:1 !important}.header-wc,
.header-wc.style2{background:transparent !important;box-shadow:none !important;border:none !important}.header-wc .wc-link:hover,
.header-wc .wc-link2:hover,
.header-wc .cart-toggle-btn:hover{transform:translateY(-3px) !important;transition:transform 0.2s ease !important}.header-sticky,
.xc-header-sticky,
#xc-header-sticky,
.navbars.header-sticky{background:linear-gradient(180deg, #0e2a24 0%, #143832 35%, #1a4039 65%, #152e28 100%) !important;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3), inset 0 -2px 10px rgba(0, 30, 25, 0.3) !important}.slide-menu,
#sliding-menu,
nav.slide-menu{background:linear-gradient(180deg, #0a1a17 0%, #0e2a24 10%, #143832 25%, #1a4039 40%, #1e4a42 50%, #1a4039 60%, #143832 75%, #0e2a24 90%, #0a1a17 100%) !important}.slide-menu .menuHead{background:linear-gradient(180deg, #0e2a24 0%, #143832 50%, #1a4039 100%) !important;border-bottom:1px solid #2d5b4f !important}.slide-menu .slide-menu-ul-li a{color:#f0ddb0 !important;text-shadow:0 0 8px rgba(240, 221, 176, 0.3) !important;border-bottom:1px solid rgba(45, 91, 79, 0.3) !important}.slide-menu .slide-menu-ul-li a:hover{color:#f5e8c7 !important;background:rgba(45, 91, 79, 0.2) !important}.slide-menu .loginBtn,
.menuHead .loginBtn{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;border:3px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 6px 18px rgba(139, 105, 20, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 6px rgba(139, 105, 20, 0.3), inset 2px 0 4px rgba(255, 255, 255, 0.3), inset -2px 0 4px rgba(139, 105, 20, 0.2) !important;border-radius:12px !important;padding:12px 30px !important;font-weight:700 !important;transition:all 0.3s ease !important;cursor:pointer !important}.slide-menu .loginBtn:hover,
.menuHead .loginBtn:hover{transform:translateY(-3px) scale(1.02) !important;box-shadow:0 10px 25px rgba(139, 105, 20, 0.5), inset 0 2px 6px rgba(255, 255, 255, 0.6), inset 0 -2px 8px rgba(139, 105, 20, 0.4), inset 2px 0 6px rgba(255, 255, 255, 0.4), inset -2px 0 6px rgba(139, 105, 20, 0.3) !important}/* ============================================== قسم شهادات العملاء - تصميم المجوهرات الفاخرة ============================================== */ .testi-layout1{background:radial-gradient(ellipse 80% 60% at 50% 50%, rgba(46, 91, 79, 0.4) 0%, transparent 70%), linear-gradient(180deg, #0a1a17 0%, #0e2a24 30%, #152e28 50%, #0e2a24 70%, #0a1a17 100%) !important}.testi-layout1 .sec-subtitle{color:#f0ddb0 !important;text-shadow:0 0 15px rgba(240, 221, 176, 0.5) !important}.testi-layout1 .sec-title{color:#f5e8c7 !important;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(240, 221, 176, 0.3) !important}.testi-style{background:#0e2a24 !important;border:2px solid transparent !important;border-radius:20px !important;padding:40px 30px !important;position:relative !important;margin:20px !important;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(184, 153, 85, 0.3), 0 0 30px rgba(184, 153, 85, 0.1) !important}.testi-style::before{content:'' !important;position:absolute !important;inset:-2px !important;border-radius:22px !important;padding:2px !important;background:linear-gradient(135deg, #b89955, #f0ddb0, #fff9e6, #f0ddb0, #b89955) !important;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;-webkit-mask-composite:xor !important;mask-composite:exclude !important;pointer-events:none !important}.testi-style::after{content:'"' !important;position:absolute !important;top:20px !important;right:30px !important;font-size:80px !important;font-family:Georgia, serif !important;background:linear-gradient(135deg, #d4af75, #f0ddb0, #fff9e6, #f0ddb0, #d4af75) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;opacity:0.4 !important;line-height:1 !important}.testi-thumb{margin-bottom:25px !important}.testi-thumb img{width:90px !important;height:90px !important;border-radius:50% !important;border:4px solid transparent !important;background:linear-gradient(#0e2a24, #0e2a24) padding-box, linear-gradient(135deg, #b89955, #f0ddb0, #fff9e6, #f0ddb0, #b89955) border-box !important;box-shadow:0 0 20px rgba(184, 153, 85, 0.4), 0 5px 15px rgba(0, 0, 0, 0.3) !important}.testi-text{color:#e8d7a1 !important;font-size:18px !important;line-height:1.8 !important;font-style:italic !important;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) !important;margin-bottom:20px !important}.testi-user{color:#f0ddb0 !important;font-weight:700 !important;font-size:16px !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.3), 0 0 10px rgba(240, 221, 176, 0.4) !important}.testi-carousel .slick-dots{margin-top:30px !important}.testi-carousel .slick-dots li button{width:12px !important;height:12px !important;background:linear-gradient(135deg, #6b5a3a, #8b7a4a) !important;border:2px solid #b89955 !important;border-radius:50% !important;transform:rotate(45deg) !important;transition:all 0.3s ease !important}.testi-carousel .slick-dots li button:before{display:none !important}.testi-carousel .slick-dots li.slick-active button{background:linear-gradient(135deg, #d4af75, #f0ddb0, #fff9e6, #f0ddb0, #d4af75) !important;box-shadow:0 0 15px rgba(240, 221, 176, 0.6) !important;transform:rotate(45deg) scale(1.2) !important}.testi-layout1>img.ele1{opacity:0.1 !important}/* ============================================== أزرار صفحة تفاصيل المنتج - سبائك ذهب منحوتة ============================================== */ .product__details-action .btn-add-to-cart{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;border:3px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 6px 18px rgba(139, 105, 20, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 6px rgba(139, 105, 20, 0.3), inset 2px 0 4px rgba(255, 255, 255, 0.3), inset -2px 0 4px rgba(139, 105, 20, 0.2) !important;border-radius:12px !important;padding:12px 30px !important;font-weight:700 !important;font-size:16px !important;cursor:pointer !important}.product__details-action .add-to-wishlist .fa-heart,
.product__details-action .add-to-wishlist .icon-heart-mask{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;color:#5a4a2a !important;-webkit-background-clip:padding-box !important;background-clip:padding-box !important;text-shadow:0.5px 0.5px 1px rgba(255, 255, 255, 0.5), -0.5px -0.5px 0.5px rgba(139, 105, 20, 0.4) !important;border:2px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 4px 12px rgba(139, 105, 20, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.5), inset 0 -1px 4px rgba(139, 105, 20, 0.3) !important;border-radius:12px !important;width:48px !important;height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:20px !important;cursor:pointer !important}/* ============================================== بادج 24k - سبيكة ذهب ============================================== */
.bundle-offer-section{background:linear-gradient(135deg, #d4af75 0%, #f0ddb0 20%, #fff9e6 40%, #f0ddb0 60%, #d4af75 80%, #b89955 100%) !important;border:2px solid #b89955 !important;border-top-color:#f5e8c7 !important;border-left-color:#e8d5a8 !important;box-shadow:0 4px 12px rgba(139, 105, 20, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.5), inset 0 -1px 4px rgba(139, 105, 20, 0.3) !important;border-radius:5px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:5px 10px !important}.bundle-offer-section .bundle-offer-title{background:transparent !important;color:#5a4a2a !important;text-shadow:1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(139, 105, 20, 0.4) !important;font-weight:800 !important;margin:0 !important;padding:0 !important;display:block !important;text-align:center !important}/* ============================================== إلغاء خلفية قسم Breadcrumb ============================================== */
[class*="bread"]{background:transparent !important}/* ============================================== إصلاح خلفية الكارد - تدرج زمردي بدل الأسود ============================================== */
.product-item::before,
.product-item::after{background:linear-gradient(180deg, #0e2a24 0%, #143832 50%, #1a4039 100%) !important}.categories{overflow:visible !important}.categories .container-fluid{overflow:visible !important}.smooth-carousel-container{width:100%;overflow:visible;padding-top:30px;margin-top:-30px}.smooth-carousel-wrapper{overflow:hidden;width:100%;cursor:grab;-webkit-mask:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);mask:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent)}.smooth-carousel-wrapper:active{cursor:grabbing}.smooth-carousel-track{display:flex;gap:20px}@media (max-width:768px){.smooth-carousel-track{gap:10px}.smooth-carousel-track .category-item{transform:scale(0.90)}}@media (max-width:480px){.smooth-carousel-track{gap:2px}.smooth-carousel-track .category-item{transform:scale(0.85)}}/* ============================================== تأثير الهوفر للأشكال السداسية في الكاروسيل ============================================== */ .category-item::before,
.category-item::after,
.category-item .product-img::before,
.category-item .product-img::after{display:none !important;content:none !important}.category-item{position:relative !important;flex-shrink:0 !important;margin-top:12px !important}.category-item .product-img{transition:filter 0.3s ease !important}.category-item:hover .product-img{filter:drop-shadow(0 0 3px #d4af75) drop-shadow(0 0 6px #f0ddb0) drop-shadow(0 0 10px rgba(240, 221, 176, 0.8)) !important}