/* Two additions to the existing homepage: header shop link and product teaser. */
.main-header.has-shop .bb-header-shop {
    position: absolute;
    right: clamp(20px, 4vw, 60px);
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 48px;
    padding: 12px 24px;
    color: var(--color-two);
    background: var(--main-color);
    border: 1px solid var(--main-color);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.main-header.has-shop .bb-header-shop:hover { background: var(--color-two); color: var(--main-color); }
.bb-shop-arrow { font-size: 19px; font-weight: 400; line-height: 1; }
.bb-header-shop:focus-visible { outline: 2px solid var(--main-color); outline-offset: 5px; }
.distillery-products a:focus-visible { outline: 2px solid var(--bb-product-ink); outline-offset: 5px; }

.distillery-products {
    --bb-product-ink: var(--white-color);
    --bb-product-gold: var(--main-color);
    position: relative;
    padding: 100px 0 70px;
    color: var(--bb-product-ink);
    background: var(--body-bg-color);
    border-bottom: 1px solid rgba(235,164,135,.16);
}
.bb-products-layout { display: grid; grid-template-columns: 1.12fr 1fr 1fr; gap: 40px; align-items: center; }
.bb-products-intro { padding-right: 14px; }
.distillery-products .subtitle {
    color: var(--bb-product-gold);
    font-size: 11px;
    line-height: 1.8;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-transform: uppercase;
}
.distillery-products .pattern-image { margin: 20px 0; }
.distillery-products .pattern-image img { display: block; width: 100px; height: auto; }
.distillery-products h2 {
    color: var(--bb-product-ink);
    font-family: var(--font-family-Forum);
    font-size: clamp(46px, 4.3vw, 62px);
    font-weight: 400;
    line-height: 1.1;
    margin: 0 0 22px;
}
.bb-products-intro > p { max-width: 345px; color: #bbc0bb; font-size: 14px; line-height: 1.9; margin: 0 0 18px; }
.bb-products-intro > .bb-shop-introduction { color: var(--color-one); font-size: 13px; margin-bottom: 28px; }
.bb-collection-link .btn-wrap > span > span { margin-left: 12px; font-size: 18px; }
.bb-products-note { display: block; margin-top: 20px; color: var(--color-one); font-size: 10px; line-height: 1.7; }
.bb-product-teaser { display: block; min-width: 0; color: var(--bb-product-ink); }
.bb-product-teaser:nth-child(2) { margin-bottom: 60px; }
.bb-product-teaser:nth-child(3) { margin-top: 60px; }
.bb-product-image { position: relative; aspect-ratio: .82; padding: 22px 0; }
.bb-product-image::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 130px;
    transform: translateX(-50%);
    background: url('../images/background/pattern-8.svg') center repeat;
}
.bb-product-image img { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.bb-product-teaser:hover .bb-product-image img { transform: scale(1.025); }
.bb-product-caption { text-align: center; padding: 22px 0 0; }
.bb-product-caption h3 { color: var(--bb-product-ink); font-family: var(--font-family-Forum); font-size: 30px; line-height: 1.15; font-weight: 400; margin: 0 0 7px; transition: color .25s; }
.bb-product-caption p { color: var(--color-one); font-size: 11px; line-height: 1.6; margin: 0; }
.bb-product-link { display: inline-flex; align-items: center; gap: 10px; color: var(--main-color); font-size: 10px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; padding: 12px 0 5px; border-bottom: 1px solid rgba(235,164,135,.35); }
.bb-product-link > span { font-size: 17px; font-weight: 400; transition: transform .25s; }
.bb-product-teaser:hover h3 { color: var(--bb-product-gold); }
.bb-product-teaser:hover .bb-product-link > span { transform: translate(2px, -2px); }
.bb-origin-story {
    display: grid;
    grid-template-columns: 1.12fr 1fr 1fr;
    gap: 40px;
    align-items: center;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid rgba(235,164,135,.2);
}
.bb-origin-story .subtitle { font-size: 9px; letter-spacing: 2px; }
.bb-origin-story h3 { color: var(--bb-product-ink); font: 400 28px/1.2 var(--font-family-Forum); margin: 10px 0 8px; }
.bb-origin-story p { color: var(--color-one); font-size: 11px; line-height: 1.8; margin: 0; }
.bb-fruit-spirit { display: flex; align-items: center; gap: 18px; color: var(--white-color); }
.bb-fruit-spirit > img { flex-shrink: 0; width: 76px; height: 88px; object-fit: cover; }
.bb-fruit-spirit > span:nth-child(2) { flex: 1; }
.bb-fruit-spirit strong { display: block; color: var(--white-color); font: 400 27px/1.2 var(--font-family-Forum); transition: color .25s; }
.bb-fruit-spirit > span > span { display: block; color: var(--color-one); font-size: 11px; line-height: 1.6; margin-top: 6px; }
.bb-fruit-arrow { font-size: 22px; color: var(--main-color); }
.bb-fruit-spirit:hover strong { color: var(--main-color); }

@media (max-width: 991px) {
    .distillery-products { padding: 70px 0; }
    .bb-products-layout { grid-template-columns: 1fr 1fr; gap: 28px; }
    .bb-products-intro { grid-column: 1 / -1; padding: 0; text-align: center; }
    .bb-products-intro .pattern-image img { margin: 0 auto; }
    .bb-products-intro > p { max-width: 500px; margin-inline: auto; }
    .bb-products-note { margin-bottom: 10px; }
    .bb-product-image { aspect-ratio: 1; }
    .bb-product-teaser:nth-child(2), .bb-product-teaser:nth-child(3) { margin-block: 0; }
    .bb-origin-story { grid-template-columns: 1fr 1fr; gap: 28px; padding-top: 30px; }
    .bb-origin-copy { grid-column: 1 / -1; text-align: center; }
}
@media (max-width: 640px) {
    .main-header.has-shop .main-box .logo-box .logo img { height: 44px; max-width: 150px; }
    .main-header.has-shop .bb-header-shop { right: 14px; min-height: 40px; padding: 10px 13px; font-size: 9px; letter-spacing: 1.5px; }
    .bb-header-shop svg, .bb-shop-arrow { display: none; }
    .distillery-products { padding: 60px 0 45px; }
    .bb-products-layout { gap: 30px 16px; }
    .distillery-products .subtitle { font-size: 9px; letter-spacing: 1.7px; }
    .distillery-products h2 { font-size: 48px; }
    .bb-products-intro > p { font-size: 13px; max-width: 360px; }
    .bb-product-image { aspect-ratio: .76; padding: 16px 0; }
    .bb-product-image::before { width: 78px; }
    .bb-product-caption { padding-top: 16px; }
    .bb-product-caption h3 { font-size: 24px; }
    .bb-product-caption p { font-size: 10px; }
    .bb-product-link { font-size: 8px; letter-spacing: 1px; gap: 7px; padding-top: 10px; }
    .bb-origin-story { gap: 24px 16px; margin-top: 36px; padding-top: 25px; }
    .bb-origin-story h3 { font-size: 28px; }
    .bb-fruit-spirit { gap: 10px; }
    .bb-fruit-spirit > img { width: 48px; height: 64px; }
    .bb-fruit-spirit strong { font-size: 23px; }
    .bb-fruit-spirit > span > span { font-size: 9px; }
    .bb-fruit-arrow { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .bb-product-image img, .bb-product-link > span, .bb-product-caption h3, .bb-fruit-spirit strong { transition: none; }
}