/* Bentley Huangqi 2026 — quiet luxury, no scroll hijacking */
:root{--bb-deep:#17211d;--bb-dark:#101c18;--bb-moss:#25362f;--bb-brass:#baa076;--bb-milk:#f6f4ee;--bb-stone:#726e65}
.hero-display{overflow:visible}
@media(prefers-reduced-motion:no-preference){.hero-display .bottle-a{animation:bb-bottle-in-left 1.4s cubic-bezier(.2,.7,.2,1) both,bb-bottle-drift-a 7s ease-in-out 1.4s infinite!important;transform-origin:50% 80%}.hero-display .bottle-b{animation:bb-bottle-in-right 1.6s cubic-bezier(.2,.7,.2,1) both,bb-bottle-drift-b 8.2s ease-in-out 1.6s infinite!important;transform-origin:50% 80%}.hero-copy .stagger-item{animation:bb-type-in .7s both}.hero-copy .stagger-item:nth-child(2){animation-delay:.1s}.hero-copy .stagger-item:nth-child(3){animation-delay:.2s}.hero-copy .stagger-item:nth-child(4){animation-delay:.3s}.hero-copy .stagger-item:nth-child(5){animation-delay:.38s}}
@keyframes bb-bottle-in-left{from{opacity:0;transform:translate3d(-28px,70px,0) rotate(-10deg) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) rotate(-4deg)}}
@keyframes bb-bottle-in-right{from{opacity:0;transform:translate3d(40px,88px,0) rotate(10deg) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) rotate(4deg)}}
@keyframes bb-bottle-drift-a{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(0,-8px,0) rotate(-3deg)}}
@keyframes bb-bottle-drift-b{0%,100%{transform:translate3d(0,0,0) rotate(4deg)}50%{transform:translate3d(0,-11px,0) rotate(5deg)}}
@keyframes bb-type-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.header-login{font-size:11px;letter-spacing:.1em;color:#e9e6dc;white-space:nowrap}
.header-login:hover{color:#e2c995}
.product-quick-buy{display:inline-flex;align-items:center;background:#1b2620;border:0;color:#f6f2e8;padding:14px 20px;font-size:12px;letter-spacing:.07em;margin-top:12px;cursor:pointer;transition:background .2s ease}
.product-quick-buy:hover{background:#3b5143}
.bb-overlay{position:fixed;inset:0;z-index:1500;background:rgba(9,16,13,.54);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.bb-overlay[hidden],.bb-bag[hidden],.bb-modal[hidden]{display:none!important}
.bb-bag,.bb-modal{position:fixed;z-index:1501;background:var(--bb-milk);color:#202821;box-shadow:0 25px 80px rgba(5,10,6,.18);font-family:Inter,'Helvetica Neue','PingFang SC',sans-serif}
.bb-bag{right:0;top:0;bottom:0;width:min(420px,100vw);display:flex;flex-direction:column}
.bb-dialog-head{padding:29px 33px 22px;display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(35,43,35,.12)}
.bb-dialog-head .eyebrow{font-size:9px;letter-spacing:.26em}
.bb-dialog-head h2{font-family:Georgia,'Songti SC',serif;font-size:clamp(29px,3vw,41px);font-weight:400;letter-spacing:-.04em;margin:11px 0 0}
.bb-dialog-head button{background:transparent;border:1px solid #d8d5cb;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1;color:#2c342e;flex-shrink:0}
.bb-bag-items{padding:25px 28px;overflow-y:auto;flex:1;overscroll-behavior:contain}
.bb-bag-item{display:grid;grid-template-columns:78px 1fr;gap:18px;padding:12px 0 25px;margin-bottom:15px;border-bottom:1px solid #e1ded5}
.bb-bag-item img{width:65px;height:182px;object-fit:contain}
.bb-bag-item>div{display:flex;flex-direction:column;align-items:start;gap:9px}
.bb-bag-item strong{font-size:15px;font-weight:500}.bb-bag-item small{font-size:11px;color:#87837a}.bb-bag-item span{font-size:17px}
.bb-qty{display:flex;align-items:center;gap:11px;margin-top:8px}.bb-qty button{border:1px solid #d6d4cb;background:#fff;min-width:27px;height:28px}.bb-qty b{font-size:13px;font-weight:500}.bb-qty button.bb-remove{border:0;background:transparent;color:#888;font-size:11px}
.bb-bag-footer{padding:26px 32px 32px;border-top:1px solid #e1ded7}.bb-bag-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.bb-bag-total span{font-size:12px;color:#666c61}.bb-bag-total strong{font-size:26px;font-weight:450}.bb-bag-footer p{font-size:11px;color:#96958b;margin:13px 0 22px}
.bb-action{min-height:49px;border:0;width:100%;background:#20352c;color:#f7f4ea;font-size:12px;letter-spacing:.1em;cursor:pointer;transition:background .18s ease}.bb-action:hover{background:#395143}.bb-action:disabled{opacity:.45;cursor:not-allowed}
.bb-empty{padding:60px 12px;text-align:center}.bb-empty strong{font-size:18px;font-weight:500}.bb-empty p,.bb-empty a{font-size:12px;line-height:2;color:#777}
.bb-modal{top:50%;left:50%;transform:translate(-50%,-50%);width:min(970px,calc(100vw - 34px));max-height:min(780px,calc(100dvh - 32px));overflow-y:auto;border-radius:5px;overscroll-behavior:contain}
.bb-checkout-body{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:36px;padding:28px 34px 32px}
.bb-checkout-review{background:#eeece5;padding:24px;align-self:stretch}.bb-checkout-review h3{font-weight:500;font-size:13px;letter-spacing:.12em;margin:0 0 20px}
.bb-review-row{padding:12px 0;border-bottom:1px solid #d9d6cd;display:flex;justify-content:space-between;gap:14px;font-size:12px;line-height:1.5}.bb-review-row strong{white-space:nowrap;font-weight:500}.bb-checkout-review .bb-bag-total{margin:22px 0 0}
.bb-dialog-form{display:grid;gap:11px;align-content:start}
.bb-dialog-form>label,.bb-otp-row label{font-size:11px;letter-spacing:.03em;color:#565d56;display:grid;gap:6px}
.bb-dialog-form input:not([type=checkbox]),.bb-dialog-form textarea{font:400 13px/1.5 inherit;color:#222;background:white;border:1px solid #d8d6ce;padding:12px 13px;border-radius:2px;width:100%}
.bb-dialog-form textarea{resize:vertical}
.bb-dialog-form .bb-check{display:flex;align-items:center;font-size:11px;letter-spacing:0;gap:8px}.bb-check a{text-decoration:underline}.bb-dialog-form input[type=checkbox]{accent-color:#224536}
.bb-dialog-form [role=status]{font-size:12px;color:#6a523d;line-height:1.65;min-height:0;margin:0}
.bb-dialog-form [role=status] a{text-decoration:underline}
.bb-auth{width:min(445px,calc(100vw - 32px))}.bb-auth>p{margin:24px 32px 16px;color:#6f756e;font-size:13px;line-height:1.7}.bb-auth .bb-dialog-form{padding:0 32px 34px}
.bb-otp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.bb-otp-row>button{background:transparent;border:1px solid #7a827a;color:#2a3c31;height:43px;padding:0 12px;font-size:11px;white-space:nowrap}
.bb-cart-widget{position:fixed;right:22px;bottom:24px;z-index:550;border:1px solid #d2c49c;border-radius:40px;background:#23392f;color:#fbf5e8;box-shadow:0 9px 32px #101c1840;padding:13px 20px;font-size:12px;letter-spacing:.08em;cursor:pointer}.bb-cart-widget span{background:#cfbd91;color:#1b251d;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-left:9px;font-size:11px}
@media(max-width:760px){.hero-display .bottle-a,.hero-display .bottle-b{animation-duration:1s,8s}.header-login{font-size:10px}.bb-cart-widget{right:14px;bottom:18px}.bb-checkout-body{display:block;padding:20px}.bb-checkout-review{margin-bottom:20px;padding:18px}.bb-dialog-head{padding:21px 20px 17px}.bb-dialog-head h2{font-size:30px}.bb-bag-items{padding:17px 20px}.bb-bag-footer{padding:19px 20px}.bb-modal{max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.hero-display .bottle-a,.hero-display .bottle-b,.hero-copy .stagger-item{animation:none!important;transform:none!important}.bb-action,.product-quick-buy{transition:none}}
.nav-auth-mobile{display:none!important}
@media(max-width:760px){.site-header.menu-open nav .nav-auth-mobile{display:block!important;color:#e6d0a3}}

/* Order confirmation stays in the same viewport; no extra checkout page is required. */
.bb-order-receipt[hidden],.bb-dialog-form[hidden]{display:none!important}
.bb-order-receipt{align-self:start;display:flex;flex-direction:column;gap:15px;padding:24px 4px}
.bb-order-receipt h3{font-family:Georgia,'Songti SC',serif;font-size:clamp(29px,3.2vw,40px);font-weight:400;line-height:1.25;margin:0;color:#243329}
.bb-order-receipt .eyebrow{font-size:10px;color:#8d794e;letter-spacing:.22em}
.bb-receipt-subtitle{font-size:13px;line-height:1.85;color:#6e7065;margin:3px 0 8px}
.bb-receipt-number{padding:20px 22px;border:1px solid #ddd8c9;background:#f9f7f0;display:grid;gap:12px;overflow-wrap:anywhere}
.bb-receipt-number span{font-size:11px;color:#716d62;letter-spacing:.06em}
.bb-receipt-number strong{font-size:18px;letter-spacing:.035em;font-weight:500}
.bb-receipt-link{display:grid;place-items:center;text-decoration:none}
.bb-receipt-finish{border:0;background:transparent;color:#4f6053;padding:14px;font-size:12px;cursor:pointer}
.bb-receipt-finish:hover{text-decoration:underline}