.ctl{--ctl-surface:#f4f4f4;--ctl-ink:#1a1a1a;--ctl-ink-muted:#5c5c5c;--ctl-line:#e6e6e6;--ctl-accent:var(--fs-color-primary, #1a1a1a);--ctl-error:#b3261e;--ctl-radius:8px;--ctl-gap:4px;margin:32px 0 16px;color:var(--ctl-ink)}.ctl__eyebrow{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--ctl-ink-muted)}.ctl .ctl__title{margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ctl-ink)}.ctl__viewport{position:relative}.ctl__swiper{overflow:hidden}.ctl__swiper:not(.swiper-initialized) .swiper-wrapper{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ctl__swiper:not(.swiper-initialized) .ctl__look{width:86%;margin-right:16px;scroll-snap-align:start}.ctl__swiper:not(.swiper-initialized) .ctl__look:only-child{width:100%;margin-right:0}.ctl__swiper img{-webkit-user-drag:none}.ctl .ctl__look{display:grid;grid-template-columns:2fr 1fr;gap:var(--ctl-gap);height:auto;aspect-ratio:9 / 10;border-radius:var(--ctl-radius);overflow:hidden}.ctl__cover{position:relative;min-height:0;background:var(--ctl-surface)}.ctl__cover-img{display:block;width:100%;height:100%;object-fit:cover}.ctl .ctl__items{display:grid;gap:var(--ctl-gap);min-height:0;margin:0;padding:0;list-style:none}.ctl .ctl__items--1{grid-template-rows:1fr}.ctl .ctl__items--2{grid-template-rows:repeat(2,1fr)}.ctl .ctl__items--3{grid-template-rows:repeat(3,1fr)}.ctl .ctl__items>li{min-height:0;margin:0;background:var(--ctl-surface)}.ctl__items img{display:block;width:100%;height:100%}.ctl__items img{object-fit:cover;object-position:top}.ctl button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:1;text-transform:none;letter-spacing:0;min-height:0;box-shadow:none;cursor:pointer}.ctl button:focus-visible,.ctl__row a:focus-visible{outline:2px solid var(--ctl-accent);outline-offset:2px}.ctl .ctl__open{position:absolute;right:12px;bottom:12px;left:12px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 16px;border:1px solid var(--ctl-line);border-radius:6px;background:#fff;font-size:15px;font-weight:600;transition:transform 150ms ease-out}.ctl .ctl__open:active{transform:scale(.98)}.ctl__count{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--ctl-surface);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.ctl .ctl__arrow{position:absolute;z-index:2;top:50%;display:none;place-items:center;width:44px;height:44px;margin-top:-22px;border:1px solid var(--ctl-line);border-radius:50%;background:#fff;color:var(--ctl-ink);transition:opacity 150ms ease-out,transform 150ms ease-out}.ctl .ctl__arrow--prev{left:12px}.ctl .ctl__arrow--prev svg{transform:rotate(180deg)}.ctl .ctl__arrow--next{right:12px}.ctl .ctl__arrow:active{transform:scale(.94)}.ctl .ctl__arrow:disabled,.ctl .ctl__arrow.is-disabled{opacity:0;pointer-events:none}@media (hover:hover) and (pointer:fine){.ctl .ctl__arrow{display:grid}}.ctl__dots{display:flex;justify-content:center;margin-top:4px}.ctl .ctl__dot{display:grid;place-items:center;width:32px;height:44px}.ctl .ctl__dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ctl-line);transition:background-color 150ms ease-out}.ctl .ctl__dot.is-active::before{background:var(--ctl-ink)}.ctl__dialog{width:100%;max-width:480px;max-height:min(80vh, 640px);margin:auto auto 0;padding:0;border:0;border-radius:12px 12px 0 0;background:#fff;color:var(--ctl-ink);overflow:auto;cursor:auto}@media (min-width:550px){.ctl__dialog{margin:auto;border-radius:12px}}.ctl__dialog::backdrop{background:rgb(0 0 0 / .5)}.ctl__dialog[open]{animation:ctl-in 220ms ease-out}.ctl__dialog[open]::backdrop{animation:ctl-fade 220ms ease-out}.ctl__dialog.is-closing{animation:ctl-out 160ms ease-in forwards}.ctl__dialog.is-closing::backdrop{animation:ctl-fade 160ms ease-in reverse forwards}@keyframes ctl-in{from{opacity:0;transform:translateY(12px)}}@keyframes ctl-out{to{opacity:0;transform:translateY(12px)}}@keyframes ctl-fade{from{opacity:0}}.ctl .ctl__dialog-title:focus{outline:none}.ctl__dialog-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 16px;border-bottom:1px solid var(--ctl-line);background:#fff}.ctl .ctl__dialog-title{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.ctl .ctl__close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.ctl .ctl__close:hover{background:var(--ctl-surface)}.ctl .ctl__list{margin:0;padding:8px 16px 16px;list-style:none}.ctl .ctl__row{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin:0;padding:8px 0}.ctl .ctl__row+.ctl__row{border-top:1px solid var(--ctl-line)}.ctl__row-img img{display:block;width:72px;aspect-ratio:3 / 4;object-fit:contain;background:var(--ctl-surface);border-radius:4px}.ctl__row-body{display:grid;gap:4px;font-size:14px}.ctl .ctl__row-name{color:var(--ctl-ink);font-weight:500}.ctl .ctl__row-name:hover{text-decoration:underline}.ctl__row-price{font-variant-numeric:tabular-nums}.ctl__row-note{font-size:13px;color:var(--ctl-ink-muted)}.ctl .ctl__size{width:auto;max-width:100%;height:40px;margin:4px 0 0;padding:0 32px 0 12px;border:1px solid var(--ctl-line);border-radius:6px;box-shadow:none;font-size:14px;color:var(--ctl-ink)}.ctl .ctl__size:focus-visible{outline:2px solid var(--ctl-accent);outline-offset:2px}.ctl__dialog-foot{position:sticky;bottom:0;padding:12px 16px 16px;border-top:1px solid var(--ctl-line);background:#fff}.ctl__error{margin:0 0 8px;font-size:13px;color:var(--ctl-error)}.ctl .ctl__add{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:6px;background:var(--ctl-ink);color:#fff;font-size:15px;font-weight:600;transition:transform 150ms ease-out,opacity 150ms ease-out}.ctl .ctl__add:active{transform:scale(.98)}.ctl .ctl__add:disabled{opacity:.6;cursor:progress}.ctl .ctl__add.is-added{opacity:1}@media (prefers-reduced-motion:reduce){.ctl *,.ctl *::backdrop{animation:none!important;transition:none!important}}