.bb-gift-for{--space-gift-for-gap: 24px;--space-gift-for-card: clamp(20px, 3vw, 32px);--space-gift-for-tab: 12px 20px;--width-gift-for-intro: 56ch;--width-gift-for-preview: 240px;--width-gift-for-engraving: 40%;--font-size-gift-for-engrave-1: 7cqi;--font-size-gift-for-engrave-2: 3.4cqi;--opacity-gift-for-engrave: .9;--position-barrel-head-x: 50%;--position-barrel-head-y: 36%;--width-barrel-head: 38%;--angle-barrel-head-turn: 0deg;--angle-barrel-head-tilt: 0deg;--size-gift-for-thumb: 64px;--size-gift-for-step: 40px;--space-gift-for-step-inset: 8px;--space-gift-for-sticky: 8px;display:flex;flex-direction:column;gap:var(--space-gift-for-gap);padding:var(--space-section-block-lg) var(--space-page-inline);background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-family-body)}.bb-gift-for p{margin:0}.bb-gift-for__header{display:grid;justify-items:start;gap:12px}.bb-gift-for__intro{max-width:var(--width-gift-for-intro);color:var(--color-text-secondary);font-size:var(--font-size-16);line-height:1.6}.bb-gift-for__tabs{display:grid;gap:var(--space-gift-for-gap)}.bb-gift-for__tablist{position:sticky;top:var(--sticky-area-height, 0px);z-index:3;display:flex;gap:8px;margin-inline:calc(-1 * var(--space-page-inline));margin-block-start:calc(-1 * var(--space-gift-for-sticky));padding-inline:var(--space-page-inline);padding-block:var(--space-gift-for-sticky);background:var(--color-surface-page);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-page-inline);scrollbar-width:none}.bb-gift-for__tablist::-webkit-scrollbar{display:none}.bb-gift-for__tab{flex:0 0 auto;padding:var(--space-gift-for-tab);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-15);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:border-color var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.bb-gift-for__tab:hover{border-color:var(--color-border-accent);color:var(--color-text-primary)}.bb-gift-for__tab[aria-selected=true]{border-color:var(--color-action-primary-bg);background:var(--color-action-primary-bg);color:var(--color-text-inverse)}.bb-gift-for__card{display:grid;gap:var(--space-gift-for-gap);padding:var(--space-gift-for-card);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-surface-raised)}.bb-gift-for__panels{display:grid}.bb-gift-for__panel{display:grid;grid-area:1 / 1;align-content:start;gap:var(--space-gift-for-gap)}.bb-gift-for__panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.bb-gift-for__panel:not([hidden],[data-leaving]){position:relative;z-index:1}.bb-gift-for__panel[data-leaving]{pointer-events:none;animation:bb-gift-for-out var(--motion-duration-fast) var(--motion-ease-out) forwards}.bb-gift-for__tabs[data-switched] .bb-gift-for__panel:not([hidden],[data-leaving]){animation:bb-gift-for-rise var(--motion-duration-base) var(--motion-ease-out) both}@keyframes bb-gift-for-out{to{opacity:0}}@keyframes bb-gift-for-rise{0%{opacity:0;transform:translateY(var(--distance-reveal))}}.bb-gift-for__body{display:grid;align-content:start;justify-items:start;gap:16px}.bb-gift-for__title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-28);font-weight:var(--font-weight-display);line-height:1.2;letter-spacing:0;text-transform:none}.bb-gift-for__occasions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--color-text-tertiary);font-size:var(--font-size-14)}.bb-gift-for__occasions li{display:flex;align-items:center;gap:10px}.bb-gift-for__text{color:var(--color-text-secondary);font-size:var(--font-size-16);line-height:1.6}.bb-gift-for__label{color:var(--color-text-tertiary);font-size:var(--font-size-12);font-weight:600;letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase}.bb-gift-for__preview{display:grid;justify-items:center;gap:8px;width:100%;max-width:var(--width-gift-for-preview);margin:0 auto}.bb-gift-for__mockup{position:relative;width:100%;container-type:inline-size}.bb-gift-for__mockup img{display:block;width:100%;height:auto}.bb-gift-for__filters{position:absolute;width:0;height:0;overflow:hidden}.bb-gift-for__design,.bb-gift-for__engraving{position:absolute;top:var(--position-barrel-head-y);left:var(--position-barrel-head-x);translate:-50% -50%;transform:perspective(var(--distance-barrel-head-perspective)) rotateY(var(--angle-barrel-head-turn)) rotateX(var(--angle-barrel-head-tilt));opacity:var(--opacity-gift-for-engrave);mix-blend-mode:multiply}.bb-gift-for__design{width:var(--width-barrel-head);height:auto;filter:var(--filter-engrave)}.bb-gift-for__engraving{display:grid;justify-items:center;gap:1.5cqi;width:var(--width-gift-for-engraving);color:var(--color-engrave-burn);text-align:center;text-wrap:balance}.bb-gift-for--decanter{--position-stand-x: 48.2%;--position-stand-y: 47.2%;--width-stand-design: 40%;--font-size-gift-for-engrave-1: 4.5cqi;--font-size-gift-for-engrave-2: 2.2cqi}.bb-gift-for--decanter .bb-gift-for__mockup{overflow:hidden;border-radius:var(--radius-image)}.bb-gift-for--decanter .bb-gift-for__design,.bb-gift-for--decanter .bb-gift-for__engraving{top:var(--position-stand-y);left:var(--position-stand-x);transform:none;mix-blend-mode:normal}.bb-gift-for--decanter .bb-gift-for__design{width:var(--width-stand-design);filter:var(--filter-engrave-stand)}.bb-gift-for--decanter .bb-gift-for__engraving{color:var(--color-engrave-stand)}.bb-gift-for__caption{display:grid;justify-items:center;gap:2px;text-align:center}.bb-gift-for__design-name{color:var(--color-text-secondary);font-size:var(--font-size-14)}.bb-gift-for__engraving-1{font-family:var(--font-family-display);font-size:var(--font-size-gift-for-engrave-1);line-height:1.1}.bb-gift-for__engraving-2{font-size:var(--font-size-gift-for-engrave-2);font-weight:600;line-height:1.3;letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase}.bb-gift-for__steps{grid-area:1 / 1;align-self:start;aspect-ratio:1 / 1;padding-inline:var(--space-gift-for-step-inset)}.bb-gift-for__steps .bb-carousel-arrow{--carousel-arrow-size: var(--size-gift-for-step)}.bb-gift-for__panels:has(.bb-gift-for__panel:not(.bb-gift-for__panel--preview,[hidden],[data-leaving])) .bb-gift-for__steps{display:none}.bb-gift-for__group{display:grid;gap:10px;width:100%;padding-block-start:16px;border-block-start:var(--border-width-hairline) solid var(--color-border-subtle)}.bb-gift-for__picks{display:grid;gap:10px}.bb-gift-for__pick{display:flex;align-items:center;gap:14px;border-radius:var(--radius-image)}.bb-gift-for__thumb{flex:none;width:var(--size-gift-for-thumb);aspect-ratio:1;overflow:hidden;border-radius:var(--radius-image);background:var(--color-surface-media)}.bb-gift-for__thumb img{display:block;width:100%;height:100%;object-fit:cover}.bb-gift-for__pick-text{display:grid;gap:2px;font-size:var(--font-size-15);line-height:1.4}.bb-gift-for__pick-name{transition:color var(--motion-duration-fast) var(--motion-ease-out)}.bb-gift-for__pick:hover .bb-gift-for__pick-name{color:var(--color-text-hover)}.bb-gift-for__price{color:var(--color-text-secondary)}.bb-gift-for__button{margin-block-start:4px}.bb-gift-for__notice{display:flex;gap:12px;padding:16px 18px;border-radius:var(--radius-card);background:var(--color-surface-tint-amber);color:var(--color-text-primary);font-size:var(--font-size-15);line-height:1.55}.bb-gift-for__notice .bb-icon{flex:none;margin-block-start:2px;color:var(--color-text-eyebrow)}.bb-gift-for__notice p{margin:0}@media(max-width:699px){.bb-gift-for{--width-gift-for-preview: 100%}}@media(min-width:700px){.bb-gift-for__tablist{position:static;flex-wrap:wrap;margin-inline:0;padding-inline:0;background:none;overflow:visible}.bb-gift-for__steps{display:none}}@media(min-width:1000px){.bb-gift-for__panel--preview{--width-gift-for-preview: 300px;grid-template-columns:var(--width-gift-for-preview) minmax(0,1fr);align-content:normal;align-items:center;gap:calc(var(--space-gift-for-gap) * 2)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-gift-for.css.map */