.blog-cocktails{--dropdown-bg: var(--background)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cocktail-blog-section{--filter-bg: rgba(0, 0, 0, .05);--filter-bg-hover: rgba(0, 0, 0, .05);--filter-bg-active: var(--cocktail-accent, #d4af37);--filter-border: #B8B5B1;--filter-text-active: var(--cocktail-primary, #1a1a2e);padding:2rem 0;min-height:100vh}.cocktail-blog-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.cocktail-blog-header__title{font-family:var(--main-family);font-size:clamp(1rem,-.295rem + 3.452vw,2.813rem);font-weight:400;margin:0}.cocktail-blog-header__description{font-size:1.125rem;color:var(--filter-text);margin:1rem 0 0;max-width:600px}.cocktail-search-form{display:flex;background:var(--filter-bg);border-radius:9999px;overflow:hidden;border:1px solid var(--filter-border);transition:border-color .3s}.cocktail-search-form:focus-within{border-color:var(--cocktail-accent, #d4af37)}.cocktail-search-input{flex:1;min-width:200px;padding:.875rem 1.25rem;font-size:.9375rem;background:0 0;border:none;color:var(--cocktail-text, #fff)}.cocktail-search-input::placeholder{color:var(--filter-text)}.cocktail-search-input:focus{outline:none}.cocktail-search-btn{display:flex;align-items:center;justify-content:center;width:44px;background:var(--cocktail-accent, #d4af37);border:none;cursor:pointer;transition:background .3s}.cocktail-search-btn svg{width:18px;height:18px;color:var(--filter-text-active)}.cocktail-search-btn:hover{background:var(--cocktail-accent-light, #f4d160)}.cocktail-filters{display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.cocktail-filters:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:block;z-index:11}.cocktail-filters:has(.cocktail-filters-panel[hidden]):before{content:none}.cocktail-filters-panel{display:flex;flex-direction:column;position:fixed;bottom:0;width:100%;height:80vh;left:0;padding:1.5rem;background:var(--background);z-index:1000;border-top-left-radius:50px;border-top-right-radius:50px;transform:translateY(0);transition:transform .3s ease-out}.cocktail-filters-panel[hidden]{transform:translateY(100%)}.cocktail-filters-toggle{white-space:nowrap}.filters-panel-header{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;align-items:center;font-family:var(--nav-family)}.cocktail-filters-close{border-radius:50%;display:grid;place-content:center;line-height:1;padding:4px 0 0;width:30px;height:30px;font-size:1rem}.cocktail-filters__wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:start;height:100%;overflow:scroll;padding:2rem 0}.cocktail-filter-group{position:relative;display:flex;flex-direction:column;width:100%;border-bottom:1px solid currentColor;padding:2rem 0 1rem}.cocktail-filter__label{font-family:var(--nav-family);font-weight:700;font-size:1rem;line-height:1;vertical-align:middle;text-transform:uppercase;margin-bottom:1rem}.cocktail-filter-toggle{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--nav-family);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;border:none}.cocktail-filter-toggle:hover{background:var(--filter-bg-hover);color:var(--cocktail-text, #fff)}.cocktail-filter-toggle[aria-expanded=true]{background:var(--filter-bg-hover);border-color:var(--cocktail-accent, #d4af37);color:var(--cocktail-text, #fff)}.cocktail-filter-toggle__label{display:flex;align-items:center;gap:.5rem}.cocktail-filter-toggle__count{display:none;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;line-height:20px;text-align:center;color:var(--filter-text-active);background:var(--filter-bg-active);border-radius:10px}.cocktail-filter-toggle__count[data-count]:not([data-count="0"]){display:inline-block}.cocktail-filter-toggle__arrow{transition:transform .2s}.cocktail-filter-toggle[aria-expanded=true] .cocktail-filter-toggle__arrow{transform:rotate(180deg)}.cocktail-filter-dropdown[hidden]{display:block}.cocktail-filter-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}.cocktail-filter-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:var(--cocktail-text, #fff);border-radius:8px;cursor:pointer;transition:background .15s}.cocktail-filter-option:hover{background:var(--filter-bg-hover)}.cocktail-filter-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.cocktail-filter-checkbox{position:relative;width:18px;height:18px;border:2px solid var(--filter-border);border-radius:4px;transition:all .15s;flex-shrink:0}.cocktail-filter-option input:checked+.cocktail-filter-checkbox{background:var(--cocktail-accent, #d4af37);border-color:var(--cocktail-accent, #d4af37)}.cocktail-filter-option input:checked+.cocktail-filter-checkbox:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid var(--filter-text-active);border-width:0 2px 2px 0;transform:rotate(45deg)}.cocktail-filter-loading{padding:1rem;text-align:center;color:var(--filter-text);font-size:.875rem}.cocktail-filters-reset{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:1.5rem;font-weight:500;background:0 0;cursor:pointer;transition:all .2s;border:none}.cocktail-filters-reset svg{width:1em;height:1em}.cocktail-filters-reset:hover{opacity:.9}.cocktail-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--filter-bg);border-radius:8px}.cocktail-active-filters__label{font-size:.875rem;color:var(--filter-text);margin-right:.5rem}.cocktail-active-filters__tags{display:flex;flex-wrap:wrap;gap:.5rem}.cocktail-active-filter-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;color:var(--filter-text-active);background:var(--filter-bg-active);border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.cocktail-active-filter-tag:hover{opacity:.8}.cocktail-active-filter-tag svg{width:14px;height:14px}@media only screen and (min-width:981px){.cocktail-blog-section{padding:4rem 0;min-height:unset}.cocktail-filters{width:auto}.cocktail-filters:before{content:none}.cocktail-blog-header{margin-bottom:5rem}.cocktail-filters__wrapper{flex-direction:row;border:1px solid #B8B5B1;overflow:visible;height:auto;padding:initial}.cocktail-filters-panel{position:static;width:auto;height:auto;padding:0;background:transparent;z-index:initial;transform:none}.cocktail-filters-panel[hidden]{transform:none}.cocktail-filter-group{border:none;padding:0;justify-content:center;width:auto}.cocktail-filter-toggle{padding:40px 50px}.cocktail-filter-group:not(:last-child):after{content:"";position:absolute;right:0;height:50%;width:1px;border-right:1px solid var(--filter-border)}.cocktail-active-filters[hidden]{display:none}.cocktail-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:100;min-width:220px;max-height:320px;overflow-y:auto;background:var(--dropdown-bg);border:1px solid var(--filter-border);border-radius:12px;box-shadow:0 10px 40px #0000004d;padding:.5rem}.cocktail-filter-dropdown[hidden]{display:none}.cocktail-filter-options{flex-direction:column;gap:.25rem}}.cocktail-results-count{margin-bottom:1.5rem;font-size:.9375rem;color:var(--filter-text)}.cocktail-blog-grid{display:grid;column-gap:3rem;row-gap:5rem}.cocktail-blog-grid--grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cocktail-blog-grid--list{grid-template-columns:1fr;max-width:800px}.cocktail-card{overflow:hidden;transition:transform .3s,box-shadow .3s}.cocktail-card[hidden]{display:none}.cocktail-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;gap:30px}.cocktail-card__image-wrapper{position:relative;aspect-ratio:450/600;overflow:hidden}.cocktail-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s}.cocktail-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#2a2a4a 0,#1a1a2e)}.cocktail-card__placeholder svg{width:48px;height:48px;color:var(--filter-text);opacity:.3}.cocktail-card__badges{position:absolute;top:12px;left:12px;display:flex;gap:8px;display:none}.cocktail-card__badge{padding:4px 10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border-radius:6px}.cocktail-card__badge--difficulty{background:#0009;color:var(--cocktail-text, #fff);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cocktail-card__badge--alcohol{background:var(--cocktail-accent, #d4af37);color:var(--filter-text-active)}@media(hover:hover){.cocktail-card-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#204033e6;opacity:0;transition:opacity .3s ease;gap:26px}.cocktail-card:hover .cocktail-card-item__overlay{opacity:1}.cocktail-card-item__cta{font-size:1rem;font-weight:700;font-family:var(--nav-family);text-transform:uppercase;color:#fff}}@media not (hover:hover){.cocktail-card-item__overlay{display:none}}.cocktail-card__content{padding:0;display:flex;flex-direction:column;gap:24px}.cocktail-card__content p{margin-bottom:0}.cocktail-card__title{font-family:var(--nav-family);font-size:clamp(1.25rem,.804rem + 1.19vw,1.875rem);font-weight:700;color:var(--header-text-color);text-transform:uppercase;margin-bottom:0;line-height:1}.cocktail-card__excerpt{font-size:1rem;line-height:1.8}.cocktail-card__meta{display:none;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.cocktail-card__time{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--filter-text)}.cocktail-card__flavors{display:flex;gap:.375rem}.cocktail-card__flavor-tag{padding:2px 8px;font-size:.6875rem;font-weight:500;color:var(--cocktail-accent, #d4af37);background:#d4af3726;border-radius:4px}.cocktail-no-results{text-align:center;padding:4rem 2rem;color:var(--filter-text)}.cocktail-no-results[hidden]{display:none}.cocktail-no-results svg{width:64px;height:64px;margin-bottom:1rem;opacity:.4}.cocktail-no-results h2{font-family:var(--cocktail-font-display, "Playfair Display", serif);font-size:1.5rem;color:var(--cocktail-text, #fff);margin:0 0 .5rem}.cocktail-no-results p{margin:0;font-size:.9375rem}.cocktail-no-results__reset{background:0 0;border:none;color:var(--cocktail-accent, #d4af37);cursor:pointer;text-decoration:underline;font-size:inherit}@media(max-width:768px){.cocktail-blog-section{max-width:calc(100% - 90px)}.cocktail-blog-header__title{font-family:var(--nav-family)}.cocktail-blog-header{flex-direction:column}.cocktail-search-form{width:100%}.cocktail-blog-grid--grid{grid-template-columns:1fr;column-gap:20px;row-gap:40px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cocktails-grid.css.map */