/* Shared product pages. Onest, the approved palette and global container stay shared. */
.bn-pdp{--muted:#686d79;--pdp-surface:#f7f7f9;--pdp-rule:#e4e3e8;--pdp-space:24px}
.bn-pdp h1,.bn-pdp h2,.bn-pdp h3{letter-spacing:-.03em;text-wrap:balance}
.bn-pdp-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"media title" "media options";grid-template-rows:min-content 1fr;column-gap:clamp(32px,5vw,80px);row-gap:24px;align-items:start;margin-bottom:64px}
.bn-pdp-heading{grid-area:title;padding-top:16px}
.bn-pdp-heading h1{overflow-wrap:anywhere;font-size:clamp(40px,3.7vw,60px);line-height:1.06}
.bn-pdp-lead{font-size:23px;line-height:1.4;margin-top:12px}
.bn-pdp-intro-copy{font-size:16px;color:var(--muted);line-height:1.6;max-width:48ch;margin-top:16px}
.bn-pdp-gallery{grid-area:media;min-width:0}
.bn-pdp-media{position:relative;background:#fff;border:1px solid var(--pdp-rule);border-radius:16px;overflow:hidden}
.bn-pdp-photo{display:flex;align-items:center;justify-content:center;height:clamp(520px,48vw,680px);padding:28px 32px 64px;cursor:zoom-in}
.bn-pdp-photo img{display:block;width:100%;height:100%;object-fit:contain}
.bn-pdp-zoom-label{position:absolute;bottom:0;left:0;right:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--pdp-surface);font-size:13px;font-weight:500}
.bn-pdp-zoom-label .bn-icon{width:18px;height:18px}
.bn-pdp-photo:focus-visible{outline-offset:-5px}
.bn-pdp-photo:hover .bn-pdp-zoom-label{background:var(--lavender)}
.bn-pdp-no-photo{min-height:420px;display:grid;place-items:center;background:var(--pdp-surface)}
.bn-pdp-photo-note{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}
.bn-pdp-photo-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;font-size:13px;font-variant-numeric:tabular-nums}
.bn-pdp-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:4px;margin-top:8px;scrollbar-width:thin;scrollbar-color:var(--purple) var(--pdp-surface)}
.bn-pdp-thumbnails a{flex:0 0 76px;display:grid;place-items:center;min-height:88px;border:1px solid var(--pdp-rule);border-radius:10px;padding:6px;background:white}
.bn-pdp-thumbnails a[aria-current]{border:2px solid var(--purple);padding:5px}
.bn-pdp-thumbnails img{width:62px;height:72px;object-fit:contain}
.bn-pdp-options{grid-area:options;min-width:0}
.bn-pdp-facts{padding:16px 20px;background:var(--pdp-surface);border-radius:12px;margin-bottom:24px}
.bn-pdp-facts>p{font-size:13px;color:var(--muted);margin-bottom:8px}
.bn-pdp-facts dl{margin:0;display:flex;gap:24px;flex-wrap:wrap}
.bn-pdp-facts dl>div{display:flex;align-items:baseline;gap:8px}
.bn-pdp-facts dt{font-size:13px;color:var(--muted)}
.bn-pdp-facts dd{margin:0;font-weight:600;font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bn-pdp-options h2{font-size:15px;font-weight:600;letter-spacing:0;margin-bottom:12px}
.bn-pdp-pack nav{display:flex;flex-wrap:wrap;gap:10px}
.bn-pdp-pack-option{display:inline-flex;align-items:center;justify-content:center;padding:10px 23px;min-height:46px;border:1px solid var(--pdp-rule);border-radius:9px;font-size:15px;line-height:1.4}
.bn-pdp-pack-option.is-current{border-color:var(--purple);background:var(--lavender);color:var(--purple);font-weight:600;box-shadow:inset 0 0 0 1px var(--purple)}
a.bn-pdp-pack-option:hover{border-color:var(--purple);color:var(--purple)}
.bn-pdp-form{font-size:14px;color:var(--muted);margin-top:16px}
.bn-pdp-tastes{margin-top:24px}
.bn-pdp-tastes h2{margin-bottom:8px}
.bn-pdp-tastes p{font-size:14px;line-height:1.7;color:var(--muted);max-width:62ch}
.bn-pdp-purchase{border-top:1px solid var(--pdp-rule);margin-top:24px;padding-top:20px}
.bn-pdp-city{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:14px}
.bn-pdp-city>span{color:var(--muted);white-space:nowrap}
.bn-pdp-city-choice{display:flex;align-items:center;justify-content:flex-end;gap:8px;border:0;background:transparent;min-height:44px;padding:4px 0;text-align:right;min-width:0}
.bn-pdp-city-choice .bn-icon{color:var(--purple);width:18px;height:18px}
.bn-pdp-city-choice [data-city-label]{overflow-wrap:anywhere;font-weight:500}
.bn-pdp-city-action{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.bn-pdp-city-choice:hover [data-city-label]{color:var(--purple)}
.bn-pdp-buy{width:100%;min-height:54px}
.bn-pdp-purchase>p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:64ch}
.bn-pdp-purchase>.bn-pdp-stock-note{margin-top:4px;font-size:12px}
.bn-pdp-purchase .bn-geo-prompt{position:relative;inset:auto;z-index:auto;width:100%;max-width:none;margin:0 0 16px;padding:20px;border:1px solid var(--pdp-rule);border-radius:12px;background:var(--pdp-surface);box-shadow:none}
.bn-pdp-purchase .bn-geo-note{color:var(--muted)}
.bn-pdp-purchase .bn-geo-close{width:44px;height:44px;top:0;right:0}
.bn-pdp-purchase .bn-geo-title{padding-right:28px}
.bn-pdp-purchase:has(>.bn-geo-prompt:not([hidden]))>.bn-pdp-city{display:none}
.bn-pdp-details{border-block:1px solid var(--pdp-rule);padding-block:40px}
.bn-pdp-content{min-width:0}
.bn-pdp-content:not(.bn-pdp-reading-grid)>.bn-pdp-description{width:calc((100% - clamp(32px,4vw,64px)) * .6);margin-inline:0}
@media(max-width:1000px){.bn-pdp-content:not(.bn-pdp-reading-grid)>.bn-pdp-description{width:100%}}
.bn-pdp-content:not(.bn-pdp-reading-grid)>.bn-pdp-reference{max-width:760px;margin-inline:auto}
.bn-pdp-variant-title{font-size:28px;margin-bottom:24px}
.bn-pdp-variant-title:not(:first-child){border-top:1px solid var(--pdp-rule);padding-top:40px;margin-top:40px}
.bn-pdp-details>.bn-pdp-tastes h3{font-size:18px;margin-bottom:8px}
.bn-pdp-reading-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(32px,4vw,64px);align-items:start}
.bn-pdp-reading-grid>.bn-pdp-description{grid-column:1;grid-row:1}
.bn-pdp-reference{grid-column:2;grid-row:1;min-width:0;padding:28px;border:1px solid var(--pdp-rule);border-radius:16px;background:var(--pdp-surface)}
.bn-pdp-section{min-width:0;scroll-margin-top:24px}
.bn-pdp-section>h2{font-size:32px;margin-bottom:20px}
.bn-pdp-reference>.bn-pdp-section+.bn-pdp-section{border-top:1px solid var(--pdp-rule);padding-top:24px;margin-top:24px}
.bn-pdp-reference .bn-pdp-section>h2{font-size:24px;margin-bottom:16px}
.bn-pdp-prose{overflow-wrap:anywhere;font-size:16px;line-height:1.65;max-width:72ch}
.bn-pdp-prose p{margin-bottom:16px}
.bn-pdp-prose p:last-child{margin-bottom:0}
.bn-pdp-prose h3{font-size:20px;margin:28px 0 12px;line-height:1.35}
.bn-pdp-prose h3:first-child{margin-top:0}
.bn-pdp-prose ul{padding-left:22px;margin:12px 0 20px}
.bn-pdp-prose li+li{margin-top:8px}
.bn-pdp-reference .bn-pdp-prose{font-size:15px}
.bn-pdp-section-note{font-size:13px;color:var(--muted);margin:-8px 0 16px}
.bn-pdp-nutrition{overflow-wrap:anywhere;border-collapse:collapse;width:100%;font-size:15px;font-variant-numeric:tabular-nums}
.bn-pdp-nutrition caption{text-align:left;color:var(--muted);font-size:13px;margin-bottom:12px}
.bn-pdp-nutrition th,.bn-pdp-nutrition td{text-align:left;padding:12px 0;border-bottom:1px solid var(--pdp-rule)}
.bn-pdp-nutrition th:first-child{padding-right:16px}
.bn-pdp-nutrition tbody tr:last-child>*{border-bottom:0}
.bn-pdp-nutrition thead{font-size:12px;color:var(--muted)}
.bn-pdp-nutrition tbody th{font-weight:400}
.bn-pdp-nutrition th:last-child,.bn-pdp-nutrition td:last-child{text-align:right;white-space:normal;font-weight:600}
#product-documents.bn-pdp-section{padding-top:32px;margin-top:32px;border-top:1px solid var(--pdp-rule)}
.bn-pdp-documents{list-style:none;padding:0;margin:0}
.bn-pdp-documents a{display:flex;gap:20px;justify-content:space-between;padding:16px 0;text-decoration:underline;text-underline-offset:4px;border-bottom:1px solid var(--pdp-rule)}
.bn-pdp-documents a>span{color:var(--muted);font-size:13px;white-space:nowrap}
.bn-pdp-image-dialog{width:min(1060px,calc(100vw - 32px));height:calc(100dvh - 48px);max-height:900px;padding:16px;border-radius:16px;overflow:hidden;background:white}
.bn-pdp-image-dialog::backdrop{background:rgb(19 21 28 / .72)}
.bn-pdp-image-dialog .bn-dialog-close{top:12px;right:12px;background:white;z-index:2}
.bn-pdp-image-stage{height:calc(100% - 60px);display:flex;justify-content:center;align-items:center;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--purple) var(--pdp-surface)}
.bn-pdp-image-stage img{width:100%;height:100%;object-fit:contain;display:block}
.bn-pdp-image-stage.is-zoomed{display:block;cursor:zoom-out}
.bn-pdp-image-stage.is-zoomed img{width:1200px;max-width:none;height:auto;margin:auto}
.bn-pdp-lightbox-bar{min-height:60px;display:flex;align-items:center;justify-content:center;gap:16px;padding-top:8px}
.bn-pdp-lightbox-bar p{font-size:13px;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.bn-pdp-zoom-toggle{background:var(--lavender);border:0;border-radius:8px;min-height:44px;padding:10px 16px;font-size:13px;color:var(--purple);white-space:nowrap}
.bn-pdp-image-dialog [data-photo-error]:not(:empty){position:absolute!important;inset:60px 24px auto;width:auto;height:auto;clip:auto;white-space:normal;padding:20px;background:white;text-align:center}
@media(min-width:1440px){.bn-pdp-photo{height:680px}}
@media(max-width:1000px){.bn-pdp-intro{column-gap:28px}.bn-pdp-heading h1{overflow-wrap:anywhere;font-size:42px}.bn-pdp-facts dl{gap:8px 20px}.bn-pdp-facts dl>div{justify-content:space-between;flex:1 1 100%}.bn-pdp-city-action{display:none}}
@media(max-width:1000px){.bn-pdp-reading-grid{display:flex;flex-direction:column;gap:32px}.bn-pdp-reading-grid>.bn-pdp-section,.bn-pdp-reference{width:100%}.bn-pdp-reference{order:-1}.bn-pdp-reading-grid>.bn-pdp-description{padding-top:32px;border-top:1px solid var(--pdp-rule)}}
@media(max-width:760px){
 .bn-pdp-intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "media" "options";grid-template-rows:none;gap:24px;margin-bottom:40px}
 .bn-pdp-heading{padding-top:0}.bn-pdp-heading h1{overflow-wrap:anywhere;font-size:38px}.bn-pdp-lead{font-size:20px;margin-top:8px}.bn-pdp-intro-copy{font-size:14px;max-width:50ch;margin-top:12px}
 .bn-pdp-photo{height:420px;padding:24px 24px 58px}.bn-pdp-gallery{width:100%;max-width:560px;justify-self:center}
 .bn-pdp-options{width:100%}.bn-pdp-facts{padding:14px 16px}.bn-pdp-facts dl>div{flex:initial;justify-content:initial}.bn-pdp-facts dl{gap:8px 20px}
 .bn-pdp-details{padding-block:28px}.bn-pdp-reference{padding:20px}
 .bn-pdp-section>h2{font-size:28px}.bn-pdp-prose{font-size:15px}
 .bn-pdp-image-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:none;max-width:none;padding:12px;border-radius:12px}.bn-pdp-lightbox-bar{gap:8px}.bn-pdp-lightbox-bar p{font-size:12px}.bn-pdp-zoom-toggle{padding-inline:12px}
}
@media(max-width:480px){.bn-pdp-photo{height:350px;padding:20px 24px 56px}.bn-pdp-no-photo{min-height:300px}.bn-pdp-heading h1{overflow-wrap:anywhere;font-size:36px}.bn-pdp-facts dl>div{flex:1 1 100%;justify-content:space-between}.bn-pdp-pack-option{padding-inline:20px}.bn-pdp-nutrition th,.bn-pdp-nutrition td{font-size:14px}.bn-pdp-nutrition thead th{font-size:12px}.bn-pdp-city{gap:10px}}