/* Crocoland: the category page (Category, CategoryMobile, FiltersMobile). Loaded on product lists only. */
.shop{display:flex;flex-direction:column;gap:28px;padding-top:20px;padding-bottom:56px}
.shop__head{display:flex;flex-direction:column;gap:10px}
.shop__title-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.shop__title{font-family:var(--display);font-weight:700;font-size:34px;line-height:1.15}
.shop__total{font-size:16px;font-weight:700;color:var(--muted)}
.shop__intro{font-size:16px;line-height:1.5;color:var(--ink-2);max-width:760px}
.shop__translit{align-self:flex-start;margin:0}

/* Subcategories (v2, 0.12.0, V2Category): the home page's picture tiles (.cat-tile, main.css), seven in a row,
   the last place „Още N“ with the next four pictures. 0.13.0: the server's row, folded here and not by theme.js
   (the products under it jumped): 6 + „Още N“ in a row of 7 (has-more-7), 4 + „Още N“ in a row of 5
   (has-more-5, 1024–1279); „Още“ opens them (is-open, or #podkategorii without JavaScript). A phone: small
   ones in a row that scrolls, all of them. */
.subcats__list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
.subcats__list>li{min-width:0}
.subcats__more,.subcat--more .subcat-more--5,.subcat--more .subcat-more--7{display:none}
@media (min-width:1280px){
	.subcats:not(:target) .has-more-7:not(.is-open)>li:nth-child(n+7):not(.subcats__more){display:none}
	.subcats:not(:target) .has-more-7:not(.is-open)>.subcats__more,.subcat--more .subcat-more--7{display:block}
	.subcat--more .subcat__thumbs.subcat-more--7{display:grid}
}
@media (min-width:1024px) and (max-width:1279px){
	.subcats:not(:target) .has-more-5:not(.is-open)>li:nth-child(n+5):not(.subcats__more){display:none}
	.subcats:not(:target) .has-more-5:not(.is-open)>.subcats__more,.subcat--more .subcat-more--5{display:block}
	.subcat--more .subcat__thumbs.subcat-more--5{display:grid}
}
.subcat .cat-tile__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.subcat .cat-tile__name.only-mobile{display:none}
.subcat--more{width:100%;padding:0;font:inherit;text-align:left;cursor:pointer}
.subcat--more .cat-tile__name{display:flex;align-items:center;gap:6px}
.subcat__thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;padding:8px;background:var(--ground)}
.subcat__thumbs>span{display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:var(--tone-bg);color:var(--tone-fg)}
.subcat__thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.subcat__thumbs svg{width:24px;height:24px}

