:root{--color-cream-50: #FAF7F0;--color-cream-100: #F3EDE0;--color-jute-300: #D9C2A3;--color-jute-500: #B99A6B;--color-jute-700: #8A6D42;--color-clay-500: #C36F4E;--color-clay-700: #9A5238;--color-moss-500: #6B7A3F;--color-moss-700: #4E5A2C;--color-ink-900: #2B2620;--color-ink-700: #4A443C;--color-ink-400: #8A8175;--color-error-600: #B3402D;--color-white: #FFFFFF;--bg-page: var(--color-cream-50);--bg-surface: var(--color-cream-100);--bg-brand: var(--color-jute-500);--bg-accent: var(--color-clay-500);--text-primary: var(--color-ink-900);--text-secondary: var(--color-ink-700);--text-muted: var(--color-ink-400);--text-on-brand: var(--color-white);--text-on-accent: var(--color-white);--border-default: var(--color-jute-300);--border-strong: var(--color-jute-500);--state-success: var(--color-moss-500);--state-error: var(--color-error-600);--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-h1: clamp(1.75rem, 4vw + .5rem, 2.5rem);--text-h2: clamp(1.375rem, 2vw + .75rem, 2rem);--text-h3: clamp(1.125rem, 1vw + .875rem, 1.5rem);--text-h4: clamp(1rem, .5vw + .875rem, 1.25rem);--text-body: 1rem;--text-body-sm: .875rem;--text-caption: .75rem;--text-button: .9375rem;--lh-tight: 1.2;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.6;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(43, 38, 32, .06);--shadow-md: 0 4px 12px rgba(43, 38, 32, .08);--shadow-lg: 0 12px 32px rgba(43, 38, 32, .12);--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--content-w: 1280px;--content-px-mobile: var(--space-4);--content-px-desktop: var(--space-6);--content-px: var(--content-px-mobile);--focus-ring: 2px solid var(--color-jute-700);--focus-offset: 2px;--transition: .15s ease}*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-primary);font-weight:var(--weight-regular);font-size:var(--text-body);line-height:var(--lh-relaxed);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}img{max-width:100%;display:block}a{color:var(--color-jute-700);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-clay-700);text-decoration:underline}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}h1,h2,h3,h4{font-family:var(--font-primary);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 var(--space-3)}h1{font-size:var(--text-h1);line-height:var(--lh-tight)}h2{font-size:var(--text-h2);line-height:var(--lh-tight)}h3{font-size:var(--text-h3);line-height:var(--lh-snug)}h4{font-size:var(--text-h4);line-height:var(--lh-snug);font-weight:var(--weight-medium)}p{margin:0 0 var(--space-3)}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-body-sm)}.text-xs{font-size:var(--text-caption)}.text-secondary{color:var(--text-secondary)}.container{width:100%;max-width:var(--content-w);margin:0 auto;padding:0 var(--content-px)}@media(min-width:1024px){.container{padding:0 var(--content-px-desktop)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-button);font-weight:var(--weight-medium);line-height:1;border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition),transform 80ms ease;background:transparent;color:var(--text-primary);min-height:44px}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--bg-accent);color:var(--text-on-accent);border-color:var(--bg-accent)}.btn-primary:hover{background:var(--color-clay-700);border-color:var(--color-clay-700)}.btn-primary:disabled{background:var(--color-jute-300);border-color:var(--color-jute-300);color:var(--text-muted)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-outline:hover{background:var(--bg-surface);color:var(--text-primary)}.btn-outline:active{border-color:var(--color-jute-700)}.btn-outline:disabled{border-color:var(--color-jute-300);color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--color-jute-700);border:0;padding:var(--space-2) var(--space-3);min-height:36px}.btn-ghost:hover{color:var(--color-jute-500);text-decoration:underline;background:transparent}.btn-ghost:disabled{color:var(--text-muted)}.label{display:block;font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin:0 0 var(--space-1)}.required{color:var(--state-error)}.error-msg{color:var(--state-error);font-size:var(--text-caption);margin:var(--space-1) 0 0}.input,.textarea,.select{display:block;width:100%;padding:var(--space-3);font:inherit;color:var(--text-primary);background:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);min-height:44px}.textarea{min-height:96px;resize:vertical;line-height:var(--lh-relaxed)}.select{padding-right:var(--space-5)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-jute-700);box-shadow:0 0 0 3px #8a6d4226}.input.is-error,.textarea.is-error,.select.is-error{border-color:var(--state-error);box-shadow:0 0 0 3px #b3402d1a}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:1;border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase}.badge--bestseller{background:#c36f4e1f;color:var(--color-clay-700)}.badge--in-stock{background:#6b7a3f1f;color:var(--color-moss-700)}.badge--back-soon{background:#b99a6b2e;color:var(--color-jute-700)}.badge--sold-out{background:#b3402d1a;color:var(--color-error-600)}.site-header{position:sticky;top:0;z-index:50;background:#faf7f0f2;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border-default)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--content-px);max-width:var(--content-w);margin:0 auto;gap:var(--space-4)}.brand{font-family:var(--font-primary);font-size:1.375rem;font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-primary)}.brand:hover{color:var(--text-primary);text-decoration:none}.nav{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.nav a{color:var(--text-primary);min-height:44px;display:inline-flex;align-items:center}.nav a:hover{color:var(--color-jute-700);text-decoration:none}.cart-link{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-primary)}.cart-link:hover{background:var(--bg-surface);text-decoration:none}.cart-count{min-width:20px;height:20px;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-accent);color:var(--text-on-accent);font-size:.6875rem;font-weight:var(--weight-semibold);border-radius:var(--radius-pill);line-height:1}@media(max-width:768px){.site-header .inner{padding:var(--space-3) var(--content-px);gap:var(--space-3)}.nav{display:none}}@media(min-width:769px){.nav{display:flex}}.announcement-bar{background:var(--color-ink-900);color:var(--color-cream-50);text-align:center;font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.04em;padding:var(--space-2) var(--content-px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-footer{background:var(--color-ink-900);color:var(--color-jute-300);margin-top:var(--space-7);padding:var(--space-6) 0 var(--space-4);font-size:var(--text-body-sm)}.site-footer h4{color:var(--color-cream-50);font-family:var(--font-primary);font-size:var(--text-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-4)}.site-footer a{color:var(--color-jute-300)}.site-footer a:hover{color:var(--color-cream-50)}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-6);max-width:var(--content-w);margin:0 auto;padding:0 var(--content-px)}.footer-cols ul{list-style:none;padding:0;margin:0}.footer-cols li{margin-bottom:var(--space-2)}.footer-bottom{border-top:1px solid #3b362e;margin-top:var(--space-5);padding-top:var(--space-4);max-width:var(--content-w);margin-left:auto;margin-right:auto;padding-left:var(--content-px);padding-right:var(--content-px);font-size:var(--text-caption);color:var(--color-ink-400);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-2)}.newsletter-form .input{background:#faf7f00d;border-color:var(--color-ink-700);color:var(--color-cream-50)}.newsletter-form .input::placeholder{color:var(--color-ink-400)}.newsletter-form .input:focus{border-color:var(--color-jute-500);background:#faf7f01a}.newsletter-feedback{font-size:var(--text-caption);min-height:18px}.newsletter-feedback.is-success{color:var(--color-moss-500)}.newsletter-feedback.is-error{color:var(--color-error-600)}@media(max-width:768px){.footer-cols{grid-template-columns:1fr 1fr;gap:var(--space-5)}.footer-cols>div:first-child{grid-column:1 / -1}}.hero{position:relative;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.hero .container{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-7);align-items:center;padding-top:var(--space-7);padding-bottom:var(--space-7)}.hero__pre-title{display:block;font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-jute-700);margin:0 0 var(--space-3)}.hero h1{font-size:var(--text-h1);margin:0 0 var(--space-4)}.hero p{font-size:1.125rem;color:var(--text-secondary);max-width:36ch}.hero__ctas{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.hero__ctas .btn{min-width:0;flex:0 1 auto}@media(max-width:540px){.hero__ctas{flex-direction:column;align-items:stretch}.hero__ctas .btn{width:100%}}.hero__image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5;background:var(--color-jute-300);box-shadow:var(--shadow-lg)}.hero__image img{width:100%;height:100%;object-fit:cover}@media(max-width:880px){.hero .container{grid-template-columns:1fr;gap:var(--space-5);padding-top:var(--space-6);padding-bottom:var(--space-6)}.hero__image{aspect-ratio:4 / 3;order:-1}}.section{padding:var(--space-7) 0}.section--alt{background:var(--bg-surface)}.section__heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--space-5);gap:var(--space-3)}.section__heading h2{margin:0}.section__link{font-size:var(--text-body-sm);color:var(--color-jute-700);font-weight:var(--weight-medium)}.section__link:hover{color:var(--color-clay-700)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:980px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.product-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong);text-decoration:none}.product-card .image{aspect-ratio:4 / 5;background:var(--bg-surface);overflow:hidden;position:relative}.product-card .image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .image img{transform:scale(1.03)}.product-card .badge{position:absolute;top:var(--space-3);left:var(--space-3)}.product-card .body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.product-card .name{font-weight:var(--weight-medium);font-size:var(--text-body);margin:0;color:var(--text-primary)}.product-card .price{color:var(--color-jute-700);font-size:var(--text-body);font-weight:var(--weight-medium)}.product-card .short{font-size:var(--text-body-sm);color:var(--text-muted);margin:0}.value-props{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:880px){.value-props{grid-template-columns:1fr}}.value-prop{background:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.value-prop__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--color-jute-700);border-radius:var(--radius-pill);margin-bottom:var(--space-3);font-size:24px}.value-prop h3{font-size:var(--text-h4);margin:0 0 var(--space-2)}.value-prop p{color:var(--text-secondary);margin:0;font-size:var(--text-body-sm)}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-7);align-items:center}.story .image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5;background:var(--bg-surface)}.story .image img{width:100%;height:100%;object-fit:cover}@media(max-width:880px){.story{grid-template-columns:1fr;gap:var(--space-5)}.story .image{aspect-ratio:4 / 3}}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-4)}.testimonial{background:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.testimonial blockquote{margin:0 0 var(--space-2);font-size:1.0625rem;line-height:var(--lh-normal);color:var(--text-primary)}.testimonial .author{font-size:var(--text-body-sm);color:var(--text-muted)}@media(max-width:720px){.testimonials{grid-template-columns:1fr}}.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-7);padding-top:var(--space-4);padding-bottom:var(--space-6)}.pdp .gallery{background:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.pdp .gallery img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.pdp h1{font-size:var(--text-h1);margin:0 0 var(--space-2)}.pdp .price{font-size:1.25rem;color:var(--color-jute-700);margin:0 0 var(--space-3);font-weight:var(--weight-medium)}.pdp .desc{color:var(--text-secondary)}.pdp .desc p{margin:0 0 var(--space-3)}.pdp .add-row{display:flex;gap:var(--space-3);align-items:center;margin:var(--space-4) 0 var(--space-2)}.pdp .qty-input{width:5rem;text-align:center}.pdp .oost{color:var(--state-error);font-weight:var(--weight-medium);margin:0 0 var(--space-2)}@media(max-width:880px){.pdp{grid-template-columns:1fr;gap:var(--space-5)}}.info-page{max-width:720px;margin:0 auto;padding:var(--space-6) 0}.info-page h1{margin-bottom:var(--space-5)}.info-page p{font-size:1.0625rem;line-height:var(--lh-relaxed);color:var(--text-primary)}.info-page strong{color:var(--text-primary)}.cart-item{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);background:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.cart-item__thumb{width:64px;height:64px;border-radius:var(--radius-sm);background:var(--bg-surface);overflow:hidden;flex-shrink:0}.cart-item__thumb img{width:100%;height:100%;object-fit:cover}.cart-item__meta{flex:1;min-width:0}.cart-item__name{font-weight:var(--weight-medium)}.cart-item__sub{font-size:var(--text-body-sm);color:var(--text-muted)}.cart-item__line-total{min-width:5rem;text-align:right;font-weight:var(--weight-medium)}.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-5);padding:var(--space-4) 0}@media(max-width:880px){.checkout-grid{grid-template-columns:1fr}}.summary{background:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:5rem;align-self:start}.summary h2{font-size:var(--text-caption);margin:0 0 var(--space-3);font-family:var(--font-primary);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.summary .line{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-body-sm)}.summary .total{font-weight:var(--weight-semibold);border-top:1px solid var(--border-default);margin-top:var(--space-2);padding-top:var(--space-3);font-size:1.0625rem}.summary .item{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-default);align-items:center}.summary .item:last-child{border-bottom:0}.summary .item .thumb{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--bg-surface);overflow:hidden;flex-shrink:0}.summary .item .thumb img{width:100%;height:100%;object-fit:cover}.summary .item .meta{flex:1;min-width:0}.summary .item .name{font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.summary .item .sub{font-size:var(--text-caption);color:var(--text-muted)}.form-grid{display:grid;gap:var(--space-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:540px){.form-row{grid-template-columns:1fr}}.empty{text-align:center;padding:var(--space-7) var(--space-3);color:var(--text-muted)}.empty h2{color:var(--text-primary)}.notfound{text-align:center;padding:var(--space-8) var(--space-3)}.notfound h1{font-size:clamp(3rem,8vw,5rem);margin:0 0 var(--space-2);color:var(--bg-accent)}.notfound p{color:var(--text-muted)}.toast{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);background:var(--color-ink-900);color:var(--color-cream-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-body-sm);z-index:100;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .2s ease}.toast.visible{opacity:1}.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{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-7)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-7)}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-2)}.header-icon[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);color:var(--text-primary)}.header-icon[data-astro-cid-3ef6ksr2]:hover{background:var(--bg-surface);color:var(--text-primary);text-decoration:none}
