:root{--color-cream: #FAF8F5;--color-warm-white: #F5F2ED;--color-sand: #E8E4DC;--color-charcoal: #1A1817;--color-dark: #2C2925;--color-muted: #6B6560;--color-accent: #8B7355;--color-accent-light: #A89070;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;background-color:var(--color-cream);color:var(--color-charcoal);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}[dir=rtl] body{font-family:"Cairo",var(--font-body);line-height:1.75}#root{min-height:100vh}::selection{background-color:var(--color-charcoal);color:var(--color-cream)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-warm-white)}::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-charcoal)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1200px){html{font-size:15px}}@media(max-width:768px){html{font-size:14px}}@media(max-width:480px){html{font-size:13px}}.announcement-bar{position:fixed;top:0;left:0;right:0;z-index:101;background:var(--color-charcoal);color:var(--color-cream);text-align:center;padding:var(--space-xs) var(--space-sm);animation:fadeIn .5s ease-out}.announcement-bar span{font-size:.8rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.header{position:fixed;top:32px;left:0;right:0;z-index:100;padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,var(--color-cream) 60%,transparent);animation:fadeIn 1s ease-out}.header-logo{display:flex;align-items:center;gap:var(--space-sm)}.header-logo img{height:50px;width:50px;object-fit:cover;border-radius:50%}.header-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:.1em;color:var(--color-charcoal)}.header-nav{display:flex;gap:var(--space-md)}.header-nav a{font-size:.85rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);transition:color var(--transition-fast);position:relative}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-charcoal);transition:width var(--transition-smooth)}.header-nav a:hover{color:var(--color-charcoal)}.header-nav a:hover:after{width:100%}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(139,115,85,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(26,24,23,.03) 0%,transparent 50%);pointer-events:none}.hero-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) var(--space-lg);animation:slideInLeft 1s ease-out .3s both}.hero-tagline{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:300;line-height:1.1;color:var(--color-charcoal);margin-bottom:var(--space-md)}.hero-title em{font-style:italic;font-weight:400}.hero-subtitle{font-size:1.1rem;font-weight:300;color:var(--color-muted);max-width:400px;margin-bottom:var(--space-lg);line-height:1.8}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-charcoal);color:var(--color-cream);padding:var(--space-sm) var(--space-md);font-size:.85rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;transition:all var(--transition-smooth);position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-accent);transition:left var(--transition-smooth);z-index:0}.hero-cta span{position:relative;z-index:1}.hero-cta:hover{transform:translate(5px)}.hero-cta:hover:before{left:0}.hero-image{position:relative;overflow:hidden;animation:scaleIn 1.2s ease-out .5s both}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.hero-image:hover img{transform:scale(1.03)}.hero-image-overlay{position:absolute;bottom:var(--space-md);right:var(--space-md);background:var(--color-cream);padding:var(--space-sm) var(--space-md)}.hero-image-overlay span{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--color-charcoal)}.product-section{padding:var(--space-xl) var(--space-lg);background:var(--color-warm-white);position:relative}.product-section:before{content:"COLLECTION";position:absolute;top:var(--space-lg);left:var(--space-md);font-family:var(--font-display);font-size:clamp(4rem,15vw,12rem);font-weight:300;color:var(--color-sand);opacity:.5;letter-spacing:.1em;pointer-events:none;z-index:0}.product-container{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-lg);max-width:1400px;margin:0 auto;position:relative;z-index:1}.product-gallery{display:flex;gap:var(--space-sm)}.gallery-thumbnails{display:flex;flex-direction:column;gap:var(--space-xs)}.gallery-thumb{width:80px;height:100px;overflow:hidden;cursor:pointer;opacity:.5;transition:all var(--transition-fast);border:2px solid transparent}.gallery-thumb.active{opacity:1;border-color:var(--color-charcoal)}.gallery-thumb:hover{opacity:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-main{flex:1;position:relative;overflow:hidden;background:var(--color-cream)}.gallery-main img{width:100%;height:600px;object-fit:cover;transition:opacity var(--transition-smooth)}.product-details{display:flex;flex-direction:column;justify-content:center;padding:var(--space-md) 0}.product-label{font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-xs)}.product-name{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;color:var(--color-charcoal);margin-bottom:var(--space-sm);line-height:1.2}.product-description{font-size:1rem;font-weight:300;color:var(--color-muted);line-height:1.8;margin-bottom:var(--space-md);max-width:400px}.product-price{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap}.price-old{color:#c44;text-decoration:line-through;font-size:1.1rem;font-weight:400;margin-right:var(--space-xs)}.price-amount{font-family:var(--font-display);font-size:2.5rem;font-weight:500;color:var(--color-charcoal)}.price-currency{font-size:1rem;color:var(--color-muted);font-weight:400}.price-note{font-size:.85rem;color:var(--color-accent);font-style:italic}.color-selector{margin-bottom:var(--space-md)}.color-label{font-size:.8rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm);display:block}.color-label strong{color:var(--color-charcoal);font-weight:500}.color-options{display:flex;gap:var(--space-sm)}.color-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);position:relative}.color-btn:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;transition:border-color var(--transition-fast)}.color-btn:hover:after{border-color:var(--color-sand)}.color-btn.active:after{border-color:var(--color-charcoal)}.size-selector{margin-bottom:var(--space-md)}.size-label{font-size:.8rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm);display:block}.size-options{display:flex;gap:var(--space-xs)}.size-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-sand);background:transparent;font-size:.85rem;font-weight:500;letter-spacing:.1em;color:var(--color-muted);transition:all var(--transition-fast)}.size-btn:hover{border-color:var(--color-charcoal);color:var(--color-charcoal)}.size-btn.active{background:var(--color-charcoal);border-color:var(--color-charcoal);color:var(--color-cream)}.size-guide{margin-bottom:var(--space-md);width:100%;max-width:450px}.size-guide-title{font-size:.8rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm);display:block}.size-guide-table{width:100%;border-collapse:collapse;font-size:.85rem}.size-guide-table th,.size-guide-table td{padding:var(--space-xs) var(--space-sm);text-align:center;border:1px solid var(--color-sand)}.size-guide-table th{background:var(--color-charcoal);color:var(--color-cream);font-weight:500;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.size-guide-table td{background:var(--color-cream);color:var(--color-charcoal)}.size-guide-table td:first-child{font-weight:600;background:var(--color-warm-white)}.size-guide-table tbody tr:hover td,.size-guide-table tbody tr:hover td:first-child{background:var(--color-sand)}@media(max-width:768px){.size-guide{max-width:100%}.size-guide-table{font-size:.75rem}.size-guide-table th,.size-guide-table td{padding:var(--space-xs)}}.order-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:350px;padding:var(--space-sm) var(--space-md);background:var(--color-charcoal);color:var(--color-cream);font-size:.9rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;transition:all var(--transition-smooth);position:relative;overflow:hidden}.order-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.order-btn:hover{background:var(--color-dark);transform:translateY(-2px);box-shadow:0 10px 30px #1a181733}.order-btn:hover:before{left:100%}.video-section{padding:var(--space-xl) var(--space-lg);background:var(--color-charcoal);color:var(--color-cream)}.video-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-lg);align-items:center}.video-content{animation:slideInLeft .8s ease-out}.video-tagline{font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent-light);margin-bottom:var(--space-sm);display:block}.video-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.2;margin-bottom:var(--space-md)}.video-title em{font-style:italic;font-weight:400}.video-description{font-size:1rem;font-weight:300;color:#faf8f5b3;line-height:1.8;max-width:350px}.video-wrapper{position:relative;cursor:pointer;overflow:hidden;background:var(--color-dark)}.video-wrapper:before{content:"";position:absolute;inset:0;border:1px solid rgba(250,248,245,.1);pointer-events:none;z-index:2}.product-video{width:100%;height:auto;display:block;aspect-ratio:9/16;max-height:500px;object-fit:cover;transition:transform var(--transition-slow)}.video-wrapper:hover .product-video{transform:scale(1.02)}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1a181766;transition:background var(--transition-smooth)}.video-wrapper:hover .video-play-overlay{background:#1a181733}.play-button{width:100px;height:100px;border:2px solid var(--color-cream);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-smooth)}.play-button span{font-size:.85rem;font-weight:500;letter-spacing:.2em;color:var(--color-cream)}.video-wrapper:hover .play-button{transform:scale(1.1);background:var(--color-cream)}.video-wrapper:hover .play-button span{color:var(--color-charcoal)}@media(max-width:1024px){.video-container{grid-template-columns:1fr;text-align:center}.video-content{order:1}.video-wrapper{order:2}.video-description{margin:0 auto}.product-video{max-height:400px}}@media(max-width:768px){.video-section{padding:var(--space-lg) var(--space-sm)}.play-button{width:80px;height:80px}.play-button span{font-size:.75rem}}.order-form-inline.order-form-container{background:transparent;padding:0;max-width:100%;max-height:none;overflow:visible;animation:none;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-sand)}.order-form-inline .order-form-header{margin-bottom:var(--space-sm);padding-bottom:0;border-bottom:none;text-align:left}.order-form-inline .order-form-tagline{font-size:.65rem;margin-bottom:var(--space-xs)}.order-form-inline .order-form-title{font-size:1.5rem}.order-form-inline .order-form{gap:var(--space-sm)}.order-form-inline .form-group input,.order-form-inline .form-group select,.order-form-inline .order-summary,.order-form-inline .delivery-option,.order-form-inline .quantity-selector{background:var(--color-cream)}.colors-showcase{padding:var(--space-xl) var(--space-lg);background:var(--color-cream);text-align:center}.colors-header{margin-bottom:var(--space-lg)}.colors-tagline{font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-xs);display:block}.colors-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--color-charcoal)}.colors-title em{font-style:italic;font-weight:400}.colors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);max-width:1000px;margin:0 auto}.color-card{cursor:pointer;transition:transform var(--transition-smooth)}.color-card:hover{transform:translateY(-10px)}.color-card-image{overflow:hidden;background:var(--color-warm-white);margin-bottom:var(--space-sm)}.color-card-image img{width:100%;height:350px;object-fit:cover;transition:transform var(--transition-slow)}.color-card:hover .color-card-image img{transform:scale(1.05)}.color-card-info{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.color-card-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-sand)}.color-card-name{font-size:.9rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-charcoal)}@media(max-width:768px){.colors-showcase{padding:var(--space-lg) var(--space-sm)}.colors-grid{grid-template-columns:1fr;gap:var(--space-md)}.color-card-image img{height:300px}}.features-section{padding:var(--space-xl) var(--space-lg);background:var(--color-warm-white)}.features-header{text-align:center;margin-bottom:var(--space-lg)}.features-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:300;color:var(--color-charcoal);margin-bottom:var(--space-xs)}.features-subtitle{font-size:1rem;color:var(--color-muted);font-weight:300}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);max-width:1000px;margin:0 auto}.feature-card{text-align:center;padding:var(--space-md);background:var(--color-warm-white);transition:all var(--transition-smooth);position:relative}.feature-card:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--color-charcoal);transition:width var(--transition-smooth)}.feature-card:hover:before{width:60%}.feature-card:hover{transform:translateY(-5px)}.feature-number{font-family:var(--font-display);font-size:3rem;font-weight:300;color:var(--color-sand);margin-bottom:var(--space-xs)}.feature-title{font-family:var(--font-display);font-size:1.3rem;font-weight:500;color:var(--color-charcoal);margin-bottom:var(--space-xs)}.feature-text{font-size:.9rem;color:var(--color-muted);line-height:1.6}.lookbook-section{padding:var(--space-lg) 0;background:var(--color-charcoal);overflow:hidden}.lookbook-marquee{display:flex;animation:marquee 20s linear infinite}.lookbook-text{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:300;color:var(--color-cream);opacity:.3;white-space:nowrap;padding:0 var(--space-lg);letter-spacing:.1em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{padding:var(--space-lg) var(--space-md);background:var(--color-charcoal);color:var(--color-cream)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-lg)}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-display);font-size:2rem;font-weight:500;letter-spacing:.1em;margin-bottom:var(--space-sm)}.footer-tagline{font-size:.9rem;color:#faf8f599;line-height:1.8}.footer-column h4{font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin-bottom:var(--space-sm);letter-spacing:.05em}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--space-xs)}.footer-column a{font-size:.85rem;color:#faf8f599;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-cream)}.footer-bottom{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(250,248,245,.1);text-align:center}.footer-copyright{font-size:.8rem;color:#faf8f566;letter-spacing:.1em}.dev-signature{display:inline-block;margin-top:var(--space-xs);font-size:.65rem;font-style:italic;color:#faf8f540;letter-spacing:.15em;text-decoration:none;transition:color var(--transition-fast)}.dev-signature:hover{color:#faf8f580}@media(max-width:1024px){.hero{grid-template-columns:1fr;min-height:auto}.hero-content{padding:calc(var(--space-xl) + 60px) var(--space-md) var(--space-lg);text-align:center;align-items:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-image{height:60vh;min-height:400px}.product-container{grid-template-columns:1fr}.product-gallery{flex-direction:column-reverse}.gallery-thumbnails{flex-direction:row;justify-content:center}.gallery-main img{height:500px}.product-details{text-align:center;align-items:center}.product-description{margin-left:auto;margin-right:auto}.order-btn{max-width:100%}.features-grid{grid-template-columns:1fr;gap:var(--space-sm)}.footer-content{grid-template-columns:1fr;text-align:center;gap:var(--space-md)}.footer-brand{max-width:100%}}@media(max-width:768px){.header{padding:var(--space-xs) var(--space-sm)}.header-brand{font-size:1.2rem}.header-nav{display:none}.hero-content{padding:calc(var(--space-lg) + 60px) var(--space-sm) var(--space-md)}.product-section{padding:var(--space-lg) var(--space-sm)}.product-section:before{font-size:3rem;top:var(--space-sm)}.gallery-thumb{width:60px;height:75px}.gallery-main img{height:400px}.size-btn{width:45px;height:45px}.features-section{padding:var(--space-lg) var(--space-sm)}}@media(max-width:480px){.hero-image-overlay{bottom:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.hero-image-overlay span{font-size:1.2rem}.gallery-thumb{width:50px;height:65px}.gallery-main img{height:350px}}.language-switcher{display:flex;gap:.5rem;align-items:center;font-size:.85rem;letter-spacing:.15em;font-weight:400}.lang-btn{opacity:.5;transition:opacity var(--transition-fast);padding:.25rem;cursor:pointer;background:none;border:none;color:var(--color-charcoal)}.lang-btn:hover{opacity:.75}.lang-btn.active{opacity:1;font-weight:600}.lang-separator{opacity:.3;-webkit-user-select:none;user-select:none}[dir=rtl] .header-nav{flex-direction:row-reverse}[dir=rtl] .hero-content{text-align:right}[dir=rtl] .hero-cta:hover{transform:translate(-5px)}[dir=rtl] .product-container{flex-direction:row-reverse}[dir=rtl] .gallery-thumbnails{order:2}[dir=rtl] .gallery-main{order:1}[dir=rtl] .color-options,[dir=rtl] .size-options{flex-direction:row-reverse}[dir=rtl] .footer-content,[dir=rtl] .features-grid,[dir=rtl] .colors-grid{direction:rtl}[dir=rtl] .footer-content{text-align:right}[dir="rtl"] @keyframes slideInLeft{from{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}[dir="rtl"] @keyframes slideInRight{from{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){[dir=rtl] .product-container{flex-direction:column}[dir=rtl] .gallery-thumbnails{order:1;flex-direction:row}[dir=rtl] .gallery-main{order:2}.language-switcher{font-size:.75rem}}.order-form-overlay{position:fixed;inset:0;z-index:1000;background:#1a1817d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-sm);animation:fadeIn .3s ease-out}.order-form-container{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--color-cream);padding:var(--space-lg) var(--space-md);animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.order-form-container::-webkit-scrollbar{width:6px}.order-form-container::-webkit-scrollbar-track{background:var(--color-sand)}.order-form-container::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:3px}.order-form-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast)}.order-form-close:hover{transform:rotate(90deg)}.order-form-close span{position:absolute;width:24px;height:2px;background:var(--color-charcoal);transition:background var(--transition-fast)}.order-form-close span:first-child{transform:rotate(45deg)}.order-form-close span:last-child{transform:rotate(-45deg)}.order-form-close:hover span{background:var(--color-accent)}.order-form-header{text-align:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-sand)}.order-form-tagline{font-size:.7rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-xs);display:block}.order-form-title{font-family:var(--font-display);font-size:2.2rem;font-weight:300;color:var(--color-charcoal)}.order-form-title em{font-style:italic;font-weight:400}.order-form{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted)}.form-group label strong{color:var(--color-charcoal);font-weight:600}.form-group input,.form-group select{width:100%;padding:.9rem 1rem;font-family:var(--font-body);font-size:.95rem;font-weight:400;color:var(--color-charcoal);background:var(--color-warm-white);border:2px solid transparent;transition:all var(--transition-fast)}.form-group input::placeholder{color:var(--color-muted);font-weight:300}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-charcoal);background:var(--color-cream)}.select-wrapper{position:relative}.select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);pointer-events:none;transition:border-color var(--transition-fast)}.select-wrapper:focus-within:after{border-color:var(--color-charcoal)}.form-group select{appearance:none;cursor:pointer;padding-right:2.5rem}.form-group.has-error input,.form-group.has-error select{border-color:#c44;background:#fef8f8}.error-text{font-size:.75rem;color:#c44;font-weight:400}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.delivery-option{padding:var(--space-sm);background:var(--color-warm-white);border:2px solid transparent;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.delivery-option:hover{border-color:var(--color-sand)}.delivery-option.active{background:var(--color-charcoal);border-color:var(--color-charcoal)}.delivery-option-title{display:block;font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:var(--color-charcoal);margin-bottom:.2rem;transition:color var(--transition-fast)}.delivery-option.active .delivery-option-title{color:var(--color-cream)}.delivery-option-desc{display:block;font-size:.7rem;color:var(--color-muted);letter-spacing:.05em;transition:color var(--transition-fast)}.delivery-option.active .delivery-option-desc{color:#faf8f5b3}.color-selector-row{display:flex;gap:var(--space-sm)}.color-option{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);position:relative}.color-option:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;transition:border-color var(--transition-fast)}.color-option:hover:after{border-color:var(--color-sand)}.color-option.active:after{border-color:var(--color-charcoal)}.quantity-selector{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-warm-white);padding:.5rem;width:fit-content}.quantity-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-cream);border:1px solid var(--color-sand);cursor:pointer;transition:all var(--transition-fast)}.quantity-btn:hover:not(:disabled){background:var(--color-charcoal);border-color:var(--color-charcoal)}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-minus,.quantity-plus{position:relative;width:14px;height:2px;background:var(--color-charcoal);transition:background var(--transition-fast)}.quantity-btn:hover:not(:disabled) .quantity-minus,.quantity-btn:hover:not(:disabled) .quantity-plus{background:var(--color-cream)}.quantity-plus:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);width:14px;height:2px;background:inherit}.quantity-value{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--color-charcoal);min-width:50px;text-align:center}.order-summary{margin-top:var(--space-xs);padding:var(--space-sm);background:var(--color-warm-white);border-left:3px solid var(--color-charcoal)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.85rem;color:var(--color-muted)}.summary-row.total{padding-top:.6rem;margin-top:.4rem;border-top:1px solid var(--color-sand);font-size:1.1rem;font-weight:500;color:var(--color-charcoal)}.summary-row.total span:last-child{font-family:var(--font-display);font-size:1.4rem;font-weight:600}.price-with-promo{display:flex;align-items:center;gap:.5rem}.old-price{color:#c44;text-decoration:line-through;font-size:.8rem;font-weight:400}.status-message{padding:var(--space-sm);text-align:center;font-size:.9rem;font-weight:500;border-radius:4px;animation:fadeIn .3s ease-out}.status-message.success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.status-message.error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.submit-btn{width:100%;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-charcoal);color:var(--color-cream);font-size:.85rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.submit-btn:hover:not(:disabled){background:var(--color-dark);transform:translateY(-2px);box-shadow:0 8px 25px #1a181740}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.submitting{pointer-events:none}.submit-btn.submitting span{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.order-form-container{padding:var(--space-md) var(--space-sm);max-height:85vh}.order-form-title{font-size:1.8rem}.delivery-options{grid-template-columns:1fr}.delivery-option{padding:.8rem}.delivery-option-title{font-size:1.1rem}}@media(max-width:480px){.order-form-overlay{padding:var(--space-xs);align-items:flex-end}.order-form-container{max-height:90vh;border-radius:0;animation:slideInUp .35s ease-out}.order-form-header{margin-bottom:var(--space-sm)}.order-form-title{font-size:1.6rem}.form-group input,.form-group select{padding:.8rem;font-size:.9rem}.color-option{width:38px;height:38px}.quantity-btn{width:36px;height:36px}.quantity-value{font-size:1.3rem;min-width:40px}}[dir=rtl] .form-group input,[dir=rtl] .form-group select{text-align:right;padding-right:1rem;padding-left:2.5rem}[dir=rtl] .select-wrapper:after{left:1rem;right:auto;transform:translateY(-50%) rotate(45deg)}[dir=rtl] .delivery-options{direction:rtl}[dir=rtl] .delivery-option{text-align:right}[dir=rtl] .color-selector-row,[dir=rtl] .quantity-selector,[dir=rtl] .summary-row,[dir=rtl] .price-with-promo{flex-direction:row-reverse}[dir=rtl] .order-form-close{right:auto;left:1.5rem}[dir=rtl] .status-message{text-align:center}[dir=rtl] .submit-btn{direction:rtl}
