/* Product quick view: the pop-up between the Shop and the product page. Built by selection-upsell.js. */
#upsell-overlay .quick-view{max-width:880px;width:calc(100% - 48px);max-height:calc(100dvh - 48px);overflow:auto;padding:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#14180f;border:1px solid rgba(201,208,168,.2);box-shadow:0 40px 100px -24px rgba(0,0,0,.7)}
.quick-view [hidden]{display:none!important}
.quick-view .upsell-close{z-index:3;top:14px;right:14px;width:44px;height:44px;font-size:22px;line-height:1;color:rgba(244,241,233,.75)}
.quick-view button:focus-visible{outline:2px solid #f4f1e9;outline-offset:3px}

.qv-media{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#39452e 0,#1d2417 62%,#161b11 100%);border-right:1px solid rgba(201,208,168,.14)}
.qv-media .collection-cart-vial{flex:0 0 340px;width:340px;height:340px;max-width:none;margin:0;overflow:visible}
.qv-media .collection-vial-art{width:340px;height:340px;animation:none}

.qv-body{min-width:0;padding:34px 36px 26px}
.qv-tag{margin:0 0 6px;font:500 12px/1.3 var(--font-sans);color:#b9c8a8}
.qv-name{margin:0;padding-right:36px;font:400 38px/1.08 var(--font-voice);letter-spacing:-.01em;color:#f4f1e9;overflow-wrap:anywhere}
.qv-price{margin:8px 0 0;font:400 25px/1.2 var(--font-voice);color:#ececdd}
.qv-price small{font:400 12px var(--font-sans);color:#a8b19b}
.qv-desc{margin:12px 0 0;font:400 14px/1.6 var(--font-sans);color:rgba(241,238,230,.8)}

.qv-specs{margin:16px 0 0;border-top:1px solid rgba(201,208,168,.16)}
.qv-specs div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid rgba(201,208,168,.16)}
.qv-specs dt{margin:0;font:400 12px/1.4 var(--font-sans);color:#a8b19b}
.qv-specs dd{margin:0;font:400 12px/1.4 var(--font-sans);color:#ececdd;text-align:right}

.qv-field{margin-top:16px}
.qv-label{margin:0 0 7px;font:500 12px/1.3 var(--font-sans);color:#b9c8a8}
.qv-sizes{display:flex;flex-wrap:wrap;gap:8px}
.qv-size{min-height:40px;padding:0 15px;background:none;border:1px solid rgba(201,208,168,.3);color:#ececdd;font:400 13px var(--font-sans);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.qv-size:hover:not(:disabled){border-color:#c9d0a8}
.qv-size.is-on{background:#c9d0a8;border-color:#c9d0a8;color:#181d14}
.qv-size:disabled{cursor:default;opacity:.5}
.qv-sizes--small{gap:6px;margin-top:6px}
.qv-sizes--small .qv-size{min-height:32px;padding:0 10px;font-size:12px}

.qv-qty-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.qv-qty{display:inline-flex;align-items:center;border:1px solid rgba(201,208,168,.3)}
.qv-qty button{width:42px;height:40px;background:none;border:0;color:#f4f1e9;font:400 18px var(--font-sans);cursor:pointer}
.qv-qty button:disabled{opacity:.3;cursor:default}
.qv-qty output{min-width:34px;text-align:center;font:400 14px var(--font-sans);color:#f4f1e9}
.qv-saving{margin:0;font:400 12px/1.4 var(--font-sans);color:#a8b19b}

.qv-pair{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:18px;padding:8px 12px 8px 6px;background:rgba(201,208,168,.06);border:1px solid rgba(201,208,168,.2)}
.qv-pair-vial{width:64px;height:76px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.qv-pair-vial .collection-cart-vial{flex:0 0 84px;width:84px;height:84px;margin:0;overflow:visible}
.qv-pair-vial .collection-vial-art{width:84px;height:84px;animation:none}
.qv-pair .qv-label{margin:0 0 2px}
.qv-pair-name{margin:0;font:400 19px/1.15 var(--font-voice);color:#f4f1e9;overflow-wrap:anywhere}
.qv-pair-add{min-height:40px;padding:0 14px;background:none;border:1px solid #c9d0a8;color:#e0e4c9;font:500 13px var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}
.qv-pair-add:hover,.qv-pair-add.is-on{background:#c9d0a8;color:#181d14}

.qv-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;margin-top:18px}
.qv-add,.qv-more{min-height:52px;padding:0 12px;font:500 14px var(--font-sans);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.qv-add{background:#c9d0a8;border:1px solid #c9d0a8;color:#181d14}
.qv-add:hover:not(:disabled){background:#e0e4c9;border-color:#e0e4c9}
.qv-add:disabled{opacity:.5;cursor:default}
.qv-more{background:none;border:1px solid rgba(245,242,236,.32);color:#f4f1e9}
.qv-more:hover{border-color:#f4f1e9}
.qv-foot{margin:12px 0 0;font:400 11px/1.5 var(--font-sans);color:#98a38a}

@media(max-width:760px){
  #upsell-overlay .quick-view{display:block;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}
  .qv-media{min-height:0;height:160px;padding:0;border-right:0;border-bottom:1px solid rgba(201,208,168,.14);overflow:hidden}
  .qv-media .collection-cart-vial{flex:0 0 190px;width:190px;height:190px}
  .qv-media .collection-vial-art{width:190px;height:190px}
  .qv-body{padding:18px 18px 0}
  .qv-name{padding-right:0;font-size:31px!important}
  .qv-actions{position:sticky;bottom:0;margin:16px -18px 0;padding:10px 18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background:#14180f;border-top:1px solid rgba(201,208,168,.16)}
  .qv-foot{margin:10px 0 16px}
  .qv-pair{grid-template-columns:52px minmax(0,1fr) auto;padding-right:10px}
  .qv-pair-vial{width:52px}
  .qv-foot{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){#upsell-overlay .quick-view{animation:none}}

/* Hold the sizes against the site-wide type rules */
.quick-view:focus{outline:none}
#upsell-overlay .quick-view .upsell-close{font-size:24px!important}
.qv-name{font-size:38px!important;line-height:1.08!important;font-family:var(--font-voice)!important}
.qv-pair-name{font-size:19px!important;line-height:1.15!important}
.qv-price{font-size:25px!important}
.qv-price small{font-size:12px!important}
.qv-desc{font-size:14px!important;line-height:1.55!important}
.qv-specs dt,.qv-specs dd{font-size:12px!important;line-height:1.4!important}
.qv-saving{font-size:12px!important;line-height:1.4!important}
.qv-foot{font-size:11px!important;line-height:1.5!important}
#upsell-overlay .qv-size{text-transform:none!important;letter-spacing:.01em!important;font-size:13px!important}
#upsell-overlay .qv-sizes--small .qv-size{font-size:12px!important}
#upsell-overlay .qv-pair-add{text-transform:none!important;letter-spacing:.01em!important;font-size:13px!important}
.qv-add,.qv-more{font-size:12px!important;letter-spacing:.1em!important}
.qv-tag,.qv-label{font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase}
@media(max-width:760px){.qv-name{font-size:31px!important}.qv-add,.qv-more{letter-spacing:.06em!important}}
#upsell-overlay .qv-media .collection-vial-label strong,#upsell-overlay .qv-pair-vial .collection-vial-label strong{font-size:3.5cqw;overflow-wrap:normal;line-height:1.2}
.qv-media.is-soon .collection-vial-art{filter:blur(5px) brightness(.7)}

/* Product page: return to the list the visitor came from */
.detail-back{position:fixed;top:calc(var(--chrome-h,110px) + 10px);left:clamp(16px,3vw,40px);z-index:40;min-height:44px;padding:0 16px;background:rgba(14,18,11,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(201,208,168,.3);color:#f4f1e9;font:400 13px var(--font-sans);letter-spacing:.02em;text-transform:none;cursor:pointer;transition:border-color .2s,background-color .2s}
.detail-back:hover{border-color:#c9d0a8;background:rgba(14,18,11,.92)}
.detail-back:focus-visible{outline:2px solid #f4f1e9;outline-offset:3px}
#detail-page:not(.active) .detail-back{display:none}

/* Every vial on the site: the Shop wall's sealed vial, with the name and strength set as on the wall */
html body .collection-vial-art img{filter:drop-shadow(0 14px 18px rgba(0,0,0,.28))!important}
html body .collection-vial-label{left:32.5%!important;top:51%!important;width:21.5%!important;color:#f1ede1!important;text-shadow:none!important;text-transform:none!important;line-height:1.14!important}
html body .collection-vial-label strong{font:400 3.7cqw/1.14 "Hanken Grotesk","Inter Tight",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:normal!important}
html body .collection-vial-label small{font:400 2.6cqw/1.3 "Hanken Grotesk","Inter Tight",Arial,sans-serif!important;margin-top:.7cqw!important;letter-spacing:0!important;text-transform:none!important}
/* Home's carousel: no clipped shadow box around the vial on the light stone */
html body #home-page .bsg-collection-vial,html body #home-page .bsg-collection-vial .collection-vial-art{overflow:visible!important;background:none!important;box-shadow:none!important}
html body #home-page .bsg-collection-vial .collection-vial-art img{filter:none!important}

/* Partner application: confirmation and send errors */
.pa-received p:not(.pp-kicker){margin:14px 0 24px;line-height:1.6}
.pa-received-btn{min-height:48px;padding:0 24px;background:#c9d0a8;border:1px solid #c9d0a8;color:#181d14;font:500 12px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.pa-send-error{margin:14px 0 0;color:#e8b4a0;font-size:13px;line-height:1.5}