/* Preserve the approved phone presentation; use the available space on tablets and desktops. */
@media (min-width:701px){
 main>.hero:first-child{width:calc(100% - 64px);max-width:1200px;margin:0 auto 48px;padding:0}
 .hero .hero-image.lifestyle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);aspect-ratio:auto;width:100%;height:auto;min-height:0;overflow:hidden}
 .hero .hero-image.lifestyle>img{grid-column:2;grid-row:1;position:static;display:block;width:100%;height:660px;object-fit:cover;object-position:center;transform:none}
 .hero .hero-image.lifestyle::after{display:none}
 .hero .hero-overlay{grid-column:1;grid-row:1;position:static;inset:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px;background:#fff;color:#18371b;pointer-events:auto;text-align:left}
 .hero .hero-overlay h1{font-size:48px;line-height:1.2;color:inherit;margin:24px 0}
 .hero .hero-overlay .eyebrow{color:inherit;font-size:13px}
 .hero .hero-taste{font-size:25px;line-height:1.5;color:inherit;margin:0}
 .hero .hero-deck{font-size:16px;line-height:1.6;color:inherit;margin-top:20px}
 .hero .hero-actions{justify-content:flex-start;padding:22px 48px 0;gap:28px}
 main>.flavour-selector{width:calc(100% - 64px);max-width:1100px;height:auto;min-height:0;margin:64px auto;padding:36px 32px;aspect-ratio:auto}
 .flavour-selector .flavour-selector-head{height:auto;flex:none;margin-bottom:28px}
 .flavour-selector .flavour-selector-head h2{font-size:36px;line-height:1.25}
 .flavour-selector .flavour-selector-head p{font-size:16px;line-height:1.6}
 .flavour-selector .flavour-selector-head .eyebrow{font-size:13px}
 .flavour-selector .flavour-choice{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;height:auto;flex:none;margin-bottom:32px}
 .flavour-selector .flavour-choice button{min-width:0;min-height:130px;font-size:14px;padding:12px 4px;line-height:1.35}
 .flavour-selector .flavour-choice button img{height:90px;width:100%;object-fit:contain}
 .flavour-selector .flavour-display{flex:none;height:auto;min-height:0}
 .flavour-selector .flavour-panel:not([hidden]){display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;height:auto;min-height:340px}
 .flavour-selector .flavour-panel[hidden]{display:none}
 .flavour-selector .flavour-bottle{height:340px;max-height:none;min-width:0}
 .flavour-selector .flavour-bottle img{width:340px;height:340px;max-width:none;object-fit:contain}
 .flavour-selector .flavour-copy{border:0;padding:0;min-width:0}
 .flavour-selector .flavour-origin{font-size:15px;margin:0 0 12px}
 .flavour-selector .flavour-copy h3{font-size:40px;line-height:1.15;margin:10px 0}
 .flavour-selector .flavour-subtitle{font-size:18px;margin-bottom:22px}
 .flavour-selector .flavour-copy h4{font-size:23px;line-height:1.45;margin-bottom:14px}
 .flavour-selector .flavour-description,.flavour-selector .flavour-fit{font-size:18px;line-height:1.6}
 .flavour-selector .nutrition-link{font-size:16px;min-height:44px}
 .line-offer .pack-options{width:calc(100% - 64px);max-width:1040px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px}
 .line-offer .pack-options article{min-width:0;align-content:start}
 main>.moments-type{width:calc(100% - 64px);max-width:1100px;height:auto;min-height:0;aspect-ratio:auto;padding:40px 32px;margin:48px auto}
 .moments-type>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
 .moments-type h2{font-size:36px;line-height:1.3}
 .moments-type article{display:block;min-width:0;padding:24px 0;border-top:1px solid #18371b40}
 .moments-type article .moment-symbol{width:44px;height:44px;margin-bottom:18px}
 .moments-type article h3{font-size:22px;line-height:1.4;margin-bottom:12px}
 .moments-type article p{font-size:18px;line-height:1.6}
}
@media (min-width:701px) and (max-width:1099px){
 .hero .hero-image.lifestyle>img{height:560px}
 .hero .hero-overlay{padding:32px 24px}
 .hero .hero-overlay h1{font-size:34px;margin:20px 0}
 .hero .hero-taste{font-size:20px}
 .hero .hero-deck{font-size:14px}
 .hero .hero-actions{padding-left:24px;gap:24px}
 .flavour-selector .flavour-selector-head h2,.moments-type h2{font-size:30px}
 .flavour-selector .flavour-choice{gap:6px}
 .flavour-selector .flavour-choice button{font-size:12px;min-height:116px}
 .flavour-selector .flavour-choice button img{height:78px}
 .flavour-selector .flavour-panel:not([hidden]){grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:24px}
 .flavour-selector .flavour-bottle,.flavour-selector .flavour-bottle img{height:280px}
 .flavour-selector .flavour-bottle img{width:280px}
 .flavour-selector .flavour-copy h3{font-size:34px}
 .flavour-selector .flavour-copy h4{font-size:20px}
 .flavour-selector .flavour-description,.flavour-selector .flavour-fit{font-size:17px}
 .line-offer .pack-options{gap:28px}
 .line-offer .pack-price{font-size:30px}
 .line-offer .pack-options h3{font-size:30px}
 .line-offer .pack-options a{font-size:16px}
 .moments-type>div{gap:24px}
 .moments-type article h3{font-size:20px}
 .moments-type article p{font-size:16px}
}
@media(min-width:701px){
 .hero .hero-overlay,.hero .hero-overlay :is(h1,p){text-shadow:none}
 .moments-type>.eyebrow{font-size:13px;letter-spacing:.12em}
}