/* Distinct ingredient illustrations; no changes to product photography. */
.flavour-dialog{width:min(1060px,calc(100% - 40px));padding:0;background:#0d0c0b;border:1px solid #fdefd84a;max-height:92dvh;overscroll-behavior:contain;scrollbar-color:#8c6742 #171410}
body:has(.flavour-dialog[open]){overflow:hidden}
.flavour-guide-header{padding:32px 36px 22px;background:#0d0c0b}
.flavour-dialog .dialog-head{gap:22px;align-items:start}
.flavour-dialog .dialog-head .kicker{font-size:12px;color:#e9b54b;margin-bottom:17px}
.flavour-dialog .dialog-head h2{font-size:clamp(58px,6vw,82px);line-height:.86;letter-spacing:-1.5px;max-width:none}
.flavour-dialog .dialog-head h2 span{color:#e9b54b;font-style:italic}
.flavour-dialog .dialog-close{position:sticky;top:0;width:48px;height:48px;background:#282018;border:1px solid #fdefd870;font-size:30px;color:var(--cream);z-index:2}
.flavour-guide-header>p{font-size:16px;line-height:1.75;color:#d4c9b9;max-width:650px;margin-top:23px}
.flavour-guide-header>.heat-legend{font-size:13px;margin-top:12px;color:#d4c9b9}
.flavour-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.flavour-filters button{min-height:46px;padding:12px 20px;border:1px solid #fdefd859;background:transparent;color:var(--cream);font-size:13px;font-weight:800}
.flavour-filters button[aria-pressed=true]{background:var(--cream);color:#111;border-color:var(--cream)}
.flavour-guide-header>.flavour-count{font-size:12px;line-height:1.5;font-weight:650;margin-top:16px}
.flavour-guide-grid.all-flavour-list{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 36px;margin:0 0 30px}
.all-flavour-list .flavour-guide-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:22px;border:1px solid #fdefd830;border-top:3px solid var(--flavour-accent);background:radial-gradient(ellipse at 95% 36%,#9c55151c,transparent 60%),#171410;font-family:DM,Arial,sans-serif;text-transform:none;font-weight:400;min-width:0;overflow:hidden}
.all-flavour-list .flavour-guide-card[hidden]{display:none}
.flavour-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.flavour-number{font-size:12px;font-weight:800;color:#d4c9b9}
.flavour-tag{font-size:12px;letter-spacing:.6px;font-weight:750;color:#e9b54b;text-align:right}
.flavour-title-art{display:grid;grid-template-columns:minmax(0,1fr) 45%;align-items:center;gap:0;min-height:124px;margin-block:9px}
.flavour-title-art h3{font-family:Barlow,Impact,sans-serif;font-size:46px;font-weight:800;line-height:.94;text-transform:uppercase;letter-spacing:-.7px;position:relative;z-index:1}
.flavour-title-art img{object-fit:contain;width:118%;height:125px;margin-left:-9%;filter:saturate(1.04)}
.heat-rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px;line-height:1.5}
.heat-icons{display:flex;gap:5px;align-items:center;flex:none}
.chilli-icon{display:inline-block;position:relative;width:22px;height:26px;flex:none;background:#fdefd84d;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M9 9C7 5 8 2 12 1' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M7 8C12 4 20 9 19 15C18 22 10 26 2 26C9 22 5 19 5 14C5 11 6 9 7 8Z'/%3E%3C/svg%3E") center/contain no-repeat}
.chilli-icon:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ff7957 var(--fill),transparent var(--fill))}
.heat-label{font-size:13px;font-weight:800;color:var(--cream)}
.flavour-guide-card>p{font-size:15px;line-height:1.75;color:#d4c9b9;margin:0;max-width:none}
.flavour-guide-footer{padding:0 36px 35px}
.flavour-guide-footer p{font-size:13px;line-height:1.8;color:#c7bdaf;margin-bottom:20px;max-width:750px}
.flavour-guide-footer .btn{min-height:56px;gap:20px}
.flavour-feature .heat-rating{margin-top:0;margin-bottom:17px}
@media(max-width:760px){
 .flavour-dialog{width:calc(100% - 16px);max-width:none;max-height:calc(100dvh - 16px);padding:0;margin:auto}
 .flavour-guide-header{padding:26px 20px 19px}
 .flavour-dialog .dialog-head h2{font-size:59px;letter-spacing:-1.2px;line-height:.88}
 .flavour-dialog .dialog-head{gap:8px}.flavour-dialog .dialog-close{width:44px;height:44px;min-width:44px}
 .flavour-guide-header>p{font-size:15px;margin-top:19px;line-height:1.75}
 .flavour-guide-header>.heat-legend{font-size:12px;margin-top:10px}
 .flavour-filters{gap:7px;margin-top:21px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .flavour-filters button{font-size:13px;padding:12px 8px;min-height:46px}
 .flavour-guide-grid.all-flavour-list{grid-template-columns:minmax(0,1fr);padding-inline:16px;gap:15px;margin-bottom:25px}
 .all-flavour-list .flavour-guide-card{padding:18px}
 .flavour-title-art{min-height:112px;grid-template-columns:minmax(0,1fr) 44%;margin-block:9px 12px}
 .flavour-title-art h3{font-size:43px;letter-spacing:-.6px}
 .flavour-title-art img{height:119px;width:125%;margin-left:-12%}
 .flavour-tag{font-size:12px;letter-spacing:.2px}.flavour-number{font-size:12px}
 .flavour-guide-card>p{font-size:15px;line-height:1.75}.heat-rating{gap:10px;margin-bottom:13px}.heat-label{font-size:13px}
 .flavour-guide-footer{padding:0 20px 25px}.flavour-guide-footer p{font-size:13px}
 .flavour-guide-footer .btn{width:100%;font-size:12px;justify-content:space-between;padding-inline:15px;gap:15px}
}
@media(max-width:360px){
 .flavour-guide-header{padding-inline:17px}.flavour-dialog .dialog-head h2{font-size:50px}
 .flavour-title-art h3{font-size:38px}.flavour-title-art{grid-template-columns:minmax(0,1fr) 40%;min-height:110px}
 .flavour-guide-grid.all-flavour-list{padding-inline:12px}.all-flavour-list .flavour-guide-card{padding:16px}
 .flavour-title-art img{width:138%;margin-left:-18%;height:115px}.heat-rating{gap:8px}.heat-label{font-size:12px}
}
.flavour-guide-closebar{position:sticky;top:0;height:0;display:flex;justify-content:flex-end;z-index:5;pointer-events:none}.flavour-guide-closebar .dialog-close{position:relative;top:18px;right:18px;pointer-events:auto}.flavour-dialog .dialog-head{display:block;padding-right:40px}.flavour-dialog .dialog-head h2{font-size:76px}@media(max-width:760px){.flavour-dialog .dialog-head{padding-right:0}.flavour-dialog .dialog-head h2{font-size:55px;letter-spacing:-1px}.flavour-dialog .dialog-head .kicker{margin-bottom:23px}.flavour-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.flavour-filters button{font-size:12px;padding:10px 5px}.flavour-guide-header>p{margin-top:17px}.flavour-guide-closebar .dialog-close{top:17px;right:16px}}@media(max-width:360px){.flavour-dialog .dialog-head h2{font-size:46px}.flavour-guide-header{padding-inline:16px}.flavour-filters button{padding-inline:3px;font-size:12px}}
.flavour-title-art h3.long-flavour-name{font-size:39px}@media(max-width:760px){.flavour-title-art h3.long-flavour-name{font-size:33px}}@media(max-width:360px){.flavour-title-art h3.long-flavour-name{font-size:29px}}
.flavour-guide-closebar{height:64px;align-items:center;justify-content:space-between;gap:20px;padding:9px 22px;background:#0d0c0b;border-bottom:1px solid #fdefd830;pointer-events:auto}.flavour-guide-closebar>span{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:850;color:#e9b54b}.flavour-guide-closebar .dialog-close{top:auto;right:auto;position:static;width:44px;height:44px}.flavour-guide-header{padding-top:25px}@media(max-width:760px){.flavour-guide-closebar{height:62px;padding:9px 16px}.flavour-guide-header{padding-top:22px}}