/* Layout */
.shop__layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:32px;align-items:start}
.shop__results{display:flex;flex-direction:column;gap:16px;min-width:0}
.shop .products{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Filters (a column on a computer) */
.filters{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 20px 12px}
.filters__form{display:flex;flex-direction:column}
.filters__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.filters__title{font-family:var(--display);font-weight:700;font-size:18px}
.filters__clear{font-weight:800;font-size:14px;color:var(--accent);text-decoration:underline}
.filters__close{display:none}
.filters__body{display:flex;flex-direction:column}
.fgroup{padding:16px 0;border-bottom:1px solid var(--line)}
.fgroup__head{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:800;font-size:15px;color:var(--ink)}
.fgroup__head::-webkit-details-marker{display:none}
.fgroup__head .icon{transform:rotate(180deg);transition:transform .15s;color:var(--ink)}
.fgroup:not([open]) .fgroup__head .icon{transform:none}
.fgroup__title{display:flex;flex-direction:column;gap:2px;font-weight:800;font-size:15px}
.fgroup__sub{display:none;font-size:13px;font-weight:600;color:var(--muted)}
.fgroup__value{margin-left:auto;font-size:14px;font-weight:800;color:var(--accent)}
/* v2 (0.12.0): the number chosen on a computer (V2Category), their names on a phone (V2FiltersMobile). */
.fgroup__n{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;border-radius:10px;background:var(--navy);color:#fff;font-size:12px;font-weight:800}
.fgroup__value--names{display:none;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filters__n{display:none}
.filters__chosen{display:none}
.fgroup__body{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.fopts{display:flex;flex-direction:column;gap:6px}
.js .fopts li.is-more{display:none}
.js .fgroup.show-all .fopts li.is-more{display:block}
.fopt{position:relative;display:flex;align-items:center;gap:10px;min-height:28px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.fopt input{position:absolute;opacity:0;width:1px;height:1px}
.fopt__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:6px;border:2px solid #B7BCD1;color:transparent}
.fopt input:checked+.fopt__box{background:var(--navy);border-color:var(--navy);color:#fff}
.fopt input:focus-visible+.fopt__box{outline:3px solid var(--accent);outline-offset:2px}
.fopt__name{flex:1;min-width:0}
.fopt__count{color:var(--muted)}
.swatch--filter{width:20px;height:20px}
.fopts--list .fopt__box,.fopts--search .fopt__box,.fopts--colours .fopt__box{order:0}
/* Category list: rows without boxes until one is chosen (as in the design) */
.fgroup--subcat .fopt__box{width:18px;height:18px}
/* Age: buttons — all the same width, each on one line (0.9.31: three across wrapped „0–12 месеца“ and „12+ години“) */
.fopts--buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.fopts--buttons .fopt{justify-content:center;height:40px;padding:0 8px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--navy);font-weight:800;font-size:14px;white-space:nowrap}
.fopts--buttons .fopt__name{flex:none}
.fopts--buttons .fopt:has(input:checked){background:var(--navy);border-color:var(--navy);color:#fff}
.fopts--buttons .fopt:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.fmore{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:0;border:0;background:none;font-weight:800;font-size:14px;color:var(--navy);text-decoration:underline}
.fmore .icon{flex-shrink:0}
.fsearch{height:40px;width:100%;border:1px solid var(--line-2);border-radius:10px;padding:0 12px;font-size:14px;background:#fff}
/* 0.17.1: „Търси марка“ with the magnifier (V2Category). */
.fsearch-wrap{position:relative;display:flex}
.fsearch-wrap .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.fsearch-wrap .fsearch{padding-left:36px}
/* Price */
.range{position:relative;height:24px;margin:0 10px}
.range__track{position:absolute;left:0;right:0;top:10px;height:4px;border-radius:2px;background:var(--line)}
.range__fill{position:absolute;top:0;bottom:0;left:var(--from,0%);right:calc(100% - var(--to,100%));border-radius:2px;background:var(--navy)}
.range input{position:absolute;left:-10px;width:calc(100% + 20px);top:0;height:24px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--navy);cursor:pointer}
.range input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--navy);cursor:pointer}
.range input::-webkit-slider-runnable-track{background:none}
.range input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--accent);outline-offset:2px}
.price-inputs{display:flex;align-items:flex-end;gap:8px}
.price-inputs__dash{padding-bottom:10px;color:var(--muted)}
.price-input{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted);min-width:0}
.price-input__field{position:relative;display:flex}
.price-input__field input{width:100%;height:42px;border:1px solid var(--line-2);border-radius:10px;padding:0 26px 0 10px;font-size:15px;font-weight:700;color:var(--ink);background:#fff;-moz-appearance:textfield}
.price-input__field input::-webkit-outer-spin-button,.price-input__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.price-input__field input:not(:placeholder-shown){border:2px solid var(--navy)}
.price-input__field span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:700;color:var(--ink)}
.price-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.price-range{display:flex;align-items:center;justify-content:center;height:36px;padding:0 4px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--navy);font-weight:800;font-size:13px;white-space:nowrap}
.price-range[aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
/* Switches */
.fgroup--offers{display:flex;flex-direction:column;gap:12px;padding:16px 0 8px;border-bottom:0}
.switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;font-size:15px;font-weight:700;cursor:pointer}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch__track{position:relative;flex-shrink:0;width:44px;height:26px;border-radius:13px;background:var(--line-2);transition:background .15s}
.switch__track::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.switch input:checked+.switch__track{background:var(--green-text-ground)}
.switch input:checked+.switch__track::after{transform:translateX(18px)}
.switch input:focus-visible+.switch__track{outline:3px solid var(--accent);outline-offset:2px}
.filters__foot{display:flex;gap:10px;padding-top:12px}
.js .filters__foot{display:none}
.filters__foot .button{flex:1;height:48px}

/* The bar over the products on a computer (v2, 0.12.0, V2Category): the quick filters and the chosen ones, a line,
   the count and the order — one card. A phone has its own (.shop-bar, .shop-quick, .shop-chips, .shop-count). */
