@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap";:root{--color-bg: #faf6f0;--color-bg-card: #ffffff;--color-bg-elevated: #f5f0e8;--color-amber: #c8922a;--color-amber-light: #d4a853;--color-amber-dark: #a87a1e;--color-copper: #b87333;--color-text: #2c2416;--color-text-secondary: #6b5e50;--color-text-muted: #9a8d7e;--color-border: #e8dfd3;--color-border-hover: #d4a853;--color-header-bg: #1a1510;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .12);--font-display: "Montserrat", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);margin:0;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.product-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;text-decoration:none;color:inherit}.product-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.product-card__image{height:240px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--color-border)}.product-card__image img{width:100%;height:100%;object-fit:contain;padding:12px}.product-card__image-placeholder{color:var(--color-text-muted);font-size:.9rem}.product-card__body{padding:16px 20px;display:flex;flex-direction:column;flex:1}.product-card__brand{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-amber);font-weight:600;margin-bottom:6px}.product-card__name{font-size:.95rem;font-weight:500;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__styles{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.product-card__style-tag{font-size:.7rem;padding:2px 8px;background:var(--color-bg-elevated);border-radius:20px;color:var(--color-text-secondary);white-space:nowrap}.product-card__footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:8px}.product-card__stock{font-size:.75rem;font-weight:600}.product-card__stock--in{color:#52a35e}.product-card__stock--out{color:#d4574e}.product-card--out-of-stock{opacity:.55}.product-page{animation:fadeIn .5s ease;max-width:1100px;margin:0 auto}.product-page .ant-row{align-items:stretch}.product-page .ant-col{display:flex;flex-direction:column}.product-page__back{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;padding:8px 0;margin-bottom:24px;border:none;background:none;font-family:var(--font-body);transition:color .2s}.product-page__back:hover{color:var(--color-amber)}.product-page__image-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:400px;flex:1}.product-page__image-container img{width:100%;height:100%;object-fit:contain;max-height:500px;padding:20px}.product-page__image-placeholder{height:400px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.product-page__topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.product-page__brand{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-amber);font-weight:600}.product-page__sku{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-body)}.product-page__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 16px;color:var(--color-text)}.product-page__styles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.product-page__style-tag{font-size:.85rem;padding:6px 14px;background:#c8922a1a;border:1px solid rgba(200,146,42,.25);border-radius:20px;color:var(--color-amber-dark);font-weight:500}.product-page__stock{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:800;padding:15px 16px;border-radius:var(--radius-sm);background:var(--color-bg-card);border:1px solid var(--color-border);margin:8px 0}.product-page__stock svg{width:18px;height:18px;flex-shrink:0}.product-page__stock--in{color:#217528}.product-page__stock--out{color:#b33e36}.product-page__meta{font-size:.85rem;color:var(--color-text-secondary);line-height:1.8}.product-page__meta span{color:var(--color-text);font-weight:500}.product-page__description{margin-top:32px;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.product-page__section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0 0 12px;color:var(--color-text)}.product-page__description-text{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.product-page__description-text--expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.product-page__description-toggle{background:none;border:none;color:var(--color-amber);font-size:.9rem;font-family:var(--font-body);cursor:pointer;padding:5px 0;margin-top:8px;transition:color .2s}.product-page__description-toggle:hover{color:var(--color-amber-dark)}.product-page__specs{margin-top:5px;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.spec-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--color-border)}.spec-row:last-child{border-bottom:none}.spec-left{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.spec-value{font-size:1.05rem;font-weight:500;color:var(--color-text)}.abv-scale{display:flex;gap:2px;width:160px}.abv-segment{flex:1;height:12px;border-radius:2px;background:var(--color-bg-elevated);transition:background .3s ease}.abv-segment--active{background:var(--color-amber)}.icon-scale{display:flex;gap:6px;align-items:center}.scale-icon{width:28px;height:28px;color:var(--color-amber);opacity:.2;transition:opacity .3s ease}.scale-icon svg{width:100%;height:100%}.scale-icon--active{opacity:1}.scale-icon--partial{position:relative;opacity:1}.scale-icon__bg{display:block;width:100%;height:100%;opacity:.2}.scale-icon__fill{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}.beer-color-0{background-color:#f8f4b4}.beer-color-1{background-color:#f5d86e}.beer-color-2{background-color:#f0c14b}.beer-color-3{background-color:#e6a832}.beer-color-4{background-color:#d4912a}.beer-color-5{background-color:#c27a22}.beer-color-6{background-color:#b8620e}.beer-color-7{background-color:#8b4513}.beer-color-8{background-color:#5c3317}.beer-color-9{background-color:#3d2314}.beer-color-10{background-color:#1a0f0a}.product-page__color-bar{height:8px;border-radius:4px;margin-bottom:20px}.specs-table{margin-top:24px;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.specs-table__row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.specs-table__row:last-child{border-bottom:none}.specs-table__label{color:var(--color-text-muted)}.specs-table__value{color:var(--color-text);font-weight:500}.app-header{background:var(--color-header-bg)!important;display:flex;align-items:center;justify-content:space-between;padding:0 24px!important}.app-header__contacts{display:flex;align-items:center;gap:16px}.app-header__contact{display:flex;align-items:center;gap:6px;color:#f5f0e8;text-decoration:none;font-size:.85rem;opacity:.85;transition:opacity .2s}.app-header__contact:hover{opacity:1;color:var(--color-amber-light)}.app-header__contact svg{width:18px;height:18px;flex-shrink:0}.app-header__title{font-family:var(--font-display);color:#f5f0e8!important;margin:0;font-size:1.3rem;font-weight:700;letter-spacing:.02em}.app-header__title span{color:var(--color-amber-light)}.app-content{padding:24px 48px;background:var(--color-bg);min-height:calc(100vh - 64px)}.filter-sticky{position:sticky;top:24px}.filter-panel .ant-input-number-input{text-align:center!important;font-size:15px!important}.filter-panel .ant-collapse-body{max-height:260px!important;overflow-y:auto!important}.searchable-checkbox{display:flex;flex-direction:column;max-height:260px}.searchable-checkbox__search{flex-shrink:0;margin-bottom:14px}.searchable-checkbox__list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-left:2px}.searchable-checkbox__list::-webkit-scrollbar{width:4px}.searchable-checkbox__list::-webkit-scrollbar-track{background:transparent}.searchable-checkbox__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.searchable-checkbox__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.searchable-checkbox__list::-webkit-scrollbar-button{display:none;height:0}.filter-panel .ant-collapse-body:has(.searchable-checkbox){max-height:none!important;overflow-y:visible!important}.filter-panel .ant-collapse-body::-webkit-scrollbar{width:4px}.filter-panel .ant-collapse-body::-webkit-scrollbar-track{background:transparent}.filter-panel .ant-collapse-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.filter-panel .ant-collapse-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.filter-panel .ant-collapse-body::-webkit-scrollbar-button{display:none;height:0}.filter-panel .ant-checkbox-wrapper{font-size:15px!important}.filter-panel .ant-checkbox{transform:scale(1.2);transform-origin:center}.filter-panel .ant-collapse-title{font-size:15px!important;font-weight:500!important}.filter-panel .ant-switch{min-width:50px!important;height:28px!important;line-height:28px!important}.filter-panel .ant-switch .ant-switch-handle{width:22px!important;height:22px!important;top:3px!important}.filter-panel .ant-switch .ant-switch-handle:before{border-radius:11px!important}.filter-panel .ant-switch.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 25px)!important}.filter-panel .ant-switch:not(.ant-switch-checked){background:var(--color-border)!important}.filter-panel .ant-switch:not(.ant-switch-checked):hover{background:var(--color-text-muted)!important}@-moz-document url-prefix(){.filter-panel .ant-collapse-body{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}.filter-panel .ant-collapse-body{overflow-y:auto!important;overflow-y:overlay!important}.filter-panel .ant-slider-handle{width:30px!important;height:30px!important}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.search-filter-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:20px}.search-filter-row>:first-child{flex:1;margin-bottom:0!important}.filter-toggle-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:none;color:var(--color-text);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color .2s}.filter-toggle-btn:hover{color:var(--color-amber)}@keyframes overlaySlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes overlaySlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.mobile-filter-overlay{position:fixed;inset:0;z-index:1000;background:var(--color-bg);display:flex;flex-direction:column;animation:overlaySlideIn .22s cubic-bezier(.4,0,.2,1) both}.mobile-filter-overlay--closing{animation:overlaySlideOut .22s cubic-bezier(.4,0,.2,1) both}.mobile-filter-overlay__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.mobile-filter-overlay__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);transition:background .2s}.mobile-filter-overlay__back:hover{background:var(--color-bg-elevated)}.mobile-filter-overlay__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-text)}.mobile-filter-overlay__reset{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--color-amber);padding:4px 8px;transition:color .2s}.mobile-filter-overlay__reset:hover{color:var(--color-amber-dark)}.mobile-filter-overlay__content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px}.mobile-filter-overlay__content .filter-panel__reset-btn{display:none}.mobile-filter-overlay__footer{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-bg)}.mobile-filter-overlay__apply{width:100%;padding:14px;background:var(--color-amber);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:600;transition:background .2s}.mobile-filter-overlay__apply:hover{background:var(--color-amber-dark)}@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.app-content{padding:16px 12px}.app-header{padding:0 16px!important;height:56px!important;line-height:56px!important}.app-header__title{font-size:1rem}.app-header__contact span{display:none}.app-header__contacts{gap:12px}.app-header__contact{opacity:1}.app-content{min-height:calc(100vh - 56px)}}