.flavour-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.flavour{min-height:470px;padding:0;border:1px solid #260819;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;position:relative;transition:transform .3s ease,box-shadow .3s ease}.flavour:hover{transform:translateY(-7px);box-shadow:9px 11px 0 #260819}.flavour .number{position:absolute;z-index:3;top:14px;left:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#260819;border:1px solid #260819;font-size:11px;font-weight:900}.flavour-badge{position:absolute;z-index:3;right:14px;top:14px;background:#fff;color:#260819;border:1px solid #260819;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.flavour-photo{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1);border-bottom:1px solid #260819}.flavour:hover .flavour-photo{transform:scale(1.035)}.flavour h3{font-family:'Fraunces',serif;font-size:28px;color:#260819;margin:20px 20px 5px}.flavour p{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;margin:0 20px 20px;color:#745767}.pineapple,.apple,.guava,.mango,.coconut{background:#fff}@media(max-width:1100px){.flavour-grid{grid-template-columns:repeat(3,1fr)}.flavour-grid .flavour:nth-child(4),.flavour-grid .flavour:nth-child(5){width:auto;grid-column:auto}}@media(max-width:700px){.flavour-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6vw 22px;margin-inline:-6vw;gap:14px}.flavour{flex:0 0 82vw;min-height:0;scroll-snap-align:center}.flavour:first-child{margin-left:0}.flavour-photo{aspect-ratio:4/5}.flavour-grid::-webkit-scrollbar{height:5px}.flavour-grid::-webkit-scrollbar-thumb{background:#260819;border-radius:99px}}@media(prefers-reduced-motion:reduce){.flavour,.flavour-photo{transition:none}}