.protein-flavours{--pf-gold:var(--colorBtnPrimary,#d7b670);display:block;width:100%;padding-block:48px;background:#050505;color:#fff;color-scheme:dark;font-family:inherit}
.protein-flavours,.protein-flavours *,.protein-flavours *::before,.protein-flavours *::after{box-sizing:border-box}
.protein-flavours [hidden]{display:none!important}
.protein-flavours__inner{width:100%;max-width:1440px;margin-inline:auto;padding-inline:40px}
.protein-flavours__heading-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;min-width:0}
.protein-flavours__heading-row h2{margin:0;color:#fff;font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.12;letter-spacing:-.025em;text-transform:none;overflow-wrap:break-word}
.protein-flavours__count{color:#b8b8b8;font-size:16px;line-height:1.4}
.protein-flavours__body{margin-top:32px}
.protein-flavours__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:28px 24px;margin:0;padding:0;list-style:none}
.protein-flavours__tile{position:relative;min-width:0;margin:0;padding:0;list-style:none}
.protein-flavours__tile-control{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;height:100%;min-width:0;margin:0;padding:0 0 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.protein-flavours__tile-media{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#151515}
.protein-flavours__tile-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.protein-flavours__tile-media[data-image-kind="product"]{background:#fff}
.protein-flavours__tile-media[data-image-kind="product"] img{object-fit:contain}
.protein-flavours__tile-control:hover .protein-flavours__tile-media img{transform:scale(1.025)}
.protein-flavours__tile-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px 10px;min-width:0;padding-inline:2px}
.protein-flavours__tile-label{min-width:0;color:#f3f3f3;font-size:20px;font-weight:600;line-height:1.3;overflow-wrap:break-word;hyphens:auto}
.protein-flavours__tile-status{grid-column:1/-1;color:#b8b8b8;font-size:16px;line-height:1.4}
.protein-flavours__check{display:none;align-items:center;justify-content:center;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--pf-gold);color:#111;font-size:16px;font-weight:700;line-height:1}
.protein-flavours__tile.is-selected .protein-flavours__tile-control{border-bottom-color:var(--pf-gold)}
.protein-flavours__tile.is-selected .protein-flavours__check{display:inline-flex}
.protein-flavours__tile[data-pf-state="soldOut"] .protein-flavours__tile-label,.protein-flavours__tile[data-pf-state="restricted"] .protein-flavours__tile-label{color:#aaa}
.protein-flavours__more-visual{display:flex;align-items:center;justify-content:center;border:1px solid #3c3c3c;background:#111;color:var(--pf-gold)}
.protein-flavours__more-visual>span{font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1}
.protein-flavours__toggle:hover .protein-flavours__more-visual{border-color:var(--pf-gold);background:#171614}

.protein-flavours__error{margin:12px 0 0;color:#ffb4a9;font-size:14px;line-height:1.45}
.protein-flavours__sizes{margin-top:8px}
.protein-flavours__size-options{display:flex;flex-wrap:wrap;gap:8px}
.protein-flavours__select{color:#fff;text-decoration:underline}
.protein-flavours :where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--pf-gold);outline-offset:4px;border-radius:4px}
@media(min-width:768px) and (max-width:1023px){.protein-flavours__inner{padding-inline:24px}.protein-flavours__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.protein-flavours{padding-block:32px}.protein-flavours__inner{padding-inline:16px}.protein-flavours__heading-row{gap:8px 16px}.protein-flavours__heading-row h2{font-size:clamp(28px,7vw,36px)}.protein-flavours__count{font-size:13px}.protein-flavours__body{margin-top:24px}.protein-flavours__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.protein-flavours__tile-control{gap:10px;padding-bottom:10px}.protein-flavours__tile-media{border-radius:8px}.protein-flavours__tile-label{font-size:16px;line-height:1.3}.protein-flavours__tile-status{font-size:13px}.protein-flavours__check{width:18px;height:18px;font-size:13px}.protein-flavours__tile-caption{gap:4px 6px}}
@media(prefers-reduced-motion:reduce){.protein-flavours *,.protein-flavours *::before,.protein-flavours *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.protein-flavours__error{grid-column:1/-1}

.protein-flavours__tile:is([data-pf-state="soldOut"],[data-pf-state="restricted"]) .protein-flavours__tile-media img { filter:grayscale(1); opacity:.5; }