.shop-tools{display:flex;flex-direction:column;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:18px}
.shop-tools__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.shop-tools__row--count{justify-content:space-between;gap:16px}
.shop-tools__row+.shop-tools__row{padding-top:12px;border-top:1px solid var(--line)}
.shop-tools__line{width:1px;height:28px;margin:0 6px;background:var(--line)}
.results-head__count{margin:0;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:0;line-height:1.3}
.sort{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sort__label{font-size:14px;font-weight:700;color:var(--muted);margin-right:4px}
.pill-link{display:flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--navy);font-weight:800;font-size:14px}
.pill-link[aria-current]{border-color:var(--navy);background:var(--navy);color:#fff}
.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chip-x__group{font-weight:600}
/* A quick filter: a button and its values under it (template-parts/shop/quick-filter.php). */
.qf{position:relative}
.qf__button{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 16px;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);font-weight:800;font-size:14px;list-style:none;cursor:pointer;white-space:nowrap}
.qf__button::-webkit-details-marker{display:none}
.qf[open] .qf__button .icon{transform:rotate(180deg)}
.qf__panel{position:absolute;left:0;top:calc(100% + 8px);z-index:20;display:flex;flex-direction:column;gap:12px;width:300px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(27,30,60,.16)}
.qf__list{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto}
.qf__opt{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 6px;margin:0 -6px;border-radius:8px;font-size:15px;font-weight:600;color:var(--ink)}
.qf__opt:hover{background:var(--ground);color:var(--ink)}
.qf__opt[aria-checked="true"] .fopt__box{background:var(--navy);border-color:var(--navy);color:#fff}
.qf__opt[aria-checked="true"]{font-weight:800}
.qf__all{font-weight:800;font-size:14px;color:var(--navy);text-decoration:underline}
.qf__price{display:flex;align-items:flex-end;gap:8px}
.qf__price .price-input{flex:1}
.qf__go{height:42px;padding:0 14px;border-radius:10px}
.qf .price-ranges{grid-template-columns:repeat(3,minmax(0,1fr))}
.chip-x{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 14px;border-radius:999px;background:#EEF0FA;color:var(--navy);font-weight:800;font-size:14px;white-space:nowrap}
.chip-x:hover{background:#DADDF2;color:var(--navy)}
.chips__clear{margin-left:4px;font-weight:800;font-size:14px;color:var(--accent);text-decoration:underline;white-space:nowrap}
.shop-bar,.shop-quick,.shop-chips,.shop-count{display:none}
.empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:20px}
.empty__title{font-size:17px;font-weight:800}
/* A category with nothing to buy now (0.9.5). */
.cat-empty .empty-state__text{margin-top:8px;font-weight:700}
.cat-empty__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px}
.cat-empty__links .pill-link{gap:6px}/* A flex pill drops the space between the name and the count (0.9.6: "Превозни средства89"). */
.cat-empty__count{color:var(--muted);font-size:13px;font-weight:600}

/* The pages under the products (№ 105, the artifact „Страници, марка, начална“; until 0.21.6 „Зареди още“). */
.pages{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px}
.pages__status{margin:0;font-size:15px;font-weight:700;color:var(--muted);text-align:center}
.pages__status b{color:var(--ink)}
.pages__ph{display:none}
.pg{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.pg--ph{display:none} /* 0.21.8: after .pg — before it, .pg's flex won and a computer showed the phone's row too */
.pg__num,.pg__step{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-size:15px;font-weight:900;text-decoration:none}
.pg a:hover{border-color:var(--navy);color:var(--navy)}
.pg__num.is-on{border-color:var(--navy);background:var(--navy);color:#fff}
.pg__step{gap:6px;border-color:var(--navy)}
.pg__step.is-off{opacity:.4}
.pg__gap{min-width:20px;text-align:center;color:var(--muted);font-weight:900}

/* The category's text */
.shop-text{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:28px 32px;background:#fff;border:1px solid var(--line);border-radius:20px}
.shop-text__title{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.3;color:var(--ink)}
.shop-text__body{max-width:760px;font-size:16px;line-height:1.6;color:var(--ink-2)}
.shop-text__body h2,.shop-text__body h3{font-family:var(--display);font-size:20px;line-height:1.3;color:var(--ink);margin:0 0 10px}
.shop-text__body p{margin:0 0 10px}
.shop-text__body p:last-child{margin-bottom:0}
.js .shop-text.is-long:not(.is-open) .shop-text__body{max-height:8.2em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.shop-text__more{display:flex;align-items:center;gap:4px;padding:0;border:0;background:none;font-weight:800;font-size:15px;color:var(--navy);text-decoration:underline}

@media (max-width:1279px){
	.shop .products{grid-template-columns:repeat(3,minmax(0,1fr))}
	.subcats__list{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Up to 1023 px: no filter column; a sticky bar and a full-screen panel */
@media (max-width:1023px){
	.shop{gap:18px;padding-top:14px;padding-bottom:16px}
	.shop__layout{grid-template-columns:minmax(0,1fr);gap:0}
	.shop-tools,.filters__clear{display:none}
	/* V2CategoryMobile: a sticky bar with „Филтри N“ and the order; under it the quick chips, the chosen ones, the count.
	   The total stays under the title too (until 0.12.0 it was only over the grid). */
	.shop-bar{position:sticky;top:0;z-index:15;display:flex;gap:8px;margin:0 -16px;padding:10px 16px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 6px 14px rgba(27,30,60,.06)}
	.shop-bar__filters{display:flex;flex:none;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 10px 0 12px;border-radius:12px;background:var(--navy);color:#fff;font-weight:800;font-size:15px}
	.shop-bar__filters:hover{color:#fff}
	.shop-bar__badge{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--accent);font-size:12px}
	.sort-menu{position:relative;flex:1;min-width:0}
	.sort-menu summary{display:flex;align-items:center;justify-content:center;gap:4px;height:48px;padding:0 8px;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:var(--navy);font-size:14px;list-style:none;cursor:pointer;white-space:nowrap;overflow:hidden}
	.sort-menu summary b{overflow:hidden;text-overflow:ellipsis;font-weight:800}
	.sort-menu summary .icon{flex:none}
	.sort-menu summary::-webkit-details-marker{display:none}
	.sort-menu__label{font-size:13px;font-weight:600;color:var(--muted)}
	.sort-menu__list{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:100%;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(27,30,60,.16)}
	.sort-menu__list a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;font-weight:800;color:var(--navy)}
	.sort-menu__list a[aria-current]{background:#EEF0FA}
	.shop-quick{display:flex;gap:8px;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
	.shop-quick::-webkit-scrollbar{display:none}
	.qchip{display:flex;flex:none;align-items:center;gap:8px;height:44px;padding:0 16px 0 14px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--navy);font-weight:800;font-size:14px;white-space:nowrap}
	.qchip:hover{color:var(--navy)}
	.qchip--menu{gap:6px;padding:0 12px 0 16px;border:2px solid var(--navy)}
	.qchip__box{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;border:2px solid #B7BCD1;color:transparent}
	.qchip[aria-pressed="true"]{border-color:var(--navy)}
	.qchip[aria-pressed="true"] .qchip__box{background:var(--navy);border-color:var(--navy);color:#fff}
	.shop-chips{display:flex;margin-top:-4px}
	.shop-chips .chip-x{gap:6px;height:40px;padding:0 10px 0 12px}
	.shop-count{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px}
	.shop-count__n{font-size:16px;font-weight:800}
	.shop-count .chips__clear{margin:0}
	.shop__results{gap:14px}
	/* The panel */
	.filters{display:none;position:fixed;inset:0;z-index:60;margin:0;padding:0;border:0;border-radius:0}
	.filters:target,.filters.is-open{display:block}
	/* Under the admin bar, not behind it (0.13.0: the title and „ד were under its 46 px on a phone); theme.js sets
	   how much of the bar is on the screen when the panel opens (on a phone up to 600 px it scrolls away). */
	.admin-bar .filters{top:var(--adminbar,32px)}
	.filters__form{height:100%}
	.filters__head{padding:12px 8px 12px 16px}
	.filters__title{display:flex;align-items:center;gap:10px;font-size:20px}
	.filters__n{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--navy);color:#fff;font-family:var(--text);font-size:13px;font-weight:800}
	.filters__close{display:flex;width:44px;height:44px;border-radius:12px;background:#EEF0FA;color:var(--navy)}
	/* V2FiltersMobile: „Избрани филтри“ on grey under the title; each group shows its chosen names on the right. */
	.filters__chosen{display:flex;flex-direction:column;gap:8px;padding:12px 16px 14px;border-bottom:1px solid var(--line);background:var(--ground)}
	.filters__chosen-title{font-size:13px;font-weight:800;color:var(--muted)}
	.filters__chosen .chip-x{height:44px;padding:0 12px 0 14px;border:1px solid var(--line-2);background:#fff}
	.fgroup__n{display:none}
	.fgroup__value--names{display:block}
	.filters__body{flex:1;overflow-y:auto;padding:0 16px;overscroll-behavior:contain}
	.fgroup{padding:16px 0}
	.fgroup__head{font-size:16px;min-height:28px}
	.fgroup__title{font-size:16px}
	.fgroup:not([open]) .fgroup__sub{display:block}
	.fgroup:not([open]){padding:10px 0}
	.fgroup:not([open]) .fgroup__head{min-height:40px}
	/* 0.17.1: Възраст → Цена → Марка → Категория → Материал (V2FiltersMobile); until then the price first. */
	.fgroup--age{order:1}.fgroup--price{order:2}.fgroup--brand{order:3}.fgroup--subcat{order:4}.fgroup--material{order:5}.fgroup--colour{order:6}.fgroup--offers{order:7}
	.fgroup--offers{gap:16px;padding:16px 0}
	.fopt{font-size:16px;min-height:36px}
	.price-input__field input{height:46px;font-size:16px;padding:0 28px 0 12px}
	.price-ranges{display:flex;flex-wrap:wrap;gap:8px}
	.price-range{height:40px;padding:0 14px;font-size:14px}
	.fopts--buttons{gap:8px}
	.fopts--buttons .fopt{height:44px}
	.switch{font-size:16px;min-height:32px}
	.switch__track{width:48px;height:28px;border-radius:14px}
	.switch__track::after{width:22px;height:22px}
	.switch input:checked+.switch__track::after{transform:translateX(20px)}
	.filters__foot,.js .filters__foot{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:12px 16px 20px;border-top:1px solid var(--line);background:#fff}
	.filters__foot .button{height:52px;border-radius:14px}
	.filters__reset{font-size:15px}
	body.filters-open{overflow:hidden}
	.shop .products{grid-template-columns:repeat(3,minmax(0,1fr))}
	.subcats{margin:0 -16px}
	.subcats__list{display:flex;gap:8px;overflow-x:auto;padding:0 16px 2px;scrollbar-width:none}
	.subcats__list::-webkit-scrollbar{display:none}
	.subcats__list>li{flex:0 0 auto}
	.subcats__more{display:none!important}
	.subcat.cat-tile{flex-direction:row;align-items:center;gap:8px;height:60px;min-height:0;padding:0 12px 0 6px;border-radius:16px;white-space:nowrap}
	.subcat .cat-tile__media{flex-shrink:0;width:44px;height:44px;aspect-ratio:auto;border-radius:12px;overflow:hidden}
	.subcat .cat-tile__media img{width:100%;height:100%}
	.subcat .cat-tile__media svg{width:24px;height:24px}
	.subcat .cat-tile__text{gap:0;padding:0;line-height:1.2}
	.subcat .cat-tile__name{font-size:14px;-webkit-line-clamp:1}
	.subcat .cat-tile__count{font-size:12px;font-weight:600}
	.shop-text{padding:20px}
}

@media (max-width:782px){
	.admin-bar .filters{top:var(--adminbar,46px)}
}

@media (max-width:767px){
	.shop__head{gap:6px}
	.shop__title{font-size:24px;line-height:1.2}
	.shop__title-row{gap:4px 10px}
	.shop .products{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pages__pc,.pg--pc{display:none}
	.pages__ph{display:inline}
	.pg--ph{display:flex;flex-wrap:nowrap;gap:4px}
	.pages__status{font-size:14px}
	.pg--ph .pg__num,.pg--ph .pg__step{min-width:36px;height:44px;padding:0 6px;font-size:14px}
	.pg--ph .pg__gap{min-width:14px}
	.subcat .cat-tile__name.hide-mobile{display:none}
	.subcat .cat-tile__name.only-mobile{display:-webkit-box}
	.shop__total{font-size:14px}
}


/* In the grid of a list the short "0 отзива" fits on one line, as in the design. */
.shop .card__rating .hide-mobile{display:none}
.shop .card__rating .only-mobile{display:revert}

/* "Подаръци до 20 / 50 / 100 €" on /podaratsi/ (inc/collections.php) */
.price-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.price-tabs__tab{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--navy);font-weight:800;font-size:14px}
.price-tabs__tab:hover{border-color:var(--navy)}
.price-tabs__tab[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}

/* /marki/ (v2, 0.13.0, V2Brands / V2BrandsMobile; template-parts/shop/brands-index.php): „Водещи марки“ as cards in
   the brand's colour (--b-tint, --b-ink, --b-line: crocoland_brand_tones()), „Всички марки“ as logo tiles; until
   0.13.0 a card per letter. */
.brands-page{display:flex;flex-direction:column;gap:44px}
.brands-page .shop__head{margin:0}
.brands-page .shop__intro{font-size:17px}
.brands-page .section-head{align-items:baseline;margin-bottom:18px}
.brands-top__note{font-size:15px;color:var(--muted)}
.brands-top__at{font-size:14px;font-weight:700;color:var(--muted)}
.brands-top__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bcard{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px}
.bcard__head{display:flex;align-items:center;gap:18px;padding:22px 24px;background:var(--b-tint);color:var(--b-ink)}
.bcard__logo{display:flex;align-items:center;justify-content:center;flex:0 0 176px;height:76px;padding:8px 12px;border-radius:16px;background:#fff;color:var(--b-ink)}
.bcard__logo.is-name{border:2px solid var(--b-line);font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.5px;text-align:center;line-height:1.1;overflow-wrap:anywhere}
.brand-logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.bcard__stat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.bcard__n{font-size:14px;font-weight:800}
.bcard__n b{font-family:var(--display);font-weight:700;font-size:28px;line-height:1}
.bcard__badge{padding:4px 10px;border-radius:999px;background:#fff;font-weight:800;font-size:12px}
.bcard__body{display:flex;flex-direction:column;flex:1;gap:12px;padding:18px 24px 22px}
.bcard__cats{margin:0;font-size:14px;font-weight:700;color:var(--ink-2)}
.bcard__label{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
.bcard__top{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.bcard__top li{border-top:1px solid #F0F2F7}
.bcard__top a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 0;color:var(--ink)}
.bcard__top a:hover .bcard__name{color:var(--accent-dark)}
.bcard__pic{position:relative;width:56px;height:56px;border-radius:12px;background:var(--ground)}
.bcard__pic img{width:100%;height:100%;border-radius:12px;object-fit:contain}
.bcard__rank{position:absolute;top:-6px;left:-6px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:var(--navy);font-size:11px;font-weight:800;color:#fff}
.bcard__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;font-size:14px;line-height:1.35}
.bcard__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-family:var(--display);font-weight:700;font-size:15px;white-space:nowrap}
.bcard__price del{order:2;font-family:var(--text);font-size:12px;font-weight:600;color:var(--muted)}
.bcard__price ins{text-decoration:none}
.bcard__price.is-sale ins{color:var(--accent)}
.bcard__price .crocoland-b2b-prices{font-family:var(--text);font-size:12px}
.bcard__all{display:flex;align-items:center;justify-content:space-between;height:48px;margin-top:auto;padding:0 16px;border-radius:12px;background:var(--b-tint);font-weight:800;font-size:15px;color:var(--b-ink)}
.bcard__all:hover{color:var(--b-ink);filter:brightness(.97)}
.brands-all{scroll-margin-top:24px}
.brands-all__tools{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 18px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px}
.brands-all__letters{display:flex;flex:1 1 640px;flex-wrap:wrap;gap:6px}
.brands-all__letter{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 6px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font-family:var(--display);font-weight:700;font-size:15px;color:var(--navy)}
.brands-all__letter.is-all{padding:0 18px;font-family:var(--text);font-weight:800}
.brands-all__letter:hover{border-color:var(--navy);color:var(--navy)}
.brands-all__letter[aria-current]{border-color:var(--navy);background:var(--navy);color:#fff}
.brands-all__find{position:relative;display:flex;flex:0 1 340px;min-width:0}
.brands-all__find svg{position:absolute;left:14px;top:13px;color:var(--muted);pointer-events:none}
.brands-all__find input{flex:1;min-width:0;height:44px;padding:0 14px 0 42px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.brands-all__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.brands-all__grid>li{min-width:0}
.brands-all__grid>li[hidden]{display:none}
.btile{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;color:var(--ink)}
.btile:hover{border-color:var(--line-2);color:var(--ink)}
.btile__art{display:flex;align-items:center;justify-content:center;height:112px;padding:14px 16px;background:#F7F8FB}
.btile.is-name .btile__art{background:var(--b-tint);color:var(--b-ink)}
.btile__word{display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.3px;line-height:1.1;text-align:center;overflow-wrap:anywhere}
.btile__word::after{content:"";width:32px;height:4px;border-radius:2px;background:currentColor}
.btile__art .brand-logo{max-width:176px;max-height:60px}
.btile__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px 14px;border-top:1px solid #F0F2F7}
.btile__foot svg{flex-shrink:0;color:#B7BCD1}
.btile:hover .btile__foot svg{color:var(--navy)}
.btile__text{display:flex;flex-direction:column;gap:1px;min-width:0}
.btile__text b{font-size:15px;overflow-wrap:anywhere}
.btile__text span{font-size:13px;color:var(--muted)}
.brands-all__ask a{display:flex;flex-direction:column;justify-content:center;gap:6px;height:100%;padding:14px;border:2px dashed var(--line-2);border-radius:18px;color:var(--ink)}
.brands-all__ask b{font-size:15px;line-height:1.3}
.brands-all__ask span{font-size:14px;line-height:1.4;color:var(--muted)}
.brands-all__ask u{font-weight:800;font-size:15px;color:var(--green-dark)}
.brands-all__none{margin:18px 0 0;color:var(--muted)}
@media (max-width:1279px){
	.brands-top__row{grid-template-columns:repeat(2,minmax(0,1fr))}
	.brands-all__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:767px){
	.brands-page{gap:28px}
	.brands-page .shop__intro{font-size:15px}
	.brands-page .section-head{flex-wrap:nowrap;margin-bottom:12px}
	.brands-page .section-title{font-size:20px}
	/* V2BrandsMobile: the leading brands in a row that is swiped, the next card peeking. */
	.brands-top__row{display:flex;gap:12px;margin:0 -16px;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none}
	.brands-top__row::-webkit-scrollbar{display:none}
	.brands-top__dots.only-mobile{display:flex;justify-content:center;gap:6px;margin-top:12px}
	.brands-top__dots span{width:6px;height:6px;border-radius:3px;background:#C3C8D8;transition:width .2s}
	.brands-top__dots span.is-on{width:22px;background:var(--navy)}
	.bcard{flex:0 0 min(314px,84vw);scroll-snap-align:start;border-radius:22px}
	.bcard__head{gap:14px;padding:16px 18px}
	.bcard__logo{flex-basis:136px;height:60px;border-radius:14px}
	.bcard__logo.is-name{font-size:18px}
	.bcard__n b{font-size:24px}
	.bcard__n{font-size:13px}
	.bcard__badge{padding:3px 8px;white-space:nowrap}
	.bcard__body{gap:10px;padding:14px 18px 18px}
	.bcard__top a{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:8px 0}
	.bcard__pic{width:48px;height:48px}
	.bcard__price{font-size:14px}
	.bcard__all{height:44px}
	/* „Търси марка“ first, then the letters, seven to a row with „Всички“ two wide. */
	.brands-all__tools{flex-direction:column-reverse;align-items:stretch;gap:12px;padding:0;background:none;border:0}
	.brands-all__find{flex:none}
	.brands-all__find input{height:48px;font-size:16px}
	.brands-all__letters{display:grid;flex:none;grid-template-columns:repeat(7,minmax(0,1fr))}
	.brands-all__letter{min-width:0;font-size:14px}
	.brands-all__letter.is-all{grid-column:span 2;padding:0}
	.brands-all__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.btile{border-radius:18px}
	.btile__art{height:88px;padding:10px}
	.btile__art .brand-logo{max-width:136px;max-height:50px}
	.btile__word{gap:6px;font-size:16px}
	.btile__word::after{width:26px;height:3px}
	.btile__foot{padding:10px 12px 12px}
	.btile__text b{font-size:14px}
}

/* A brand's page (v2, 0.13.0, V2Brand; template-parts/shop/brand-band.php): the band over the list. */
.brand-band{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;align-items:center;gap:36px;margin-top:6px;padding:32px 36px;border-radius:24px;background:var(--b-tint)}
.brand-band__logo{display:flex;align-items:center;justify-content:center;width:220px;height:140px;padding:14px 18px;border-radius:20px;background:#fff;color:var(--b-ink)}
.brand-band__logo.is-name{border:2px solid var(--b-line);font-family:var(--display);font-weight:700;font-size:34px;letter-spacing:-.5px;line-height:1.1;text-align:center;overflow-wrap:anywhere}
.brand-band__main{display:flex;flex-direction:column;gap:14px;min-width:0}
.brand-band__title{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.brand-band__title .shop__title{font-size:40px;line-height:1.1}
.brand-band__badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;font-weight:800;font-size:13px;color:var(--b-ink)}
.brand-band__text{max-width:700px;margin:0;font-size:16px;line-height:1.55;color:var(--ink-2)}
.brand-band__cats{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.brand-band__cat{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 8px;border-radius:999px;background:#fff;font-weight:800;font-size:14px;color:var(--ink)}
.brand-band__cat:hover{color:var(--accent-dark)}
.brand-band__cat[aria-current]{box-shadow:inset 0 0 0 2px var(--navy)}
.brand-band__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--tone-bg);color:var(--tone-fg)}
.brand-band__n{font-weight:700;color:var(--muted)}
.brand-band__side{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:#fff}
.brand-band__total{font-size:16px;font-weight:800}
.brand-band__total b{font-family:var(--display);font-weight:700;font-size:36px;line-height:1;color:var(--b-ink)}
.brand-band__link{display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;padding:0 14px;border-radius:12px;font-weight:800;font-size:14px}
.brand-band__link span{display:flex;align-items:center;gap:8px}
.brand-band__link.is-sale{background:#FDECEC;color:#B8050F}
.brand-band__link.is-new{background:#E6F5EB;color:#136B32}
.brand-band__link:hover{filter:brightness(.97)}
.brand-band__link.is-sale:hover{color:#B8050F}
.brand-band__link.is-new:hover{color:#136B32}
@media (max-width:1279px){
	.brand-band{grid-template-columns:160px minmax(0,1fr);gap:24px 28px;padding:26px 28px}
	.brand-band__logo{width:160px;height:110px}
	.brand-band__side{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center}
	.brand-band__side .brand-band__link{flex:1 1 220px}
}
@media (max-width:767px){
	.brand-band{grid-template-columns:96px minmax(0,1fr);gap:14px;margin:0 -16px;padding:18px 16px;border-radius:0}
	.brand-band__logo{width:96px;height:64px;padding:8px;border-radius:14px}
	.brand-band__logo.is-name{font-size:17px}
	.brand-band__title{gap:8px}
	.brand-band__title .shop__title{font-size:26px}
	.brand-band__badge{padding:4px 10px;font-size:12px}
	.brand-band__text,.brand-band__cats{grid-column:1/-1}
	.brand-band__main{display:contents}
	.brand-band__text{font-size:15px}
	.brand-band__cats{flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
	.brand-band__cats::-webkit-scrollbar{display:none}
	.brand-band__cat{flex-shrink:0;height:40px;white-space:nowrap}
	.brand-band__side{gap:8px;padding:12px}
	.brand-band__total{flex:1 0 100%}
	.brand-band__total b{font-size:28px}
}

/* A finger's 44px (0.8.3): the slider 44px high with a bigger knob, the rest by an invisible area. */
@media (pointer:coarse){
	.range{height:44px}
	.range__track{top:20px}
	.range input{height:44px}
	.range input::-webkit-slider-thumb{width:28px;height:28px}
	.range input::-moz-range-thumb{width:22px;height:22px}
	.fgroup__head{padding-block:11px;margin-block:-11px}
	.price-input__field input{height:44px;font-size:16px}
	.shop-text__more{padding-block:12px;margin-block:-12px}
	.fmore{padding:12px 2px;margin:-12px -2px}
	.price-range,.pill-link,.price-tabs__tab{position:relative}
	.price-range::after,.pill-link::after,.price-tabs__tab::after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}
}

/* The promotions on „Намаления“ and in a category (0.9.18, Denis's drawings Promotions, 5–6, and PromotionsMobile, 3–4). */
.sale-sub{margin:-8px 0 16px;color:var(--muted);font-weight:700;font-size:14px}
.promo-tabs{display:flex;gap:10px;margin:0 0 20px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.promo-tabs::-webkit-scrollbar{display:none}
.promo-tab{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:none;min-height:56px;padding:8px 16px;border:1.5px solid var(--line-2);border-radius:14px;background:#fff;color:var(--ink);font-size:13px}
.promo-tab:hover{border-color:var(--navy)}
.promo-tab[aria-current="page"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.promo-tab--clearance{border-color:#F3D77A;background:#FFF6D6}
.promo-tab__head{display:flex;align-items:center;gap:8px}
.promo-tab__name{font-weight:800;font-size:14px;white-space:nowrap}
.promo-tab__line{color:var(--muted);font-weight:700;white-space:nowrap}
.promo-tab .promo-pct{font-size:12px;line-height:18px;padding:1px 8px}
.promo-tab .promo-end{font-size:13px}
/* A category's promotion, under the bar (v2, 0.12.0, V2Category „Promotion band“): red for a promotion, yellow for the clearance. */
.promo-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 18px 10px 12px;border-radius:16px;background:#FDECEC;color:#B8050F;font-size:16px}
.promo-strip--clearance{background:#FFF4DB;color:#8A5A00}
.promo-strip__icon{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:12px;background:#fff}
.promo-strip__text{flex:1 1 260px;display:flex;flex-wrap:wrap;gap:0 6px;margin:0;font-weight:700;line-height:1.35}
.promo-strip__text b{font-weight:800}
.promo-strip__text .promo-end{font-size:inherit;color:inherit}
.promo-strip__link{display:flex;align-items:center;gap:4px;flex:none;min-height:44px;font-weight:800;font-size:15px;color:inherit;text-decoration:underline;text-underline-offset:2px}
.promo-strip__link:hover{color:inherit}
.sale-empty{display:flex;align-items:center;gap:20px;max-width:520px;text-align:left}
.sale-empty__mascot{width:96px;height:96px;flex:none}
.sale-empty__link{font-weight:800;color:var(--ink);text-decoration:underline}
@media (max-width:767px){
	.sale-sub{margin:-4px 0 12px}
	.promo-tabs{margin-inline:-16px;padding-inline:16px}
	.promo-tab{min-height:44px;padding:6px 14px;border-radius:999px}
	.promo-tab--all[aria-current="page"]{background:var(--navy);color:#fff}
	.promo-strip{flex-wrap:nowrap;gap:10px;padding:8px 12px 8px 10px;border-radius:14px;font-size:14px}
	.promo-strip__icon{width:36px;height:36px;border-radius:10px}
	.promo-strip__text{flex:1;min-width:0;flex-direction:column}
	.promo-strip__link{font-size:14px;white-space:nowrap}
	.sale-empty{flex-direction:column;text-align:center}
}

/* „Категория“ going down the tree (№ 105, the artifact „Страници, марка, начална“, т. 2): one at a time, the way back. */
.fopt__box--radio{border-radius:50%}
.fopt input:checked+.fopt__box--radio{background:#fff;border:5px solid var(--navy);color:transparent}
.fcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:13.5px;font-weight:800;color:var(--muted)}
.fcrumbs a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.fcrumbs b{color:var(--ink)}