*,:before,:after{box-sizing:border-box}:focus-visible{outline-offset:2px;outline:2px solid}:root{interpolate-size:allow-keywords;--outline-color:orange}::details-content{transition:height .5s ease,content-visibility .5s ease allow-discrete;height:0;overflow:clip}[open]::details-content{height:auto}body{--contentShift:2rem;color:#2980b9;margin:0;font-family:Lato,sans-serif;font-style:normal;font-weight:400}main{flex-direction:column;max-width:1600px;min-height:100vh;margin:auto;padding:0 3%;display:flex}main:has(.navigation .filter-new:not(:checked)) .category.recently-added{display:none}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{background-color:#f9f9fd;box-shadow:inset 5px 5px 5px -5px #adbad8e6}::-webkit-scrollbar-thumb{background:linear-gradient(#8ed540,#006db3);border-radius:10px}section{padding:0 var(--contentShift);flex:1}header{margin:0 var(--contentShift)}header h2{margin:0;font-size:1.2em}h1{text-align:center;color:#0000;filter:drop-shadow(1px 1px 1px #666);background-image:linear-gradient(#e6dee9 0%,#bdc2e8 99% 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-family:Pacifico,cursive;font-size:3.5rem;font-style:normal;font-weight:600;line-height:1.4}h2{text-align:center}.stat{flex-wrap:wrap;justify-content:space-around;gap:0 1rem;display:flex}.navigation{margin:0 var(--contentShift);color:#0072b2;z-index:10;background:#fff;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:.5rem 2rem;padding:.5rem 1rem;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 10px 10px #bfbfbf57}.navigation .search{color:inherit;border:2px solid;flex:1;padding:.3em;font-size:1.2rem}.navigation .search:focus-visible{outline-style:dashed;outline-color:inherit}.navigation .search::placeholder{color:#63a9f0c1}.navigation .filters-switcher{color:#1e90ff;accent-color:currentColor;aspect-ratio:1;background-color:#0000;background-image:url(../img/filter-icon.png);background-repeat:no-repeat;background-size:contain;border:none;height:2rem;transition:filter .4s;position:relative}.navigation .filters-switcher:hover,.navigation .filters-switcher:focus-visible{filter:drop-shadow(1px 1px 2px);cursor:pointer}.navigation .filters-switcher:before{content:"*";color:#f0fff0;text-shadow:0 0 5px #0089c4;opacity:0;font-size:3.5em;font-weight:700;line-height:0;transition:inherit;position:absolute;bottom:0;right:0}.navigation .filters-switcher:has(~.filter-container .filter-type:not(:checked)),.navigation .filters-switcher:has(~.filter-container .filter-catalog[data-type=all]:not(:checked)){filter:drop-shadow(0 0 3px #1e90ff)}:is(.navigation .filters-switcher:has(~.filter-container .filter-type:not(:checked)),.navigation .filters-switcher:has(~.filter-container .filter-catalog[data-type=all]:not(:checked))):before{opacity:1}.navigation .filter-container{grid-column:1/-1;grid-template-rows:0fr;width:100%;transition:grid-template-rows .5s;display:grid}.navigation .filter-container .filter-panel{--size:1.2rem;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;overflow:hidden}.navigation .filter-container .filter-panel label{font-size:var(--size);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;align-items:center;gap:.5em;padding:.3em 1em;transition:all .3s;display:flex}.navigation .filter-container .filter-panel label:has(input:checked){background-color:#e6e6fa}.navigation .filter-container .filter-panel label:hover,.navigation .filter-container .filter-panel label:focus-visible{background-color:#f5f5f5}.navigation .filter-container .filter-panel input{color:#b22222;accent-color:currentColor;height:var(--size);width:var(--size);aspect-ratio:1;margin:0}.navigation .filter-container .filter-panel .separator{background:#eee;flex-basis:100%;height:1px}.navigation .filter-container.active{grid-template-rows:1fr}.navigation .qr-scan-button{--size:2rem;width:var(--size);height:var(--size);cursor:pointer;color:#006db3;background-color:#0000;background-image:url(../img/qr-icon.png);background-repeat:no-repeat;background-size:contain;border:none;margin:0;padding:.5rem;font-size:1.2rem;transition:filter .4s}.navigation .qr-scan-button:hover,.navigation .qr-scan-button:focus-visible{filter:drop-shadow(0 0 2px);cursor:pointer}.navigation .qr-dialog{border:none;max-width:90vw;max-height:90vh;box-shadow:0 10px 23px 1px #84afff8f}.navigation .qr{color:#006db3;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.navigation .qr .qr-video{width:100%;height:0;display:none}.navigation .qr .qr-video.active{height:100%;display:block}.navigation .qr .qr-output{flex-direction:column;align-items:center;display:flex}.navigation .qr .qr-output .not-found{color:#da4141}.navigation .qr .qr-close{--size:2rem;width:var(--size);height:var(--size);cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background-color:#87cefa;border:none;border-radius:50%;justify-content:center;align-self:end;align-items:center;margin:0;padding:0;transition:all .3s;display:flex}.navigation .qr .qr-close:hover,.navigation .qr .qr-close:focus-visible{color:#f5f5f5;background-color:#63b1e1}.navigation .qr button{width:100%;margin:0;padding:.5rem;font-size:1.2rem}.category.search-hide,.category.filter-hide,.category.empty-hide{display:none}.category-panel{--angle:180deg;color:#fff;background:linear-gradient(var(--angle),#409ad5,#006db3);cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:3.3rem;padding:.5rem 1rem;transition:box-shadow .3s;display:flex;box-shadow:inset 0 1px #409ad5,inset 0 -1px #20638f}.category-panel:hover,.category-panel:focus-visible{--angle:0deg;outline-color:var(--outline-color);outline-offset:-2px;box-shadow:inset 4px 0 orange,inset 0 -1px #20638f}.category-panel::-webkit-details-marker{display:none}.category-title{--shiftFirstLetter:-.41ch;--fontSizeFirstLetter:1.7em;flex:1;margin:0 0 0 1rem;font-family:Fira Mono;font-size:1.3rem;font-weight:400}.category-title.first-entry-letter:first-letter{color:#0000;font-size:var(--fontSizeFirstLetter);margin-left:var(--shiftFirstLetter);background-image:linear-gradient(#72d876 60%,#4c4c4c 90%,#5c5c5c 92%);-webkit-background-clip:text;background-clip:text;font-weight:700}.expand-all{--size-expand-el:2ch;--border-color:darkorange;cursor:pointer;color:#fff;background-color:#0000;border:0;padding:.4rem 1rem;font-size:1rem;transition:color .3s;display:inline-block;position:relative}.expand-all:before{content:"";width:var(--size-expand-el);height:var(--size-expand-el);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);filter:drop-shadow(4px 4px);position:absolute;top:0;left:0}.expand-all:after{content:"";width:var(--size-expand-el);height:var(--size-expand-el);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);filter:drop-shadow(-4px -4px);position:absolute;bottom:0;right:0}.expand-all:hover,.expand-all:focus-visible{--border-color:#fff;color:#ff8c00;outline-color:var(--outline-color)}.category[open] .expand-all{--border-color:#fff;color:#ff8c00}.category-count{text-align:end;min-width:5ch;font-size:1em;font-weight:600}.category-count:not(:empty):after{content:" шт."}.flavour{color:#6f6f6f;text-shadow:0 -1px #ffffff4d;cursor:pointer;background:#eee;padding:.2rem;transition:all .3s;box-shadow:inset 0 1px #fff,inset 0 -1px #d5d5d5}.flavour.search-hide,.flavour.filter-hide,.flavour.empty-hide{display:none}.flavour-summary{justify-content:space-between;align-items:center;gap:1rem;padding:.7em 1em .7em 2.5em;display:flex}.flavour-summary .flavour-title{color:#0000;text-shadow:0 0;background-image:linear-gradient(178deg,#a51010,#ff9b00);-webkit-background-clip:text;background-clip:text;flex:1}.flavour-summary .flavour-count{aspect-ratio:1;color:#0000;text-shadow:0 0;text-box:trim-both cap alphabetic;background-image:linear-gradient(#10a51f,#00ff2a);-webkit-background-clip:text;background-clip:text;border:2px dashed #ff9b00;border-radius:50%;place-content:center;min-width:1.5em;min-height:1.5em;padding:.3em;font-size:1.1rem;display:grid}.flavour-summary:focus-visible{outline-color:var(--outline-color);outline-offset:1px}.flavour-summary .flavour-type-icons{--icon-size:1.1rem;gap:.2rem;display:flex}.flavour-summary .flavour-type-icons .icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;background-position:50%;background-repeat:no-repeat;background-size:contain}.flavour-summary .flavour-type-icons .icon.caffeine{background-image:url(../img/coffee-icon.png)}.flavour-summary .flavour-type-icons .icon.taurine{background-image:url(../img/taurine-icon.png)}.flavour-summary .flavour-type-icons .icon.vitamin{background-image:url(../img/vitamin-icon.png)}.flavour-summary .flavour-type-icons .icon.alcohol{background-image:url(../img/alcohol-icon.png)}.flavour-summary .flavour-type-icons .icon.soda{background-image:url(../img/soda-icon.png)}.flavour:hover,.flavour:focus-visible{background-color:#f6f6f6}.image-container{background:linear-gradient(301deg,#ddd,#f2f2ff);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1rem;margin:.5rem;display:grid}.potion{object-fit:cover;aspect-ratio:15/11;width:100%;height:100%;transition:outline .3s}.potion:focus-visible,.potion.focus{border:2px solid var(--outline-color);outline-color:var(--outline-color);outline-offset:-2px}.f-carousel__slide:focus-visible{outline-offset:-2px;outline-color:var(--outline-color)}.f-carousel__dots{background:linear-gradient(90deg,#d9d9d9,#cbcbcb)}.f-carousel__nav button:is(.is-next,.is-prev){background-color:#ffffffb3;border-radius:50%}footer{text-align:center;color:#0d76ba;padding:1em}@media (width<=768px){body{--contentShift:.5rem}.category-panel{padding-left:.5em}.category-title{font-size:1.2rem}}