@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Playfair+Display:wght@700;900&display=swap";:root{--font-sans:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--color-bg:#120a02;--color-bg-scroll:#1a0e02;--color-bg-light:#281504;--color-primary:#e6a71e;--color-primary-glow:#e6a71e66;--color-primary-dark:#b87c0c;--color-text-light:#fef0d8;--color-text-muted:#d0b89a;--color-accent-green:#599b42;--color-bg-transparent:#120a0200;--color-glass-bg:#28150466;--color-glass-border:#e6a71e26;--color-glass-shadow:0 8px 32px 0 #00000080;--color-header-bg:#120a02eb;--color-header-border:#e6a71e26;--color-header-shadow:#0006;--color-feature-icon-bg:#e6a71e1a;--color-feature-icon-border:#e6a71e33;--color-stat-box-bg:#ffffff05;--color-stat-box-border:#ffffff0d;--color-btn-secondary-bg:#ffffff0d;--color-btn-secondary-border:#ffffff1a;--color-hero-glow:#e6a71e26;--color-product-shadow:#0009;--color-footer-bg:#0f0802;--color-footer-border:#e6a71e1a}[data-theme=light]{--color-bg:#faf6f0;--color-bg-scroll:#f3eae0;--color-bg-light:#f2e6d6;--color-primary:#d48e10;--color-primary-glow:#d48e1040;--color-primary-dark:#9e6705;--color-text-light:#281504;--color-text-muted:#6b4d32;--color-accent-green:#3e702c;--color-bg-transparent:#faf6f000;--color-glass-bg:#f2e6d699;--color-glass-border:#d48e1040;--color-glass-shadow:0 8px 32px 0 #28150414;--color-header-bg:#faf6f0eb;--color-header-border:#d48e1040;--color-header-shadow:#28150414;--color-feature-icon-bg:#d48e101a;--color-feature-icon-border:#d48e1040;--color-stat-box-bg:#28150405;--color-stat-box-border:#2815040f;--color-btn-secondary-bg:#2815040a;--color-btn-secondary-border:#2815041a;--color-hero-glow:#d48e1014;--color-product-shadow:#28150426;--color-footer-bg:#f2e6d6;--color-footer-border:#d48e1026}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .5s,color .5s;overflow-x:hidden}body.body-scrolled{background-color:var(--color-bg-scroll)}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:800;line-height:1.1}h1{font-size:clamp(2.5rem,8vw,5rem)}h2{margin-bottom:2rem;font-size:clamp(2rem,5vw,3.5rem)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(to right, #ffe699, var(--color-primary), #f90);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-panel{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);box-shadow:var(--color-glass-shadow);border-radius:24px;transition:background-color .5s,border-color .5s,box-shadow .5s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--color-primary-glow)}70%{box-shadow:0 0 20px 15px #e6a71e00}to{box-shadow:0 0 #e6a71e00}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-sans);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;z-index:1;border:none;border-radius:50px;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-content{z-index:2;align-items:center;gap:.5rem;display:flex;position:relative}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #f90);color:#120a02;box-shadow:0 4px 15px #e6a71e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e6a71e80}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:#e6a71e1a;transform:translateY(-2px)}.btn-large{padding:.85rem 2rem;font-size:1.125rem}.btn-medium{padding:.65rem 1.5rem;font-size:1rem}.btn-glow{opacity:0;z-index:0;pointer-events:none;background:radial-gradient(circle,#fffc 0%,#fff0 70%);width:200%;height:200%;transition:opacity .3s,transform .5s;position:absolute;top:-50%;left:-50%;transform:scale(.5)}.btn-primary:hover .btn-glow{opacity:.2;transform:scale(1)}.btn:active{transform:translateY(1px)}.header{z-index:100;-webkit-backdrop-filter:blur();width:100%;box-shadow:none;background:0 0;border-bottom:1px solid #0000;padding:1.5rem 0;transition:padding .3s cubic-bezier(.16,1,.3,1),background-color .3s,border-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0}.header.scrolled{background:var(--color-header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-header-border);box-shadow:var(--color-header-shadow);padding:1rem 0}.header-container{justify-content:space-between;align-items:center;display:flex}html[dir=rtl] .header-container{flex-direction:row-reverse}.logo{align-items:center;text-decoration:none;transition:transform .3s;display:flex}.logo:hover{transform:scale(1.05)}.logo-img{object-fit:contain;width:auto;height:70px;margin-top:-5px}.nav{gap:2.5rem;display:flex}html[dir=rtl] .nav{flex-direction:row-reverse}.nav a{color:var(--color-text-light);font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav a:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav a:hover{color:var(--color-primary)}.nav a:hover:after{width:100%}.header-actions{align-items:center;gap:1.5rem;display:flex}html[dir=rtl] .header-actions{flex-direction:row-reverse}.lang-switcher{position:relative}.lang-btn{color:var(--color-text-light);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.lang-btn:hover{color:var(--color-primary);background:#e6a71e1a;border-color:#e6a71e4d;transform:translateY(-1px)}.lang-label{display:inline-block}.lang-flag{font-size:1rem}.mobile-toggle{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;display:none}@media (width<=900px){.nav{background:var(--color-bg-light);gap:2rem;width:300px;height:100vh;padding:6rem 2rem;transition:right .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080;flex-direction:column!important}html[dir=rtl] .nav{transition:left .4s cubic-bezier(.16,1,.3,1);left:-100%;right:auto}.nav.open{right:0}html[dir=rtl] .nav.open{left:0}.nav a{font-size:1.5rem}.mobile-toggle{z-index:101;display:flex}.lang-label{display:none}.theme-toggle-btn{display:none!important}}.hero{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-bg-glow{background:radial-gradient(circle, var(--color-hero-glow) 0%, var(--color-bg-transparent) 70%);filter:blur(80px);z-index:0;pointer-events:none;width:60%;height:60%;position:absolute;top:-10%;right:-10%}html[dir=rtl] .hero-bg-glow{left:-10%;right:auto}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}html[dir=rtl] .hero-container{grid-template-columns:1fr 1fr}.hero-content{flex-direction:column;gap:1.5rem;display:flex}html[dir=rtl] .hero-content{align-items:flex-start}.badge{color:var(--color-accent-green);background:#599b421a;border:1px solid #599b424d;border-radius:50px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--color-accent-green);width:8px;height:8px;box-shadow:0 0 10px var(--color-accent-green);border-radius:50%;animation:2s infinite pulse-glow}.hero-title{letter-spacing:-1px;font-size:clamp(3.5rem,6vw,5.5rem)}.hero-subtitle{color:var(--color-text-muted);max-width:90%;font-size:1.125rem}.hero-actions{align-items:center;gap:2rem;margin-top:1rem;display:flex}html[dir=rtl] .hero-actions{flex-direction:row-reverse;justify-content:flex-end;width:100%}.price-tag{flex-direction:column;display:flex}.price-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.price-value{font-size:1.5rem;font-weight:800;font-family:var(--font-serif);color:var(--color-primary)}.hero-features{border-top:1px solid var(--color-btn-secondary-border);gap:2rem;margin-top:2rem;padding-top:2rem;display:flex}html[dir=rtl] .hero-features{flex-direction:row-reverse}.feature-item{align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}html[dir=rtl] .feature-item{flex-direction:row-reverse}.text-primary{color:var(--color-primary)}.text-green{color:var(--color-accent-green)}.arrow-icon{transition:transform .3s}html[dir=rtl] .arrow-icon{transform:scaleX(-1)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.product-showcase{justify-content:center;width:100%;max-width:600px;display:flex;position:relative}.product-glow{background:radial-gradient(circle, var(--color-primary-glow) 0%, var(--color-bg-transparent) 70%);filter:blur(40px);z-index:0;border-radius:50%;width:80%;height:80%;animation:4s infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-img{z-index:1;object-fit:contain;width:100%;height:auto;filter:drop-shadow(0 20px 40px var(--color-product-shadow));animation:6s ease-in-out infinite float;position:relative}.floating-card{z-index:2;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.875rem;animation:5s ease-in-out infinite reverse float;display:flex;position:absolute}.card-1{top:10%;right:-5%}html[dir=rtl] .card-1{left:-5%;right:auto}.card-2{animation-delay:1.5s;bottom:15%;left:-10%}html[dir=rtl] .card-2{left:auto;right:-10%}.card-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.floating-card strong{color:var(--color-primary);font-size:1rem;display:block}.floating-card span{color:var(--color-text-muted)}.fade-in-up{opacity:0;animation:.8s forwards fade-in-up}@media (width<=968px){.hero-container{text-align:center;flex-direction:column;gap:2rem;display:flex}.hero-content{display:contents}.badge{order:1;margin:0 auto}.hero-title{order:2}.hero-subtitle{order:3;max-width:100%;margin:0 auto 1rem}.hero-visual{order:4;width:100%;margin:1.5rem 0}.hero-actions{order:5;align-items:center;gap:1.5rem;width:100%;margin-top:0;flex-direction:column!important}.hero-actions button{justify-content:center;width:100%}.hero-features{flex-wrap:wrap;order:6;justify-content:center;margin-top:1rem;padding-top:1.5rem}.card-1{right:5%}html[dir=rtl] .card-1,.card-2{left:5%}html[dir=rtl] .card-2{right:5%}}@media (width<=480px){.hero{padding-top:6rem;padding-bottom:2rem}.hero-title{font-size:clamp(2.5rem,10vw,3.5rem)}.hero-subtitle{font-size:1rem}.hero-features{flex-direction:column;align-items:center;gap:1rem;width:100%}.floating-card{display:none}}.features{padding:8rem 0;position:relative}.features-header{text-align:center;max-width:700px;margin:0 auto 5rem}.features-subtitle{text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:.875rem;font-weight:700}.features-intro{color:var(--color-text-muted);font-size:1.125rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-bottom:5rem;display:grid}.feature-card{flex-direction:column;align-items:flex-start;padding:3rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}html[dir=rtl] .feature-card{align-items:flex-start}.feature-card:hover{border-color:#e6a71e66;transform:translateY(-8px);box-shadow:0 12px 40px #e6a71e1a}.feature-icon-wrapper{color:var(--color-primary);background:var(--color-feature-icon-bg);border:1px solid var(--color-feature-icon-border);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon-wrapper{background:var(--color-primary);color:var(--color-bg);transform:scale(1.1)}.arabic-badge{color:var(--color-accent-green);direction:rtl;background:#599b421a;border-radius:50px;padding:.25rem .75rem;font-family:sans-serif;font-size:.875rem;font-weight:700;position:absolute;top:2rem;right:2rem}html[dir=rtl] .arabic-badge{left:2rem;right:auto}.feature-card h3{color:var(--color-text-light);margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:var(--color-text-muted);font-size:.95rem}.infographic-banner{padding:4rem;position:relative;overflow:visible}.info-badge{background:var(--color-primary);color:var(--color-bg-dark);white-space:nowrap;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:0;left:4rem;transform:translateY(-50%);box-shadow:0 4px 15px #e6a71e4d}html[dir=rtl] .info-badge{left:auto;right:4rem}.infographic-content{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid}html[dir=rtl] .infographic-content{direction:rtl}.infographic-text h3{background:linear-gradient(to right, #fff, var(--color-text-muted));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2.25rem}.infographic-text p{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.1rem}.rating-row{align-items:center;gap:1rem;display:flex}html[dir=rtl] .rating-row{flex-direction:row-reverse;justify-content:flex-end}.stars{color:var(--color-primary);gap:.25rem;display:flex}html[dir=rtl] .stars{flex-direction:row-reverse}.rating-row span{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.infographic-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-box{text-align:center;background:var(--color-stat-box-bg);border:1px solid var(--color-stat-box-border);border-radius:16px;padding:1.5rem 1rem}.stat-num{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:900}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}@media (width<=968px){.features{padding:5rem 0}.infographic-content{grid-template-columns:1fr;gap:3rem}.infographic-banner{padding:3rem 2rem}.info-badge{left:2rem}html[dir=rtl] .info-badge{left:auto;right:2rem}}@media (width<=600px){.features{padding:4rem 0}.features-header{margin-bottom:3rem}.infographic-stats{grid-template-columns:1fr;gap:1rem}.infographic-banner{padding:2.5rem 1.5rem}.infographic-text h3{font-size:1.75rem}.feature-card{padding:2rem 1.5rem}}.product-details{padding:8rem 0;position:relative}.product-grid{grid-template-columns:1fr 1.1fr;align-items:flex-start;gap:4rem;display:grid}html[dir=rtl] .product-grid{direction:rtl}.product-gallery{position:relative}.badge-overlay{z-index:10;color:var(--color-accent-green);background:#599b421a;border:1px solid #599b4240;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;top:1.5rem;left:1.5rem}html[dir=rtl] .badge-overlay{flex-direction:row-reverse;left:auto;right:1.5rem}.main-image-container{aspect-ratio:1;border:1px solid var(--color-glass-border);width:100%;box-shadow:0 15px 40px var(--color-product-shadow);background:var(--color-bg-light);border-radius:24px;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.main-image:hover{transform:scale(1.05)}.ingredients-showcase{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}html[dir=rtl] .ingredients-showcase{flex-direction:row-reverse}.ingredient-tag{background:var(--color-btn-secondary-bg);border:1px solid var(--color-btn-secondary-border);border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}html[dir=rtl] .ingredient-tag{flex-direction:row-reverse}.product-info-panel{flex-direction:column;gap:2rem;padding:3rem;display:flex}html[dir=rtl] .product-info-panel{text-align:right}.brand-tag{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:block}.product-info-panel h2{margin-bottom:.5rem;font-size:3rem}.reviews-summary{align-items:center;gap:.75rem;display:flex}html[dir=rtl] .reviews-summary{flex-direction:row-reverse;justify-content:flex-end}.stars-fill{color:var(--color-primary);letter-spacing:2px}.rating-text{color:var(--color-text-muted);font-size:.875rem;font-weight:600}.product-description{color:var(--color-text-muted);font-size:1.1rem;line-height:1.7}.purchase-form{flex-direction:column;gap:2rem;display:flex}.section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:block}.packs-grid{grid-template-columns:1fr;gap:1rem;display:grid}.pack-card{border:1px solid var(--color-btn-secondary-border);background:var(--color-btn-secondary-bg);cursor:pointer;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}html[dir=rtl] .pack-card{align-items:flex-start}.pack-card:hover{background:#e6a71e0d;border-color:#e6a71e4d}.pack-card.active{border-color:var(--color-primary);background:#e6a71e1a;box-shadow:0 0 15px #e6a71e1a}.pack-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.pack-features{flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.pack-features li{color:var(--color-text-muted);font-size:.95rem}.pack-name{color:var(--color-text-light);font-size:1rem;font-weight:700}.pack-badge{color:var(--color-accent-green);background:#599b421a;border-radius:50px;width:fit-content;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.pack-card-footer{border-top:1px solid var(--color-btn-secondary-border);justify-content:space-between;align-items:center;width:100%;padding-top:1rem;display:flex}html[dir=rtl] .pack-card-footer{flex-direction:row-reverse}.pack-card-price{text-align:right}html[dir=rtl] .pack-card-price{text-align:left}.pack-card-price .price{font-family:var(--font-serif);color:var(--color-primary);font-size:1.25rem;font-weight:800}.pack-card-price .savings{color:#f90;font-size:.75rem;font-weight:600}.quantity-and-price{justify-content:space-between;align-items:flex-end;gap:2rem;padding-top:1rem;display:flex}html[dir=rtl] .quantity-and-price{flex-direction:row-reverse}.customer-details-form{border:1px solid var(--color-glass-border);background:#ffffff05;border-radius:16px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000000d}.input-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.phone-input-group{flex-direction:column;gap:.5rem;width:100%;display:flex}html[dir=rtl] .phone-input-group{text-align:right}.customer-phone-input{border:1.5px solid var(--color-btn-secondary-border);background:var(--color-bg-dark);width:100%;color:var(--color-text-light);font-family:var(--font-sans);border-radius:12px;padding:1rem 1.25rem;font-size:1.05rem;transition:all .3s;box-shadow:inset 0 2px 5px #0000001a}.customer-phone-input:focus{border-color:var(--color-primary);background:var(--color-btn-secondary-bg);outline:none;box-shadow:0 0 0 3px #e6a71e26,inset 0 2px 4px #0000001a}html[dir=rtl] .customer-phone-input{text-align:right}html[dir=rtl] .customer-phone-input[type=tel]{text-align:right;direction:ltr}.quantity-controls{background:var(--color-btn-secondary-bg);border:1px solid var(--color-btn-secondary-border);border-radius:50px;align-items:center;width:120px;display:flex;overflow:hidden}html[dir=rtl] .quantity-controls{flex-direction:row-reverse}.quantity-controls button{width:35px;height:35px;color:var(--color-text-light);cursor:pointer;background:0 0;border:none;font-size:1.1rem;font-weight:600;transition:background .3s}.quantity-controls button:hover{background:var(--color-btn-secondary-border)}.quantity-controls input{width:50px;height:35px;color:var(--color-text-light);text-align:center;font-size:1rem;font-weight:700;font-family:var(--font-sans);background:0 0;border:none}.quantity-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.total-display{text-align:right}html[dir=rtl] .total-display{text-align:left}.total-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;display:block}.total-price{font-family:var(--font-serif);color:var(--color-primary);font-size:2.25rem;font-weight:900}.submit-order-btn{width:100%}html[dir=rtl] .submit-order-btn .btn-content{flex-direction:row-reverse}.order-alert{border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}html[dir=rtl] .order-alert{flex-direction:row-reverse}.order-alert.success{color:#a3e685;background:#599b421a;border-color:#599b424d}.success-icon{animation:2s infinite pulse-glow}.trust-badges{border-top:1px solid var(--color-btn-secondary-border);gap:2rem;padding-top:1.5rem;display:flex}html[dir=rtl] .trust-badges{flex-direction:row-reverse;justify-content:flex-end}.trust-item{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}html[dir=rtl] .trust-item{flex-direction:row-reverse}@media (width<=968px){.product-details{padding:4rem 0}.product-grid{grid-template-columns:1fr;gap:3rem}.product-gallery{width:100%;max-width:500px;margin:0 auto}}@media (width<=480px){.product-info-panel{padding:1.5rem 1rem}.product-info-panel h2{font-size:2rem}.customer-details-form{gap:1.25rem;padding:1rem}.input-row{grid-template-columns:1fr;gap:1.25rem}.quantity-and-price{gap:1.5rem;flex-direction:column!important;align-items:stretch!important}.phone-input-group{max-width:100%}.customer-phone-input{width:100%}.quantity-controls{justify-content:space-between;width:100%}.quantity-controls button{width:45px;height:45px}.quantity-controls input{flex:1;height:45px}.total-display{border-top:1px solid var(--color-btn-secondary-border);margin-top:1rem;padding-top:1rem;text-align:center!important}html[dir=rtl] .total-display{text-align:center!important}.trust-badges{flex-direction:column;align-items:center;gap:1rem}html[dir=rtl] .trust-badges{flex-direction:column}}.footer{background:var(--color-footer-bg);border-top:1px solid var(--color-footer-border);padding:5rem 0 0;transition:background-color .5s,border-color .5s;position:relative}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}html[dir=rtl] .footer-grid{direction:rtl}.footer-brand{flex-direction:column;gap:1.5rem;display:flex}html[dir=rtl] .footer-brand{align-items:flex-start}.brand-description{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.social-links{gap:1rem;display:flex}html[dir=rtl] .social-links{flex-direction:row-reverse}.social-links a{color:var(--color-text-light);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-links a:hover{background:var(--color-primary);color:var(--color-bg);transform:translateY(-3px);box-shadow:0 5px 15px #e6a71e4d}.footer-links h3,.footer-contact h3{font-family:var(--font-sans);color:var(--color-text-light);margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.footer-links ul,.footer-contact ul{flex-direction:column;gap:1rem;list-style:none;display:flex}.footer-links a{color:var(--color-text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--color-primary)}.footer-contact li{color:var(--color-text-muted);align-items:center;gap:.75rem;display:flex}html[dir=rtl] .footer-contact li{flex-direction:row-reverse}.footer-contact li svg{color:var(--color-primary);flex-shrink:0}.footer-bottom{border-top:1px solid var(--color-footer-border);padding:2rem 0}.bottom-container{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}html[dir=rtl] .bottom-container{flex-direction:row-reverse}@media (width<=768px){.footer{padding:3rem 0 0}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-brand{text-align:center;align-items:center}html[dir=rtl] .footer-brand{align-items:center}.social-links{justify-content:center}.footer-links,.footer-contact{text-align:center}.footer-links ul,.footer-contact ul{align-items:center}.bottom-container{text-align:center;gap:1rem;flex-direction:column!important}}