:root{--color-cream: #FAF8F5;--color-cream-dark: #F5F2ED;--color-charcoal: #1A1A1A;--color-charcoal-light: #2D2D2D;--color-brown: #8B7355;--color-brown-light: #A68B6A;--color-sage: #9CAF88;--color-gold: #C9A962;--color-white: #FFFFFF;--color-black: #0A0A0A;--color-gray-100: #F7F7F7;--color-gray-200: #E8E8E8;--color-gray-300: #D1D1D1;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-success: #4CAF50;--color-error: #E53935;--color-warning: #FFA726;--color-info: #29B6F6;--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Cormorant Garamond", "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-primary);font-weight:var(--font-regular);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-charcoal);background-color:var(--color-cream);min-height:100vh;margin:0;padding:0;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-regular);line-height:var(--leading-tight)}.font-display{font-family:var(--font-display)}.font-primary{font-family:var(--font-primary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.text-7xl{font-size:var(--text-7xl)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;border:1px solid transparent;border-radius:var(--radius-none);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-charcoal);color:var(--color-white);border-color:var(--color-charcoal)}.btn-primary:hover:not(:disabled){background-color:var(--color-charcoal-light)}.btn-secondary{background-color:transparent;color:var(--color-charcoal);border-color:var(--color-charcoal)}.btn-secondary:hover:not(:disabled){background-color:var(--color-charcoal);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-charcoal);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-white{background-color:var(--color-white);color:var(--color-charcoal);border-color:var(--color-white)}.btn-white:hover:not(:disabled){background-color:var(--color-cream)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-icon{padding:var(--space-3)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-gray-600)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-charcoal);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-none);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-charcoal);box-shadow:0 0 0 2px #1a1a1a1a}.form-input::placeholder{color:var(--color-gray-400)}.form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.form-error{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-error)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-image{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-gray-100)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slower)}.card:hover .card-image img{transform:scale(1.05)}.card-body{padding:var(--space-5)}.card-title{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.card-price{font-size:var(--text-lg);font-weight:var(--font-semibold)}.card-price-compare{font-size:var(--text-sm);color:var(--color-gray-400);text-decoration:line-through;margin-left:var(--space-2)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full)}.badge-dark{background-color:var(--color-charcoal);color:var(--color-white)}.badge-light{background-color:var(--color-cream);color:var(--color-charcoal)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background-color:var(--color-cream);border-bottom:1px solid var(--color-gray-200);transition:all var(--transition-base)}.nav-hidden{display:none!important}.nav-scrolled{background-color:var(--color-cream);border-bottom:1px solid var(--color-gray-200)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 var(--space-6)}.nav-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-regular);letter-spacing:var(--tracking-tight);color:var(--color-charcoal);transition:color var(--transition-base)}.nav-scrolled .nav-logo{color:var(--color-charcoal)}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-charcoal);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-brown)}.nav-scrolled .nav-link{color:var(--color-gray-600)}.nav-scrolled .nav-link:hover{color:var(--color-charcoal)}.nav-transparent{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent}.nav-transparent .nav-logo,.nav-transparent .nav-link{color:var(--color-white)}.nav-transparent .nav-link:hover{color:#ffffffb3}.nav-transparent .btn-icon{color:var(--color-white)!important}.nav-transparent .btn-icon:hover{background-color:#ffffff1a}.btn-shop-now{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background-color:var(--color-white);color:var(--color-charcoal);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-shop-now:hover{background-color:#ffffffe6;transform:translate(2px)}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.nav-actions .btn-icon,.nav .btn-icon{color:var(--color-charcoal)}.nav-cart-count{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:12px;font-weight:var(--font-semibold);background-color:var(--color-charcoal);color:var(--color-white);border-radius:var(--radius-full)}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.modal-backdrop.active{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:var(--z-modal);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;background-color:var(--color-white);border-radius:var(--radius-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base)}.modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-medium)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-gray-200)}.sidebar-cart{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:450px;background-color:var(--color-white);z-index:var(--z-modal);transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column}.sidebar-cart.active{transform:translate(0)}.sidebar-cart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.sidebar-cart-content{flex:1;overflow-y:auto;padding:var(--space-6)}.sidebar-cart-footer{padding:var(--space-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-100)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background-color:var(--color-charcoal);color:var(--color-white);overflow:hidden}.hero-background{position:absolute;inset:0;z-index:1}.hero-background img{width:100%;height:100%;object-fit:cover;opacity:.7}.hero-content{position:relative;z-index:2;max-width:600px;padding:var(--space-24) var(--space-12)}.hero-subtitle{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-4);opacity:.8}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-regular);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.hero-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);opacity:.9;margin-bottom:var(--space-8)}.marquee{padding:var(--space-8) 0;background-color:var(--color-charcoal);color:var(--color-white);overflow:hidden}.marquee-content{display:flex;animation:marquee 30s linear infinite}.marquee-text{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-style:italic;white-space:nowrap;padding:0 var(--space-12)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:var(--space-24) 0}.section-dark{background-color:var(--color-charcoal);color:var(--color-white)}.section-cream{background-color:var(--color-cream)}.section-white{background-color:var(--color-white)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-subtitle{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-gray-500);margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-regular)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-8)}.featured-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-12)}.featured-product-card{background-color:#f5f2ed;border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;transition:transform var(--transition-base);text-decoration:none;display:block}.featured-product-card:hover{transform:translateY(-4px)}.featured-category-label{font-size:var(--text-lg);font-weight:var(--font-regular);color:var(--color-charcoal);margin-bottom:var(--space-8);text-align:left}.featured-product-image{margin:0 auto var(--space-6);width:100%;max-width:180px;height:250px;display:flex;align-items:center;justify-content:center}.featured-product-image img{width:100%;height:100%;object-fit:contain}.featured-product-info{text-align:left;margin-top:var(--space-6)}.featured-product-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-charcoal);margin-bottom:var(--space-1);line-height:var(--leading-snug)}.featured-product-price{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-charcoal);margin-bottom:var(--space-2)}.featured-product-description{font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed)}@media(max-width:768px){.featured-products-grid{grid-template-columns:1fr}}.category-tabs{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-12);overflow-x:auto;padding:var(--space-2);background-color:var(--color-gray-100);border-radius:var(--radius-full);width:fit-content;margin-left:auto;margin-right:auto;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-track{background:transparent}.category-tabs::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.category-tab{position:relative;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-gray-600);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;overflow:hidden}.category-tab:hover:not(.active){color:var(--color-charcoal);background-color:var(--color-white);border-color:var(--color-gray-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.category-tab.active{color:var(--color-white);background-color:var(--color-charcoal);border-color:var(--color-charcoal);box-shadow:var(--shadow-md);font-weight:var(--font-semibold)}.category-tab.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:var(--radius-full);pointer-events:none}.category-tab:focus-visible{outline:2px solid var(--color-charcoal);outline-offset:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-12)}.feature-card{padding:var(--space-8);text-align:center}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:var(--space-6);background-color:var(--color-cream);border-radius:var(--radius-full)}.feature-title{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.feature-description{font-size:var(--text-base);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.footer{background-color:var(--color-charcoal);color:var(--color-white);padding:var(--space-24) 0 var(--space-12)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}.footer-newsletter{max-width:400px}.footer-newsletter-title{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight);margin-bottom:var(--space-4);font-weight:var(--font-regular)}.footer-newsletter-text{font-size:var(--text-base);line-height:var(--leading-relaxed);opacity:.8;margin-bottom:var(--space-6)}.footer-newsletter-form{position:relative;display:flex;align-items:center}.footer-newsletter-input{width:100%;padding:var(--space-4);padding-right:var(--space-12);background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--color-white);font-size:var(--text-base);outline:none;transition:border-color var(--transition-fast)}.footer-newsletter-input::placeholder{color:#ffffff80}.footer-newsletter-input:focus{border-bottom-color:var(--color-white)}.footer-newsletter-button{position:absolute;right:0;background-color:var(--color-white);color:var(--color-charcoal);border:none;border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast)}.footer-newsletter-button:hover{transform:translate(3px)}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-6)}.footer-description{font-size:var(--text-base);line-height:var(--leading-relaxed);opacity:.8}.footer-title{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-6);opacity:.6}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{font-size:var(--text-sm);opacity:.8;transition:opacity var(--transition-fast)}.footer-link:hover{opacity:1}.footer-contact{display:flex;flex-direction:column;gap:var(--space-6)}.footer-contact-item{font-size:var(--text-sm)}.footer-contact-name{font-weight:var(--font-medium);margin-bottom:var(--space-2)}.footer-contact-address{opacity:.7;line-height:var(--leading-relaxed)}.footer-brand-large{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid rgba(255,255,255,.1)}.footer-logo-large{font-family:var(--font-display);font-size:clamp(4rem,15vw,10rem);font-weight:var(--font-regular);letter-spacing:var(--tracking-tight);margin:0;line-height:1}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1)}.footer-copyright{font-size:var(--text-sm);opacity:.6}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr}.footer-logo-large{font-size:clamp(3rem,12vw,6rem)}}.spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-charcoal);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-cream);z-index:9999}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .5s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.relative{position:relative}.absolute{position:absolute}.w-full{width:100%}.h-full{height:100%}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.language-switcher{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);color:var(--color-charcoal);position:relative;z-index:1001}.nav-transparent .language-switcher{color:#fff}.language-switcher:hover{opacity:.8}.language-switcher:active{transform:scale(.95)}.language-label{display:none}@media(min-width:768px){.language-label{display:inline}}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-content{padding:var(--space-20) var(--space-8)}.nav-actions .btn-shop-now{display:none}}@media(max-width:768px){:root{--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 3.5rem}.nav-container{height:70px;padding:0 var(--space-4)}.nav-logo{font-size:var(--text-xl)}.nav-links{display:none}.nav-actions{gap:var(--space-2)}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{max-width:100%}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.hero-content{padding:var(--space-16) var(--space-6);text-align:center;max-width:100%}.section{padding:var(--space-12) 0}.container{padding:0 var(--space-4)}.section-header{margin-bottom:var(--space-8)}.section-title{font-size:clamp(1.75rem,6vw,2.5rem)}.features-grid{grid-template-columns:1fr;gap:var(--space-6)}.btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}@media(max-width:480px){.nav-container{height:60px;padding:0 var(--space-3)}.nav-logo{font-size:var(--text-lg)}.nav-actions .btn-icon svg{width:24px;height:24px}.section{padding:var(--space-10) 0}.container{padding:0 var(--space-3)}.footer-newsletter-form{flex-direction:column}.footer-newsletter-input{border-radius:var(--radius-md);margin-bottom:var(--space-3)}.footer-newsletter-button{border-radius:var(--radius-md);width:100%;justify-content:center;padding:var(--space-3)}}.admin-dashboard{background-color:var(--color-gray-100);min-height:100vh;padding-top:100px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);transition:var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-blue .stat-icon{background-color:#ebf5ff;color:#1e88e5}.stat-card-green .stat-icon{background-color:#e8f5e9;color:#43a047}.stat-card-purple .stat-icon{background-color:#f3e5f5;color:#8e24aa}.stat-card-orange .stat-icon{background-color:#fff3e0;color:#fb8c00}.stat-content{flex:1}.stat-label{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-charcoal);margin-bottom:var(--space-2)}.stat-trend{font-size:var(--text-xs);color:var(--color-success);display:flex;align-items:center;gap:var(--space-1)}.quick-actions-section,.recent-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6);color:var(--color-charcoal)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.action-card{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base);text-align:center;cursor:pointer}.action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--color-brown)}.action-card svg{margin:0 auto var(--space-4);color:var(--color-brown)}.action-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--color-charcoal)}.action-card p{font-size:var(--text-sm);color:var(--color-gray-600)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.view-all-link{color:var(--color-brown);font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-fast)}.view-all-link:hover{color:var(--color-brown-light)}.recent-products-table,.products-table{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.recent-products-table table,.products-table table{width:100%;border-collapse:collapse}.recent-products-table th,.products-table th{background-color:var(--color-gray-50);padding:var(--space-4);text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-200)}.recent-products-table td,.products-table td{padding:var(--space-4);border-bottom:1px solid var(--color-gray-200);font-size:var(--text-sm)}.recent-products-table tr:last-child td,.products-table tr:last-child td{border-bottom:none}.recent-products-table tr:hover,.products-table tr:hover{background-color:var(--color-gray-50)}.product-cell{display:flex;align-items:center;gap:var(--space-3)}.product-cell img{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.product-name{font-weight:var(--font-medium);color:var(--color-charcoal)}.product-slug{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-1)}.price-cell{font-weight:var(--font-semibold)}.compare-price{display:block;font-size:var(--text-xs);color:var(--color-gray-500);text-decoration:line-through;margin-top:var(--space-1)}.stock-badge,.status-badge,.featured-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.stock-badge{background-color:var(--color-success);color:var(--color-white)}.stock-badge.low{background-color:var(--color-warning)}.stock-badge.out-of-stock{background-color:var(--color-error)}.status-badge.active{background-color:#e8f5e9;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#c62828}.featured-badge.yes{background-color:#fff3e0;color:#e65100}.featured-badge.no{background-color:var(--color-gray-200);color:var(--color-gray-600)}.action-buttons{display:flex;gap:var(--space-2)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:none;cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background-color:var(--color-gray-200)}.btn-icon.btn-view{color:var(--color-info)}.btn-icon.btn-edit{color:var(--color-brown)}.btn-icon.btn-delete{color:var(--color-error)}.btn-icon.btn-delete:hover{background-color:#ffebee}.admin-products-page{background-color:var(--color-gray-100);min-height:100vh;padding-top:100px}.page-header{margin-bottom:var(--space-8)}.header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.filters-section{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex;gap:var(--space-4);flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-gray-100);border-radius:var(--radius-lg)}.search-box input{flex:1;border:none;background:none;outline:none;font-size:var(--text-sm)}.filter-controls{display:flex;gap:var(--space-3)}.filter-select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);background-color:var(--color-white);font-size:var(--text-sm);cursor:pointer;outline:none}.filter-select:focus{border-color:var(--color-brown)}.empty-state{background:var(--color-white);padding:var(--space-16);border-radius:var(--radius-lg);text-align:center}.empty-state svg{margin:0 auto var(--space-4);color:var(--color-gray-400)}.empty-state h3{font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--color-charcoal)}.empty-state p{color:var(--color-gray-600)}.loading-container{background:var(--color-white);padding:var(--space-16);border-radius:var(--radius-lg);text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top-color:var(--color-brown);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-content{background:var(--color-white);border-radius:var(--radius-xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.modal-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold)}.modal-body{padding:var(--space-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-gray-200)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover{background-color:#c62828}.btn-danger:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.admin-product-form-page{background-color:var(--color-gray-100);min-height:100vh;padding-top:100px}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-gray-600);font-size:var(--text-sm);border:none;background:none;cursor:pointer;transition:var(--transition-fast)}.back-button:hover{color:var(--color-brown)}.product-form{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.form-section h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-200)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-charcoal);margin-bottom:var(--space-2)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);outline:none;transition:var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-brown);box-shadow:0 0 0 3px #8b73551a}.form-textarea{resize:vertical;font-family:inherit}.form-hint{display:block;font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.image-preview{margin-top:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;max-width:300px}.image-preview img{width:100%;height:auto}.additional-images-section{margin-top:var(--space-4)}.image-input-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.image-input-row .form-input{flex:1;margin:0}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-gray-200);transition:var(--transition-fast)}.image-item:hover{border-color:var(--color-brown)}.image-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;background-color:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-error);transition:var(--transition-fast);box-shadow:0 2px 4px #0000001a}.remove-image-btn:hover{background-color:var(--color-error);color:#fff;transform:scale(1.1)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-6);border-top:2px solid var(--color-gray-200)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.alert-error{background-color:#ffebee;color:#c62828;border-left:4px solid var(--color-error)}@media(max-width:1024px){.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.dashboard-header,.page-header{flex-direction:column;align-items:stretch}.header-actions{width:100%}.filters-section{flex-direction:column}.search-box{width:100%}.products-table{overflow-x:auto}.quick-actions-grid,.form-row{grid-template-columns:1fr}}