/* Approved bestseller badges:  catalog bestseller badges match the featured hero product. */
.product-card.featured::after,
#productsGrid > .product-card.featured::after {
 content:'Хит продаж'; top:14px; left:14px; right:auto; width:auto;
 padding:9px 12px 9px 34px; border-radius:11px; transform:none;
 background-color:rgba(24,45,70,.88);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffbf74'%3E%3Cpath d='M12 2c.5 3-1.5 4.5-3 6.5C7.4 10.6 6 12.5 6 15a6 6 0 0 0 12 0c0-1.8-.8-3.3-1.8-4.6-.3 1-1 1.8-2 2 .8-2.2 0-4.6-2.2-6.4z'/%3E%3C/svg%3E");
 background-repeat:no-repeat; background-position:12px center; background-size:16px 16px;
 color:#fff; font-size:12px; line-height:1.4; font-weight:600;
 letter-spacing:0; text-transform:none; backdrop-filter:blur(10px);
 box-shadow:0 8px 24px rgba(20,47,75,.18); pointer-events:none;
}

/* Responsive badges: compact badges follow the card width, with a readable 11px floor. */
@media(max-width:850px) {
 .hero-card-wrap,.product-card { container-type:inline-size; }
 .hero-float-tag,
 .product-card.featured::after,
 #productsGrid > .product-card.featured::after {
  font-size:clamp(11px,2.95vw,12px);
  font-size:clamp(11px,3.3cqw,12px);
  line-height:1.4; border-radius:.85em; letter-spacing:0;
  top:1em; left:1em; right:auto;
  padding:.6em .85em;
  box-shadow:0 .35em 1.1em rgba(20,47,75,.14);
 }
 .hero-float-tag { gap:.5em; }
 .hero-float-tag svg { width:1.25em; height:1.25em; flex:0 0 1.25em; }
 .product-card.featured::after,
 #productsGrid > .product-card.featured::after {
  padding-left:2.6em;
  background-size:1.25em 1.25em;
  background-position:.85em center;
 }
}

/* Approved homepage rating, presentation only. */
.hero-card .k1-hero-rating {
 display:flex; align-items:center; flex-wrap:wrap; gap:9px; width:fit-content;
 min-height:30px; margin:12px 0 2px; padding:2px 0;
 color:#5e7890; text-decoration:none; font-size:14px; line-height:1.4;
 border:0; background:none; border-radius:5px;
}
.k1-hero-rating-stars { display:inline-flex; color:#e8a64b; }
.k1-hero-rating-stars svg { display:block; width:82px; height:17px; }
.k1-hero-rating strong { font-size:15px; font-weight:650; color:#233e56; }
.k1-hero-rating-dot { color:#bac9d5; }
.k1-hero-rating-arrow { width:17px; height:17px; flex:none; color:#277da9; transition:transform .18s; }
.k1-hero-rating:hover .k1-hero-rating-count { color:#0875c8; text-decoration:underline; text-underline-offset:3px; }
.k1-hero-rating:hover .k1-hero-rating-arrow { transform:translateX(3px); }
.k1-hero-rating:focus-visible { outline:2px solid #0875c8; outline-offset:5px; }
@media(max-width:400px){.hero-card .k1-hero-rating{gap:7px;font-size:13px;}.k1-hero-rating-stars svg{width:75px;height:16px;}}
@media(prefers-reduced-motion:reduce){.k1-hero-rating-arrow{transition:none;}}

.hero-card .k1-hero-rating[hidden] { display:none; }
