@layer theme,base;@layer components{.pdp-stage{border-radius:var(--r-card);background:var(--color-gray-900);isolation:isolate;position:relative;overflow:hidden}.pdp-stage--contain{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.pdp-stage .st-photo{animation:pdp-fade .32s var(--ease) both}.pdp-thumb{aspect-ratio:4/3;background:var(--color-gray-100);opacity:.7;width:4.5rem;box-shadow:0 0 0 1px var(--line);transition:opacity var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:.75rem;flex:none;position:relative;overflow:hidden}.pdp-thumb:hover{opacity:1}.pdp-thumb[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-gray-900)}.pdp-thumb:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-gray-900), 0 0 0 7px var(--color-brand-200);outline:none}@media (min-width:640px){.pdp-thumb{width:5.5rem}}.pdp-buy{border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-1);background:#fff}.pdp-sum{border-radius:var(--r-media);background:var(--color-gray-50);box-shadow:inset 0 0 0 1px var(--line)}.pdp-sum-row{justify-content:space-between;gap:1rem;display:flex}.pdp-sum-row dd{font-variant-numeric:tabular-nums;flex:none}.pdp-price-big{font-size:2rem}@media (min-width:640px){.pdp-price-big{font-size:2.75rem}}.pdp-nav{border:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);min-height:3.5rem;box-shadow:var(--sh-1);transition:box-shadow var(--dur) var(--ease);background:#ffffffeb;border-radius:999px;align-items:center;gap:.5rem;padding:.375rem;display:flex}.pdp-nav.is-stuck{box-shadow:var(--sh-2)}.pdp-nav-list{scrollbar-width:none;flex:1;gap:.25rem;min-width:0;padding-right:1.5rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000)}.pdp-nav-list::-webkit-scrollbar{display:none}@media (min-width:1024px){.pdp-nav-list{padding-right:0;-webkit-mask-image:none;mask-image:none}}.pdp-nav-link{height:2.5rem;color:var(--color-gray-700);white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:999px;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.pdp-nav-link:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.pdp-nav-link[aria-current=true]{background:var(--color-gray-900);color:#fff}.pdp-nav-link:focus-visible{outline-offset:1px}.pdp-nav-buy{display:none}@media (min-width:1024px){.pdp-nav-buy{border-left:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility 0s linear var(--dur);flex:none;align-items:center;gap:1rem;padding-left:1rem;display:flex;transform:translate(8px)}.pdp-nav-buy.is-on{opacity:1;visibility:visible;transition-delay:0s;transform:none}}.pdp-sec{padding-top:3.5rem;scroll-margin-top:6rem}@media (min-width:1024px){.pdp-sec{padding-top:5rem}}.pdp-prose{color:var(--color-gray-700);font-size:1rem;line-height:1.7}.pdp-prose>p{max-width:46rem;margin:0 0 1rem}.pdp-prose>p:first-child{color:var(--color-gray-900);font-size:1.0625rem}.pdp-prose>p:last-child{margin-bottom:0}.pdp-specs{border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-1);background:#fff;overflow:hidden}.pdp-spec-group{border-top:1px solid var(--line);display:grid}.pdp-spec-group:first-child{border-top:0}.pdp-spec-group>h3{background:var(--color-gray-50);border-bottom:1px solid var(--line);font-family:var(--font-bricolage), sans-serif;letter-spacing:-.01em;color:var(--color-gray-900);padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700}.pdp-spec-row{border-top:1px solid var(--color-gray-100);transition:background-color var(--dur) var(--ease);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;padding:.75rem 1.25rem;display:grid}.pdp-spec-row:first-child{border-top:0}.pdp-spec-row:hover{background:var(--color-brand-25)}.pdp-spec-row dt{color:var(--color-gray-600);font-size:.875rem;line-height:1.5}.pdp-spec-row dd{color:var(--color-gray-900);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.9375rem;font-weight:500;line-height:1.5}@media (min-width:768px){.pdp-spec-group{grid-template-columns:12.5rem minmax(0,1fr)}.pdp-spec-group>h3{border-bottom:0;border-right:1px solid var(--line);padding:.875rem 1.5rem}.pdp-spec-row{grid-template-columns:14rem minmax(0,1fr);padding:.75rem 1.5rem}}@media (min-width:1280px){.pdp-spec-row{grid-template-columns:17rem minmax(0,1fr)}}.pdp-strip{border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-1);background:#fff;display:grid;overflow:hidden}.pdp-strip>*{border-top:1px solid var(--line);padding:1.5rem}.pdp-strip>:first-child{border-top:0}@media (min-width:768px){.pdp-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.pdp-strip>*{border-top:0;border-left:1px solid var(--line);padding:2rem}.pdp-strip>:first-child{border-left:0}}.pdp-strip-foot{border-top:1px dashed var(--line-2);margin-top:1.25rem;padding-top:1.25rem}.pdp-guide{border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-1);transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);background:#fff;align-items:center;gap:1rem;padding:.5rem 1.25rem .5rem .5rem;display:flex;position:relative}.pdp-guide:hover{box-shadow:var(--sh-2);border-color:var(--line-2);transform:translateY(-2px)}.pdp-guide:has(.st-stretch:focus-visible){outline:2px solid var(--color-gray-900);outline-offset:3px}.pdp-guide .st-stretch:focus-visible{outline:none}.pdp-guide:hover .st-arrow{background:var(--color-brand-400)}.cfg-card{border:1px solid var(--line);border-radius:var(--r-card);height:100%;box-shadow:var(--sh-1);transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);background:#fff;flex-direction:column;display:flex;position:relative}.cfg-card:hover{box-shadow:var(--sh-2);border-color:var(--line-2);transform:translateY(-2px)}.cfg-card:hover .st-photo>img{transform:scale(calc(var(--z,1) * 1.04))}.cfg-card:has(.st-stretch:focus-visible){outline:2px solid var(--color-gray-900);outline-offset:3px}.cfg-card .st-stretch:focus-visible{outline:none}.cfg-card.is-on{border-color:var(--color-gray-900);box-shadow:0 0 0 1px var(--color-gray-900), var(--sh-2)}.cfg-pick{height:2.5rem;color:var(--color-gray-900);box-shadow:inset 0 0 0 1.5px var(--color-gray-900);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.375rem;padding:0 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.cfg-card:hover .cfg-pick{background:var(--color-gray-900);color:#fff}.cfg-card.is-on .cfg-pick{background:var(--color-brand-400);color:var(--color-brand-950);box-shadow:none}.cfg-step{width:2.25rem;height:2.25rem;font-family:var(--font-bricolage), sans-serif;background:var(--color-gray-900);color:#fff;border-radius:999px;flex:none;place-items:center;font-size:.9375rem;font-weight:800;display:grid}.cfg-step.is-done{background:var(--color-brand-400);color:var(--color-brand-950)}.cfg-step.is-idle{background:var(--color-gray-100);color:var(--color-gray-500)}.cfg-chip{border:1px solid var(--line-2);height:2.25rem;color:var(--color-gray-900);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:0 .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}@media (min-width:640px){.cfg-chip{height:2.5rem;padding:0 1rem;font-size:.875rem}}}@layer utilities;@keyframes pdp-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pdp-stage .st-photo{animation:none}.pdp-guide:hover,.cfg-card:hover{transform:none}.cfg-card:hover .st-photo>img{transform:scale(var(--z,1))}.pdp-nav-buy{transition:none}}
