.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 28px}.category-card{text-align:left;padding:0}.category-photo{position:relative;aspect-ratio:1.1;overflow:hidden;background:#ede4d8}.category-photo>img{transition:transform .65s}.category-card:hover img{transform:scale(1.045)}.category-index{position:absolute;top:18px;left:18px;background:#fff6e9df;padding:8px 10px;font-size:10px;color:#263a83}.category-plus{position:absolute;bottom:18px;right:18px;border-radius:50%;background:#fff6e9;width:40px;height:40px;display:grid;place-items:center;font-size:21px;color:#263a83}.category-name{display:flex;align-items:center;justify-content:space-between;margin:19px 0 10px;gap:12px}.category-name h3{font-size:19px;font-weight:500}.category-name span{font:italic 24px var(--serif);color:#86636a}.category-card>p{font-size:12px;color:#726559}#detail-dialog{max-width:1100px;width:94vw;overscroll-behavior:contain}.category-dialog-head{padding:35px 40px 0;text-align:center}.dialog-brand{width:100px;height:66px;object-fit:contain;margin:0 auto 25px}.category-dialog-head h2{font-family:var(--sans);font-size:34px;letter-spacing:-.05em;margin:20px 0 13px}.category-dialog-head>p:not(.eyebrow){font-size:12px;color:#726559}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px 0;border-bottom:1px solid var(--line);padding-bottom:20px}.category-tabs button{padding:10px 16px;border:1px solid #d4ccc1;border-radius:30px;font-size:11px}.category-tabs button[aria-pressed=true]{background:#263a83;color:#fff6ea;border-color:#263a83}.category-items{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 22px;padding:10px 40px 35px}.category-item-photo{position:relative;aspect-ratio:4/3;background:#eae5df;overflow:hidden}.category-item-photo>img{object-fit:cover}.flavour-crop{position:absolute;inset:0;overflow:hidden}.flavour-crop img{position:absolute;width:400.5%;height:806%;max-width:none;object-fit:fill}.category-items h3{font-size:14px;font-weight:500;margin-top:13px}.category-dialog-bottom{padding:25px 40px 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.category-dialog-bottom p{font-size:11px;max-width:580px;color:#78695f}.category-dialog-bottom .pill{white-space:nowrap;background:#263a83}.category-dialog-bottom .pill span{color:#263a83}
@media(max-width:700px){.category-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.category-photo{aspect-ratio:.85}.category-name{display:block;margin-top:14px}.category-name h3{font-size:16px}.category-name span{display:block;font-size:19px;margin-top:4px}.category-card>p{font-size:10px}.category-plus{width:30px;height:30px;right:10px;bottom:10px;font-size:17px}.category-index{top:10px;left:10px;font-size:8px;padding:5px 7px}.category-dialog-head{padding:25px 18px 0}.category-tabs{gap:7px}.category-tabs button{font-size:10px;padding:8px 12px}.category-items{grid-template-columns:1fr 1fr;padding:0 18px 25px;gap:24px 13px}.category-items h3{font-size:11px}.category-dialog-bottom{display:block;padding:22px 18px}.category-dialog-bottom .pill{margin-top:20px}.category-dialog-bottom p{font-size:10px}.category-dialog-head h2{font-size:29px}}

#detail-dialog>.dialog-close{position:sticky;top:14px;float:right;margin:14px 14px -54px 0;z-index:4}