.cs-apple .bb-appicon{background:#fff;box-shadow:0 18px 40px -18px #3f6b1f80,inset 0 0 0 1px #3f6b1f14}.cs-apple .bb-appicon img{width:62%}.bb-hero-media{margin-top:var(--cs-gap-m);aspect-ratio:16 / 9}.bb-hero-media img{position:absolute;inset:-6% 0;height:112%}.bb-sku{--ink: #2f3a1c;display:flex;flex-direction:column;border-radius:var(--radius-tile);background:var(--bg-elev);overflow:hidden}.bb-sku__art{position:relative;aspect-ratio:1;background:color-mix(in srgb,var(--tint) 30%,#fff);color:var(--ink)}.bb-sku__art:after{content:"";position:absolute;left:50%;top:0;width:44px;height:10px;translate:-50% 0;border-radius:0 0 6px 6px;background:#d6202a}.bb-draw{position:absolute;inset:14%;width:72%;height:72%;overflow:visible}.bb-draw .k{fill:color-mix(in srgb,var(--tint) 62%,#fff);stroke:none}.bb-sku__body{flex:1;display:grid;align-content:start;gap:8px;padding:var(--cs-pad)}.bb-sku__k{font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--label-2)}.bb-sku__t{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h5);line-height:1.3;letter-spacing:-.011em}.bb-sku__d{color:var(--label-2);font-size:1.0625rem}.bb-sku__meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0;padding-top:16px;border-top:1px solid var(--separator)}.bb-sku__meta dt{font-size:.8125rem;color:var(--label-2)}.bb-sku__meta dd{margin:2px 0 0;font-size:.9375rem;font-weight:500}.bb-outline{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--cs-bento);align-items:stretch}.bb-outline__fig{position:relative;margin:0;padding:var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev);color:var(--label)}.bb-outline__svg{display:block;width:100%;max-height:78vh;margin:0 auto;overflow:visible}.bb-outline__art{opacity:0}.bb-ol .cut{stroke:currentColor;stroke-width:3}.bb-ol .seal{stroke:#6aa034;stroke-width:2.4;stroke-dasharray:2 8}.bb-ol .safe{stroke:var(--accent);stroke-width:2;stroke-dasharray:14 10}.bb-ol .fold{stroke:#d6202a;stroke-width:2.4;stroke-dasharray:10 8}.bb-dim{stroke:var(--label-3);stroke-width:2}.bb-dimt{fill:var(--label-2);font:500 30px/1 var(--font-body, Poppins, sans-serif)}.bb-outline__legend{margin-top:var(--cs-gap-s);display:flex;flex-wrap:wrap;gap:6px 16px;width:fit-content;padding:7px 14px;border-radius:100px;background:var(--fill);color:var(--label);font-size:.8125rem;font-weight:500}.bb-outline__legend span{display:inline-flex;align-items:center;gap:8px}.bb-outline__legend i{width:18px;height:0;border-top:2px solid currentColor}.bb-outline__legend i.is-seal{border-top:2px dotted #6aa034}.bb-outline__legend i.is-safe{border-top:2px dashed var(--accent)}.bb-outline__legend i.is-fold{border-top:2px dashed #d6202a}.bb-parts{display:grid;align-content:center;gap:var(--cs-gap-s);margin:0;padding:var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev);list-style:none;counter-reset:part}.bb-parts li{display:grid;gap:4px;padding-left:44px;position:relative;counter-increment:part}.bb-parts li:before{content:counter(part);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--fill);font-size:.8125rem;font-weight:600}.bb-parts b,.bb-anatomy__list b{font-weight:600}.bb-parts span,.bb-anatomy__list span{color:var(--label-2);font-size:1rem;line-height:1.5}.bb-viewer{border-radius:var(--radius-xl);background:var(--bg-elev);padding:var(--cs-pad-lg) var(--cs-pad)}.bb-viewer__stage{position:relative;height:clamp(380px,48vw,640px);display:grid;place-items:center;perspective:1800px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.bb-viewer__stage:active{cursor:grabbing}.bb-pouch{position:relative;height:88%;aspect-ratio:444 / 760;transform-style:preserve-3d}.bb-pouch__f{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-user-drag:none}.bb-pouch__back{transform:rotateY(180deg)}.bb-viewer__shadow{position:absolute;left:50%;bottom:4%;width:min(320px,50%);height:26px;translate:-50% 0;background:radial-gradient(50% 50% at 50% 50%,rgba(30,45,15,.3),transparent 70%);filter:blur(8px);pointer-events:none}.bb-viewer__ui{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:var(--cs-gap-s)}.bb-seg{display:inline-flex;gap:2px;padding:3px;border-radius:100px;background:var(--fill)}.bb-seg button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border-radius:100px;font-size:.875rem;font-weight:500;color:var(--label-2);transition:background-color .3s,color .3s,box-shadow .3s}.bb-seg button:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #0000001f}.bb-seg button[aria-checked=true]{background:var(--bg-elev);color:var(--label);box-shadow:0 1px 4px #101e3d24}.bb-toggle{min-height:36px;padding:6px 16px;border-radius:100px;box-shadow:inset 0 0 0 1px var(--separator);font-size:.875rem;font-weight:500;transition:background-color .3s}.bb-toggle:hover{background:var(--fill)}.bb-toggle[aria-pressed=true]{background:var(--label);color:var(--bg);box-shadow:none}.bb-anatomy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:var(--cs-gap-m) clamp(32px,6vw,96px);align-items:center;margin-top:var(--cs-bento);padding:var(--cs-pad-lg) var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev)}.bb-anatomy__fig{position:relative;margin:0;max-width:460px;justify-self:center;width:100%}.bb-anatomy__fig img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 24px 50px -28px #28321473}.bb-pin{position:absolute;width:30px;height:30px;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;background:#3f6b1f;color:#fff;font-size:.8125rem;font-weight:600;box-shadow:0 0 0 4px #ffffffd9,0 6px 14px #00000040;transition:scale .3s var(--ease-out),background-color .3s}.bb-pin:before{content:"";position:absolute;inset:-7px;border-radius:50%}.bb-pin.is-on,.bb-pin:hover,.bb-pin:focus-visible{scale:1.2;background:var(--accent)}.bb-anatomy__list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.bb-anatomy__list li{display:grid;gap:2px;padding:12px 16px;border-radius:16px;transition:background-color .3s}.bb-anatomy__list li.is-on{background:var(--fill)}.bb-day{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 var(--cs-bento);padding:0;list-style:none}.bb-day__i{display:grid;align-content:start;gap:8px;padding:var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev)}.bb-day__i svg{width:48px;height:48px;color:#6aa034;margin-bottom:8px}.bb-day__k{font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--label-2)}.bb-day__t{font-size:1.0625rem;line-height:1.45}.cs-apple .bb-flats .bb-flat{aspect-ratio:4 / 5;background:#eef3e2}.bb-flat img{object-fit:contain;padding:6%;filter:drop-shadow(0 18px 30px rgba(40,60,20,.22))}.bb-rail{margin-top:var(--cs-gap-m)}.bb-rail-item{flex:none;width:min(900px,84vw);aspect-ratio:4 / 3}.cs-apple .cs-gallery .bb-store.g-12,.cs-apple .cs-gallery .bb-store.g-6{aspect-ratio:8 / 5}.bb-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--cs-bento)}.bb-banner{margin:0;padding:var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev)}.bb-banner img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 0 0 1px var(--separator)}.bb-banner figcaption{margin-top:14px;font-size:.875rem;font-weight:500;color:var(--label-2)}:where([data-mode=dark]) .cs-apple .bb-seg button[aria-checked=true]{background:var(--fill-2);box-shadow:none}:where([data-mode=dark]) .bb-viewer__shadow{background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.6),transparent 70%)}:where([data-mode=dark]) .cs-apple .bb-flats .bb-flat{background:#1a2516}:where([data-mode=dark]) .bb-pin{box-shadow:0 0 0 4px #111a30d9,0 6px 14px #0006}@media(max-width:1100px){.bb-outline,.bb-anatomy{grid-template-columns:1fr}.bb-day{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.bb-banners{grid-template-columns:1fr}.cs-apple .cs-gallery .bb-flat.g-6{grid-column:span 6}.bb-seg button{padding:6px 12px;font-size:.8125rem}}@media(max-width:560px){.bb-day{grid-template-columns:1fr}.bb-seg button:before{display:none}}
