.archive-hero{text-align:center;padding:var(--space-10) 0 var(--space-4)}.archive-hero__title{font-family:var(--font-heading);font-size:var(--text-fluid-3xl);font-weight:var(--font-normal);margin:0}.archive-hero__description{font-family:var(--font-sans);font-size:var(--text-fluid-sm);line-height:var(--leading-relaxed);color:var(--on-surface-variant);max-width:60ch;margin:var(--space-3) auto 0}.shop-intro{text-align:center;margin-bottom:var(--space-6);font-family:var(--font-heading);color:var(--on-surface-variant);font-size:var(--text-base);line-height:1.6}.shop-intro p{max-width:var(--container-text);margin:0 auto var(--space-2)}.shop-intro p:last-child{margin-bottom:0}.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--outline-variant)}.archive-toolbar__filters{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.archive-toolbar__sort{flex-shrink:0}.filter-trigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:none;background:transparent;font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--on-surface);cursor:pointer;transition:color .15s ease}.filter-trigger:hover{color:var(--primary)}.filter-trigger.has-active{font-weight:var(--font-medium);text-decoration:underline;text-underline-offset:3px}.filter-trigger__icon{transition:transform .2s ease}.filter-trigger--all{color:var(--on-surface-variant)}.sort-select{padding:var(--space-2) var(--space-4);padding-right:var(--space-8);border:none;background:transparent;font-size:var(--text-sm);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='currentColor' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) 0}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--outline);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-xs);color:var(--on-surface);cursor:pointer;transition:all .15s ease}.filter-chip:hover{background:var(--surface-variant);border-color:var(--outline-variant)}.filter-chip--color{padding-left:var(--space-1)}.filter-chip__swatch{width:16px;height:16px;border-radius:var(--radius-full);border:1px solid var(--outline-variant);background-size:cover;background-position:center;flex-shrink:0}.filter-chip__close{opacity:.6;flex-shrink:0}.filter-chip:hover .filter-chip__close{opacity:1}.filter-chip--clear{border:none;background:transparent;color:var(--on-surface-variant);text-decoration:underline;text-underline-offset:2px}.filter-chip--clear:hover{color:var(--on-surface);background:transparent}.drawer--filter .drawer-body{padding:0}.filter-accordion{border-bottom:1px solid var(--outline-variant)}.filter-accordion__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-4) var(--space-5);border:none;background:transparent;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--on-surface);cursor:pointer;text-align:left}.filter-accordion__header:hover{background:var(--surface-variant)}.filter-accordion__title{display:flex;align-items:center;gap:var(--space-2)}.filter-accordion__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:var(--text-xs);font-weight:var(--font-medium)}.filter-accordion__icon{transition:transform .2s ease}.filter-accordion.is-open .filter-accordion__icon{transform:rotate(180deg)}.filter-accordion__body{padding:0 var(--space-5) var(--space-4)}.filter-options{display:flex;flex-direction:column;gap:var(--space-1)}.filter-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.filter-option:hover{background:var(--surface-variant)}.filter-option.is-selected{background:var(--primary-container)}.filter-option input{accent-color:var(--primary)}.filter-option__label{flex:1;font-size:var(--text-sm)}.filter-option__count{font-size:var(--text-xs);color:var(--on-surface-variant)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip-option{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 var(--space-3);border:1px solid var(--outline);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.filter-chip-option:hover{border-color:var(--primary)}.filter-chip-option.is-selected{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.filter-chip-option input{position:absolute;opacity:0;pointer-events:none}.filter-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--space-3)}.filter-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.filter-swatch:hover{background:var(--surface-variant)}.filter-swatch.is-selected .filter-swatch__preview{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary)}.filter-swatch__preview{width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--outline-variant);background-size:cover;background-position:center;transition:box-shadow .15s ease}.filter-swatch__name{font-size:var(--text-xs);color:var(--on-surface-variant);text-align:center;line-height:1.2}.drawer--filter .drawer-footer{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--outline-variant)}.drawer--filter .drawer-footer .btn{flex:1}.archive .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:768px){.archive .grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media(min-width:1200px){.archive .grid{max-width:1400px;margin-inline:auto;gap:var(--space-8)}}.product-card{position:relative}.product-card a{display:block;text-decoration:none;color:inherit}.product-card__media{position:relative;overflow:hidden;border-radius:0;background:var(--surface-variant)}.product-card img,.product-card__image{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;border-radius:0;transition:opacity var(--duration-normal) var(--easing-standard)}.product-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border-radius:0}.product-card:hover .product-card__image--primary{opacity:0}.product-card:hover .product-card__image--hover{opacity:1}.product-card__quick-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fffdf9e6;opacity:0;transition:opacity var(--duration-normal) var(--easing-standard);border-radius:0}.product-card:hover .product-card__quick-view{opacity:1}.product-card__quick-view-btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--on-surface);background:none;border:1px solid var(--on-surface);padding:var(--space-3) var(--space-6);cursor:pointer;transition:all var(--duration-fast)}.product-card__quick-view-btn:hover{background:var(--on-surface);color:var(--surface)}.product-card__info{margin-top:var(--space-3)}.product-card h2{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);margin:0;line-height:var(--leading-snug)}.product-card .price{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);color:inherit;flex-shrink:0}@media(min-width:768px){.product-card__info{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.product-card h2{margin:0;flex:1;min-width:0}}.product-card__swatches{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.product-card__swatch{width:14px;height:14px;border-radius:50%;border:1px solid var(--outline-variant)}.product-card__badge{position:absolute;top:var(--space-2);left:var(--space-2);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-1) var(--space-2);background:var(--surface);color:var(--on-surface);border-radius:var(--radius-xs)}.product-card__badge--sold-out{background:var(--on-surface);color:var(--surface)}.load-more{text-align:center;padding:var(--space-12) 0 var(--space-8)}.load-more button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-10);border:var(--border-width) solid var(--on-surface);background:transparent;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.load-more button:hover{background:var(--on-surface);color:var(--surface)}.load-more button:disabled{opacity:.5;cursor:not-allowed}.load-more button:disabled:hover{background:transparent;color:inherit}.load-more__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-grid-wrapper{position:relative}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:10}.loading-spinner{width:32px;height:32px;border:2px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.category-section{max-width:var(--container-text);margin:var(--space-12) auto}.category-section--intro{max-width:34rem;text-align:center;margin:var(--space-4) auto var(--space-8);color:var(--on-surface-variant);line-height:var(--leading-relaxed)}.archive-footer{max-width:var(--container-text);margin:var(--space-12) auto;text-align:center;color:var(--on-surface-variant)}.pagination{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-8) 0}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none;color:var(--on-surface)}.pagination a:hover{background:var(--surface-container)}.pagination [aria-current=page]{background:var(--on-surface);color:var(--surface);border-color:var(--on-surface)}.archive-hero--editorial{padding:var(--space-12) 0 var(--space-6);max-width:var(--container-text);margin:0 auto}.archive-hero--editorial .archive-hero__description{font-size:var(--text-lg);line-height:var(--leading-relaxed);max-width:60ch;margin:var(--space-4) auto 0}.archive-hero__tagline{font-size:var(--text-lg);color:var(--on-surface-variant);margin:var(--space-3) auto 0;max-width:60ch}.archive-hero__intro{font-size:var(--text-base);color:var(--on-surface-variant);line-height:var(--leading-relaxed);margin:var(--space-4) auto 0;max-width:65ch}.archive-hero__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6);list-style:none;padding:0;margin:var(--space-6) auto 0;font-size:var(--text-sm);color:var(--on-surface-variant)}.archive-hero__trust li{display:flex;align-items:center;gap:var(--space-2)}.archive-hero__trust li:before{content:"✓";color:var(--color-success, #16a34a);font-weight:var(--font-semibold)}.feature-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);margin:var(--space-12) 0;background:var(--surface-muted, #f9fafb);border-radius:var(--radius-md)}@media(min-width:768px){.feature-banner{flex-direction:row;text-align:left;padding:var(--space-8) var(--space-10)}}.feature-banner__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--surface);border-radius:var(--radius-full);flex-shrink:0;color:var(--on-surface)}.feature-banner__content{flex:1}.feature-banner__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0 0 var(--space-2);color:var(--on-surface)}.feature-banner__body{font-size:var(--text-base);color:var(--on-surface-variant);margin:0;line-height:var(--leading-relaxed);max-width:50ch}.feature-banner__cta{flex-shrink:0;white-space:nowrap}.related-categories{padding:var(--space-12) 0}.category-grid--3col{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.category-grid--3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.category-grid--3col{grid-template-columns:1fr}}.section--values{padding:var(--space-12) 0;background:var(--surface)}.seo-footer{max-width:var(--container-text);margin:var(--space-12) auto var(--space-16);padding:var(--space-10);background:var(--surface-muted, #f9fafb);border-radius:var(--radius-md);text-align:center}.seo-footer__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0 0 var(--space-4);color:var(--on-surface)}.seo-footer__body{font-size:var(--text-base);color:var(--on-surface-variant);line-height:var(--leading-relaxed)}.seo-footer__body p{margin:0}.seo-content{max-width:var(--container-text);margin:var(--space-12) auto var(--space-16)}.seo-content__section{margin-bottom:var(--space-8)}.seo-content__section:last-child{margin-bottom:0}.seo-content__section h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0 0 var(--space-3);color:var(--on-surface)}.seo-content__section p{font-size:var(--text-base);color:var(--on-surface-variant);line-height:var(--leading-relaxed);margin:0}.faq-section{max-width:var(--container-text);margin:0 auto var(--space-16)}.faq-section__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-normal);margin:0 0 var(--space-6);color:var(--on-surface);text-align:center}.faq-accordion{border-top:1px solid var(--border-color, #e5e7eb)}.faq-item{border-bottom:1px solid var(--border-color, #e5e7eb)}.faq-item__question{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--on-surface);cursor:pointer;list-style:none}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-size:var(--text-xl);font-weight:var(--font-light);color:var(--on-surface-variant);transition:transform .2s ease}.faq-item[open] .faq-item__question:after{content:"−"}.faq-item__answer{padding:0 0 var(--space-4)}.faq-item__answer p{font-size:var(--text-base);color:var(--on-surface-variant);line-height:var(--leading-relaxed);margin:0}.hero-split--reverse{direction:ltr}@media(min-width:768px){.hero-split--reverse{grid-template-columns:1fr 1fr}.hero-split--reverse .hero-split__image{order:2}.hero-split--reverse .hero-split__content{order:1}}