.hb-offer-grid{display:grid;grid-template-columns:1.1fr .55fr .55fr;grid-template-rows:235px 235px;gap:20px;margin-bottom:48px}
.hb-feature-banner{grid-row:span 2;position:relative;overflow:hidden;isolation:isolate;border-radius:20px;background:linear-gradient(125deg,#e7f4ec,#edf7f5 65%,#dcece8);border:1px solid #e0ece6;padding:40px}
.hb-feature-copy{position:relative;z-index:2;max-width:85%}
.hb-feature-copy h1{font-size:clamp(30px,2.5vw,48px);line-height:1.15;letter-spacing:-1.2px;font-weight:500;margin:22px 0 16px}
.hb-feature-copy h1 em{font-style:normal;color:#278775}
.hb-feature-copy p{font-size:15px;line-height:1.7;color:#5e7880;max-width:330px;margin:0 0 25px}
.hb-feature-copy .hb-button{padding:13px 21px;box-shadow:0 5px 15px #2b57a214}
.hb-feature-note{display:block;font-size:11px;color:#6d8585;margin-top:16px}
.hb-feature-display{position:absolute;right:0;bottom:0;width:48%;height:250px;z-index:1}
.hb-feature-orbit{position:absolute;width:300px;height:300px;border:1px solid #ffffffb3;border-radius:50%;background:#ffffff55;bottom:-100px;right:-20px;box-shadow:0 0 0 28px #ffffff26}
.hb-feature-bottle{position:absolute;object-fit:contain;mix-blend-mode:multiply;width:52%;height:220px;bottom:16px;filter:drop-shadow(0 10px 7px #335e4914)}
.hb-feature-bottle-0{left:0;transform:rotate(-9deg)}
.hb-feature-bottle-1{right:5%;bottom:25px;transform:rotate(8deg)}
.hb-feature-stamp{position:absolute;right:24px;bottom:18px;transform:rotate(-5deg);padding:12px 18px;border:1px solid #ffffffc9;border-radius:10px;background:#ffffffde;color:#278775;font-size:16px;box-shadow:0 4px 12px #18324d08}
.hb-feature-stamp span{display:block;letter-spacing:2px;font-size:8px;margin-top:3px}
.hb-offer-tile{position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;border-radius:18px;padding:24px;background:#e8e5f5;border:1px solid #18324d06;box-shadow:0 2px 7px #18324d04;transition:box-shadow .2s}
.hb-offer-tile:hover{box-shadow:0 5px 18px #18324d0c}
.hb-offer-tile-0{grid-column:span 2;padding:30px 34px;background:linear-gradient(115deg,#eeebfa,#e2e2f4)}
.hb-offer-tile-1{background:linear-gradient(120deg,#fff1db,#fae7d5)}
.hb-offer-tile-2{background:linear-gradient(120deg,#e6f3fb,#dcecf6)}
.hb-offer-copy{position:relative;z-index:1;width:65%}
.hb-offer-badge{display:inline-block;border-radius:5px;background:#ffffffb8;padding:4px 9px;font-size:10px;font-weight:600;letter-spacing:.7px;color:#278775;margin-bottom:9px}
.hb-offer-brand{display:block;color:#647182;font-size:10px;margin-bottom:4px}
.hb-offer-tile h2{font-size:17px;line-height:1.3;font-weight:500;margin:0 0 9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hb-offer-tile-0 h2{font-size:26px;max-width:380px}
.hb-offer-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.hb-offer-price strong{font-size:19px;font-weight:600}
.hb-offer-price del{font-size:11px;color:#728190}
.hb-offer-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;margin-top:14px;color:var(--hb-blue)}
.hb-offer-tile img{position:absolute;right:10px;bottom:15px;width:33%;height:75%;object-fit:contain;mix-blend-mode:multiply;z-index:0}
.hb-offer-tile-0 img{width:30%;height:85%;right:30px}
@media(max-width:1200px){.hb-offer-grid{gap:14px;grid-template-rows:220px 220px}.hb-feature-banner{padding:28px}.hb-feature-copy{max-width:100%}.hb-feature-copy h1{font-size:33px}.hb-feature-copy p{max-width:260px;font-size:13px}.hb-feature-display{width:44%;height:190px}.hb-feature-bottle{height:150px}.hb-feature-stamp{font-size:12px;right:10px;padding:9px}.hb-offer-tile{padding:18px}.hb-offer-tile h2{font-size:15px}.hb-offer-tile-0 h2{font-size:23px}}
@media(max-width:900px){.hb-offer-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hb-feature-banner{grid-column:span 2;grid-row:auto;min-height:345px;padding:32px}.hb-feature-copy{max-width:65%}.hb-feature-copy h1{font-size:38px}.hb-feature-copy p{max-width:340px}.hb-feature-display{width:35%;height:260px}.hb-feature-bottle{height:230px}.hb-offer-tile{min-height:215px}.hb-offer-tile-0{min-height:220px}}
@media(max-width:540px){.hb-offer-grid{gap:12px;margin-bottom:32px}.hb-feature-banner{padding:25px 22px;min-height:430px}.hb-feature-copy{max-width:100%}.hb-feature-copy h1{font-size:32px}.hb-feature-copy p{font-size:13px;max-width:270px}.hb-feature-copy .hb-eyebrow{font-size:9px}.hb-feature-display{width:49%;height:160px}.hb-feature-bottle{height:145px;bottom:8px}.hb-feature-stamp{font-size:10px;bottom:10px;padding:8px}.hb-feature-stamp span{font-size:6px}.hb-feature-orbit{width:210px;height:210px}.hb-feature-note{font-size:10px}.hb-offer-tile{padding:15px;min-height:280px;align-items:flex-start}.hb-offer-copy{width:100%}.hb-offer-tile img{width:55%;height:95px;bottom:10px;right:10px}.hb-offer-tile-0{min-height:205px;align-items:center}.hb-offer-tile-0 .hb-offer-copy{width:65%}.hb-offer-tile-0 h2{font-size:20px}.hb-offer-tile-0 img{width:30%;height:80%;right:12px}.hb-offer-tile h2{font-size:14px}.hb-offer-link{margin-top:9px;font-size:11px}.hb-offer-price strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hb-offer-tile{transition:none}}