:root{--color-ink: #0A0A0A;--color-paper: #FFFFFF;--color-bg: #FAF8F4;--color-card: #F4F2EC;--color-border: rgba(10,10,10,.08);--color-border-strong:rgba(10,10,10,.16);--color-muted: rgba(10,10,10,.55);--color-faint: rgba(10,10,10,.4);--color-teal: #14C2A8;--color-teal-deep: #0FAA92;--color-teal-soft: #E6FAF5;--color-warning: #FF6A1F;--color-success: #3FB950;--color-overlay: rgba(10,10,10,.5);--color-glass-light: rgba(255,255,255,.78);--color-glass-warm: rgba(250,248,244,.88);--color-glass-dark: rgba(10,10,10,.76);--glass-blur: blur(16px) saturate(1.5);--glass-blur-sm: blur(8px) saturate(1.3);--color-footer-text: rgba(255,255,255,.75);--color-footer-muted: rgba(255,255,255,.5);--color-footer-border:rgba(255,255,255,.1);--font-body: "Nunito", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--text-hero: 64px;--text-page-title: 40px;--text-section-title:32px;--text-card-title: 18px;--text-body-lg: 16px;--text-body: 14px;--text-sm: 13px;--text-xs: 12px;--text-mono: 11px;--text-tiny: 10px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-md: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--spacing-14: 56px;--spacing-15: 60px;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-9);--spacing-2xl: var(--spacing-12);--spacing-3xl: var(--spacing-15);--page-padding: var(--spacing-9);--page-max-width: 1440px;--content-max-width: 1200px;--section-gap: var(--spacing-15);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);--shadow-tab: 0 1px 3px rgba(0,0,0,.08);--shadow-card: 0 1px 3px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.06);--shadow-lg: 0 8px 28px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.06);--shadow-xl: 0 16px 52px rgba(0,0,0,.14), 0 4px 14px rgba(0,0,0,.08);--shadow-modal:0 24px 68px rgba(0,0,0,.2), 0 8px 24px rgba(0,0,0,.1);--shadow-teal: 0 0 0 3px rgba(20,194,168,.22);--shadow-card-hover: 0 12px 36px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06), 0 0 0 1px rgba(20,194,168,.14);--ease-standard: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-fluid: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s;--dur-xslow: .5s;--dur-fluid: .42s;--dur-glass: .26s;--z-base: 1;--z-sticky: 100;--z-header: 200;--z-modal: 400;--z-overlay:300;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}img,svg{display:block;max-width:100%}ul,ol{list-style:none}input,textarea,select{font-family:inherit}a,button,[role=button],input,select,textarea,label{touch-action:manipulation}.drawer__body,.plp__sidebar{overscroll-behavior:contain}:focus-visible{outline:2px solid var(--color-teal);outline-offset:3px;border-radius:var(--radius-xs)}.skip-to-content{position:absolute;top:var(--spacing-2);left:var(--spacing-2);z-index:var(--z-toast);background:var(--color-teal);color:var(--color-ink);padding:var(--spacing-2) var(--spacing-md);border-radius:var(--radius-sm);font-weight:var(--weight-bold);font-size:var(--text-sm);transform:translateY(-120%);transition:transform var(--dur-fast) var(--ease-out)}.skip-to-content:focus{transform:translateY(0)}.qty-stepper__btn{min-width:44px;min-height:44px}.checkbox-input{min-width:20px;min-height:20px;cursor:pointer}.btn-icon{min-width:44px;min-height:44px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.announcement-bar__track{animation:none}.starburst--spin,.hero__star-bg svg{animation:none!important}.reveal{opacity:1;transform:none}}.page-wrap{max-width:var(--page-max-width);margin-inline:auto;padding-inline:var(--page-padding)}.content-wrap{max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--page-padding)}.section-gap{margin-bottom:var(--section-gap)}.t-hero{font-size:var(--text-hero);font-weight:var(--weight-black);letter-spacing:-.05em;line-height:1.05}.t-page-title{font-size:var(--text-page-title);font-weight:var(--weight-black);letter-spacing:-.04em;line-height:1.1}.t-section-title{font-size:var(--text-section-title);font-weight:var(--weight-black);letter-spacing:-.03em;line-height:1.15}.t-card-title{font-size:var(--text-card-title);font-weight:var(--weight-black);letter-spacing:-.02em;line-height:1.25}.t-body-lg{font-size:var(--text-body-lg);font-weight:var(--weight-medium);letter-spacing:-.01em}.t-body{font-size:var(--text-body);font-weight:var(--weight-semibold)}.t-sm{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.t-mono{font-family:var(--font-mono);font-size:var(--text-mono);font-weight:var(--weight-medium);letter-spacing:.12em;text-transform:uppercase}.t-mono-sm{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--weight-medium);letter-spacing:.18em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:0 var(--spacing-6);height:44px;border-radius:var(--radius-full);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-bold);white-space:nowrap;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);opacity:.88}.btn[disabled],.btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-ink);color:var(--color-paper)}.btn--teal{background:var(--color-teal);color:var(--color-ink)}.btn--outline{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-border-strong)}.btn--outline:hover{border-color:var(--color-ink)}.btn--outline-paper{background:transparent;color:var(--color-paper);border:1.5px solid rgba(255,255,255,.3)}.btn--outline-paper:hover{border-color:var(--color-paper)}.btn--tall{height:52px;padding:0 var(--spacing-8)}.btn--full{width:100%}.btn--sm{height:36px;padding:0 var(--spacing-md);font-size:var(--text-xs)}.btn-icon{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-ink);position:relative;transition:background var(--dur-fast) var(--ease-out)}.btn-icon:hover{background:var(--color-card)}.btn-icon__badge{position:absolute;top:4px;right:4px;background:var(--color-teal);color:var(--color-paper);font-size:var(--text-tiny);font-weight:var(--weight-extrabold);padding:2px 5px;border-radius:var(--radius-full);min-width:18px;text-align:center;line-height:1;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:3px var(--spacing-2);border-radius:var(--radius-full);font-size:var(--text-tiny);font-weight:var(--weight-extrabold);letter-spacing:.04em;line-height:1;white-space:nowrap}.badge--ink{background:var(--color-ink);color:var(--color-paper)}.badge--teal{background:var(--color-teal);color:var(--color-ink)}.badge--teal-soft{background:var(--color-teal-soft);color:var(--color-teal-deep)}.badge--warning{background:var(--color-warning);color:var(--color-paper)}.badge--success{background:var(--color-success);color:var(--color-paper)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;background:var(--color-paper);color:var(--color-ink);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.chip--active{background:var(--color-teal-soft);border-color:var(--color-teal);color:var(--color-teal-deep)}.chip--solid{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.card{background:var(--color-paper);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.card--elevated{box-shadow:var(--shadow-card)}.input{display:block;width:100%;height:48px;padding:0 var(--spacing-md);background:var(--color-card);border:1.5px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-ink);outline:none;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--color-muted);font-weight:var(--weight-medium)}.input:focus{border-color:var(--color-ink);background:var(--color-paper)}.input--error{border-color:var(--color-warning)}.input--success{border-color:var(--color-success)}.input-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted);margin-bottom:var(--spacing-1)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-md);border-radius:var(--radius-md)}.alert--teal{background:var(--color-teal-soft);border:1px solid rgba(20,194,168,.3);color:var(--color-teal-deep)}.alert__icon{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);background:#14c2a826;display:flex;align-items:center;justify-content:center}.qty-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);overflow:hidden}.qty-stepper__btn{width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-ink);transition:background var(--dur-fast) var(--ease-out)}.qty-stepper__btn:hover{background:var(--color-card)}.qty-stepper__value{min-width:32px;text-align:center;font-size:var(--text-body);font-weight:var(--weight-bold)}.product-card{background:var(--color-paper);border-radius:var(--radius-xl);border:none;box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform var(--dur-fluid) var(--ease-fluid),box-shadow var(--dur-fluid) var(--ease-fluid);text-decoration:none;color:inherit}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.product-card__image-wrap{aspect-ratio:4 / 5;background:var(--color-card);position:relative;overflow:hidden}.product-card__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,10,10,.55) 0%,rgba(10,10,10,.1) 40%,transparent 65%);opacity:0;transition:opacity var(--dur-slow) var(--ease-out);z-index:1}.product-card:hover .product-card__image-wrap:after{opacity:1}.product-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease-out)}.product-card:hover .product-card__image-wrap img{transform:scale(1.06)}.product-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-card) 0%,#E8E5DE 100%)}.product-card__badge{position:absolute;bottom:var(--spacing-10);left:var(--spacing-3);z-index:3}.product-card__wishlist{position:absolute;top:var(--spacing-2);right:var(--spacing-2);z-index:3;width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--color-glass-light);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-glass) var(--ease-out),transform var(--dur-fast) var(--ease-spring),background var(--dur-glass) var(--ease-out)}.product-card:hover .product-card__wishlist,.product-card__wishlist.is-active{opacity:1}.product-card__wishlist:hover{transform:scale(1.12);background:#fffffffa}.product-card__wishlist:active{transform:scale(.9)}.product-card__wishlist.is-active .heart-icon path{fill:#e53e3e;stroke:#e53e3e}.product-card__wishlist:not(.is-active) .heart-icon path{fill:none}.product-card__quick-add{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);background:var(--color-glass-dark);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--color-paper);border:none;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.03em;padding:var(--spacing-md) 0;cursor:pointer;transform:translateY(100%);transition:transform .28s var(--ease-fluid),box-shadow var(--dur-glass) var(--ease-out);box-shadow:none}.product-card__quick-add:hover{background:var(--color-ink);box-shadow:0 -2px #14c2a899 inset}.product-card:hover .product-card__quick-add{transform:translateY(0)}.product-card__cat{position:absolute;top:var(--spacing-3);left:var(--spacing-3);z-index:3;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffeb;background:#0a0a0a8c;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(255,255,255,.1);padding:4px var(--spacing-2);border-radius:var(--radius-sm);opacity:0;transform:translateY(-6px);transition:opacity var(--dur-glass) var(--ease-out),transform var(--dur-glass) var(--ease-fluid)}.product-card:hover .product-card__cat{opacity:1;transform:translateY(0)}.product-card__body{padding:var(--spacing-md) var(--spacing-md) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;position:relative}.product-card__body:after{content:"";position:absolute;bottom:0;left:var(--spacing-md);right:var(--spacing-md);height:2px;background:linear-gradient(90deg,var(--color-teal),var(--color-teal-deep));border-radius:var(--radius-full);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fluid) var(--ease-fluid)}.product-card:hover .product-card__body:after{transform:scaleX(1)}.product-card__name{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-ink);line-height:1.38;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--dur-glass) var(--ease-out)}.product-card:hover .product-card__name{color:var(--color-teal-deep)}.product-card__rating{display:flex;align-items:center;gap:2px}.product-card__rating-text{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--color-muted);margin-left:var(--spacing-1)}.product-card__price-row{display:flex;align-items:baseline;gap:var(--spacing-2);margin-top:auto;padding-top:var(--spacing-2)}.product-card__price{font-size:20px;font-weight:var(--weight-black);letter-spacing:-.03em;color:var(--color-ink);line-height:1;font-feature-settings:"tnum" 1}.product-card__old-price{font-size:var(--text-xs);color:var(--color-faint);text-decoration:line-through;letter-spacing:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--spacing-6)}.section-header__label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--color-teal-deep);margin-bottom:var(--spacing-2)}.stars{display:inline-flex;align-items:center;gap:2px}.starburst--spin{animation:starburst-spin 60s infinite linear}@keyframes starburst-spin{to{transform:rotate(360deg)}}.skeleton{background:var(--color-card);border-radius:var(--radius-md);overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);animation:shimmer 1.4s infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.page-fade-in{animation:pageFadeIn var(--dur-base) var(--ease-out) both}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}main#main-content{animation:mainReveal var(--dur-slow) var(--ease-out) both}@keyframes mainReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.drawer-overlay.is-visible{opacity:1;pointer-events:auto;cursor:pointer}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);height:100vh;height:100dvh;background:var(--color-paper);z-index:var(--z-modal);transform:translate(100%);transition:transform var(--dur-slow) var(--ease-out);overflow:hidden;display:flex;flex-direction:column}.drawer.is-open{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-6);border-bottom:1px solid rgba(0,0,0,.07);flex-shrink:0;background:#fffffff0;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}.drawer__title{font-size:var(--text-card-title);font-weight:var(--weight-black);letter-spacing:-.02em}.drawer__body{padding:var(--spacing-6);flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;-webkit-overflow-scrolling:touch}.drawer__footer{padding:var(--spacing-md) var(--spacing-6) var(--spacing-3);border-top:1px solid var(--color-border);background:var(--color-paper);flex:0 0 auto}@media(max-width:768px){.drawer__footer{padding:var(--spacing-2) var(--spacing-md) var(--spacing-2)}}.step-indicator{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;font-size:var(--text-xs);font-weight:var(--weight-bold)}.step-indicator__item{padding:var(--spacing-2) var(--spacing-md);color:var(--color-muted);white-space:nowrap}.step-indicator__item--active{background:var(--color-ink);color:var(--color-paper)}.step-indicator__item--done{color:var(--color-teal-deep)}.checkout-stepper{display:flex;align-items:center;gap:0;max-width:480px;margin-inline:auto;padding-block:var(--spacing-6)}.checkout-stepper__step{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted)}.checkout-stepper__circle{width:28px;height:28px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;font-size:var(--text-tiny);font-weight:var(--weight-extrabold);flex-shrink:0}.checkout-stepper__step--done .checkout-stepper__circle{background:var(--color-teal-soft);border-color:var(--color-teal);color:var(--color-teal-deep)}.checkout-stepper__step--active .checkout-stepper__circle{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.checkout-stepper__step--active{color:var(--color-ink)}.checkout-stepper__line{flex:1;height:1px;background:var(--color-border);margin-inline:var(--spacing-3)}.range-slider{position:relative;height:4px;background:var(--color-border-strong);border-radius:var(--radius-full);margin-block:var(--spacing-3)}.range-slider__track{position:absolute;height:100%;background:var(--color-teal);border-radius:var(--radius-full)}.range-slider__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-ink);border:2px solid var(--color-paper);box-shadow:var(--shadow-tab);cursor:grab;z-index:1}.range-slider__thumb:active{cursor:grabbing}.tab-pills{display:inline-flex;align-items:center;background:var(--color-card);border-radius:var(--radius-full);padding:3px;gap:2px}.tab-pills__tab{padding:var(--spacing-2) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;color:var(--color-muted);border:none;background:transparent;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.tab-pills__tab--active{background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-tab)}.checkbox-row{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.checkbox-input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-paper);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--dur-fast) var(--ease-out);position:relative}.checkbox-input:checked{background:var(--color-teal);border-color:var(--color-teal)}.checkbox-input:checked:after{content:"";position:absolute;width:10px;height:6px;border-left:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);transform:rotate(-45deg) translate(1px,-1px)}.checkbox-label{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-ink)}.radio-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);cursor:pointer;background:var(--color-paper);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.radio-card--active{border-color:var(--color-ink);background:var(--color-card)}.radio-card__radio{width:18px;height:18px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-strong);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out)}.radio-card--active .radio-card__radio{border-color:var(--color-ink)}.radio-card--active .radio-card__radio:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-ink)}.swatch-row{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.swatch--active{outline:2px solid var(--color-ink);outline-offset:2px}.divider{height:1px;background:var(--color-border)}.divider--dashed{background:none;border-top:1px dashed var(--color-border-strong)}.divider--with-label{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.12em;text-transform:uppercase}.divider--with-label:before,.divider--with-label:after{content:"";flex:1;height:1px;background:var(--color-border)}.search-pill{flex:1;max-width:540px;padding:var(--spacing-3) var(--spacing-md) var(--spacing-3) var(--spacing-md);background:var(--color-card);border-radius:var(--radius-full);border:1.5px solid transparent;display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-body);font-size:var(--text-body);color:var(--color-muted);cursor:text;transition:border-color var(--dur-fast) var(--ease-out)}.search-pill:focus-within{border-color:var(--color-ink);background:var(--color-paper)}.search-pill input{flex:1;border:none;background:transparent;outline:none;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink)}.search-pill__shortcut{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--color-faint);padding:2px 6px;border:1px solid var(--color-border);border-radius:var(--radius-xs);flex-shrink:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding-top:var(--spacing-10)}.pagination__btn{width:36px;height:36px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-paper);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-ink);transition:all var(--dur-fast) var(--ease-out)}.pagination__btn:hover{border-color:var(--color-ink)}.pagination__btn--active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}@media(max-width:768px){:root{--page-padding: var(--spacing-md);--text-hero: 40px;--text-page-title: 28px;--text-section-title: 22px;--section-gap: var(--spacing-10)}.hidden-mobile{display:none!important}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.hidden-desktop{display:none!important}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:var(--spacing-6)}.text-teal{color:var(--color-teal-deep)}.text-muted{color:var(--color-muted)}.text-faint{color:var(--color-faint)}.text-paper{color:var(--color-paper)}.text-warning{color:var(--color-warning)}.bg-ink{background:var(--color-ink)}.bg-paper{background:var(--color-paper)}.bg-bg{background:var(--color-bg)}.bg-card{background:var(--color-card)}.bg-teal{background:var(--color-teal)}.bg-teal-soft{background:var(--color-teal-soft)}.w-full{width:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .56s var(--ease-fluid),transform .56s var(--ease-fluid)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:60ms}.reveal--delay-2{transition-delay:.12s}.reveal--delay-3{transition-delay:.18s}.reveal--delay-4{transition-delay:.24s}.reveal--delay-5{transition-delay:.3s}.reveal--delay-6{transition-delay:.36s}.reveal--delay-7{transition-delay:.42s}.reveal--delay-8{transition-delay:.48s}.site-header{transition:box-shadow var(--dur-glass) var(--ease-out),background var(--dur-glass) var(--ease-out),padding var(--dur-base) var(--ease-out)}.site-header.is-scrolled{background:#faf8f4eb!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 1px #0000000f,0 4px 20px #0000000f}.btn--primary{position:relative;overflow:hidden}.btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translate(-100%);transition:transform 0ms}.btn--primary:hover:after{transform:translate(100%);transition:transform .45s var(--ease-out)}.btn--teal{position:relative;overflow:hidden}.btn--teal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.24) 50%,transparent 60%);transform:translate(-100%);transition:transform 0ms}.btn--teal:hover:after{transform:translate(100%);transition:transform .52s var(--ease-out)}.glass-surface{background:var(--color-glass-warm);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px #ffffffe6,var(--shadow-md)}@keyframes badge-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.88)}to{transform:scale(1)}}.cart-badge.is-popping{animation:badge-pop .38s var(--ease-out) forwards}@keyframes heroReveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(4deg)}}.starburst--float{animation:float 4s ease-in-out infinite}.cart-trust{display:flex;justify-content:center;gap:var(--spacing-md);padding-top:var(--spacing-2);border-top:1px solid var(--color-border)}.cart-trust__item{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-tiny);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.04em}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{background:var(--color-paper);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.skeleton-card__img{aspect-ratio:4 / 5;background:linear-gradient(90deg,var(--color-card) 25%,#ECEAE3 50%,var(--color-card) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-card__body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-card) 25%,#ECEAE3 50%,var(--color-card) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-line--wide{width:80%}.skeleton-line--mid{width:55%}.skeleton-line--price{width:40%;height:18px;margin-top:var(--spacing-2)}.plp__filter-toggle{display:none;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--weight-bold);background:var(--color-glass-warm);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1.5px solid rgba(255,255,255,.65);box-shadow:var(--shadow-sm),inset 0 1px #ffffffd9;border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-md);cursor:pointer;margin-bottom:var(--spacing-md);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.plp__filter-toggle:active{transform:scale(.97)}@media(max-width:900px){.plp__filter-toggle{display:inline-flex}.plp__sidebar{position:fixed!important;top:0;left:0;bottom:0;width:min(320px,90vw);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--dur-fluid) var(--ease-fluid);border-radius:0;overflow-y:auto;box-shadow:var(--shadow-xl)}.plp__sidebar.is-open{transform:translate(0)}.plp__filter-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:var(--z-overlay);opacity:0;transition:opacity var(--dur-glass) var(--ease-out)}.plp__filter-overlay.is-visible{display:block;opacity:1}}[role=button],.product-card,.chip,.badge,label[for],.plp__cat-link,.fp-header__viewall{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/4/assets/application.css.map */