.bb-shelf{--bb-shelf-accent:#007AFF;--ease-out:cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 0%,#1d3566 0%,transparent 70%),linear-gradient(160deg,#0e1526,#151a24 55%,#0f1420);color:#f5f5f7;padding:96px 40px 104px;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.bb-shelf *{box-sizing:border-box}.bb-shelf [hidden]{display:none!important}.bb-shelf__wrap{max-width:1240px;margin:0 auto}.bb-shelf__heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}.bb-shelf__label{display:block;margin-bottom:14px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bb-shelf-accent)}.bb-shelf__heading h2{margin:0;font-family:Archivo Black,sans-serif;font-weight:900;font-size:clamp(36px,5.2vw,72px);line-height:.92;letter-spacing:-.04em;text-transform:uppercase;color:#fff}.bb-shelf__heading h2 em{font-style:normal;color:var(--bb-shelf-accent)}.bb-shelf__heading p{margin:0;max-width:330px;font-size:14px;line-height:1.6;color:#ffffff9e}.bb-shelf__room{position:relative;padding:44px;border-radius:28px;background:radial-gradient(ellipse 80% 55% at 50% 0%,color-mix(in srgb,var(--bb-shelf-accent) 20%,transparent),transparent 75%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 120px),linear-gradient(180deg,#141922,#0e121a);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 80px #00000073,0 40px 80px -40px #000000b3}.bb-shelf__cabinet{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#20242c,#14171d);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff12,0 30px 60px -20px #000000bf}.bb-shelf__bay{position:relative;min-width:0;height:290px;border-radius:12px;background:radial-gradient(ellipse 60% 45% at 50% 100%,rgba(255,240,210,.1),transparent 70%),linear-gradient(180deg,#252a34,#1a1e26 60%,#15181f);box-shadow:inset 0 18px 24px -12px #000000a6,inset 0 0 0 1px #ffffff0a}.bb-shelf__bay:before{content:"";position:absolute;left:10px;right:10px;bottom:16px;height:22px;border-radius:3px;background:linear-gradient(180deg,#ffffff24,#ffffff09);border-top:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.bb-shelf__bay:after{content:"";position:absolute;left:10px;right:10px;bottom:14px;height:2px;border-radius:2px;background:var(--bb-shelf-accent);box-shadow:0 0 10px 1px color-mix(in srgb,var(--bb-shelf-accent) 70%,transparent),0 0 32px 4px color-mix(in srgb,var(--bb-shelf-accent) 30%,transparent);z-index:2;opacity:.85;transition:opacity .8s ease,box-shadow .8s ease}.bb-shelf__bay:hover,.bb-shelf__bay:focus-within{z-index:5}.bb-shelf__bay:hover:after,.bb-shelf__bay:focus-within:after{opacity:1;box-shadow:0 0 14px 2px color-mix(in srgb,var(--bb-shelf-accent) 85%,transparent),0 0 44px 8px color-mix(in srgb,var(--bb-shelf-accent) 40%,transparent)}.bb-shelf__lamp{position:absolute;top:0;left:50%;width:54px;height:12px;transform:translate(-50%);border-radius:0 0 12px 12px;background:linear-gradient(180deg,#3d434e,#1d2027);box-shadow:0 3px 6px #0009;z-index:4}.bb-shelf__lamp:after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:4px;border-radius:50%;background:#fff6e2;box-shadow:0 0 14px 5px #ffecc4a6,0 0 40px 10px #ffecc440;transition:opacity .9s ease}.bb-shelf__cone{position:absolute;top:10px;left:50%;width:96%;height:calc(100% - 36px);transform:translate(-50%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,244,218,.26),rgba(255,244,218,.09) 55%,rgba(255,244,218,.02) 90%,transparent);pointer-events:none;z-index:1;transition:opacity 1s ease}.bb-shelf__bay:hover .bb-shelf__cone{opacity:1;filter:brightness(1.35)}bb-product-shelf:defined:not(.is-lit) .bb-shelf__cone,bb-product-shelf:defined:not(.is-lit) .bb-shelf__lamp:after{opacity:0}.bb-shelf.is-lit .bb-shelf__cone,.bb-shelf.is-lit .bb-shelf__lamp:after{transition-delay:calc(var(--i,0) * .14s)}.bb-shelf__product{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding:26px 26px 34px;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.bb-shelf__product:before{content:"";position:absolute;bottom:30px;left:50%;width:56%;height:16px;border-radius:50%;background:#0009;filter:blur(7px);transform:translate(-50%);transition:transform .8s var(--ease-out),opacity .8s var(--ease-out)}.bb-shelf__product img,.bb-shelf__product canvas{position:relative;z-index:3;display:block;width:100%;max-width:180px;height:205px;object-fit:contain;transform-origin:50% 92%;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45));opacity:0;transition:transform .8s var(--ease-out),filter .8s var(--ease-out),opacity .45s ease}.bb-shelf__product .is-ready{opacity:1;animation:bb-shelf-in .9s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 90ms)}@keyframes bb-shelf-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.bb-shelf__product:hover .is-ready,.bb-shelf__product:focus-visible .is-ready{transform:translateY(-14px) scale(1.06);filter:drop-shadow(0 24px 18px rgba(0,0,0,.5))}.bb-shelf__product:hover:before,.bb-shelf__product:focus-visible:before{transform:translate(-50%) scale(.75);opacity:.5}.bb-shelf__product:focus-visible{outline:2px solid color-mix(in srgb,var(--bb-shelf-accent) 80%,#fff);outline-offset:-4px;border-radius:12px}.bb-shelf__product.in-flight img,.bb-shelf__product.in-flight canvas{opacity:0!important;transition:none}.bb-shelf__tag{position:absolute;z-index:6;top:16px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:7px 11px;border-radius:10px;background:#111214e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 20px #00000059;opacity:0;transform:translateY(-6px);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out);pointer-events:none}.bb-shelf__tag b{font-family:Archivo Black,sans-serif;font-weight:900;font-size:15px;letter-spacing:-.02em;color:#fff}.bb-shelf__tag span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bb-shelf-accent)}.bb-shelf__product:hover .bb-shelf__tag,.bb-shelf__product:focus-visible .bb-shelf__tag{opacity:1;transform:none}.bb-shelf__plate{position:absolute;bottom:20px;left:50%;z-index:6;transform:translate(-50%);padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#ffffffd9;background:#0a0c10b8;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}.bb-shelf__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:24px;background:#060a16c7;opacity:0;transition:opacity .55s cubic-bezier(.4,0,.2,1);will-change:opacity;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.bb-shelf__overlay.open{opacity:1}.bb-shelf__overlay[hidden],.bb-shelf__overlay [hidden]{display:none!important}.bb-shelf__overlay *{box-sizing:border-box}.bb-shelf__card{position:relative;width:min(820px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:44px;border-radius:28px;border:1px solid rgba(182,209,255,.28);background:radial-gradient(ellipse at 12% 0%,rgba(122,170,255,.22),transparent 60%),linear-gradient(140deg,#1c2e56f0,#0f1628f7);box-shadow:inset 0 1px #ffffff2e,0 40px 110px #0000008c;color:#fff;transform:translateY(22px) scale(.96);transition:transform .9s cubic-bezier(.16,1,.3,1);outline:none;will-change:transform;backface-visibility:hidden}.bb-shelf__overlay.open .bb-shelf__card{transform:none}.bb-shelf__art{height:340px;display:flex;align-items:center;justify-content:center;position:relative}.bb-shelf__art:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:color-mix(in srgb,var(--bb-shelf-accent,#007AFF) 28%,transparent);filter:blur(42px)}.bb-shelf__art img,.bb-shelf__art canvas{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 18px rgba(0,0,0,.45))}.bb-shelf__vendor{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8fb8ff}.bb-shelf__info h3{margin:0 0 20px;font-family:Inter,sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px);line-height:1.15;letter-spacing:-.02em;color:#fff}.bb-shelf__pricerow{display:flex;align-items:baseline;gap:12px}.bb-shelf__price{font-family:Archivo Black,sans-serif;font-weight:900;font-size:34px;letter-spacing:-.03em}.bb-shelf__compare{font-size:15px;font-weight:600;color:#ffffff80}.bb-shelf__compare:empty{display:none}.bb-shelf__unit{margin:6px 0 0;font-size:12px;font-weight:600;color:#c4cee3}.bb-shelf__unit:empty{display:none}.bb-shelf__tax{margin:6px 0 18px;font-size:12px;color:#aeb9d1}.bb-shelf__tax a{color:inherit;text-decoration:underline;text-underline-offset:2px}.bb-shelf__delivery{display:flex;align-items:center;gap:9px;margin:0 0 20px;font-size:13px;font-weight:600;color:#e9eef8}.bb-shelf__delivery:before{content:"";width:8px;height:8px;border-radius:50%;background:#24d164;box-shadow:0 0 0 4px #24d1642e}.bb-shelf__delivery.is-out:before{background:#f3c84b;box-shadow:0 0 0 4px #f3c84b2e}.bb-shelf__variant-label{display:block;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#aeb9d1}.bb-shelf__selectwrap{position:relative;margin-bottom:16px}.bb-shelf__selectwrap:after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-70%) rotate(45deg);pointer-events:none;opacity:.7}.bb-shelf__select{width:100%;padding:13px 40px 13px 14px;appearance:none;-webkit-appearance:none;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s}.bb-shelf__select:hover,.bb-shelf__select:focus{border-color:var(--bb-shelf-accent);outline:none}.bb-shelf__select option{background:#172746;color:#fff}.bb-shelf__buy{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:15px 18px;border:0;border-radius:999px;background:var(--bb-shelf-accent);color:#fff;font:inherit;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--bb-shelf-accent) 40%,transparent);transition:transform .2s var(--ease-out,ease),filter .2s,box-shadow .2s}.bb-shelf__buy:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.bb-shelf__buy:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.bb-shelf__buy.is-done{background:#1fae57;box-shadow:0 12px 28px #1fae5759}.bb-shelf__links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;margin-top:16px}.bb-shelf__details,.bb-shelf__cart{font-size:13px;font-weight:700;color:#fff;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.35);padding-bottom:2px;transition:border-color .2s,color .2s}.bb-shelf__details:hover,.bb-shelf__cart:hover{color:#fff;border-color:var(--bb-shelf-accent)}.bb-shelf__cart{color:#8fb8ff}.bb-shelf__close{position:absolute;right:16px;top:16px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;border-radius:50%;cursor:pointer;transition:background .2s,transform .3s var(--ease-out,ease)}.bb-shelf__close:hover{background:#ffffff24;transform:rotate(90deg)}.bb-shelf__card :focus-visible{outline:2px solid #bcd8ff;outline-offset:3px}.bb-shelf__status{margin:12px 0 0;font-size:12px;line-height:1.4;color:#d5e4ff}.bb-shelf__status:empty{display:none}.bb-shelf__flyer{position:fixed;z-index:10003;pointer-events:none;object-fit:contain;will-change:transform;transform-origin:0 0;backface-visibility:hidden;contain:strict}.bb-shelf__info>*{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}.bb-shelf__overlay.open .bb-shelf__info>*{opacity:1;transform:none}.bb-shelf__overlay.open .bb-shelf__info>:nth-child(1){transition-delay:.3s}.bb-shelf__overlay.open .bb-shelf__info>:nth-child(2){transition-delay:.36s}.bb-shelf__overlay.open .bb-shelf__info>:nth-child(3){transition-delay:.42s}.bb-shelf__overlay.open .bb-shelf__info>:nth-child(n+4){transition-delay:.5s}.bb-shelf__close{opacity:0;transition:opacity .5s ease .4s,background .2s,transform .3s}.bb-shelf__overlay.open .bb-shelf__close{opacity:1}@media(max-width:1100px){.bb-shelf{padding:72px 24px 80px}.bb-shelf__room{padding:28px}.bb-shelf__bay{height:255px}.bb-shelf__product img,.bb-shelf__product canvas{height:180px}}@media(max-width:720px){.bb-shelf{padding:56px 16px 64px}.bb-shelf__heading{display:block;margin-bottom:28px}.bb-shelf__heading h2{font-size:clamp(30px,9vw,40px);margin-bottom:14px}.bb-shelf__heading p{font-size:13px}.bb-shelf__room{padding:12px;border-radius:20px}.bb-shelf__cabinet{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px;border-radius:16px}.bb-shelf__bay{height:215px}.bb-shelf__lamp{width:40px;height:9px}.bb-shelf__product{padding:20px 14px 32px}.bb-shelf__product img,.bb-shelf__product canvas{height:145px}.bb-shelf__tag{display:none}.bb-shelf__plate{font-size:8.5px;padding:2px 7px;bottom:19px}.bb-shelf__overlay{padding:0;align-items:end}.bb-shelf__card{grid-template-columns:1fr;gap:6px;width:100%;max-width:none;max-height:92dvh;overflow:auto;padding:26px 22px calc(26px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;transform:translateY(100%)}.bb-shelf__art{height:200px}.bb-shelf__info h3{font-size:22px;margin-bottom:12px}.bb-shelf__price{font-size:28px}}@media(prefers-reduced-motion:reduce){.bb-shelf *,.bb-shelf__overlay,.bb-shelf__overlay *{transition:none!important;animation:none!important}.bb-shelf__product img,.bb-shelf__product canvas{opacity:1;transform:none}}bb-product-shelf:not(:defined) .bb-shelf__product img{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/56/assets/bb-interactive-shelf.css.map */