.quas-pdp-taste__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-split);align-items:center}.quas-pdp-taste .quas-section__media{aspect-ratio:4 / 5}.quas-pdp-taste .quas-section__media img{object-position:50% 60%}.quas-pdp-taste__copy{display:grid;gap:var(--s-7)}.quas-pdp-taste__notes{display:grid;margin:0;border-top:1px solid var(--color-border-on-flavour)}.quas-pdp-taste__note{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--s-5);align-items:baseline;padding-block:var(--s-5);border-bottom:1px solid var(--color-border-on-flavour)}.quas-pdp-taste__note dt{font-family:var(--quas-font-display);font-size:var(--t-h4);font-variation-settings:var(--quas-fr-sensory);font-weight:var(--w-sensory);line-height:var(--lh-h3);color:var(--quas-caramel)}.quas-pdp-taste__note dd{margin:0;font-size:var(--t-body);line-height:var(--lh-small)}.quas-pdp-taste__serve{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-5) var(--s-3) var(--s-3);border-radius:var(--r-pill);background:var(--quas-cold-soft);box-shadow:inset 0 0 0 1px var(--quas-cold-border);color:var(--quas-walnut);font-size:var(--t-body-sm);font-weight:var(--w-body-strong);line-height:var(--lh-small)}.quas-pdp-taste__serve svg{box-sizing:content-box;flex:none;width:26px;height:26px;padding:8px;border-radius:50%;background:var(--quas-cold)}.quas-pdp-taste__notes.quas-flavour-profile{padding:0 var(--s-6) 0 calc(var(--s-6) + 4px);border-top:0}.quas-pdp-taste__notes.quas-flavour-profile .quas-pdp-taste__note:last-child{border-bottom:0}.quas-pdp-label__head{margin-bottom:var(--s-8)}.quas-pdp-label__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-split);align-items:start}.quas-pdp-label__panel{display:grid;gap:var(--s-5);align-content:start}.quas-pdp-label__flavour--original{--quas-flavour-dot: var(--quas-walnut)}.quas-pdp-label__flavour--ginger{--quas-flavour-dot: var(--quas-gold)}.quas-pdp-label__flavour--mint-lime{--quas-flavour-dot: var(--quas-green)}.quas-pdp-label__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--quas-flavour-dot, var(--quas-walnut))}.quas-pdp-label__flavours{display:grid;gap:var(--s-3)}.quas-pdp-label__flavour{position:relative;display:grid;gap:var(--s-2);padding:var(--s-4) var(--s-5) var(--s-5);overflow:hidden;border-radius:var(--r-md);background:var(--quas-surface-tint)}.quas-pdp-label__flavour:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--quas-flavour-dot);transform-origin:50% 0}.quas-pdp-label__flavour-name{display:flex;align-items:center;gap:var(--s-2);margin:0;font-family:var(--quas-font-display);font-size:var(--t-body);font-variation-settings:var(--quas-fr-flavour);font-weight:var(--w-flavour);line-height:var(--lh-h3)}.quas-pdp-label__ingredients{font-size:var(--t-body-sm);line-height:1.55}.quas-pdp-label__ingredients p{margin:0}.quas-pdp-label__ingredients strong,.quas-pdp-label__allergen strong{padding-bottom:.08em;background:linear-gradient(color-mix(in srgb,var(--quas-terracotta) 60%,transparent),color-mix(in srgb,var(--quas-terracotta) 60%,transparent)) no-repeat 0 100% / 100% 1.5px;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}.quas-pdp-label__allergen{margin:0;color:var(--quas-bark);font-size:var(--t-caption);line-height:var(--lh-small)}.quas-pdp-label__claims{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3);margin:0 0 clamp(40px,5vw,64px);padding:0;list-style:none}.quas-pdp-label__claim{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--quas-surface-tint);font-family:var(--quas-font-display);font-size:var(--t-body);font-variation-settings:var(--quas-fr-flavour);font-weight:var(--w-flavour);line-height:var(--lh-h3)}.quas-pdp-label__claim-icon{flex:none;width:52px;height:52px;color:var(--quas-terracotta-dark)}.quas-pdp-label__table-wrap{overflow-x:auto}.quas-pdp-label__table{width:100%;border-collapse:collapse;font-size:var(--t-body-sm);font-variant-numeric:tabular-nums}.quas-pdp-label__table th,.quas-pdp-label__table td{padding:var(--s-3) var(--s-2);border-bottom:1px solid var(--color-border-on-flavour);text-align:right;font-weight:var(--w-body)}.quas-pdp-label__table th:first-child{text-align:left}.quas-pdp-label__table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--quas-surface-tint) 70%,transparent)}.quas-pdp-label__table thead th{padding-top:0;border-bottom:2px solid var(--quas-walnut);color:var(--quas-bark);font-size:var(--t-caption);font-weight:var(--w-caption);vertical-align:bottom}.quas-pdp-label__table thead th .quas-pdp-label__dot{display:inline-block;margin-right:6px;vertical-align:.05em}.quas-pdp-label__table.is-mixed thead th:not(:first-child){color:var(--quas-walnut);font-weight:var(--w-button)}.quas-pdp-label__table .is-sub th{padding-left:var(--s-5);color:var(--quas-bark)}.quas-pdp-label__table .is-lead th,.quas-pdp-label__table .is-lead td{font-weight:var(--w-body-strong)}.quas-pdp-label__table tfoot tr{background:none}.quas-pdp-label__table tfoot .is-group th{padding-top:var(--s-5);border-bottom:2px solid var(--quas-walnut);color:var(--quas-bark);font-size:var(--t-caption);font-weight:var(--w-caption);text-align:left}.quas-pdp-label__table tfoot td{font-weight:var(--w-body-strong)}.quas-pdp-label__per-can{color:var(--quas-bark);font-size:var(--t-caption);line-height:var(--lh-small)}[data-quas-motion-scene=rise].is-motion-ready .quas-pdp-label__claim{opacity:0;transform:translate3d(0,18px,0);transition:opacity .42s var(--ease-out),transform .62s var(--ease-out);transition-delay:calc(.16s + var(--i, 0) * 80ms)}[data-quas-motion-scene=rise].is-motion-ready .quas-pdp-label__claim-icon{transform:scale(.55) rotate(-14deg);transition:transform .7s var(--ease-out);transition-delay:calc(.24s + var(--i, 0) * 80ms)}[data-quas-motion-scene=rise].is-in .quas-pdp-label__claim{opacity:1;transform:none}[data-quas-motion-scene=rise].is-in .quas-pdp-label__claim-icon{transform:none}[data-quas-motion-scene=label-detail].is-motion-ready .quas-pdp-label__flavour{opacity:0;transform:translate3d(-28px,0,0);transition:opacity .42s var(--ease-out),transform .7s var(--ease-drawer);transition-delay:calc(.12s + var(--i, 0) * .11s)}[data-quas-motion-scene=label-detail].is-motion-ready .quas-pdp-label__flavour:before{transform:scaleY(0);transition:transform .64s var(--ease-swap);transition-delay:calc(.32s + var(--i, 0) * .11s)}[data-quas-motion-scene=label-detail].is-motion-ready .quas-pdp-label__ingredients strong,[data-quas-motion-scene=label-detail].is-motion-ready .quas-pdp-label__allergen strong{background-size:0% 1.5px;transition:background-size .56s var(--ease-out) .82s}[data-quas-motion-scene=label-detail].is-motion-ready .quas-pdp-label__table tr{opacity:0;transform:translate3d(0,10px,0);transition:opacity .36s var(--ease-out),transform .52s var(--ease-out);transition-delay:calc(.14s + var(--i, 0) * 45ms)}[data-quas-motion-scene=label-detail].is-in .quas-pdp-label__flavour,[data-quas-motion-scene=label-detail].is-in .quas-pdp-label__table tr{opacity:1;transform:none}[data-quas-motion-scene=label-detail].is-in .quas-pdp-label__flavour:before{transform:none}[data-quas-motion-scene=label-detail].is-in .quas-pdp-label__ingredients strong,[data-quas-motion-scene=label-detail].is-in .quas-pdp-label__allergen strong{background-size:100% 1.5px}@media screen and (max-width:989px){.quas-pdp-taste__grid,.quas-pdp-label__grid{grid-template-columns:minmax(0,1fr)}.quas-pdp-taste .quas-section__media{aspect-ratio:4 / 3}}@media screen and (max-width:749px){.quas-pdp-label__claims{grid-template-columns:repeat(2,minmax(0,1fr))}.quas-pdp-label__head{margin-bottom:var(--s-7)}}@media screen and (max-width:560px){.quas-pdp-taste__note{grid-template-columns:minmax(0,1fr);gap:var(--s-1)}.quas-pdp-taste__notes.quas-flavour-profile{padding:0 var(--s-5) 0 calc(var(--s-5) + 4px)}.quas-pdp-taste__serve{border-radius:var(--r-lg)}.quas-pdp-label__table{font-size:var(--t-caption)}.quas-pdp-label__table.is-mixed thead th .quas-pdp-label__dot{display:block;margin:0 0 var(--s-1) auto}.quas-pdp-label__claim{flex-direction:column;justify-content:flex-start;gap:var(--s-2);padding:var(--s-4) var(--s-3);font-size:var(--t-body-sm);text-align:center}.quas-pdp-label__claim-icon{width:68px;height:68px;margin-block:-10px -8px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/quas-pdp.css.map */