@layer theme,base;@layer components{.pcard{border:1px solid var(--color-border-light);border-radius:var(--radius-3xl);background:var(--color-surface);height:100%;box-shadow:var(--shadow-xs);isolation:isolate;transition:transform var(--dur-2) var(--ease-out-soft), box-shadow var(--dur-2) var(--ease-out-soft), border-color var(--dur-2) var(--ease-out-soft);flex-direction:column;display:flex;position:relative;overflow:hidden;container:pcard/inline-size}.pcard:has(.pcard-link:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.pcard .pcard-link:focus-visible{box-shadow:none!important;outline:none!important}.pcard__well{aspect-ratio:1;background:var(--color-well);border-radius:18px;flex:none;margin:8px;position:relative;overflow:hidden}.pcard__img{object-fit:contain;mix-blend-mode:multiply;transition:transform .4s var(--ease-out-soft), opacity var(--dur-2) var(--ease-standard), filter var(--dur-2) var(--ease-standard);padding:10%}.pcard.is-unavailable .pcard__img{opacity:.9;filter:saturate(.85)}.pcard__badge{z-index:1;white-space:nowrap;pointer-events:none;border-radius:8px;align-items:center;gap:4px;font-weight:700;line-height:1;display:inline-flex;position:absolute}.pcard__badge--offer{border:1px solid var(--color-accent-soft);height:24px;color:var(--color-accent);background:#fff1e6;padding-inline:8px;font-size:12px;inset-block-start:8px;inset-inline-start:8px}.pcard__badge--limited{height:22px;color:var(--color-warning);box-shadow:var(--shadow-xs);background:#ffffffeb;padding-inline:7px;font-size:11.5px;inset-block-end:8px;inset-inline-start:8px}.pcard__body{flex-direction:column;flex:1;gap:6px;min-width:0;padding:6px 14px 14px;display:flex}.pcard__info{flex-direction:column;gap:6px;min-width:0;display:flex}.pcard__meta{white-space:nowrap;align-items:center;min-width:0;margin:0;font-size:12px;line-height:1.6;display:flex}.pcard__brand{min-width:0;max-width:55%;color:var(--color-text-muted);text-overflow:ellipsis;unicode-bidi:plaintext;flex:none;font-weight:500;overflow:hidden}.pcard__sep{color:var(--color-border-strong);flex:none;padding-inline:4px}.pcard__cat{z-index:2;min-width:0;color:var(--color-primary);text-overflow:ellipsis;transition:color var(--dur-1) var(--ease-standard);border-radius:4px;flex:0 auto;font-weight:600;position:relative;overflow:hidden}.pcard__cat:hover{color:var(--color-primary-hover);text-underline-offset:3px;text-decoration:underline}.pcard__title{min-height:3.3em;color:var(--color-text-primary);text-wrap:pretty;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14.5px;font-weight:600;line-height:1.65;display:-webkit-box;overflow:hidden}.pcard-link{color:inherit;transition:color var(--dur-1) var(--ease-standard)}.pcard-link:after{content:"";z-index:1;position:absolute;inset:0}.pcard__rating{align-items:center;gap:4px;font-size:12px;line-height:1.4;display:inline-flex}.pcard__rating svg{fill:var(--color-rating);stroke:#c27a12}.pcard__rating b{color:var(--color-heading);font-weight:700}.pcard__rating span{color:var(--color-text-muted)}.pcard__buy{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:8px;display:flex}.pcard__price{flex-direction:column;gap:2px;min-width:0;display:flex}.pcard__was{align-items:center;gap:6px;display:flex}.pcard__was del{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px;text-decoration-color:#5a6b81b3}.pcard__off{background:var(--color-deal);color:#fff;font-variant-numeric:tabular-nums;border-radius:9999px;align-items:center;height:22px;padding-inline:7px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.pcard__now{color:var(--color-heading);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1.5}.pcard__na{background:var(--color-surface-muted);height:28px;color:var(--color-text-muted);white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding-inline:10px;font-size:12.5px;font-weight:700;display:inline-flex}.pcard__go{width:36px;height:36px;color:var(--color-text-muted);transition:background-color var(--dur-1) var(--ease-standard), color var(--dur-1) var(--ease-standard), transform var(--dur-2) var(--ease-out-soft);background:#f1f6fa;border-radius:9999px;flex:none;place-items:center;margin-inline-start:auto;display:inline-grid}.pcard__pending{z-index:1;width:32px;height:32px;box-shadow:var(--shadow-xs);color:var(--color-primary);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-standard);background:#ffffffeb;border-radius:9999px;place-items:center;display:inline-grid;position:absolute;inset-block-start:16px;inset-inline-end:16px}.pcard__pending.is-pending{opacity:1}.pcard__pending.is-pending svg{animation:.8s linear infinite qa-spin}@media (max-width:639px){.pcard__pending{inset-block-start:12px;inset-inline-end:12px}}.pcard--offer{border-color:var(--color-accent-soft)}.pcard--offer .pcard__well{background:#fff7f0}.pcard--list{flex-direction:row;align-items:center}.pcard--list .pcard__well{width:120px}.pcard--list .pcard__body{flex-direction:row;align-items:center;gap:20px;padding:12px 16px 12px 20px}.pcard--list .pcard__info{flex:1}.pcard--list .pcard__title{-webkit-line-clamp:1;line-clamp:1;min-height:0}.pcard--list .pcard__buy{flex-wrap:nowrap;flex:none;align-items:center;margin-top:0;padding-top:0}@container pcard (max-width:230px){.pcard__body{padding:4px 10px 12px}.pcard__title{min-height:3.24em;font-size:13px;line-height:1.62}.pcard__now{font-size:14.5px}.pcard__buy{gap:6px}}@container pcard (max-width:200px){.pcard__sep,.pcard__cat{display:none}.pcard__badge--offer{padding-inline:6px;font-size:11px}}@container pcard (max-width:520px){.pcard--list .pcard__well{width:104px}.pcard--list .pcard__body{flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px 10px 8px}.pcard--list .pcard__title{-webkit-line-clamp:2;line-clamp:2}.pcard--list .pcard__buy{flex-wrap:wrap;margin-top:auto}}@media (max-width:639px){.pcard{border-radius:18px}.pcard__well{border-radius:14px;margin:6px}}@media (max-width:479px){.pcard__sep,.pcard__cat{display:none}}@media (hover:hover) and (pointer:fine){.pcard:hover{border-color:var(--color-primary-soft);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.pcard--offer:hover{border-color:#ffc69a}.pcard:hover .pcard__img{transform:scale(1.05)}.pcard.is-unavailable:hover .pcard__img{opacity:1;filter:none}.pcard:hover .pcard-link{color:var(--color-primary-hover)}.pcard:hover .qa-btn:not(.is-success){background:var(--color-primary);color:#fff}.pcard:hover .pcard__go{background:var(--color-primary-muted);color:var(--color-primary);transform:translate(-3px)}}.qa{z-index:2;flex:none;justify-content:flex-end;margin-inline-start:auto;display:flex;position:relative}.qa-btn{background:var(--color-primary-muted);width:40px;height:40px;color:var(--color-primary);cursor:pointer;transition:background-color var(--dur-1) var(--ease-standard), color var(--dur-1) var(--ease-standard), transform .1s var(--ease-standard);border-radius:12px;place-items:center;display:inline-grid;position:relative}.qa-btn:hover{background:var(--color-primary);color:#fff}.qa-btn:active{transform:scale(.94)}.qa-btn.is-success{background:var(--color-success);color:#fff}.qa-btn[aria-busy=true]{cursor:progress}.qa-btn[aria-busy=true] svg{animation:.8s linear infinite qa-spin}.qa-stepper{background:var(--color-primary-muted);width:108px;height:40px;animation:qa-grow .18s var(--ease-out-soft) backwards;border-radius:12px;justify-content:space-between;align-items:center;padding:2px;display:inline-flex}.qa-stepper button{width:36px;height:36px;color:var(--color-primary);cursor:pointer;transition:background-color var(--dur-1) var(--ease-standard), color var(--dur-1) var(--ease-standard);border-radius:10px;place-items:center;display:inline-grid;position:relative}.qa-stepper button:before{content:"";position:absolute;inset:-4px}.qa-stepper button:hover{background:#fff}.qa-stepper button[data-remove]:hover{color:var(--color-error)}.qa-stepper button:disabled{opacity:.4;cursor:not-allowed;background:0 0}.qa-stepper output{min-width:24px;color:var(--color-heading);text-align:center;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}@container pcard (max-width:230px){.qa-btn{border-radius:11px;width:36px;height:36px}.qa-btn:before{content:"";position:absolute;inset:-4px}}@keyframes qa-spin{to{transform:rotate(360deg)}}@keyframes qa-grow{0%{clip-path:inset(0 68px 0 0 round 12px)}to{clip-path:inset(0 round 12px)}}[dir=ltr] .qa-stepper{animation-name:none}.catalog-shimmer{background:linear-gradient(90deg, var(--color-surface-muted) 0%, var(--color-surface-elevated) 50%, var(--color-surface-muted) 100%);background-size:200% 100%;animation:1.4s linear infinite catalog-shimmer}@keyframes catalog-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.pcarousel__nav{z-index:10;background:var(--color-glass);width:44px;height:44px;color:var(--color-secondary);box-shadow:var(--shadow-pop);cursor:pointer;opacity:0;-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);transition:opacity var(--dur-2) var(--ease-out-soft), background-color var(--dur-1) var(--ease-standard), color var(--dur-1) var(--ease-standard);border:1px solid #ffffffb3;border-radius:14px;place-items:center;display:none;position:absolute;transform:translateY(-50%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pcarousel__nav{background:#fffffff2}}.pcarousel__nav:hover{color:var(--color-primary);background:#fff}.pcarousel:hover .pcarousel__nav,.pcarousel:focus-within .pcarousel__nav{opacity:1}@media (min-width:768px){.pcarousel__nav{display:grid}}.pcarousel__progress{background:var(--color-border);border-radius:9999px;width:min(220px,50%);height:3px;margin:14px auto 0;position:relative;overflow:hidden}.pcarousel__progress>span{border-radius:inherit;transform-origin:100%;transition:transform var(--dur-3) var(--ease-out-soft);background:linear-gradient(270deg,#1cb4e6,#5ed3f2);position:absolute;inset:0;transform:scaleX(0)}.listing-hero{border:1px solid var(--tone-soft);background:var(--tone-grad);border-radius:28px;position:relative;overflow:hidden}.listing-hero:after{content:"";border:1.5px solid color-mix(in srgb, var(--tone-fg) 10%, transparent);pointer-events:none;border-radius:9999px;width:260px;height:260px;position:absolute;inset-block-start:-150px;inset-inline-end:-150px}.listing-hero:before{content:"";background:color-mix(in srgb, var(--tone-fg) 26%, transparent);pointer-events:none;border-radius:9999px;width:10px;height:10px;position:absolute;inset-block-start:15px;inset-inline-end:98px}.listing-hero .icon-tile{background:var(--color-surface);box-shadow:var(--shadow-xs)}.listing-hero__count{z-index:1;height:28px;box-shadow:inset 0 0 0 1px var(--tone-soft,var(--color-border-light));color:var(--color-heading);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border-radius:10px;flex:none;align-items:center;padding-inline:10px;font-size:12.5px;font-weight:700;display:inline-flex;position:relative}@media (max-width:767px){.listing-hero{border-radius:20px}.listing-hero:before,.listing-hero:after{display:none}}.listing-chip{z-index:1;border:1px solid var(--tone-soft,var(--color-border-light));height:36px;color:var(--color-heading);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1) var(--ease-standard), border-color var(--dur-1) var(--ease-standard), color var(--dur-1) var(--ease-standard), transform .1s var(--ease-standard);background:#fff;border-radius:12px;flex:none;align-items:center;gap:6px;padding-inline:12px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.listing-chip:hover{border-color:var(--tone-fg,var(--color-primary));color:var(--tone-fg,var(--color-primary));background:#fff}.listing-chip:active{transform:scale(.97)}.listing-chip[aria-current=page]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.pdp-prose{max-width:820px;color:var(--color-text-secondary);font-size:15px;line-height:2}.pdp-prose>*{margin:0}.pdp-prose>*+*{margin-top:14px}.pdp-prose__h{color:var(--color-heading);align-items:center;gap:10px;font-size:16px;font-weight:800;line-height:1.75;display:flex}.pdp-prose>*+.pdp-prose__h{margin-top:28px}.pdp-prose>.pdp-prose__h+*{margin-top:8px}.pdp-prose__h:before{content:"";background:var(--color-brand-sky,#1cb4e6);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand-sky,#1cb4e6) 18%, transparent);border-radius:9999px;flex:none}.pdp-prose__list{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.pdp-prose__list>li{padding-inline-start:22px;position:relative}.pdp-prose__list>li:before{content:"";background:linear-gradient(90deg,#1cb4e6 0 50%,#0f2c52 50% 100%);border-radius:9999px;width:11px;height:4px;position:absolute;inset-block-start:calc(1em - 2px);inset-inline-start:2px}.pdp-facts{column-gap:32px;padding:0;font-size:14.5px;line-height:1.8;list-style:none;display:grid}.pdp-facts>li{border-bottom:1px dashed var(--color-border-light);justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding-block:9px;display:flex}.pdp-facts__name{min-width:0;color:var(--color-text-primary)}.pdp-facts__value{color:var(--color-heading);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-weight:800}.pdp-prose__note{background:var(--color-info-muted);color:var(--color-text-secondary);border-radius:16px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.85;display:flex}.pdp-prose>.pdp-prose__note{margin-top:24px}.pdp-prose__none{color:var(--color-text-muted);font-size:14px}@media (min-width:640px){.pdp-prose{font-size:16px}}@media (min-width:768px){.pdp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.catalog-sheet{animation:catalog-sheet-in var(--dur-3) var(--ease-out-soft) both}.catalog-sheet-backdrop{animation:catalog-fade-in var(--dur-2) var(--ease-standard) both}@keyframes catalog-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes catalog-fade-in{0%{opacity:0}to{opacity:1}}.catalog-glass{background:var(--color-glass);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.catalog-glass{background:#fffffff2}}@media (prefers-reduced-motion:reduce){.pcard,.pcard:hover,.pcard:hover .pcard__img,.pcard:hover .pcard__go{transform:none}.qa-stepper,.catalog-shimmer{animation:none}.catalog-sheet{animation-name:catalog-fade-in}}}@layer utilities;