.aisle{color:#fff;animation:aisle-enter .9s var(--ease-out) both;background:radial-gradient(1200px 500px at 50% -10%,#1a73d98c,#0000 60%),linear-gradient(#0a1730 0%,#0f2242 45%,#1a3157 100%);border-radius:32px;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #002d5eb3}.aisle-scene{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;perspective:1400px;perspective-origin:50% 40%;cursor:grab;height:clamp(620px,80vh,940px);position:relative;overflow:auto hidden}.aisle-scene::-webkit-scrollbar{display:none}.aisle-scene:active{cursor:grabbing}.aisle-floor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.aisle-floor:before{content:"";transform-origin:50% 100%;background:linear-gradient(#ffffff05,#ffffff1a),repeating-linear-gradient(90deg,#ffffff1f 0 2px,#0000 2px 120px),repeating-linear-gradient(0deg,#ffffff1a 0 2px,#0000 2px 90px),linear-gradient(#16294a,#29456f);height:46%;position:absolute;bottom:-8%;left:-40%;right:-40%;transform:perspective(700px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000,#000 30%,#000);mask-image:linear-gradient(#0000,#000 30%,#000)}.aisle-floor:after{content:"";opacity:.35;filter:blur(18px);background:repeating-linear-gradient(90deg,#0000 0 140px,#fff4d659 140px 230px,#0000 230px 380px);height:30%;position:absolute;top:0;left:0;right:0;-webkit-mask-image:radial-gradient(60% 100% at 50% 0,#000,#0000);mask-image:radial-gradient(60% 100% at 50% 0,#000,#0000)}.aisle-light{pointer-events:none;background:radial-gradient(45% 60% at 50% 55%,#ffebbe2e,#0000 70%);position:absolute;inset:0}.aisle-track{min-width:max-content;height:100%;transform-style:preserve-3d;align-items:flex-end;gap:32px;padding:118px max(14vw,120px) 86px;display:flex;position:relative}.bay{scroll-snap-align:center;width:min(540px,84vw);max-height:100%;transform:rotateY(calc(var(--d,0) * -16deg)) translateZ(calc(var(--ad,0) * -140px)) translateY(calc(var(--ad,0) * 10px));opacity:calc(1 - var(--ad,0) * .28);will-change:transform;animation:bay-rise .7s var(--ease-out) both;flex:none;transition:transform .14s linear,opacity .14s linear}.bay-header{color:#fff;align-items:center;gap:10px;margin:0 8px 8px;display:flex}.bay-icon{background:#ffffffeb;border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 10px 24px -10px #0009}.bay-icon img{object-fit:contain;width:34px;height:34px}.bay-icon span{color:var(--color-cf-blue);font-size:1.1rem;font-weight:800}.bay-title{min-width:0}.bay-name{letter-spacing:-.01em;text-shadow:0 2px 10px #00000080;font-size:1.15rem;font-weight:800;line-height:1.1}.bay-count{opacity:.8;font-size:.8rem}.bay-promo{background:var(--color-cf-red);border-radius:999px;margin-inline-start:auto;padding:4px 10px;font-size:.8rem;font-weight:800;box-shadow:0 8px 20px -8px #e4001bcc}.bay-shelves{color:var(--color-ink);background:linear-gradient(#fbf8f1 0%,#ece6d9 100%);border-radius:20px;padding:8px 14px 14px;position:relative;box-shadow:inset 0 0 0 2px #10203f0f,inset 0 -30px 40px -30px #00000026,0 40px 80px -30px #000000bf}.bay-shelves:before{content:"";pointer-events:none;border-inline:10px solid #10203f14;border-radius:20px;position:absolute;inset:0}.shelf{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:6px;margin-bottom:22px;padding:14px 4px 0;display:grid;position:relative}.shelf:last-child{margin-bottom:6px}.shelf:after{content:"";background:linear-gradient(#fff,#d6cfc0 55%,#b8b0a0);border-radius:3px;height:14px;position:absolute;bottom:-14px;left:-6px;right:-6px;box-shadow:0 10px 14px -8px #00000073}.facing{z-index:1;min-width:0;color:inherit;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative}.facing-photo{object-fit:contain;filter:drop-shadow(0 14px 12px #00000047);width:100%;height:74px;transition:transform .32s var(--ease-spring)}.facing:hover .facing-photo,.facing:focus-visible .facing-photo{transform:translateY(-6px)scale(1.06)}.facing .price-tag{max-width:100%;margin-top:2px;transform:translateY(8px)}.facing-name{inset-inline:0;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#10203feb;border-radius:8px;margin-bottom:4px;padding:4px 6px;font-size:.72rem;line-height:1.2;transition:opacity .16s,transform .16s;position:absolute;bottom:100%;transform:translateY(4px)}.facing:hover .facing-name,.facing:focus-visible .facing-name{opacity:1;transform:translateY(0)}.facing .price-tag-sm .price-tag-price{font-size:.82rem}.facing .price-tag{padding:3px 7px 4px}.facing-empty{height:74px}.bay-more{justify-content:center;margin-top:8px;display:flex}.bay-more .btn{min-height:38px;font-size:.85rem}.aisle-sign{top:22px;z-index:4;background:var(--tone,var(--color-cf-blue));color:#fff;transform-origin:50% -24px;max-width:calc(100% - 48px);animation:sign-drop .9s var(--ease-spring) both;border-radius:18px;align-items:center;gap:14px;padding:10px 18px 10px 12px;display:flex;position:absolute;inset-inline-start:24px;box-shadow:0 20px 40px -18px #000c,inset 0 1px #ffffff59}.aisle-sign:before,.aisle-sign:after{content:"";background:#ffffff8c;width:2px;height:22px;position:absolute;top:-22px}.aisle-sign:before{left:24px}.aisle-sign:after{right:24px}.aisle-sign-icon{background:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.aisle-sign-icon img{object-fit:contain;width:42px;height:42px}.aisle-sign-kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:.78rem;font-weight:700}.aisle-sign-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:800;line-height:1.05}.aisle-sign-meta{opacity:.85;font-size:.85rem}.aisle-actions{top:22px;z-index:4;gap:8px;display:flex;position:absolute;inset-inline-end:24px}.aisle-arrow{z-index:4;width:56px;height:56px;color:var(--color-cf-blue);transition:transform .16s var(--ease-spring), opacity .16s ease;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 14px 30px -12px #000c}.aisle-arrow:hover{transform:translateY(-50%)scale(1.08)}.aisle-arrow:active{transform:translateY(-50%)scale(.94)}.aisle-arrow[disabled]{opacity:.35}.aisle-arrow-prev{inset-inline-start:14px}.aisle-arrow-next{inset-inline-end:14px}.aisle-rail{bottom:14px;z-index:4;-webkit-backdrop-filter:blur(10px);scrollbar-width:none;background:#0a1730b8;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;inset-inline:14px;overflow-x:auto}.aisle-rail::-webkit-scrollbar{display:none}.aisle-rail-item{color:#ffffffd1;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:.85rem;font-weight:600;transition:background-color .16s,color .16s;display:inline-flex}.aisle-rail-item img{object-fit:contain;background:#fff;border-radius:4px;width:20px;height:20px}.aisle-rail-item[aria-current=true]{color:var(--color-cf-blue);background:#fff}.aisle-rail-count{color:#ffffffb3;font-variant-numeric:tabular-nums;flex:none;padding:0 12px;font-size:.8rem}.entrance{color:#fff;background:linear-gradient(160deg, var(--tone,var(--color-cf-blue)) 0%, color-mix(in srgb, var(--tone,var(--color-cf-blue)) 70%, #0a1730) 100%);transition:transform .26s var(--ease-spring), box-shadow .26s ease;border-radius:24px;flex-direction:column;gap:10px;padding:14px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -20px #002d5eb3}.entrance:hover{transform:translateY(-4px);box-shadow:0 26px 50px -22px #002d5ecc}.entrance:active{transform:scale(.98)}.entrance:after{content:"";pointer-events:none;background:radial-gradient(50% 60% at 50% 0,#ffffff59,#0000 70%);height:80%;position:absolute;inset:auto -20% -60%}.entrance-icon{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.entrance-icon img{object-fit:contain;width:50px;height:50px}.entrance-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.15rem;font-weight:800;line-height:1.1}.entrance-meta{opacity:.85;font-size:.82rem;line-height:1.25}@keyframes aisle-enter{0%{opacity:0;filter:blur(10px);transform:scale(1.06)}to{opacity:1;filter:none;transform:none}}@keyframes sign-drop{0%{opacity:0;transform:translateY(-40px)rotate(-3deg)}60%{transform:translateY(4px)rotate(1deg)}to{opacity:1;transform:none}}@keyframes bay-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1}}@media (max-width:640px){.aisle-scene{height:clamp(580px,82vh,780px)}.aisle-track{gap:18px;padding:108px 8vw 96px}.bay{width:84vw}.shelf{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.facing:nth-child(4){display:none}.facing-photo,.facing-empty{height:56px}.aisle-sign{top:14px;gap:10px;padding:8px 12px 8px 8px;inset-inline-start:14px}.aisle-sign-icon{width:42px;height:42px}.aisle-sign-icon img{width:32px;height:32px}.aisle-actions{top:auto;bottom:74px;inset-inline-end:14px}.aisle-arrow{display:none}}@media (prefers-reduced-motion:reduce){.aisle,.aisle-sign,.bay{animation:none}.bay{opacity:1;transition:none;transform:none}.facing-photo,.entrance,.aisle-arrow{transition:none}}