
/* Category catalog page — isolated styles. Main homepage styles remain untouched. */
.category-page{background:var(--bg)}
.category-page h1,.category-page h2,.category-page h3{letter-spacing:-.045em}
.breadcrumbs{display:flex;align-items:center;gap:9px;padding:22px 0 18px;color:#686d64;font-size:13px;font-weight:750;flex-wrap:wrap}
.breadcrumbs a:hover{color:var(--green)}.breadcrumbs strong{color:var(--ink)}
.category-intro{background:#fff;border-bottom:1px solid var(--line)}
.category-title-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(430px,.75fr);gap:50px;align-items:end;padding:12px 0 30px}
.category-title-row h1{font-size:clamp(50px,5.4vw,82px);line-height:.92;margin:0 0 18px}
.category-title-row p{font-size:18px;line-height:1.55;color:#5f645c;max-width:790px;margin:0}
.category-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fafbf8}
.category-summary div{padding:22px 18px;border-right:1px solid var(--line)}.category-summary div:last-child{border-right:0}
.category-summary strong{display:block;font-size:25px;letter-spacing:-.04em}.category-summary span{display:block;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:#737970;margin-top:4px}

.subcategory-section{padding:24px 0 28px;background:var(--yellow)}
.category-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:14px}.category-section-head .eyebrow{display:block;margin-bottom:8px}.category-section-head h2{font-size:38px;margin:0}.category-section-head>a{font-weight:900}
.subcategory-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.18);border-left:1px solid rgba(0,0,0,.18)}
.subcategory-card{position:relative;min-height:88px;padding:16px 50px 15px 22px;background:rgba(255,255,255,.62);border-right:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between;transition:background-color .18s ease,color .18s ease}
.subcategory-card-link{display:block;color:inherit;text-decoration:none}
.subcategory-card strong{font-size:21px;line-height:1.1}.subcategory-card span{font-size:12px;color:#6b6f67;font-weight:750;margin-top:14px}.subcategory-card b{position:absolute;right:20px;top:22px;font-size:21px}
.subcategory-card:hover{background:#111;color:#fff}.subcategory-card:hover span{color:#c7cac3}.subcategory-all{background:#111;color:#fff}.subcategory-all span{color:#c7cac3}.subcategory-all:hover{background:var(--green)}

.catalog-section{padding:28px 0 64px}.catalog-topline{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:14px}.catalog-topline h2{font-size:clamp(36px,4vw,58px);margin:0}.catalog-topline p{margin:10px 0 0;color:#6d7269}.catalog-controls{display:flex;align-items:end;gap:10px}.sort-control{display:grid;gap:6px}.sort-control span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#6b7168}.sort-control select{height:48px;border:1px solid var(--line);background:#fff;padding:0 42px 0 14px;font-weight:800;color:#111;min-width:220px;outline:0}.sort-control select:focus{border-color:#111}
.mobile-filter-btn{display:none;min-height:48px;border:1px solid #111;background:#fff;color:#111;padding:0 16px;gap:9px;font-weight:900}.mobile-filter-btn:hover{background:var(--yellow);color:#111}.mobile-filter-btn em{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:10px}.filter-lines{width:18px;height:14px;position:relative;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.filter-lines:after{content:"";position:absolute;left:4px;right:4px;top:4px;border-top:2px solid currentColor}
.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.filters-panel{background:#fff;border:1px solid var(--line);position:sticky;top:132px}.filters-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.filters-head strong{font-size:18px}.filters-head button{border:0;background:transparent;color:#72786f;font-size:12px;font-weight:850;padding:8px}.filters-head button:hover{background:#eef1eb;color:#111}
.filter-group{padding:20px 18px;border-bottom:1px solid var(--line)}.filter-group h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px;color:#4f554d}.filter-group>label{min-height:34px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;font-size:13px;cursor:pointer}.filter-group input[type=checkbox],.filter-group input[type=radio]{width:17px;height:17px;accent-color:var(--green)}.filter-group small{color:#969b93;font-size:11px}.radio-row{grid-template-columns:18px 1fr!important}.price-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px}.price-filter label{border:1px solid var(--line);background:#fff;padding:7px 9px}.price-filter label span{display:block;color:#8b9087;font-size:9px;text-transform:uppercase;font-weight:800}.price-filter input{border:0;outline:0;width:100%;height:26px;font-weight:800;min-width:0;background:transparent}.apply-filters-mobile{display:none}
.active-filters{display:flex;gap:7px;flex-wrap:wrap;min-height:0;margin-bottom:12px}.active-filter-chip{border:1px solid #cfd3ca;background:#fff;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.active-filter-chip button{border:0;background:transparent;width:20px;height:20px;padding:0;color:#676c64}.active-filter-chip button:hover{background:#111;color:#fff}
.catalog-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-products .product-card{height:100%}.catalog-products .product-media{height:235px}.catalog-products .product-title{min-height:58px}.catalog-products .product-card:hover{box-shadow:none!important;transform:none!important;border-color:#aeb4aa}.catalog-products .product-card[hidden]{display:none!important}
.empty-products{border:1px solid var(--line);background:#fff;min-height:260px;display:grid;place-items:center;text-align:center;padding:40px}.empty-products[hidden]{display:none}.empty-products strong{font-size:30px}.empty-products p{margin:8px 0 18px;color:#70756d}.empty-products button{min-height:46px;border:0;background:#111;color:#fff;padding:0 18px;font-weight:900}.empty-products button:hover{background:var(--yellow);color:#111}
.category-load-more{display:flex;justify-content:center;margin-top:28px}.category-load-more .load-more-btn{min-width:230px;box-shadow:none!important}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px}.pagination button{height:42px;min-width:42px;border:1px solid var(--line);background:#fff;color:#111;font-weight:850;padding:0 12px}.pagination button:hover,.pagination .active{background:#111;color:#fff;border-color:#111}.pagination span{padding:0 5px}.pagination .page-next{min-width:118px}
.category-info{background:#fff;border-top:1px solid var(--line);padding:62px 0}.category-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.category-info h2{font-size:clamp(36px,4vw,58px);line-height:.96;margin:0}.category-info p{font-size:17px;line-height:1.6;color:#656b62;margin:0 0 20px}.category-info a{font-weight:900;color:var(--green)}
.category-filter-overlay{display:none}

@media (max-width:1180px){
  .category-title-row{grid-template-columns:1fr;gap:28px}.category-summary{max-width:720px}.subcategory-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-layout{grid-template-columns:235px minmax(0,1fr)}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-products .product-media{height:245px}
}
@media (max-width:900px){
  .catalog-topline{align-items:flex-end}.mobile-filter-btn{display:inline-flex}.catalog-layout{grid-template-columns:1fr}.filters-panel{position:fixed;top:0;bottom:0;right:0;width:min(380px,92vw);z-index:150;overflow:auto;transform:translateX(102%);transition:transform .2s ease;border:0;border-left:1px solid var(--line)}.filters-panel.open{transform:translateX(0)}
  .filters-head{height:68px;position:sticky;top:0;background:#fff;z-index:2}.apply-filters-mobile{display:flex;width:calc(100% - 36px);margin:18px;min-height:50px;border:0;background:var(--yellow);font-weight:950}.apply-filters-mobile:hover{background:#111;color:#fff}
  .category-filter-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:149;opacity:0;visibility:hidden;transition:.2s}.category-filter-overlay.open{opacity:1;visibility:visible}
}
@media (max-width:680px){
  .breadcrumbs{padding-top:16px}.category-title-row{padding:10px 0 30px}.category-title-row h1{font-size:48px}.category-title-row p{font-size:16px}.category-summary{grid-template-columns:1fr 1fr}.category-summary div{padding:16px}.category-summary div:nth-child(2){border-right:0}.category-summary div:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line);border-right:0}
  .subcategory-section{padding:24px 0 26px}.category-section-head{align-items:start;margin-bottom:16px}.category-section-head h2{font-size:32px}.category-section-head>a{display:none}.subcategory-grid{display:flex;overflow-x:auto;overflow-y:hidden;border:0;gap:8px;width:calc(100% + 14px);margin-right:-14px;padding:0 14px 12px 0;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.subcategory-grid::-webkit-scrollbar{display:none}.subcategory-card{flex:0 0 min(78vw,360px);min-height:96px;border:1px solid rgba(0,0,0,.18);scroll-snap-align:start;scroll-snap-stop:always}
  .catalog-section{padding:26px 0 48px}.catalog-topline{display:grid;gap:18px}.catalog-topline h2{font-size:38px}.catalog-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:end}.sort-control select{min-width:0;width:100%;padding-right:25px}.mobile-filter-btn{height:48px;margin-top:18px}.catalog-products{grid-template-columns:1fr}.catalog-products .product-media{height:270px}.catalog-products .product-title{min-height:auto}.pagination{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.pagination .page-next{margin-left:auto}
  .category-info{padding:44px 0}.category-info-grid{grid-template-columns:1fr;gap:24px}.category-info h2{font-size:42px}
}
@media (max-width:420px){.catalog-controls{grid-template-columns:1fr}.mobile-filter-btn{margin-top:0}.catalog-products .product-media{height:250px}.subcategory-card{flex-basis:min(84vw,340px)}}
@media (max-width:680px){
  .subcategory-grid{cursor:grab}
  .subcategory-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
}

/* ===== Category compact pass v4: only requested changes ===== */
.category-title-row{
  display:block;
  padding:4px 0 18px;
}
.category-title-row h1{
  font-size:clamp(30px,3vw,42px);
  line-height:1;
  margin:0;
}
.category-summary,.category-title-row p,.category-title-row>.eyebrow{display:none!important}

.subcategory-section{padding:14px 0 16px}
.category-section-head{align-items:center;margin-bottom:10px}
.category-section-head h2{font-size:24px;line-height:1;margin:0}
.subcategory-grid{grid-template-columns:repeat(4,1fr)}
.subcategory-card{
  min-height:52px;
  padding:0 38px 0 16px;
  justify-content:center;
}
.subcategory-card strong{font-size:15px;line-height:1.15}
.subcategory-card span{display:none!important}
.subcategory-card b{right:14px;top:50%;transform:translateY(-50%);font-size:16px}

.catalog-section{padding-top:18px}
.catalog-topline-controls-only{justify-content:flex-end;margin-bottom:12px}
.catalog-topline-controls-only .catalog-controls{margin-left:auto}

@media (max-width:680px){
  .breadcrumbs{padding-bottom:10px}
  .category-title-row{padding:2px 0 14px}
  .category-title-row h1{font-size:34px}
  .subcategory-section{padding:12px 0 14px}
  .category-section-head{margin-bottom:10px}
  .category-section-head h2{font-size:21px}
  .subcategory-grid{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    gap:7px;
    width:calc(100% + 14px);
    margin-right:-14px;
    padding:0 14px 4px 0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    overscroll-behavior-x:contain;
  }
  .subcategory-grid::-webkit-scrollbar{display:none}
  .subcategory-card{
    flex:0 0 172px;
    min-height:54px;
    padding:0 34px 0 14px;
    border:1px solid rgba(0,0,0,.18);
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .subcategory-card strong{font-size:14px}
  .subcategory-card b{right:12px;font-size:15px}
  .catalog-section{padding-top:14px}
  .catalog-topline-controls-only{display:block;margin-bottom:12px}
  .catalog-topline-controls-only .catalog-controls{margin-left:0}
}
@media (max-width:420px){
  .subcategory-card{flex-basis:158px}
}


/* ===== Category merchandising / UX pass v5 ===== */
/* Product photos must always fit inside the card. */
.catalog-products .product-media{background:#fff;display:flex;align-items:center;justify-content:center}
.catalog-products .product-media img{object-fit:contain!important;padding:18px!important;background:#fff}

/* Recognizable mini store logos in cards and filters. */
.store-mini{height:22px;display:flex!important;align-items:center!important;text-transform:none!important;letter-spacing:0!important}
.store-mini-logo{display:block;width:auto!important;height:18px!important;max-width:108px!important;object-fit:contain!important;padding:0!important;background:transparent!important}
.store-mini-toys{height:20px!important;max-width:100px!important}.store-mini-rozetka{height:20px!important;width:20px!important}
.filter-store-brand{display:flex;align-items:center;min-width:0;height:25px}
.filter-store-brand img{display:block;width:auto;height:20px;max-width:105px;object-fit:contain}
.filter-store-brand img[src*="budynok"]{height:23px}.filter-store-brand img[src*="rozetka"]{width:22px;height:22px}

/* Visual double-handle price slider plus manual fields. */
.price-filter{display:block}
.price-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.price-fields label{border:1px solid var(--line);background:#fff;padding:7px 9px}
.price-fields label span{display:block;color:#747a71;font-size:9px;text-transform:uppercase;font-weight:850}
.price-fields input{border:0;outline:0;width:100%;height:26px;font-weight:850;min-width:0;background:transparent}
.dual-range{height:28px;position:relative;margin:13px 2px 0}
.range-track,.range-fill{position:absolute;left:0;right:0;top:12px;height:4px}
.range-track{background:#d9ddd5}.range-fill{background:var(--green);left:0;right:0}
.dual-range input[type=range]{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;outline:none}
.dual-range input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}
.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border:3px solid var(--green);background:#fff;border-radius:50%;margin-top:-7px;pointer-events:auto;cursor:pointer}
.dual-range input[type=range]::-moz-range-track{height:4px;background:transparent}
.dual-range input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--green);background:#fff;border-radius:50%;pointer-events:auto;cursor:pointer}
.range-scale{display:flex;justify-content:space-between;color:#8b9087;font-size:10px;font-weight:750;margin-top:-1px}

/* Remove duplicated comparison action; retain one primary and one secondary CTA. */
.catalog-products .product-footer{margin-top:12px;padding-top:12px}
.catalog-products .product-actions{grid-template-columns:1fr auto;gap:7px}
.catalog-products .compare-secondary{min-width:86px;padding:0 10px}
.updated-compact{display:block;text-align:right;margin-top:7px}
.stock-trigger{font-size:12px;font-weight:900;color:#d92d2d;margin:0 0 8px;line-height:1.2}

/* Load more is the primary pagination mechanic. */
.category-load-more{margin-top:24px}.category-load-more .load-more-btn{min-width:260px}

@media (max-width:680px){
  /* Two products per row significantly reduces scrolling on phones. */
  .catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .catalog-products .product-card{min-width:0!important;overflow:hidden}
  .catalog-products .product-media{height:158px!important}
  .catalog-products .product-media img{padding:12px!important}
  .catalog-products .product-body{padding:10px!important}
  .catalog-products .discount{top:7px;left:7px;padding:5px 6px;font-size:11px}
  .catalog-products .save{left:7px;bottom:7px;padding:5px 6px;font-size:9px}
  .catalog-products .heart{top:7px;right:7px;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:17px}
  .store-mini{height:19px}.store-mini-logo{height:15px!important;max-width:78px!important}.store-mini-toys{height:17px!important}.store-mini-rozetka{height:17px!important;width:17px!important}
  .catalog-products .product-badges{gap:4px;margin-top:6px}
  .catalog-products .rating{font-size:10px;padding:4px 5px}.catalog-products .rating-count{display:none}
  .catalog-products .price-trigger{font-size:8px;padding:4px 5px;line-height:1.1}
  .catalog-products .product-title{font-size:13px!important;line-height:1.25!important;min-height:33px!important;margin:7px 0 7px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .catalog-products .price-line{gap:5px}.catalog-products .price{font-size:21px!important}.catalog-products .old-price{font-size:10px!important}
  .catalog-products .product-footer{margin-top:8px;padding-top:8px}
  .catalog-products .product-actions{display:block!important}
  .catalog-products .shop-cta{width:100%;min-height:39px;font-size:11px;padding:0 6px}
  .catalog-products .compare-secondary{display:none!important}
  .catalog-products .updated-compact{display:none}
  .stock-trigger{font-size:9px;margin-bottom:6px;min-height:11px}
  .category-load-more .load-more-btn{width:100%;min-width:0}
  .price-fields{grid-template-columns:1fr 1fr}
}
@media (max-width:370px){
  .catalog-products .product-media{height:145px!important}
  .catalog-products .product-body{padding:8px!important}
  .catalog-products .price{font-size:19px!important}
}


/* ===== Category precision pass v6: requested changes only ===== */
/* Compact, structured category title + breadcrumbs. */
.category-intro .container{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"title crumbs";
  align-items:center;
  gap:24px;
  padding-top:13px;
  padding-bottom:13px;
}
.category-title-row{grid-area:title;padding:0!important;min-width:0}
.category-title-row h1{font-size:32px!important;line-height:1!important;margin:0!important;letter-spacing:-.035em}
.breadcrumbs{grid-area:crumbs;padding:0!important;font-size:12px;gap:7px;white-space:nowrap}

/* Subcategories: no heading, denser chips, more items visible. */
.subcategory-section{padding:10px 0!important}
.subcategory-grid{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  border-top:1px solid rgba(0,0,0,.16);
  border-left:1px solid rgba(0,0,0,.16);
}
.subcategory-card{
  min-height:44px!important;
  padding:0 30px 0 12px!important;
  border-color:rgba(0,0,0,.16)!important;
}
.subcategory-card strong{font-size:12px!important;line-height:1.15!important}
.subcategory-card b{right:10px!important;font-size:13px!important}

/* Filter store list should be text-first, not logos. */
.filter-group>label>span:not(.filter-store-brand){min-width:0}

/* Product media supports both portrait and landscape photos: one side fills, the other stays proportional. */
.catalog-products .product-media{
  height:240px;
  padding:0!important;
  background:#fff!important;
  overflow:hidden;
}
.catalog-products .product-media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
}

/* Product card: strict information hierarchy instead of scattered elements. */
.catalog-products .product-card{display:flex;flex-direction:column;background:#fff}
.catalog-products .product-body{
  display:flex!important;
  flex-direction:column;
  flex:1;
  padding:16px!important;
}
.product-card-top{
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.product-card-top .store-mini{margin:0!important}
.product-updated{font-size:9px!important;white-space:nowrap;color:#747a71!important}
.catalog-products .product-title{
  order:2;
  font-size:17px!important;
  line-height:1.28!important;
  min-height:44px!important;
  margin:0 0 10px!important;
}
.product-card-meta{order:3;margin:0 0 10px}
.product-card-meta .product-badges{margin:0!important;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.catalog-products .price-line{order:4;margin-top:auto;min-height:38px;align-items:baseline}
.catalog-products .stock-trigger{order:5;margin:8px 0 0!important;padding-top:8px;border-top:1px solid #eceee8;min-height:0!important}
.catalog-products .product-actions{order:6;margin-top:12px;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
.catalog-products .shop-cta,.catalog-products .compare-secondary{min-height:44px!important}

/* Replace the old generic bottom statement with an actually useful category guide. */
.category-value{padding:42px 0!important}
.category-value .container{display:block}
.category-value-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:60px;align-items:end;margin-bottom:24px}
.category-value-head h2{font-size:clamp(30px,3.2vw,46px)!important;line-height:.98!important;margin:0!important;max-width:620px}
.category-value-head p{font-size:15px!important;line-height:1.55!important;margin:0!important;max-width:700px}
.category-value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.category-value-card{min-height:180px;padding:24px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.category-value-card>strong{font-size:13px;color:var(--green);letter-spacing:.08em}
.category-value-card h3{font-size:20px;margin:22px 0 8px;letter-spacing:-.03em}
.category-value-card p{font-size:13px!important;line-height:1.5!important;margin:0!important;color:#6a7067!important}
.category-value-card a{margin-top:auto;padding-top:16px;font-size:13px;font-weight:900;color:var(--green)}

@media (max-width:1180px){
  .subcategory-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .category-value-head{grid-template-columns:1fr;gap:12px}
}
@media (max-width:680px){
  .category-intro .container{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .category-title-row{order:2}
  .breadcrumbs{order:1;font-size:10px;gap:5px;white-space:normal}
  .category-title-row h1{font-size:27px!important}

  .subcategory-section{padding:8px 0!important}
  .subcategory-grid{
    display:flex!important;
    width:calc(100% + 14px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:6px!important;
    border:0!important;
    padding:0 14px 3px 0!important;
    margin-right:-14px!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    overscroll-behavior-x:contain;
  }
  .subcategory-card{
    flex:0 0 132px!important;
    min-height:42px!important;
    border:1px solid rgba(0,0,0,.18)!important;
    padding:0 26px 0 10px!important;
    scroll-snap-align:start;
  }
  .subcategory-card strong{font-size:11px!important}
  .subcategory-card b{right:9px!important;font-size:12px!important}

  .catalog-products .product-media{height:150px!important}
  .catalog-products .product-body{padding:10px!important}
  .product-card-top{min-height:18px;margin-bottom:7px;gap:5px}
  .product-updated{display:none!important}
  .catalog-products .product-title{font-size:12px!important;line-height:1.22!important;min-height:30px!important;margin-bottom:7px!important}
  .product-card-meta{margin-bottom:7px}
  .product-card-meta .product-badges{gap:3px}
  .catalog-products .price-line{min-height:28px}
  .catalog-products .stock-trigger{font-size:8px!important;margin-top:5px!important;padding-top:5px!important}
  .catalog-products .product-actions{grid-template-columns:1fr!important;margin-top:7px!important}
  .catalog-products .compare-secondary{display:none!important}
  .catalog-products .shop-cta{min-height:37px!important}

  .category-value{padding:30px 0!important}
  .category-value-head{display:block;margin-bottom:18px}
  .category-value-head h2{font-size:30px!important;margin-bottom:10px!important}
  .category-value-head p{font-size:13px!important}
  .category-value-grid{grid-template-columns:1fr}
  .category-value-card{min-height:0;padding:18px}
  .category-value-card h3{margin:12px 0 6px;font-size:18px}
}


/* ===== Category surgical pass v7: ONLY requested corrections ===== */
/* 1. Subcategories: exactly two compact rows on desktop. */
.subcategory-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
}
.subcategory-card{
  min-height:38px!important;
  height:38px!important;
  padding:0 26px 0 11px!important;
}
.subcategory-card strong{font-size:11.5px!important;line-height:1.1!important}
.subcategory-card b{right:9px!important;font-size:12px!important}

/* 2. Sorting lives inside the left filter, nowhere above the product grid. */
.catalog-topline-controls-only{display:none!important;margin:0!important}
.filter-sort-group{padding-top:16px!important;padding-bottom:16px!important}
.filter-sort-control{display:block!important;min-height:0!important}
.filter-sort-control select{
  width:100%;height:42px;border:1px solid var(--line);background:#fff;color:#111;
  padding:0 34px 0 10px;font:inherit;font-size:12px;font-weight:850;outline:0;
}
.filter-sort-control select:focus{border-color:#111}

/* 3. Filter top edge and product-card top edge align exactly. */
.catalog-layout{align-items:start!important}
.catalog-results{min-width:0!important}
.active-filters:empty{display:none!important;margin:0!important}
.catalog-products{align-items:start!important}
.filters-panel,.catalog-products .product-card{margin-top:0!important}

/* 4. Product cards: keep only store, title, rating, price and primary CTA. */
.product-card-top{min-height:20px!important;margin:0 0 9px!important;justify-content:flex-start!important}
.product-card-meta{margin:0 0 10px!important}
.product-card-meta .product-badges{display:flex!important;align-items:center!important;gap:0!important}
.catalog-products .product-title{margin:0 0 9px!important;min-height:44px!important}
.catalog-products .price-line{margin-top:auto!important;margin-bottom:12px!important;min-height:38px!important}
.catalog-products .product-actions{display:block!important;margin-top:0!important}
.catalog-products .shop-cta{width:100%!important;min-height:44px!important}
.product-updated,.price-trigger,.stock-trigger,.compare-secondary{display:none!important}

/* 5. Mobile: two-row horizontal scroller with real native swipe. */
@media (max-width:680px){
  .subcategory-section .container{
    width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:0!important;
  }
  .subcategory-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    grid-template-rows:repeat(2,38px)!important;
    grid-auto-columns:148px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:scroll!important;
    overflow-y:hidden!important;
    contain:layout!important;
    gap:6px!important;
    padding:0 14px 4px 0!important;
    margin:0!important;
    border:0!important;
    scroll-snap-type:none!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
    overscroll-behavior-inline:contain!important;
  }
  .subcategory-grid::-webkit-scrollbar{display:none!important}
  .subcategory-card{
    width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;
    border:1px solid rgba(0,0,0,.18)!important;padding:0 25px 0 10px!important;
  }
  .subcategory-card strong{font-size:11px!important}
  .subcategory-card b{right:8px!important;font-size:11px!important}
  .catalog-topline-controls-only{display:flex!important;justify-content:flex-start!important;margin:0 0 10px!important}
  .catalog-topline-controls-only .catalog-controls{width:100%!important;margin:0!important}
  .mobile-filter-btn{display:inline-flex!important}
  .filter-sort-group{display:block!important}
  .catalog-products .product-title{min-height:31px!important;margin-bottom:7px!important}
  .product-card-top{margin-bottom:6px!important}
  .product-card-meta{margin-bottom:7px!important}
  .catalog-products .price-line{margin-bottom:8px!important;min-height:27px!important}
  .catalog-products .shop-cta{min-height:37px!important}
}


/* ===== Category targeted pass v8: only requested adjustments ===== */
/* Product photo frame and image fitting rules. */
.catalog-products .product-media{
  position:relative!important;
  padding:8px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.catalog-products .product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
}
/* Savings badge simplified and placed next to discount percent. */
.catalog-products .discount,
.catalog-products .save{
  top:10px!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  margin:0!important;
}
.catalog-products .discount{left:10px!important;}
.catalog-products .save{left:84px!important; padding:11px 14px!important; font-size:15px!important; line-height:1!important;}
/* Store logo in framed box + rating on same line. */
.catalog-products .product-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "store rating"
    "title title"
    "price price"
    "actions actions"!important;
  row-gap:10px!important;
  column-gap:10px!important;
}
.product-card-top{
  grid-area:store!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:0!important;
  margin:0!important;
}
.product-card-top .store-mini{
  height:34px!important;
  min-width:86px!important;
  padding:0 10px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.store-mini-logo{height:18px!important;max-width:98px!important;object-fit:contain!important;}
.store-mini-toys{height:20px!important;max-width:92px!important;}
.store-mini-rozetka{width:22px!important;height:22px!important;}
.product-card-meta{
  grid-area:rating!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}
.product-card-meta .product-badges,
.product-card-meta .rating{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
.catalog-products .product-title{grid-area:title!important; margin:0!important; min-height:0!important;}
.catalog-products .price-line{grid-area:price!important; margin:0!important; min-height:0!important;}
.catalog-products .product-actions{grid-area:actions!important; margin:0!important;}
/* Mobile subcategories: wrap onto multiple rows, all visible. */
@media (max-width:680px){
  .subcategory-section .container{padding-left:14px!important;padding-right:14px!important;max-width:none!important;}
  .subcategory-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    width:100%!important;
    overflow:visible!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    border-left:0!important;
    border-top:0!important;
    /* This block wraps subcategories into a static multi-row grid — it no
       longer scrolls, but an earlier (now-overridden) horizontal-scroller
       pass left touch-action:pan-x active on this element. That told the
       browser only horizontal panning was meaningful here, so a vertical
       page-scroll gesture starting on this block would stall instead of
       scrolling the page. Reset it now that the block is static. */
    touch-action:auto!important;
    -webkit-overflow-scrolling:auto!important;
    overscroll-behavior:auto!important;
  }
  .subcategory-card{
    flex:none!important;
    width:100%!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 28px 0 12px!important;
    border:1px solid rgba(0,0,0,.16)!important;
  }
  .subcategory-card strong{font-size:12px!important;line-height:1.1!important;}
  .subcategory-card b{right:10px!important;font-size:12px!important;}
  .catalog-products .product-media{height:156px!important;padding:7px!important;}
  .catalog-products .discount{top:7px!important;left:7px!important;padding:6px 7px!important;font-size:11px!important;}
  .catalog-products .save{top:7px!important;left:63px!important;padding:6px 7px!important;font-size:10px!important;}
  .product-card-top .store-mini{height:28px!important;min-width:70px!important;padding:0 8px!important;}
  .store-mini-logo{height:14px!important;max-width:72px!important;}
  .store-mini-toys{height:16px!important;max-width:68px!important;}
  .store-mini-rozetka{width:18px!important;height:18px!important;}
  .product-card-meta{justify-self:start!important;}
  .catalog-products .product-body{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "store"
      "rating"
      "title"
      "price"
      "actions"!important;
    row-gap:7px!important;
  }
  .catalog-products .product-title{font-size:12px!important;line-height:1.24!important;}
  .catalog-products .price-line{gap:6px!important;}
}

/* ===== Category targeted pass v9: ONLY requested product-card typography/badge adjustments ===== */
/* 1–2. Discount %, discount amount and favorite button: same height, one row below photo. */
.catalog-products .product-media{
  overflow:visible!important;
  margin-bottom:52px!important;
}
.catalog-products .discount,
.catalog-products .save,
.catalog-products .heart{
  top:auto!important;
  bottom:-46px!important;
  height:42px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:0!important;
}
.catalog-products .discount{
  left:0!important;
  right:auto!important;
  padding:0 14px!important;
  font-size:15px!important;
  line-height:1!important;
}
.catalog-products .save{
  left:76px!important;
  right:auto!important;
  padding:0 14px!important;
  font-size:15px!important;
  line-height:1!important;
}
.catalog-products .heart{
  left:auto!important;
  right:0!important;
  width:42px!important;
  min-width:42px!important;
  padding:0!important;
  font-size:21px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
}

/* 3. Rating is intentionally more visible. */
.catalog-products .rating{
  font-size:15px!important;
  font-weight:600!important;
  gap:5px!important;
}
.catalog-products .rating-star{
  font-size:21px!important;
  line-height:1!important;
}
.catalog-products .rating-count{
  font-size:13px!important;
  font-weight:500!important;
}

/* 4–5. Cleaner, lighter product typography. */
.catalog-products .product-title{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.32!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
}
.catalog-products .price,
.catalog-products .old-price{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.catalog-products .price{
  font-size:27px!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}
.catalog-products .old-price{
  font-size:15px!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

@media (max-width:680px){
  .catalog-products .product-media{margin-bottom:43px!important;}
  .catalog-products .discount,
  .catalog-products .save,
  .catalog-products .heart{
    bottom:-38px!important;
    height:34px!important;
    min-height:34px!important;
  }
  .catalog-products .discount{
    left:0!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  .catalog-products .save{
    left:56px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
  .catalog-products .heart{
    right:0!important;
    width:34px!important;
    min-width:34px!important;
    font-size:17px!important;
  }
  .catalog-products .rating{font-size:11px!important;gap:3px!important;}
  .catalog-products .rating-star{font-size:16px!important;}
  .catalog-products .rating-count{font-size:10px!important;}
  .catalog-products .product-title{
    font-size:12.5px!important;
    line-height:1.28!important;
    font-weight:500!important;
  }
  .catalog-products .price{font-size:20px!important;font-weight:600!important;}
  .catalog-products .old-price{font-size:10px!important;font-weight:400!important;}
}


/* ===== Category surgical pass v10: ONLY requested subcategories + card separators ===== */
/* 1. Ten subcategories remain in two compact desktop rows. */
@media (min-width:681px){
  .subcategory-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

/* 2. Photo is a clean framed area; promo controls now live below it. */
.catalog-products .product-media{
  margin-bottom:0!important;
  overflow:hidden!important;
}
.catalog-products .product-promo-row{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 16px;
  padding:10px 0 12px;
  border-bottom:1px solid #e2e5de;
}
.catalog-products .product-promo-row .discount,
.catalog-products .product-promo-row .save,
.catalog-products .product-promo-row .heart{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.catalog-products .product-promo-row .discount,
.catalog-products .product-promo-row .save{
  padding:0 14px!important;
  font-size:15px!important;
  line-height:1!important;
}
.catalog-products .product-promo-row .heart{
  width:42px!important;
  min-width:42px!important;
  padding:0!important;
  margin-left:auto!important;
  font-size:21px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
}

/* 3. Store logo + rating are one clear row with a separator below. */
.catalog-products .product-body{
  display:flex!important;
  flex-direction:column!important;
  padding:14px 16px 16px!important;
  row-gap:0!important;
  column-gap:0!important;
}
.catalog-products .product-store-rating-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 0 12px;
  margin:0 0 13px;
  border-bottom:1px solid #e2e5de;
}
.catalog-products .product-store-rating-row .product-card-top,
.catalog-products .product-store-rating-row .product-card-meta{
  grid-area:auto!important;
  margin:0!important;
  min-height:0!important;
  align-self:center!important;
}
.catalog-products .product-store-rating-row .product-card-meta{
  justify-self:auto!important;
  flex:0 0 auto;
}
.catalog-products .store-mini-link{
  display:inline-flex;
  color:inherit;
  text-decoration:none;
}
.catalog-products .store-mini-link:hover{text-decoration:none;}
.catalog-products .product-card-top .store-mini{
  cursor:pointer;
}
.catalog-products .product-title,
.catalog-products .price-line,
.catalog-products .product-actions{
  grid-area:auto!important;
}
.catalog-products .product-title{margin:0 0 14px!important;}
.catalog-products .price-line{margin:0 0 14px!important;}

@media (max-width:680px){
  .catalog-products .product-promo-row{
    gap:6px;
    margin:0 10px;
    padding:7px 0 8px;
  }
  .catalog-products .product-promo-row .discount,
  .catalog-products .product-promo-row .save,
  .catalog-products .product-promo-row .heart{
    height:34px!important;
    min-height:34px!important;
  }
  .catalog-products .product-promo-row .discount,
  .catalog-products .product-promo-row .save{
    padding:0 7px!important;
    font-size:10px!important;
  }
  .catalog-products .product-promo-row .heart{
    width:34px!important;
    min-width:34px!important;
    font-size:17px!important;
  }
  .catalog-products .product-body{padding:10px!important;}
  .catalog-products .product-store-rating-row{
    gap:6px;
    padding-bottom:8px;
    margin-bottom:9px;
  }
  .catalog-products .product-store-rating-row .product-card-meta{
    justify-self:auto!important;
    margin:0!important;
  }
  .catalog-products .product-title{margin:0 0 9px!important;}
  .catalog-products .price-line{margin:0 0 9px!important;}
}


/* ===== Category surgical pass v11: ONLY requested card corrections ===== */
/* 1. Promo controls are above the photo in one padded row. */
.catalog-products .product-promo-row{
  margin:0!important;
  padding:12px 16px!important;
  border-bottom:0!important;
  background:#fff!important;
  gap:10px!important;
}
.catalog-products .product-promo-row .discount,
.catalog-products .product-promo-row .save,
.catalog-products .product-promo-row .heart{
  height:42px!important;
  min-height:42px!important;
}
/* 2. No extra separator immediately beneath the photo. */
.catalog-products .product-media{
  border-bottom:0!important;
  margin-bottom:0!important;
}
/* 3. Store logo remains a clear link; its frame changes on hover. */
.catalog-products .store-mini-link .store-mini{
  border:1px solid var(--line)!important;
  transition:border-color .16s ease, background-color .16s ease!important;
}
.catalog-products .store-mini-link:hover .store-mini,
.catalog-products .store-mini-link:focus-visible .store-mini{
  border-color:var(--green)!important;
  background:#f3fbf6!important;
}
/* 4. Favorite control uses a soft pink treatment. */
.catalog-products .product-promo-row .heart{
  background:#ffe7ef!important;
  border-color:#f4b8cb!important;
  color:#d92c68!important;
}
.catalog-products .product-promo-row .heart:hover{
  background:#ffd3e1!important;
  border-color:#e989a8!important;
  color:#b91f56!important;
}
/* 5. Primary CTA stays pinned to the bottom of every equal-height card. */
.catalog-products .product-body{height:100%!important;}
.catalog-products .product-actions{
  margin-top:auto!important;
  padding-top:0!important;
}
.catalog-products .shop-cta{
  transform:none!important;
  margin:0!important;
}
.catalog-products .shop-cta:hover{transform:none!important;}

@media (max-width:680px){
  .catalog-products .product-promo-row{
    padding:8px 10px!important;
    gap:6px!important;
  }
  .catalog-products .product-promo-row .discount,
  .catalog-products .product-promo-row .save,
  .catalog-products .product-promo-row .heart{
    height:34px!important;
    min-height:34px!important;
  }
}


/* ===== Category v12 comparison: ONLY first-row promo overlay options ===== */
/* Shared: photo area owns promo controls; a single gray line closes the photo block. */
.catalog-products .promo-variant-a .product-promo-row,
.catalog-products .promo-variant-b .product-promo-row,
.catalog-products .promo-variant-c .product-promo-row{
  position:relative!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid #dfe2dc!important;
  background:#fff!important;
  overflow:hidden!important;
}
.catalog-products .promo-variant-a .product-media,
.catalog-products .promo-variant-b .product-media,
.catalog-products .promo-variant-c .product-media{
  margin:0!important;
  border:0!important;
  border-bottom:0!important;
}
.catalog-products .promo-variant-a .product-promo-row .discount,
.catalog-products .promo-variant-a .product-promo-row .save,
.catalog-products .promo-variant-a .product-promo-row .heart,
.catalog-products .promo-variant-b .product-promo-row .discount,
.catalog-products .promo-variant-b .product-promo-row .save,
.catalog-products .promo-variant-b .product-promo-row .heart,
.catalog-products .promo-variant-c .product-promo-row .discount,
.catalog-products .promo-variant-c .product-promo-row .save,
.catalog-products .promo-variant-c .product-promo-row .heart{
  position:absolute!important;
  z-index:5!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:42px!important;
  min-height:42px!important;
  top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.catalog-products .promo-variant-a .product-promo-row .discount,
.catalog-products .promo-variant-a .product-promo-row .save,
.catalog-products .promo-variant-b .product-promo-row .discount,
.catalog-products .promo-variant-b .product-promo-row .save,
.catalog-products .promo-variant-c .product-promo-row .discount,
.catalog-products .promo-variant-c .product-promo-row .save{
  width:auto!important;min-width:0!important;padding:0 13px!important;font-size:15px!important;font-weight:900!important;line-height:1!important;
}
.catalog-products .promo-variant-a .product-promo-row .heart,
.catalog-products .promo-variant-b .product-promo-row .heart,
.catalog-products .promo-variant-c .product-promo-row .heart{
  width:42px!important;min-width:42px!important;padding:0!important;font-size:21px!important;
}

/* Variant A — one dark translucent top ribbon. */
.catalog-products .promo-variant-a .product-promo-row::before{
  content:"";position:absolute;z-index:4;left:12px;right:12px;top:12px;height:50px;
  background:rgba(17,18,18,.72);border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.catalog-products .promo-variant-a .product-promo-row .discount{left:18px!important;top:16px!important;background:transparent!important;color:#fff!important;border:0!important;}
.catalog-products .promo-variant-a .product-promo-row .save{left:91px!important;top:16px!important;background:transparent!important;color:#ffe000!important;border:0!important;}
.catalog-products .promo-variant-a .product-promo-row .heart{right:18px!important;top:16px!important;background:rgba(255,255,255,.92)!important;border:0!important;color:#d92c68!important;}

/* Variant B — individual glass chips, no common ribbon. */
.catalog-products .promo-variant-b .product-promo-row .discount{left:12px!important;top:12px!important;background:rgba(228,42,42,.90)!important;color:#fff!important;border:1px solid rgba(255,255,255,.7)!important;}
.catalog-products .promo-variant-b .product-promo-row .save{left:90px!important;top:12px!important;background:rgba(255,224,0,.90)!important;color:#111!important;border:1px solid rgba(255,255,255,.75)!important;}
.catalog-products .promo-variant-b .product-promo-row .heart{right:12px!important;top:12px!important;background:rgba(255,238,244,.92)!important;border:1px solid rgba(255,255,255,.75)!important;color:#d92c68!important;}

/* Variant C — single light translucent bottom strip. */
.catalog-products .promo-variant-c .product-promo-row::after{
  content:"";position:absolute;z-index:4;left:12px;right:12px;bottom:12px;height:50px;
  background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.catalog-products .promo-variant-c .product-promo-row .discount{left:18px!important;bottom:16px!important;background:transparent!important;color:#e52c2c!important;border:0!important;}
.catalog-products .promo-variant-c .product-promo-row .save{left:91px!important;bottom:16px!important;background:transparent!important;color:#111!important;border:0!important;}
.catalog-products .promo-variant-c .product-promo-row .heart{right:18px!important;bottom:16px!important;background:transparent!important;border:0!important;color:#d92c68!important;}

@media (max-width:680px){
  .catalog-products .promo-variant-a .product-promo-row .discount,
  .catalog-products .promo-variant-a .product-promo-row .save,
  .catalog-products .promo-variant-a .product-promo-row .heart,
  .catalog-products .promo-variant-b .product-promo-row .discount,
  .catalog-products .promo-variant-b .product-promo-row .save,
  .catalog-products .promo-variant-b .product-promo-row .heart,
  .catalog-products .promo-variant-c .product-promo-row .discount,
  .catalog-products .promo-variant-c .product-promo-row .save,
  .catalog-products .promo-variant-c .product-promo-row .heart{
    height:30px!important;min-height:30px!important;
  }
  .catalog-products .promo-variant-a .product-promo-row .discount,
  .catalog-products .promo-variant-a .product-promo-row .save,
  .catalog-products .promo-variant-b .product-promo-row .discount,
  .catalog-products .promo-variant-b .product-promo-row .save,
  .catalog-products .promo-variant-c .product-promo-row .discount,
  .catalog-products .promo-variant-c .product-promo-row .save{padding:0 7px!important;font-size:9px!important;}
  .catalog-products .promo-variant-a .product-promo-row .heart,
  .catalog-products .promo-variant-b .product-promo-row .heart,
  .catalog-products .promo-variant-c .product-promo-row .heart{width:30px!important;min-width:30px!important;font-size:15px!important;}
  .catalog-products .promo-variant-a .product-promo-row::before,
  .catalog-products .promo-variant-c .product-promo-row::after{left:7px;right:7px;height:36px;}
  .catalog-products .promo-variant-a .product-promo-row::before{top:7px;}
  .catalog-products .promo-variant-c .product-promo-row::after{bottom:7px;}
  .catalog-products .promo-variant-a .product-promo-row .discount{left:10px!important;top:10px!important;}
  .catalog-products .promo-variant-a .product-promo-row .save{left:57px!important;top:10px!important;}
  .catalog-products .promo-variant-a .product-promo-row .heart{right:10px!important;top:10px!important;}
  .catalog-products .promo-variant-b .product-promo-row .discount{left:7px!important;top:7px!important;}
  .catalog-products .promo-variant-b .product-promo-row .save{left:54px!important;top:7px!important;}
  .catalog-products .promo-variant-b .product-promo-row .heart{right:7px!important;top:7px!important;}
  .catalog-products .promo-variant-c .product-promo-row .discount{left:10px!important;bottom:10px!important;}
  .catalog-products .promo-variant-c .product-promo-row .save{left:57px!important;bottom:10px!important;}
  .catalog-products .promo-variant-c .product-promo-row .heart{right:10px!important;bottom:10px!important;}
}


/* ===== Category v13 — final premium product-card system. CARD ONLY. ===== */
/* Reset experimental v12 promo variants without touching any page-level layout. */
.catalog-products .product-promo-row{
  position:relative!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  overflow:hidden!important;
}
.catalog-products .product-promo-row::before,
.catalog-products .product-promo-row::after{content:none!important;display:none!important;}

/* Media showcase: quiet, precise, premium. */
.catalog-products .product-media{
  position:relative!important;
  height:250px!important;
  margin:0!important;
  padding:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  /* Real product photos are almost always shot on a white background — a
     tinted #f5f6f3 padding ring around them showed as a visible seam where
     the photo's own white meets the slightly-grey container. White removes
     the seam without touching the padding/contain sizing. */
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #dfe2dc!important;
  overflow:hidden!important;
}
.catalog-products .product-media img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}

/* Offer badge: one component, two pieces of information. */
.catalog-products .product-promo-row .discount,
.catalog-products .product-promo-row .save{
  position:absolute!important;
  z-index:6!important;
  top:14px!important;
  bottom:auto!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 11px!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.catalog-products .product-promo-row .discount{
  left:14px!important;
  right:auto!important;
  background:#ed2f34!important;
  color:#fff!important;
  border-radius:3px 0 0 3px!important;
}
.catalog-products .product-promo-row .save{
  left:auto!important;
  right:auto!important;
  background:#ffd900!important;
  color:#111!important;
  border-radius:0 3px 3px 0!important;
  transform:none!important;
}
/* Position savings directly after discount using fixed compact offset matching the % chip. */
.catalog-products .product-promo-row .discount + .product-media + .save{left:72px!important;}

/* Favorite: quiet white control, not a competing promo badge. */
.catalog-products .product-promo-row .heart{
  position:absolute!important;
  z-index:7!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  width:36px!important;
  min-width:36px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid #d9ddd6!important;
  border-radius:3px!important;
  color:#111!important;
  font-size:20px!important;
  line-height:1!important;
  box-shadow:none!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
}
.catalog-products .product-promo-row .heart:hover{
  background:#fff0f4!important;
  border-color:#ef9ab5!important;
  color:#d72d66!important;
}
.catalog-products .product-promo-row .heart[aria-pressed="true"]{
  background:#ffe3ec!important;
  border-color:#df789a!important;
  color:#c51e58!important;
}

/* Body: predictable vertical rhythm; CTA is always pinned to card bottom. */
.catalog-products .product-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  height:auto!important;
  padding:14px 16px 16px!important;
  background:#fff!important;
}

/* Merchant and social proof are a single structured row. */
.catalog-products .product-store-rating-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:40px!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #e2e5de!important;
}
.catalog-products .product-card-top{
  display:block!important;
  min-height:0!important;
  margin:0!important;
}
.catalog-products .store-mini-link{
  display:inline-flex!important;
  text-decoration:none!important;
  outline:0!important;
}
.catalog-products .product-card-top .store-mini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:82px!important;
  height:30px!important;
  padding:0 9px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #dfe2dc!important;
  border-radius:2px!important;
  transition:border-color .16s ease,background-color .16s ease!important;
}
.catalog-products .store-mini-link:hover .store-mini,
.catalog-products .store-mini-link:focus-visible .store-mini{
  border-color:#119b57!important;
  background:#f5fbf7!important;
}
.catalog-products .store-mini-logo{
  display:block!important;
  width:auto!important;
  height:17px!important;
  max-width:92px!important;
  object-fit:contain!important;
  padding:0!important;
  background:transparent!important;
}
.catalog-products .store-mini-toys{height:18px!important;max-width:88px!important;}
.catalog-products .store-mini-rozetka{width:19px!important;height:19px!important;}

.catalog-products .product-card-meta{
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}
.catalog-products .product-badges{display:block!important;margin:0!important;}
.catalog-products .rating{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#222!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
}
.catalog-products .rating-star{
  color:#d99a00!important;
  font-size:18px!important;
  line-height:1!important;
}
.catalog-products .rating-count{
  color:#777c74!important;
  font-size:12px!important;
  font-weight:500!important;
}

/* Product title: premium editorial typography, not billboard bold. */
.catalog-products .product-title{
  display:block!important;
  min-height:48px!important;
  margin:0 0 14px!important;
  color:#171817!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.35!important;
  letter-spacing:-.015em!important;
  text-wrap:balance!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}

/* Price: clear hierarchy, restrained old price. */
.catalog-products .price-line{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  min-height:37px!important;
  margin:0 0 14px!important;
  padding:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.catalog-products .price{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:28px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
.catalog-products .old-price{
  color:#777c74!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1px!important;
}

.catalog-products .product-actions{
  display:block!important;
  margin-top:auto!important;
  padding:0!important;
}
.catalog-products .shop-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 14px!important;
  background:#169f5b!important;
  border:1px solid #169f5b!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  transform:none!important;
  transition:background-color .16s ease,border-color .16s ease!important;
}
.catalog-products .shop-cta:hover{
  background:#0d7f47!important;
  border-color:#0d7f47!important;
  color:#fff!important;
  transform:none!important;
}

/* Mobile keeps the same design language, compressed rather than redesigned. */
@media (max-width:680px){
  .catalog-products .product-media{height:154px!important;padding:10px!important;}
  .catalog-products .product-promo-row .discount,
  .catalog-products .product-promo-row .save{top:8px!important;height:28px!important;min-height:28px!important;padding:0 7px!important;font-size:9px!important;}
  .catalog-products .product-promo-row .discount{left:8px!important;}
  .catalog-products .product-promo-row .discount + .product-media + .save{left:50px!important;}
  .catalog-products .product-promo-row .heart{top:8px!important;right:8px!important;width:29px!important;min-width:29px!important;height:28px!important;min-height:28px!important;font-size:16px!important;}
  .catalog-products .product-body{padding:9px!important;}
  .catalog-products .product-store-rating-row{gap:5px!important;min-height:32px!important;margin-bottom:8px!important;padding-bottom:7px!important;}
  .catalog-products .product-card-top .store-mini{height:24px!important;min-width:58px!important;padding:0 6px!important;}
  .catalog-products .store-mini-logo{height:12px!important;max-width:62px!important;}
  .catalog-products .store-mini-toys{height:14px!important;max-width:60px!important;}
  .catalog-products .store-mini-rozetka{width:15px!important;height:15px!important;}
  .catalog-products .rating{gap:2px!important;font-size:9px!important;}
  .catalog-products .rating-star{font-size:13px!important;}
  .catalog-products .rating-count{font-size:8px!important;}
  .catalog-products .product-title{min-height:34px!important;margin-bottom:8px!important;font-size:11.5px!important;line-height:1.28!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;}
  .catalog-products .price-line{gap:5px!important;min-height:26px!important;margin-bottom:8px!important;}
  .catalog-products .price{font-size:19px!important;}
  .catalog-products .old-price{font-size:9px!important;}
  .catalog-products .shop-cta{min-height:35px!important;font-size:10px!important;padding:0 6px!important;}
}


/* ===== Category targeted pass v15: mobile controls + filter-panel typography only ===== */
/* Desktop/tablet filter panel: clearer type hierarchy and more comfortable rhythm. */
.filters-panel{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.filters-head{
  height:64px;
  padding:0 20px;
}
.filters-head strong{
  font-size:20px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.02em;
}
.filters-head button{
  font-size:13px;
  font-weight:750;
  color:#777d74;
}
.filter-group{
  padding:22px 20px;
}
.filter-group h3{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.15;
  font-weight:850;
  letter-spacing:.055em;
  color:#4c524b;
}
.filter-group>label{
  min-height:39px;
  grid-template-columns:20px minmax(0,1fr) auto;
  gap:10px;
  font-size:14px;
  line-height:1.25;
  font-weight:520;
}
.filter-group input[type=checkbox],
.filter-group input[type=radio]{
  width:19px;
  height:19px;
}
.filter-group small{
  font-size:12px;
  color:#8f958c;
  font-variant-numeric:tabular-nums;
}
.radio-row{grid-template-columns:20px minmax(0,1fr)!important}
.filter-sort-group{padding-top:20px!important;padding-bottom:20px!important}
.filter-sort-control select{
  height:46px;
  padding-left:12px;
  font-size:13px;
  font-weight:750;
}
.price-fields label{padding:9px 10px}
.price-fields label span{font-size:10px}
.price-fields input{font-size:14px;height:28px}
.range-scale{font-size:11px}

/* Mobile top controls: full width, exactly two blocks — filters + sorting. */
.mobile-sort-control{display:none}
@media (max-width:680px){
  .catalog-section{padding-top:18px!important}
  .catalog-topline-controls-only{
    display:block!important;
    width:100%!important;
    margin:0 0 14px!important;
  }
  .catalog-topline-controls-only .catalog-controls.mobile-catalog-controls{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    align-items:stretch!important;
  }
  .mobile-filter-btn{
    display:flex!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 14px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    font-size:15px!important;
    font-weight:850!important;
    border:1px solid #111!important;
    background:#fff!important;
  }
  .mobile-filter-btn:hover{background:var(--yellow)!important;color:#111!important}
  .mobile-filter-btn em{
    width:22px!important;
    height:22px!important;
    font-size:11px!important;
  }
  .mobile-sort-control{
    display:block!important;
    width:100%!important;
    height:54px!important;
  }
  .mobile-sort-control select{
    width:100%!important;
    height:54px!important;
    border:1px solid #111!important;
    background:#fff!important;
    color:#111!important;
    padding:0 34px 0 12px!important;
    font:inherit!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:800!important;
    outline:0!important;
  }
  /* Sorting is now available in the top mobile control, so avoid duplicate sort inside drawer. */
  .filters-panel .filter-sort-group{display:none!important}
  .filters-head{height:66px;padding:0 20px}
  .filters-head strong{font-size:20px}
  .filter-group{padding:22px 20px}
  .filter-group h3{font-size:14px;margin-bottom:14px}
  .filter-group>label{min-height:40px;font-size:14px}
}
@media (max-width:380px){
  .catalog-topline-controls-only .catalog-controls.mobile-catalog-controls{gap:6px!important}
  .mobile-filter-btn{font-size:14px!important;padding:0 10px!important}
  .mobile-sort-control select{font-size:13px!important;padding-left:10px!important}
}

/* ===== Mobile controls polish v16: requested block only ===== */
@media (max-width:680px){
  .catalog-topline-controls-only{
    margin:0 0 16px!important;
  }
  .catalog-topline-controls-only .catalog-controls.mobile-catalog-controls{
    display:grid!important;
    grid-template-columns:42% 58%!important;
    gap:0!important;
    width:100%!important;
    min-height:62px!important;
    border:1px solid #111!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .mobile-filter-btn{
    height:62px!important;
    min-height:62px!important;
    border:0!important;
    border-right:1px solid #111!important;
    background:var(--yellow)!important;
    color:#111!important;
    padding:0 14px!important;
    gap:10px!important;
    font-size:16px!important;
    font-weight:900!important;
    justify-content:center!important;
  }
  .mobile-filter-btn:hover{
    background:#111!important;
    color:#fff!important;
  }
  .mobile-filter-btn:hover em{
    background:#fff!important;
    color:#111!important;
  }
  .mobile-filter-btn em{
    width:23px!important;
    height:23px!important;
    background:#111!important;
    color:#fff!important;
    font-size:11px!important;
  }
  .mobile-filter-btn .filter-lines{
    width:20px!important;
    height:15px!important;
  }

  .mobile-sort-control{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:62px!important;
    background:#fff!important;
  }
  .mobile-sort-control .sr-only{
    display:none!important;
  }
  .mobile-sort-control::before{
    content:"Сортування";
    position:absolute;
    z-index:2;
    left:14px;
    top:9px;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#72786f;
    pointer-events:none;
  }
  .mobile-sort-control select{
    width:100%!important;
    height:62px!important;
    border:0!important;
    background:#fff!important;
    color:#111!important;
    padding:19px 38px 0 14px!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:850!important;
    outline:0!important;
    cursor:pointer!important;
  }
  .mobile-sort-control:focus-within{
    box-shadow:inset 0 0 0 2px #111!important;
  }
}
@media (max-width:380px){
  .catalog-topline-controls-only .catalog-controls.mobile-catalog-controls{
    grid-template-columns:40% 60%!important;
  }
  .mobile-filter-btn{
    padding:0 9px!important;
    gap:7px!important;
    font-size:14px!important;
  }
  .mobile-sort-control::before{left:10px!important}
  .mobile-sort-control select{
    padding-left:10px!important;
    padding-right:30px!important;
    font-size:12.5px!important;
  }
}


/* ===== Category targeted pass v17: ONLY requested mobile-control/header/favorite changes ===== */
/* Product-card favorite: colored surface, never white. */
.catalog-products .product-promo-row .heart{
  background:#ffe7ef!important;
  border-color:#f2b2c7!important;
  color:#d32663!important;
}
.catalog-products .product-promo-row .heart:hover{
  background:#ffd5e3!important;
  border-color:#dc7295!important;
  color:#b91850!important;
}
.catalog-products .product-promo-row .heart[aria-pressed="true"]{
  background:#ffc9db!important;
  border-color:#d55d86!important;
  color:#a91247!important;
}

/* Mobile favorite in header: only category page, beside search and burger. */
.mobile-favorite{display:none}
@media (max-width:680px){
  .header-row{
    grid-template-columns:minmax(0,1fr) 44px 44px 44px!important;
    gap:7px!important;
  }
  .mobile-favorite{
    width:44px!important;
    height:44px!important;
    border:1px solid var(--line)!important;
    background:#fff4f7!important;
    display:grid!important;
    place-items:center!important;
    text-decoration:none!important;
    transition:background-color .16s ease,border-color .16s ease!important;
  }
  .mobile-favorite .header-control-icon{
    width:22px!important;
    height:22px!important;
  }
  .mobile-favorite:hover{
    background:#ffe3ec!important;
    border-color:#e99ab4!important;
  }

  /* Compact unified filter/sort bar, without the word “Сортування”. */
  .catalog-topline-controls-only{margin-bottom:14px!important;}
  .catalog-topline-controls-only .catalog-controls.mobile-catalog-controls{
    min-height:54px!important;
  }
  .mobile-filter-btn{
    height:54px!important;
    min-height:54px!important;
  }
  .mobile-sort-control{
    height:54px!important;
  }
  .mobile-sort-control::before{
    content:none!important;
    display:none!important;
  }
  .mobile-sort-control select{
    height:54px!important;
    padding:0 38px 0 14px!important;
    display:block!important;
    font-size:14px!important;
    line-height:54px!important;
  }
}
@media (max-width:380px){
  .header-row{
    grid-template-columns:minmax(0,1fr) 42px 42px 42px!important;
    gap:5px!important;
  }
  .tablet-search-toggle,.mobile-menu,.mobile-favorite{
    width:42px!important;
    height:42px!important;
  }
  .mobile-sort-control select{
    padding-left:10px!important;
    padding-right:30px!important;
    font-size:12.5px!important;
  }
}


/* ===== Category targeted pass v18: heart + pagination + SEO block only ===== */
/* Strong favorite affordance: visible at a glance next to red/yellow deal badges. */
.catalog-products .product-promo-row .heart{
  background:#ff4f93!important;
  border-color:#ff4f93!important;
  color:#fff!important;
}
.catalog-products .product-promo-row .heart:hover{
  background:#e72f79!important;
  border-color:#e72f79!important;
  color:#fff!important;
}
.catalog-products .product-promo-row .heart[aria-pressed="true"]{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}

/* Pagination replaces the old load-more CTA. */
.catalog-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:28px;
}
.catalog-pagination a,
.catalog-pagination button,
.catalog-pagination .pagination-next{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:42px;
  min-width:42px;
  padding:0 12px;
  border:1px solid #cfd3ca;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}
.catalog-pagination .pagination-dots{
  display:inline-flex;
  align-items:center;
  padding:0 4px;
  color:#8a8f87;
  font-weight:800;
}
.catalog-pagination a:hover,
.catalog-pagination button:hover{
  background:#f0f2ed;
  border-color:#111;
}
.catalog-pagination a.active,
.catalog-pagination button.active{
  background:#111;
  border-color:#111;
  color:#fff;
}
.catalog-pagination a.pagination-next,
.catalog-pagination button.pagination-next,
.catalog-pagination .pagination-next{
  min-width:112px;
}
.catalog-pagination button:disabled,
.catalog-pagination .pagination-next.disabled{
  opacity:.4;
  cursor:default;
  background:#fff;
  border-color:#cfd3ca;
  color:#777;
}

/* SEO copy for this category instead of the generic marketing tiles. */
.category-seo{
  padding:52px 0!important;
  background:#fff;
  border-top:1px solid var(--line);
}
.category-seo-grid{
  display:grid;
  grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);
  gap:70px;
  align-items:start;
}
.category-seo h2{
  max-width:620px;
  margin:0!important;
  font-size:clamp(34px,3.6vw,52px)!important;
  line-height:1!important;
  letter-spacing:-.045em;
}
.category-seo-copy{
  max-width:800px;
}
.category-seo-copy p{
  margin:0 0 14px!important;
  color:#61675f!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.category-seo-copy p:last-child{margin-bottom:0!important;}
.category-seo-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.category-seo-links a{
  min-height:38px;
  padding:0 13px;
  border:1px solid var(--line);
  display:inline-flex;
  align-items:center;
  background:#fafbf8;
  color:#111;
  font-size:12px;
  font-weight:850;
}
.category-seo-links a:hover{
  background:var(--yellow);
  border-color:#111;
}
@media (max-width:680px){
  .catalog-pagination{gap:5px;margin-top:22px;}
  .catalog-pagination a,.catalog-pagination button{height:38px;min-width:38px;padding:0 9px;font-size:12px;}
  .catalog-pagination a.pagination-next,.catalog-pagination button.pagination-next,.catalog-pagination .pagination-next{min-width:92px;}
  .category-seo{padding:34px 0!important;}
  .category-seo-grid{grid-template-columns:1fr;gap:16px;}
  .category-seo h2{font-size:30px!important;}
  .category-seo-copy p{font-size:13px!important;line-height:1.6!important;}
  .category-seo-links{margin-top:20px;padding-top:16px;gap:6px;}
  .category-seo-links a{font-size:11px;min-height:36px;padding:0 10px;}
}

/* ===== v45 surgical fix: mobile subcategory grid must never capture vertical page swipes ===== */
@media (max-width:680px){
  .subcategory-grid{
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    touch-action:auto!important;
    overscroll-behavior:auto!important;
    overscroll-behavior-x:auto!important;
    overscroll-behavior-y:auto!important;
    overscroll-behavior-inline:auto!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    -webkit-overflow-scrolling:auto!important;
    cursor:auto!important;
  }
  .subcategory-grid.is-dragging{
    cursor:auto!important;
    user-select:auto!important;
  }
}
