.drink-name{font:400 21px/1.7 ShinoSerif,serif;margin-top:18px;letter-spacing:.05em}.cocktail-index-open{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #82735d;margin-top:36px;padding:22px 26px;text-align:left;font-size:14px;min-height:64px}.cocktail-index-open small{font:10px Arial,sans-serif;color:#bca786;margin-left:18px}.cocktail-index-open>span:last-child{font:24px Arial,sans-serif}.cocktail-index-open:hover{background:#ffffff08}
#cocktail-index{width:min(900px,calc(100vw - 24px));max-height:90dvh;padding:0;background:#20211e;color:#ece5d8;border:1px solid #706653;overscroll-behavior:contain}#cocktail-index::backdrop{background:#000b;backdrop-filter:blur(7px)}.cocktail-index-head{position:sticky;top:0;z-index:2;background:#20211e;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #ffffff20}.cocktail-index-head h2{font-size:25px;line-height:1.6;margin-top:10px;letter-spacing:.03em}.cocktail-index-close{flex:none;width:44px;height:44px;border:1px solid #82735d;font:26px Arial,sans-serif}.cocktail-guide{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b9ae9b;padding:20px 24px}.cocktail-guide span{white-space:nowrap}#cocktail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;padding:0 24px 30px}.cocktail-card{padding:0;display:block;text-align:left;min-width:0}.cocktail-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.cocktail-card span{display:block;font-size:12px;line-height:1.7;margin-top:12px}.cocktail-card:hover span{color:#cfb992}
@media(max-width:600px){.drink-name{font-size:20px;margin-top:15px}.cocktail-index-open{font-size:12px;padding:17px 18px;margin-top:26px}.cocktail-index-open small{font-size:9px;margin-left:12px}.cocktail-index-head{padding:18px 16px}.cocktail-index-head h2{font-size:18px}.cocktail-index-head .eyebrow{font-size:7px;letter-spacing:.12em}.cocktail-guide{padding:16px;font-size:9px;display:block}.cocktail-guide span{display:block;margin-top:6px}#cocktail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding:0 16px 25px}.cocktail-card span{font-size:11px;margin-top:9px}}

.cocktail-season-note{font-size:12px;line-height:1.9;color:#b9ae9b;margin:14px 0 0}#cocktail-index .cocktail-season-note{margin:0;padding:0 24px 24px}@media(max-width:600px){.cocktail-season-note{font-size:11px}#cocktail-index .cocktail-season-note{padding:0 16px 22px}}