:root{--color-ink: #1C1B19;--color-paper: #FAF7F2;--color-paper2: #F1ECE1;--color-moss: #3F5237;--color-moss-dark: #2C3A26;--color-ochre: #B4842A;--color-slate: #3D5A6C;--color-line: #DFD7C6;--color-red: #A23B2E;--color-primary: #3F5237;--color-primary-dark: #2C3A26;--color-primary-light: #5C7A52;--color-secondary: #B4842A;--color-secondary-dark: #8C5A2B;--color-secondary-light: #D4A054;--color-accent: #3D5A6C;--color-accent-dark: #2A4252;--color-accent-light: #5B7A8C;--color-background: #FAF7F2;--color-background-alt: #F1ECE1;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-elevated2: #FAF7F2;--color-text-primary: #1C1B19;--color-text-secondary: #4A4843;--color-text-tertiary: #7A7770;--color-text-on-dark: #FAF7F2;--color-text-on-dark-secondary: #F1ECE1;--color-border: #DFD7C6;--color-border-dark: #B8A896;--color-border-light: #E8E0D0;--color-success: #3F5237;--color-success-light: #E8F0E8;--color-warning: #B4842A;--color-warning-light: #FFF3E0;--color-danger: #A23B2E;--color-danger-light: #FEE8E5;--color-info: #3D5A6C;--color-info-light: #E8F0F4;--color-category-home-living: #3F5237;--color-category-kitchen: #B4842A;--color-category-garden: #5C7A52;--color-category-stationery: #3D5A6C;--color-category-lighting: #8C5A2B}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-paper);color:var(--color-ink);line-height:1.5;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Fraunces,Georgia,serif;font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--color-ink)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.375rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-wrapper-full-width{width:100%}.input-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary);font-family:Inter,system-ui,sans-serif}.input-label.input-error{color:var(--color-danger)}.input{padding:.75rem 1rem;font-size:1rem;font-family:Inter,system-ui,sans-serif;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease;width:100%}.input:hover:not(.input-disabled){border-color:var(--color-border-dark)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3f52371a}.input-error{border-color:var(--color-danger)}.input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #a23b2e1a}.input-disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-alt)}.input-helper-text{font-size:.75rem;color:var(--color-text-tertiary);font-family:Inter,system-ui,sans-serif;margin:0}.input-helper-text.input-error{color:var(--color-danger)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,system-ui,sans-serif;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;padding:0;text-decoration:none}.button-disabled{opacity:.6;cursor:not-allowed}.button-full-width{width:100%}.button-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-on-dark)}.button-primary:hover:not(.button-disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:0 8px 16px #1c1b191f}.button-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:var(--color-text-on-dark)}.button-secondary:hover:not(.button-disabled){background:linear-gradient(135deg,var(--color-secondary-dark) 0%,var(--color-secondary) 100%);transform:translateY(-1px);box-shadow:0 8px 16px #1c1b191f}.button-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.button-outline:hover:not(.button-disabled){background:var(--color-background-alt);border-color:var(--color-border-dark)}.button-ghost{background:transparent;color:var(--color-text-primary)}.button-ghost:hover:not(.button-disabled){background:var(--color-background-alt)}.button-text{background:transparent;color:var(--color-primary)}.button-text:hover:not(.button-disabled){text-decoration:underline}.button-sm{padding:.5rem 1rem;font-size:.875rem;height:2rem}.button-md{padding:1rem 1.5rem;font-size:1rem;height:2.5rem}.button-lg{padding:1.5rem 2rem;font-size:1.125rem;height:3rem}.button-spinner{animation:spin 1s linear infinite}.select-wrapper{display:flex;flex-direction:column;gap:.5rem}.select-wrapper-full-width{width:100%}.select-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary);font-family:Inter,system-ui,sans-serif}.select-label.select-error{color:var(--color-danger)}.select{padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;font-family:Inter,system-ui,sans-serif;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231C1B19' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.select:hover:not(.select-disabled){border-color:var(--color-border-dark)}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3f52371a}.select-error{border-color:var(--color-danger)}.select-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #a23b2e1a}.select-disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-alt)}.select-helper-text{font-size:.75rem;color:var(--color-text-tertiary);font-family:Inter,system-ui,sans-serif;margin:0}.select-helper-text.select-error{color:var(--color-danger)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .2s ease}.card-default{box-shadow:0 2px 8px #1c1b1914}.card-elevated{box-shadow:0 4px 12px #1c1b191f}.card-hoverable:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1c1b191f;border-color:var(--color-border-dark)}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif;font-weight:500;border-radius:9999px;white-space:nowrap}.badge-default{background-color:var(--color-background-alt);color:var(--color-text-primary)}.badge-primary{background-color:var(--color-primary);color:var(--color-text-on-dark)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-text-on-dark)}.badge-success{background-color:var(--color-success);color:var(--color-text-on-dark)}.badge-warning{background-color:var(--color-warning);color:var(--color-text-on-dark)}.badge-danger{background-color:var(--color-danger);color:var(--color-text-on-dark)}.badge-info{background-color:var(--color-info);color:var(--color-text-on-dark)}.badge-sm{padding:.25rem .5rem;font-size:.75rem;height:1.5rem}.badge-md{padding:.375rem .75rem;font-size:.875rem;height:1.75rem}.badge-lg{padding:.5rem 1rem;font-size:1rem;height:2rem}.product-card{display:flex;flex-direction:column;cursor:pointer}.product-card-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--color-background-alt)}.product-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-card-img{transform:scale(1.05)}.product-card-badge{position:absolute;top:.75rem;left:.75rem}.product-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.product-card-title{font-family:Fraunces,Georgia,serif;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.product-card-sku{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--color-text-tertiary);margin:0}.product-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem}.product-card-price{font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:500;color:var(--color-text-primary)}.product-card-add-btn{padding:.5rem 1rem;font-size:.875rem;font-family:Inter,system-ui,sans-serif;font-weight:500;background-color:var(--color-primary);color:var(--color-text-on-dark);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.product-card-add-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.product-card-add-btn:disabled{background-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1c1b19b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal{background-color:var(--color-surface);border-radius:12px;box-shadow:0 25px 50px -12px #1c1b1940;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-sm{max-width:400px;width:100%}.modal-md{max-width:600px;width:100%}.modal-lg{max-width:800px;width:100%}.modal-xl{max-width:1200px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #DFD7C6}.modal-title{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:var(--color-text-tertiary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--color-background-alt);color:var(--color-text-primary)}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1c1b1980;z-index:1000;animation:fadeIn .2s ease}.drawer{position:fixed;background-color:var(--color-surface);box-shadow:0 0 25px #1c1b1926;display:flex;flex-direction:column;max-height:100vh;animation:slideIn .3s ease}.drawer-right{right:0;top:0;bottom:0}.drawer-left{left:0;top:0;bottom:0}.drawer-sm{width:300px}.drawer-md{width:400px}.drawer-lg{width:500px}.drawer-xl{width:600px}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #DFD7C6}.drawer-title{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.drawer-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:var(--color-text-tertiary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.drawer-close:hover{background-color:var(--color-background-alt);color:var(--color-text-primary)}.drawer-content{padding:1.5rem;overflow-y:auto;flex:1}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-left{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.toast{position:fixed;bottom:2rem;right:2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #1c1b1926;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;min-width:300px;max-width:500px;z-index:2000;transition:all .3s ease}.toast-visible{opacity:1;transform:translateY(0)}.toast-hidden{opacity:0;transform:translateY(20px)}.toast-default{border-left:4px solid var(--color-accent)}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-icon{flex-shrink:0;color:var(--color-text-primary)}.toast-message{flex:1;font-family:Inter,system-ui,sans-serif;font-size:.875rem;color:var(--color-text-primary)}.toast-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:var(--color-text-tertiary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-close:hover{background-color:var(--color-background-alt);color:var(--color-text-primary)}.skeleton{background-color:var(--color-background-alt);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-text{height:1rem;width:100%}.skeleton-heading{height:1.5rem;width:80%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:2.5rem;width:120px;border-radius:8px}.skeleton-input{height:2.5rem;width:100%;border-radius:8px}.skeleton-card{height:200px;width:100%;border-radius:12px}.skeleton-image{aspect-ratio:1;width:100%;border-radius:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;gap:1rem}.empty-state-icon{color:var(--color-border);display:flex;align-items:center;justify-content:center}.empty-state-title{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.empty-state-description{font-family:Inter,system-ui,sans-serif;font-size:1rem;color:var(--color-text-tertiary);max-width:400px;margin:0}.empty-state-action{margin-top:1rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;gap:1rem}.error-state-icon{color:var(--color-danger);display:flex;align-items:center;justify-content:center}.error-state-title{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.error-state-description{font-family:Inter,system-ui,sans-serif;font-size:1rem;color:var(--color-text-tertiary);max-width:400px;margin:0}.error-state-details{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--color-danger);background-color:var(--color-danger-light);padding:.75rem 1rem;border-radius:6px;max-width:400px;word-break:break-all;margin:0}.error-state-retry{margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;font-family:Inter,system-ui,sans-serif;font-weight:500;background-color:var(--color-primary);color:var(--color-text-on-dark);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.error-state-retry:hover{background-color:var(--color-primary-dark)}.container{width:100%;margin:0 auto;padding:0 1.5rem}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.section{width:100%}.section-sm{padding:2rem 0}.section-md{padding:4rem 0}.section-lg{padding:6rem 0}.section-xl{padding:8rem 0}.price{font-family:JetBrains Mono,monospace;font-weight:500;color:var(--color-text-primary)}.price-sm{font-size:.875rem}.price-md{font-size:1.125rem}.price-lg{font-size:1.5rem}.price-xl{font-size:2rem}.stock-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;font-family:Inter,system-ui,sans-serif;border-radius:9999px}.stock-badge-success{background-color:var(--color-success-light);color:var(--color-success)}.stock-badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.stock-badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.breadcrumb{padding:1rem 0}.breadcrumb-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:.5rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{font-family:Inter,system-ui,sans-serif;font-size:.875rem;color:var(--color-text-tertiary);text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-link-current{color:var(--color-text-primary);font-weight:500}.breadcrumb-separator{color:var(--color-border);font-size:.875rem}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:2rem}.header-logo{flex-shrink:0}.header-logo-link{text-decoration:none}.header-logo-text{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1}.header-nav{flex:1}.header-nav-list{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.header-nav-item{display:flex;align-items:center}.header-nav-link{font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.header-nav-link:hover{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:.5rem}.header-search{position:relative}.header-search-form{display:flex;align-items:center;gap:.5rem}.header-search-input{min-width:250px}.header-search-close,.header-search-toggle{padding:.5rem}.header-cart{text-decoration:none}.header-mobile-toggle{padding:.5rem}.desktop-nav{display:flex}.mobile-nav{display:none;padding-top:1rem;border-top:1px solid var(--color-border)}.mobile-nav .header-nav-list{flex-direction:column;gap:1rem}.mobile-nav .header-nav-link{font-size:1.125rem;padding:.5rem 0}.desktop-hidden{display:none}@media (max-width: 1024px){.desktop-nav{display:none}.mobile-nav{display:block}.desktop-hidden{display:flex}.header-search-input{min-width:200px}}@media (max-width: 768px){.header-content{padding:.75rem 0;gap:1rem}.header-logo-text{font-size:1.25rem}.header-search-input{min-width:150px}}.footer{background-color:var(--color-moss-dark);color:var(--color-paper);padding:4rem 0 2rem}.footer-content{display:flex;flex-direction:column;gap:3rem}.footer-nav-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.footer-nav-column{display:flex;flex-direction:column;gap:1rem}.footer-nav-title{font-family:Fraunces,Georgia,serif;font-size:1.125rem;font-weight:600;color:var(--color-paper);margin:0}.footer-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-nav-item{display:flex;align-items:center}.footer-nav-link{font-family:Inter,system-ui,sans-serif;font-size:.875rem;color:var(--color-paper2);text-decoration:none;transition:color .2s ease}.footer-nav-link:hover{color:var(--color-paper)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--color-primary);flex-wrap:wrap;gap:1rem}.footer-copyright{font-family:Inter,system-ui,sans-serif;font-size:.875rem;color:var(--color-text-tertiary);margin:0}.footer-legal{display:flex;gap:2rem}.footer-legal-link{font-family:Inter,system-ui,sans-serif;font-size:.875rem;color:var(--color-text-tertiary);text-decoration:none;transition:color .2s ease}.footer-legal-link:hover{color:var(--color-paper)}.footer-accent{background-color:var(--color-ochre);color:var(--color-paper);padding:1rem 1.5rem;border-radius:8px;font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:600;margin-bottom:2rem;text-align:center}.hero-section{padding:6rem 0;background:linear-gradient(135deg,var(--color-moss-dark) 0%,var(--color-moss) 50%,var(--color-ochre) 100%);color:var(--color-paper)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-eyebrow{color:var(--color-ochre);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.hero-title{color:var(--color-paper);line-height:1.1}.hero-description{color:var(--color-paper2);line-height:1.6}.hero-actions{display:flex;gap:1rem;margin-top:1rem}.hero-primary-action{background-color:var(--color-paper);color:var(--color-moss)}.hero-primary-action:hover{background-color:var(--color-paper2)}.hero-secondary-action{border-color:var(--color-paper);color:var(--color-paper)}.hero-secondary-action:hover{background-color:#faf7f21a;border-color:var(--color-paper2)}.hero-image{display:flex;align-items:center;justify-content:center}.hero-img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0003}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:2rem}.hero-section{padding:4rem 0}}@media (max-width: 768px){.hero-section{padding:3rem 0}.hero-actions{flex-direction:column}.hero-title{font-size:2rem}}.category-grid-section{padding:4rem 0;background-color:var(--color-paper)}.category-grid-header{text-align:center;margin-bottom:3rem}.category-grid-title{color:var(--color-ink);margin-bottom:.5rem}.category-grid-description{color:var(--color-text-secondary);max-width:600px;margin:0 auto}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.category-card-link{text-decoration:none}.category-card{height:100%;overflow:hidden;border:1px solid var(--color-border)}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1c1b191f}.category-card-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:2rem}.category-card-name{color:var(--color-paper);font-size:1.5rem;margin:0;text-align:center}.category-card-content{padding:1.5rem}.category-card-description{color:var(--color-text-secondary);text-align:center;margin:0}@media (max-width: 768px){.category-grid-section{padding:3rem 0}.category-grid{grid-template-columns:1fr}}.product-grid-section{padding:4rem 0;background-color:var(--color-paper)}.product-grid-header{text-align:center;margin-bottom:3rem}.product-grid-title{color:var(--color-ink);margin-bottom:.5rem}.product-grid-description{color:var(--color-text-secondary);max-width:600px;margin:0 auto}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media (max-width: 768px){.product-grid-section{padding:3rem 0}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}}.promo-banner-section{padding:3rem 0}.promo-banner-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.promo-banner-text{flex:1}.promo-banner-title{margin-bottom:.5rem}.promo-banner-description{margin-bottom:0}.promo-banner-action{flex-shrink:0}.editorial-section{padding:4rem 0;background-color:var(--color-paper)}.editorial-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.editorial-text{display:flex;flex-direction:column;gap:1.5rem}.editorial-title{color:var(--color-ink);margin-bottom:0}.editorial-description{color:var(--color-text-secondary);margin-bottom:0}.editorial-article{color:var(--color-text-primary);line-height:1.7;margin-bottom:1rem}.editorial-read-more{align-self:flex-start}.editorial-image{display:flex;align-items:center;justify-content:center}.editorial-img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #1c1b191a}.newsletter-section{padding:4rem 0;background:linear-gradient(135deg,var(--color-moss-dark) 0%,var(--color-moss) 100%);color:var(--color-paper)}.newsletter-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.newsletter-text{max-width:600px}.newsletter-title{color:var(--color-paper);margin-bottom:.5rem}.newsletter-description{color:var(--color-paper2);margin-bottom:0}.newsletter-form{display:flex;gap:1rem;width:100%;max-width:500px}.newsletter-input{flex:1}.newsletter-button{background-color:var(--color-ochre);color:var(--color-paper)}.newsletter-button:hover{background-color:var(--color-secondary-dark)}@media (max-width: 1024px){.editorial-content{grid-template-columns:1fr;gap:2rem}.promo-banner-content{flex-direction:column;text-align:center}}@media (max-width: 768px){.promo-banner-section,.editorial-section,.newsletter-section{padding:3rem 0}.newsletter-form{flex-direction:column}.newsletter-button{width:100%}}.page-loading,.page-error,.page-empty{padding:4rem 0;text-align:center;color:var(--color-text-primary);font-family:Inter,system-ui,sans-serif}.trust-points-section{padding:4rem 0;background-color:var(--color-paper)}.trust-points-header{text-align:center;margin-bottom:3rem}.trust-points-title{color:var(--color-ink);margin-bottom:0}.trust-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.trust-point-card{padding:2rem;text-align:center;border:1px solid var(--color-border);transition:all .2s ease}.trust-point-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1c1b191f}.trust-point-icon{font-size:3rem;margin-bottom:1rem}.trust-point-title{color:var(--color-ink);margin-bottom:.5rem;font-size:1.25rem}.trust-point-description{color:var(--color-text-secondary);margin-bottom:0;line-height:1.5}@media (max-width: 768px){.trust-points-section{padding:3rem 0}.trust-points-grid{grid-template-columns:1fr}}.collection-page{padding:3rem 0}.collection-header{margin-bottom:3rem;text-align:center}.collection-title{color:var(--color-ink);margin-bottom:1rem}.collection-description{color:var(--color-text-secondary);max-width:600px;margin:0 auto}.collection-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.collection-empty{text-align:center;padding:4rem 0;color:var(--color-text-secondary)}@media (max-width: 768px){.collection-page{padding:2rem 0}.collection-products{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.collection-products{grid-template-columns:1fr}}.product-page{padding:3rem 0}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.product-image{position:sticky;top:2rem}.product-image-placeholder{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:12px;padding:2rem}.product-image-text{color:var(--color-paper);text-align:center;font-size:2rem}.product-info{display:flex;flex-direction:column;gap:1.5rem}.product-category{color:var(--color-text-secondary);font-size:1rem;margin-bottom:0}.product-title{color:var(--color-ink);margin-bottom:0}.product-sku{color:var(--color-text-tertiary);font-family:JetBrains Mono,monospace;font-size:.875rem;margin-bottom:0}.product-price-section{display:flex;align-items:center;gap:1rem}.product-price{font-size:2rem}.product-compare-price{color:var(--color-text-tertiary);text-decoration:line-through}.product-description{color:var(--color-text-primary);line-height:1.7;margin-bottom:0}.product-stock{align-self:flex-start}.product-variants,.product-quantity{max-width:200px}.product-add-to-cart{width:100%}@media (max-width: 1024px){.product-detail{grid-template-columns:1fr;gap:2rem}.product-image{position:static}}@media (max-width: 768px){.product-page{padding:2rem 0}}.search-page{padding:3rem 0}.search-header{margin-bottom:3rem}.search-title{color:var(--color-ink);margin-bottom:1.5rem}.search-form{max-width:600px}.search-input{font-size:1.125rem}.search-results{margin-top:2rem}.search-results-count{color:var(--color-text-secondary);margin-bottom:2rem}.search-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.search-empty,.search-loading{text-align:center;padding:4rem 0;color:var(--color-text-secondary)}@media (max-width: 768px){.search-page{padding:2rem 0}.search-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.search-products-grid{grid-template-columns:1fr}}.cart-page{padding:3rem 0}.cart-title{color:var(--color-ink);margin-bottom:2rem}.cart-empty{text-align:center;padding:4rem 0}.cart-empty-title{color:var(--color-ink);margin-bottom:1rem}.cart-empty-description{color:var(--color-text-secondary);margin-bottom:2rem}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:3rem}.cart-items{display:flex;flex-direction:column;gap:1.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.cart-item-details{display:flex;flex-direction:column;gap:.5rem}.cart-item-name{color:var(--color-ink);margin-bottom:0}.cart-item-variant,.cart-item-sku{color:var(--color-text-tertiary);margin-bottom:0}.cart-item-price{font-size:1.25rem}.cart-item-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.cart-item-quantity{min-width:80px}.cart-item-remove{color:var(--color-danger)}.cart-summary{position:sticky;top:2rem}.cart-summary-card{padding:2rem}.cart-summary-title{color:var(--color-ink);margin-bottom:1.5rem}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border)}.cart-summary-total{border-bottom:none;border-top:2px solid var(--color-border);margin-top:1rem;padding-top:1.5rem}.cart-total-price{font-size:1.5rem}.cart-checkout-btn{width:100%;margin-top:1.5rem}.cart-continue-btn{width:100%;margin-top:1rem}@media (max-width: 1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width: 768px){.cart-page{padding:2rem 0}.cart-item{flex-direction:column;align-items:flex-start;gap:1rem}.cart-item-actions{align-items:flex-start;width:100%}.cart-item-quantity{width:100%}}.checkout-page{padding:3rem 0}.checkout-title{color:var(--color-ink);margin-bottom:2rem}.checkout-empty{text-align:center;padding:4rem 0}.checkout-content{display:grid;grid-template-columns:1fr 350px;gap:3rem}.checkout-form{display:flex;flex-direction:column;gap:2rem}.checkout-card{padding:2rem}.checkout-card-title{color:var(--color-ink);margin-bottom:1.5rem}.checkout-summary{position:sticky;top:2rem}.checkout-summary-card{padding:2rem}.checkout-summary-title{color:var(--color-ink);margin-bottom:1.5rem}.checkout-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.checkout-summary-total{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-top:2px solid var(--color-border);margin-top:1rem}.checkout-total-price{font-size:1.5rem}.checkout-submit-btn{width:100%;margin-top:1.5rem}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr}.checkout-summary{position:static}}@media (max-width: 768px){.checkout-page{padding:2rem 0}}.order-page{padding:4rem 0}.order-success{text-align:center;max-width:600px;margin:0 auto}.order-success-icon{width:80px;height:80px;background-color:var(--color-success);color:var(--color-paper);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 2rem}.order-success-title{color:var(--color-ink);margin-bottom:1rem}.order-success-description{color:var(--color-text-secondary);margin-bottom:2rem}.order-details-card{padding:2rem;text-align:left;margin-bottom:2rem}.order-details-title{color:var(--color-ink);margin-bottom:1.5rem}.order-detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.order-status{color:var(--color-success);font-weight:600}.order-actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.order-page{padding:3rem 0}.order-actions{flex-direction:column}.order-continue-btn,.order-view-btn{width:100%}}.admin-layout{display:flex;min-height:100vh;background-color:var(--color-background-alt)}.admin-sidebar{width:280px;background-color:var(--color-moss-dark);color:var(--color-paper);padding:2rem;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-primary)}.admin-sidebar-title{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--color-paper);margin:0}.admin-sidebar-subtitle{font-size:.875rem;color:var(--color-paper2);margin-top:.25rem}.admin-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.admin-nav-item{display:flex;align-items:center}.admin-nav-link{font-family:Inter,system-ui,sans-serif;font-size:1rem;color:var(--color-paper2);text-decoration:none;padding:.75rem 1rem;border-radius:6px;transition:all .2s ease;display:block}.admin-nav-link:hover{background-color:var(--color-primary);color:var(--color-paper)}.admin-main{flex:1;padding:2rem;overflow-y:auto}@media (max-width: 1024px){.admin-sidebar{width:240px}}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static}}.admin-page-title{color:var(--color-ink);margin-bottom:2rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{padding:2rem;text-align:center}.admin-stat-label{color:var(--color-text-secondary);margin-bottom:.5rem}.admin-stat-value{color:var(--color-ink);margin-bottom:0;font-size:2.5rem}@media (max-width: 768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.admin-stats-grid{grid-template-columns:1fr}}@media (max-width: 768px){.footer{padding:3rem 0 1.5rem}.footer-nav-columns{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}.footer-legal{flex-direction:column;gap:.5rem}}.storefront-layout{display:flex;flex-direction:column;min-height:100vh}.storefront-main{flex:1;display:flex;flex-direction:column}