/* Category layout ported from MONTIKEA resources/sass/_cat.scss and _main.scss. */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=Roboto:wght@400;700&display=swap');
:root{--accent:#e7dcc3;--accent-soft:#f7f3eb;--accent-border:#e9e1d1;--accent-strong:#a58b60;--accent-focus:#80663f}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;color:#666;background:#fff}
a{text-underline-offset:4px;color:inherit}
h1,h2{font-family:'PT Sans Narrow',Arial,sans-serif;text-transform:uppercase}
.container{width:100%;margin-right:auto;margin-left:auto;padding-right:12px;padding-left:12px}
.content{padding:0 40px}
.site-header{background:var(--accent-soft);border-bottom:1px solid var(--accent-border)}
.menu{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.menu a{text-decoration:none}.menu a:hover{text-decoration:underline}
.brand{font-family:'PT Sans Narrow',Arial,sans-serif;font-size:26px;font-weight:700;color:#333}.brand small{font-family:Roboto,Arial,sans-serif;font-size:12px;font-weight:400;margin-left:12px}
.cat{margin:24px auto}.cat__header{display:grid;gap:16px}.cat__breadcrumbs{font-size:14px;color:#666}
.breadcrumbs{text-transform:uppercase;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.breadcrumbs__item{display:inline-flex;align-items:center}.breadcrumbs__item--current{color:#999}.breadcrumbs__link{color:inherit;text-decoration:none}.breadcrumbs__link:hover{text-decoration:underline;color:#000}.breadcrumbs__sep{padding-right:8px}
.cat__titlebar{width:100%;display:flex;align-items:center}.cat__title{font-size:28px;font-weight:700;line-height:1.2;margin:0}
.cat__children{margin-top:24px}.section__header{margin:16px 0}.section__title{font-size:22px}
.grid{display:grid}.grid--children{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.child-card{display:grid;grid-template-rows:auto auto;align-content:start;gap:8px;text-align:center;text-decoration:none;color:inherit;padding:12px;border-radius:10px;border:1px solid var(--accent-border);transition:border-color .18s ease}
.child-card:hover{border-color:var(--accent-strong)}.child-card:hover .child-card__name{text-decoration:underline;color:#000}.child-card:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}
.child-card__thumb{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f7f7f7;display:grid;place-items:center}.child-card__thumb img{width:100%;height:100%;object-fit:cover}.child-card__placeholder{width:40%;height:40%;color:#bbb}
.child-card__name{font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;overflow-wrap:anywhere}
html[lang="ru"] .child-card__name{text-transform:lowercase}
html[lang="ru"] .child-card__name::first-letter{text-transform:uppercase}
.catalog-notice{margin:32px 0;color:#777}
@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}
@media(max-width:768px){.content{padding:0 12px}.cat__header{gap:12px}.cat__titlebar{flex-direction:column;align-items:start}.cat__breadcrumbs{font-size:13px}.cat__title{font-size:22px;margin-top:12px;width:100%}.section__header{margin:0}.section__title{font-size:18px}.grid--children.grid--children--scroll{display:flex;gap:12px;overflow-x:auto;padding:6px 0 16px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#999 #eee}.grid--children--scroll .child-card{flex:0 0 92px;padding:0;text-align:left;scroll-snap-align:start}.grid--children--scroll .child-card__thumb{width:70px;height:70px;border-radius:8px}.grid--children--scroll .child-card__name{font-size:12px;line-height:1.2;margin-top:6px}.child-card{gap:0}.brand small{display:none}}
/* Product grid follows the spacing and typography of MONTIKEA catalog cards. */
.product-count{margin:4px 0 24px;font-size:14px;color:#999}
.grid--products{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2.5rem;row-gap:4.5rem;align-items:stretch}
.product-card{display:flex;flex-direction:column;min-width:0;color:#333;padding:12px;border:1px solid var(--accent-border);border-radius:6px;background:#fff;transition:border-color .18s ease}
.product-card:hover,.product-card:focus-within{border-color:var(--accent-strong)}
.product-card__thumb{aspect-ratio:1/1;display:grid;place-items:center;background:var(--accent-soft);overflow:hidden;margin-bottom:14px}
.product-card__image{width:100%;height:100%;object-fit:contain;min-height:0;min-width:0}
.product-card__no-image{padding:20px;text-align:center;color:#999;font-size:13px}
.product-card__reference{font-size:12px;color:#999;margin-bottom:6px}
.product-card__name{font-family:Roboto,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.45;text-transform:uppercase;margin:0 0 8px}
.product-card__pricing{margin-top:auto;padding-top:4px;min-height:64px}
.product-card__price{font-size:21px;font-weight:700;line-height:1.3;color:#111}
.product-card__old-price{font-size:13px;color:#777}.product-card__price--sale{color:#b31f24}
.product-card__variants{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.product-card__variant{width:34px;height:34px;flex-shrink:0;padding:3px;background:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;overflow:hidden;font-size:9px}
.product-card__variant img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.product-card__variant[aria-pressed=true]{border:2px solid var(--accent-focus);padding:2px}.product-card__variant:focus-visible{outline:2px solid var(--accent-focus);outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:1100px){.grid--products{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 1.5rem}}
@media(max-width:700px){.grid--products{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 16px}.product-card__name{font-size:13px}.product-card__price{font-size:17px}.product-card__variants{gap:5px}.product-card__variant{width:30px;height:30px}}
.product-card__name{min-height:4.35em}
.product-card__pricing{margin-top:0}
.product-card__old-price{display:block;min-height:21px}
.product-card__old-price[hidden]{display:block!important;visibility:hidden}

@media(max-width:700px){.product-card{padding:8px}}
@media(prefers-reduced-motion:reduce){.product-card,.child-card{transition:none}}

.product-card__thumb{margin-top:-12px;margin-left:-12px;margin-right:-12px;border-radius:5px 5px 0 0}
@media(max-width:700px){.product-card__thumb{margin-top:-8px;margin-left:-8px;margin-right:-8px}}

.catalog-toolbar{display:flex;align-items:center;margin:0 0 24px}
.catalog-sort{position:relative;max-width:100%;color:#333}
.catalog-sort summary{list-style:none;cursor:pointer;border:1px solid var(--accent-border);border-radius:28px;background:var(--accent-soft);padding:10px 42px 10px 20px;min-width:210px;position:relative;font-size:13px;line-height:1.4}
.catalog-sort summary::-webkit-details-marker{display:none}
.catalog-sort summary::after{content:'⌄';position:absolute;right:18px;top:17px;font-size:20px}
.catalog-sort summary strong{display:block;font-weight:400;font-size:14px}
.catalog-sort[open] summary,.catalog-sort summary:hover{border-color:var(--accent-strong)}
.catalog-sort summary:focus-visible,.catalog-sort__options button:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}
.catalog-sort__options{position:absolute;z-index:5;top:calc(100% + 8px);left:0;min-width:100%;width:max-content;max-width:calc(100vw - 48px);padding:8px;background:#fff;border:1px solid var(--accent-border);border-radius:12px;box-shadow:0 6px 18px #00000012}
.catalog-sort__options button{display:block;width:100%;text-align:left;font:inherit;font-size:14px;line-height:1.4;border:0;border-radius:6px;background:transparent;color:inherit;padding:10px 12px;cursor:pointer}
.catalog-sort__options button:hover,.catalog-sort__options button[aria-pressed=true]{background:var(--accent-soft)}
.catalog-sort__options button[aria-pressed=true]{font-weight:700}

.catalog-toolbar{gap:12px;flex-wrap:wrap;align-items:stretch}
.catalog-filters{color:#444;align-self:center}
#filters-options{display:flex;gap:12px;flex-wrap:wrap}
.catalog-filter{position:relative}
.catalog-filters summary{cursor:pointer;border:1px solid #dfd1b9;border-radius:24px;background:#f8f5ef;padding:14px 22px;list-style:none}
.catalog-filters summary::-webkit-details-marker{display:none}
.catalog-filters__panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:340px;max-width:calc(100vw - 48px);max-height:65vh;overflow:auto;padding:18px;background:white;border:1px solid #dfd1b9;border-radius:12px;box-shadow:0 8px 24px #00000015}
.catalog-filters fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}
.catalog-filters legend{font-weight:600;margin-bottom:10px}
.catalog-filters label{display:flex;align-items:baseline;gap:6px;margin:10px 0;font-size:14px;cursor:pointer}
.catalog-filters input{accent-color:#a28b5e;flex-shrink:0}
.catalog-filters label:has(input:disabled){opacity:.45;cursor:not-allowed}
.catalog-filters button{background:#f8f5ef;border:1px solid #dfd1b9;border-radius:8px;padding:8px 12px;cursor:pointer}
.catalog-filters :focus-visible{outline:2px solid #a28b5e;outline-offset:3px}
.product-card[hidden],.grid--products[hidden],.catalog-filters[hidden]{display:none}
.product-card__variant:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:500px){.catalog-filters__panel{position:fixed;top:160px;left:16px;right:16px;width:auto;max-width:none}}

.catalog-filters summary::after{content:'⌄';margin-left:14px;color:#a28b5e}
.catalog-filter-chips,#filter-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.catalog-filter-chips{margin:-8px 0 24px}
.catalog-filter-chips[hidden]{display:none}
.catalog-filter-chip,#filters-reset{font:inherit;font-size:13px;line-height:1.4;padding:7px 12px;border:1px solid var(--accent-border);border-radius:20px;background:var(--accent-soft);color:#514638;cursor:pointer}
.catalog-filter-chip:hover,#filters-reset:hover{border-color:#a28b5e;background:#ece3d4}
#filters-reset{background:transparent}
.catalog-filter-chips button:focus-visible{outline:2px solid #a28b5e;outline-offset:3px}