/* TV shelf motion; the panel shares the catalog filter surface. */
.glass-intro{align-items:center}
.hero-shelf{position:relative;min-width:0;width:100%;height:302px;overflow:hidden;border:1px solid #ffffffeb;border-bottom-color:#355a3529;border-radius:30px;background:var(--bfb-surface);backdrop-filter:blur(7px) saturate(1.05);-webkit-backdrop-filter:blur(7px) saturate(1.05);box-shadow:var(--bfb-shadow);padding:19px 22px 14px;color:#005335;isolation:isolate}
.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:2}
.shelf-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.shelf-count{font-size:10px;font-variant-numeric:tabular-nums;color:#657967}
.shelf-content{height:249px;position:relative}.shelf-solo{height:100%}.shelf-empty{display:grid;place-content:center;height:100%;margin:0;font-size:13px;color:#657967}
.shelf-single{display:grid;grid-template-columns:46% minmax(0,1fr);align-items:center;gap:12px;height:100%;color:inherit;text-decoration:none}
.shelf-art{height:100%;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;perspective:600px;transform-origin:50% 85%}
.shelf-art::before{content:'';position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:#ffffff29;z-index:-1}
.shelf-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(9px 19px 10px #213d2b2b);transform-origin:50% 85%}
.shelf-info{min-width:0}.shelf-country{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#657967;margin-bottom:9px}
.hero-shelf .shelf-name{font-family:var(--font);font-size:clamp(19px,2vw,28px);line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:750;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.shelf-style{font-size:11px;line-height:1.4;margin:10px 0 0;color:#566e58;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shelf-price{font-size:30px;font-weight:700;letter-spacing:-.04em;margin-top:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.shelf-price small{font-size:10px;letter-spacing:0;font-weight:400;color:#657967}
.hero-shelf a:focus-visible{outline:2px solid #005335;outline-offset:2px}
.shelf-progress-track{position:absolute;bottom:0;left:20px;right:20px;height:2px;background:#00533512;overflow:hidden}.shelf-progress{display:block;width:100%;height:100%;background:#00533566;transform-origin:left;transform:scaleX(0)}
.shelf-overview{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:7px}.shelf-mini{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:7px;color:inherit;text-decoration:none}.shelf-mini .shelf-art{min-height:0}.shelf-mini .shelf-art::before{width:100%}.shelf-mini .shelf-country{font-size:7px;margin-bottom:4px}.hero-shelf .shelf-mini .shelf-name{font-size:11px;line-height:1.2;letter-spacing:-.02em;-webkit-line-clamp:3;min-height:40px}.shelf-mini .shelf-price{font-size:17px;margin-top:5px}.shelf-mini .shelf-price small{display:block;font-size:8px;margin-top:1px}.shelf-no-photo{font-size:9px;color:#657967}
.shelf-enter .shelf-single .shelf-art img{animation:shelf-bottle .95s cubic-bezier(.18,.7,.18,1) both!important}
.shelf-enter .shelf-art{animation:shelf-drift 6s ease 1s infinite!important}
.shelf-enter .shelf-country{animation:shelf-type .7s ease .12s both!important}.shelf-enter .shelf-name{animation:shelf-type .7s ease .2s both!important}.shelf-enter .shelf-style{animation:shelf-type .7s ease .28s both!important}.shelf-enter .shelf-price{animation:shelf-price .8s ease .3s both!important}
.shelf-enter .shelf-mini{animation:shelf-type .6s ease calc(var(--order)*.09s) both!important}.shelf-enter .shelf-mini img{animation:shelf-overview .85s ease calc(var(--order)*.09s) both!important}
@keyframes shelf-bottle{0%{opacity:0;transform:translate3d(90px,42px,-80px) rotate(14deg) scale(.78)}68%{opacity:1;transform:translate3d(-6px,-10px,0) rotate(-3deg) scale(1.025)}100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes shelf-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes shelf-type{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes shelf-price{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes shelf-overview{from{opacity:0;transform:translateY(20px) rotate(7deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes shelf-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px) and (min-width:761px){.hero-shelf{padding:17px 16px 12px;height:292px}.shelf-content{height:239px}.hero-shelf .shelf-name{font-size:20px}.shelf-price{font-size:26px}}
@media(max-width:760px){.hero-shelf{height:260px;margin-top:22px;padding:17px 17px 12px;border-radius:25px}.shelf-content{height:210px}.hero-shelf .shelf-name{font-size:22px}.shelf-price{font-size:27px;margin-top:12px}.shelf-country{font-size:8px}.shelf-style{font-size:10px}.shelf-single{grid-template-columns:40% minmax(0,1fr);gap:10px}.shelf-label{font-size:10px}.shelf-overview{gap:7px}.hero-shelf .shelf-mini .shelf-name{font-size:9px;min-height:34px}.shelf-mini .shelf-country{font-size:6px}.shelf-mini .shelf-price{font-size:14px}.shelf-mini .shelf-price small{font-size:7px}}


/* Keep the slogan and shelf aligned as one desktop introduction. */
@media(min-width:761px){.glass-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,64px);padding-top:30px;padding-bottom:30px;align-items:center}.glass-intro .intro-copy{align-self:center}.glass-intro h1{font-size:clamp(38px,4.1vw,60px);line-height:1.04;margin:0;letter-spacing:-.045em}.glass-intro .glass-eyebrow{margin:0 0 18px}.hero-shelf{align-self:center}}

/* This shelf explicitly keeps TV motion on desktop as requested by the owner. */
body[data-palette]{--bfb-catalog-panel:linear-gradient(125deg,#ffffffbf,#ffffff4a 43%,#ffffffa0 49%,var(--palette-tint))}
body[data-palette] :is(.hero-shelf,.catalog-controls){background:var(--bfb-catalog-panel)}