.bb-pc{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;border-radius:18px;background:var(--bb-canvas, #ffffff);box-shadow:0 1px 2px #173b520f;transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease-out}.bb-pc:hover{transform:translateY(-3px);box-shadow:0 12px 30px #173b5221}.bb-pc__frame{position:relative;overflow:hidden;border-radius:18px 18px 0 0;background:var(--bb-surface-panel, #f5fafe)}.bb-pc__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--bb-surface-panel, #f5fafe)}.bb-pc__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .46s cubic-bezier(.3,.6,.3,1),visibility 0s linear .46s}.bb-pc__slide.is-active{opacity:1;visibility:visible;transition:opacity .46s cubic-bezier(.3,.6,.3,1),visibility 0s}.bb-pc__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.bb-pc:hover .bb-pc__img{transform:scale(1.03)}.bb-pc__nav{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #173b5229;color:var(--bb-ink, #173b52);cursor:pointer;opacity:0;transition:opacity .22s ease-out,transform .32s cubic-bezier(.2,.8,.3,1),background .16s ease-out}.bb-pc__nav svg{width:17px;height:17px}.bb-pc__nav--prev{left:10px;transform:translate(-8px,-50%)}.bb-pc__nav--next{right:10px;transform:translate(8px,-50%)}.bb-pc:hover .bb-pc__nav,.bb-pc:focus-within .bb-pc__nav{opacity:1;transform:translateY(-50%)}.bb-pc__nav:hover{background:#fffffff5}.bb-pc__nav:active{transform:translateY(-50%) scale(.92);transition-duration:90ms}.bb-pc__dots{position:absolute;bottom:11px;left:50%;z-index:4;display:flex;gap:5px;padding:5px 8px;transform:translate(-50%);border-radius:999px;background:#ffffff9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease-out;pointer-events:none}.bb-pc:hover .bb-pc__dots,.bb-pc:focus-within .bb-pc__dots{opacity:1}.bb-pc__dots span{width:5px;height:5px;border-radius:999px;background:#173b5247;transition:background .26s ease-out,width .26s cubic-bezier(.2,.8,.3,1)}.bb-pc__dots span.is-active{width:14px;background:var(--bb-ink, #173b52)}@media(hover:none){.bb-pc__nav{display:none}.bb-pc__dots{opacity:1}}@media(prefers-reduced-motion:reduce){.bb-pc__slide{transition:opacity 1ms linear,visibility 0s linear 1ms}.bb-pc__slide.is-active{transition:opacity 1ms linear,visibility 0s}.bb-pc__nav{transition:opacity .12s linear}.bb-pc__nav--prev,.bb-pc__nav--next,.bb-pc__nav:active{transform:translateY(-50%)}.bb-pc__dots span{transition:none}}.bb-pc__noimg{display:block;width:100%;height:100%;background:var(--bb-surface-zone, #e8f4fc)}.bb-pc__wish{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:#ffffffe5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--bb-ink, #173b52);cursor:pointer;transition:background .18s ease-out,color .18s ease-out,transform .18s ease-out}.bb-pc__wish svg{width:19px;height:19px}.bb-pc__wish:hover{background:#fff;color:#c2185b;transform:scale(1.08)}.bb-pc__wish[aria-pressed=true]{color:#c2185b}.bb-pc__wish[aria-pressed=true] svg path{fill:#c2185b;stroke:#c2185b}.bb-pc__wish:focus-visible{outline:2px solid var(--bb-ink, #173b52);outline-offset:2px}.bb-pc__badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 11px;border-radius:999px;background:var(--bb-badge-sale, #f6c85f);color:#4a3705;font-size:11px;font-weight:750;letter-spacing:.01em}.bb-pc__badge--out{background:var(--bb-surface-zone, #e8f4fc);color:var(--bb-ink-secondary, #28658d)}.bb-pc__body{display:flex;flex-direction:column;flex:1 1 auto;gap:7px;padding:15px 16px 17px}.bb-pc__title{margin:0;font-size:14.5px;line-height:1.35;font-weight:620;min-height:2.7em}.bb-pc__title a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--bb-ink, #173b52);text-decoration:none}.bb-pc__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bb-pc__title a:hover{text-decoration:underline;text-underline-offset:3px}.bb-pc__meta{min-height:22px;display:flex;flex-wrap:nowrap;align-items:center;gap:7px;margin:0;overflow:hidden;white-space:nowrap;font-size:12px;line-height:1.25}.bb-pc__metatext{overflow:hidden;text-overflow:ellipsis;color:var(--bb-ink-secondary, #28658d);font-weight:550;letter-spacing:.002em}.bb-pc__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.bb-pc__price{display:flex;flex-wrap:wrap;gap:7px;align-items:baseline;margin:0;min-width:0}.bb-pc__now{color:var(--bb-ink, #173b52);font-size:18.5px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bb-pc__now.is-sale{color:#b3123f}.bb-pc__was{color:var(--bb-ink-secondary, #28658d);font-size:12.5px;font-variant-numeric:tabular-nums}.bb-pc__addform{position:relative;z-index:3;margin:0;flex:0 0 auto}.bb-pc__add{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:var(--bb-action, #173b52);color:#fff;cursor:pointer;transition:background .18s ease-out,transform .18s ease-out}.bb-pc__add svg{width:17px;height:17px}.bb-pc__add:hover:not(:disabled){background:var(--bb-action-hover, #1a2732);transform:scale(1.07)}.bb-pc__add:disabled{background:var(--bb-surface-zone, #e8f4fc);color:var(--bb-ink-secondary, #28658d);cursor:not-allowed}.bb-pc__add:focus-visible{outline:2px solid var(--bb-ink, #173b52);outline-offset:2px}.bb-pc__add-plus,.bb-pc__add-tick{position:absolute;display:grid;place-items:center;transition:opacity .16s ease-out,transform .2s cubic-bezier(.2,.8,.3,1)}.bb-pc__add-tick{opacity:0;transform:scale(.5) rotate(-12deg)}.bb-pc__add.is-added{background:#1f7a4d}.bb-pc__add.is-added .bb-pc__add-plus{opacity:0;transform:scale(.5) rotate(12deg)}.bb-pc__add.is-added .bb-pc__add-tick{opacity:1;transform:scale(1) rotate(0)}.bb-pc__add.is-busy{opacity:.75}@property --sw{syntax: "<color>"; inherits: false; initial-value: #dfe7ee;}.bb-pc__swatches{display:flex;flex-wrap:nowrap;gap:6px;margin:0;padding:0;list-style:none}.bb-pc__swatches li{display:flex}.bb-pc__swatches span{width:14px;height:14px;border-radius:999px;background:var(--sw);box-shadow:inset 0 0 0 1px #173b5238}.bb-pc__more{color:var(--bb-ink-secondary, #28658d);font-size:11px;font-weight:650;line-height:14px}.bb-pc--rail .bb-pc__title{font-size:14px}.bb-pc--rail .bb-pc__body{padding:13px 14px 15px}.bb-pc--compact .bb-pc__body{padding:11px 12px 13px;gap:5px}.bb-pc--compact .bb-pc__title{font-size:13.5px}.bb-pc--compact .bb-pc__now{font-size:15px}@media screen and (min-width:990px){.bb-pc__title{font-size:15px}.bb-pc__now{font-size:17.5px}}@media(prefers-reduced-motion:reduce){.bb-pc,.bb-pc__img,.bb-pc__wish,.bb-pc__add,.bb-pc__add-plus,.bb-pc__add-tick{transition:none}.bb-pc:hover,.bb-pc:hover .bb-pc__img,.bb-pc__wish:hover,.bb-pc__add:hover:not(:disabled){transform:none}}.bb-pc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.bb-pc-grid>li{min-width:0}.bb-pc-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(172px,1fr);gap:12px;margin:0;padding:2px 0 10px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.bb-pc-rail>li{min-width:0;scroll-snap-align:start}@media screen and (min-width:750px){.bb-pc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media screen and (min-width:990px){.bb-pc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bb-pc-rail{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding-bottom:0}.bb-pc-rail--7{grid-template-columns:repeat(7,minmax(0,1fr))}}@media screen and (min-width:1200px){.bb-pc-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}}.bb-pc__opts-hold{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bb-card.css.map */