/*
 * Light mini hero of the resin sub-sections other than «до 1 см» and «1+ см» (owner, 10 Nov 2026).
 * template-parts/commerce/resin-mini-hero.php. The icon and accent of each section are the ones of its card on the
 * resin root (resin-design.css, «route icons»), copied here per card number.
 */

.em26-category-hero.em26-mini-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 15rem !important;
  gap: 1.25rem 3rem !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 0 1.75rem !important;
  padding: 1.25rem 0 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(22, 53, 61, 0.12) !important;
  background: none !important;
  box-shadow: none !important;
}

.em26-category-hero.em26-mini-hero::before,
.em26-category-hero.em26-mini-hero::after {
  content: none !important;
}

.em26-mini-hero .em26-category-hero__content {
  grid-column: 1;
  grid-row: 1;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.em26-mini-hero .em26-eyebrow {
  margin: 0 !important;
}

.em26-mini-hero h1 {
  max-width: none !important;
  margin: 0.65rem 0 0.7rem !important;
  font-size: clamp(1.9rem, 1.3rem + 1.6vw, 2.6rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance;
}

.em26-mini-hero .em26-category-hero__lead {
  max-width: 40rem !important;
  margin: 0 !important;
  color: #4a5e63 !important;
  font-size: 1.02rem !important;
  line-height: 1.55 !important;
}

/* ---------- resin buttons (more than three resins only) ---------- */

.em26-mini-hero__chips {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1;
  grid-row: 2;
  align-items: center;
  gap: 0.5rem;
  margin: -0.35rem 0 0.9rem;
}

.em26-mini-hero__label {
  margin-right: 0.25rem;
  color: #6b7c80;
  font: 600 0.68rem/1 "IBM Plex Mono", monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.em26-mini-hero__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.75rem;
  padding: 0 1rem;
  border: 1px solid rgba(22, 53, 61, 0.14);
  border-radius: 999px;
  background: var(--em26-surface, #fffefa);
  color: var(--em26-ink, #16353d) !important;
  font: 700 0.86rem/1 Manrope, sans-serif;
  text-decoration: none !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.em26-mini-hero__chip i {
  flex: none;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
}

.em26-mini-hero__chip:hover {
  border-color: var(--acc);
  box-shadow: 0 4px 12px -8px var(--acc);
}

.em26-mini-hero__chip:focus-visible {
  outline: 2px solid var(--em26-cobalt, #1d5dbb);
  outline-offset: 2px;
}

/* ---------- bubbles in the section accent + the root card icon ---------- */

.em26-mini-hero__art {
  position: relative;
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
  width: 15rem;
  height: 12rem;
}

.em26-mini-hero--no-chips .em26-mini-hero__art {
  grid-row: 1;
}

.em26-mini-hero__b {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.9) 0 8%, color-mix(in srgb, var(--acc) 18%, #fff) 30%, color-mix(in srgb, var(--acc) 42%, #fff) 70%, color-mix(in srgb, var(--acc) 60%, #fff) 100%);
  box-shadow: inset -6px -10px 22px color-mix(in srgb, var(--acc) 30%, transparent), 0 18px 30px -22px var(--acc);
}

.em26-mini-hero__b--1 { top: 1rem; left: 2.6rem; width: 9.5rem; height: 9.5rem; }
.em26-mini-hero__b--2 { top: 0.2rem; right: 0.2rem; width: 4.6rem; height: 4.6rem; opacity: 0.85; }
.em26-mini-hero__b--3 { bottom: 0.6rem; left: 0.4rem; width: 3.4rem; height: 3.4rem; opacity: 0.75; }

.em26-mini-hero__dot {
  position: absolute;
  border-radius: 50%;
  background: var(--acc);
}

.em26-mini-hero__dot--1 { right: 1.6rem; bottom: 2.2rem; width: 0.55rem; height: 0.55rem; opacity: 0.7; }
.em26-mini-hero__dot--2 { top: 2rem; left: 1.2rem; width: 0.4rem; height: 0.4rem; background: var(--em26-ink, #16353d); opacity: 0.8; }
.em26-mini-hero__dot--3 { top: 0.6rem; right: 4.6rem; width: 0.35rem; height: 0.35rem; opacity: 0.6; }

.em26-mini-hero__icon {
  position: absolute;
  top: 2.75rem;
  left: 4.35rem;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: var(--em26-surface, #fffefa) var(--ic) center / 4.3rem no-repeat;
  box-shadow: 0 8px 20px -14px rgba(22, 53, 61, 0.6), inset 0 0 0 1px rgba(22, 53, 61, 0.06);
}

/* ---------- RESIN PRO: one quiet line ---------- */

.em26-mini-hero__foot {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: 0.6rem;
  padding: 0.2rem 0 0.9rem;
}

.em26-mini-hero__foot .em26-resin-pro-mark {
  display: inline-flex !important;
  flex: none;
  position: static !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.2rem 0.4rem !important;
  transform: none !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.em26-mini-hero__foot .em26-resin-pro-mark img {
  display: block;
  width: 4.1rem !important;
  height: auto !important;
}

.em26-mini-hero__foot .em26-category-hero__trust {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #6b7c80 !important;
  font-size: 0.74rem !important;
  line-height: 1.4 !important;
}

.em26-mini-hero__foot .em26-category-hero__trust::before {
  content: none !important;
}

.em26-mini-hero__foot .em26-category-hero__trust strong {
  color: #5b6f74 !important;
  font-weight: 600 !important;
}

/* ---------- phone ---------- */

@media (max-width: 47.99rem) {
  .em26-category-hero.em26-mini-hero { grid-template-columns: minmax(0, 1fr) 6.5rem !important; gap: 1rem !important; align-items: start !important; }
  .em26-mini-hero__art,
  .em26-mini-hero--no-chips .em26-mini-hero__art { grid-row: 1; width: 6.5rem; height: 6.5rem; }
  .em26-mini-hero__b--1 { top: 0.5rem; left: 0.5rem; width: 5.6rem; height: 5.6rem; }
  .em26-mini-hero__b--2 { top: 0; right: 0; width: 2.4rem; height: 2.4rem; }
  .em26-mini-hero__b--3,
  .em26-mini-hero__dot--2,
  .em26-mini-hero__dot--3 { display: none; }
  .em26-mini-hero__dot--1 { right: 0.2rem; bottom: 0.6rem; }
  .em26-mini-hero__icon { top: 1.25rem; left: 1.25rem; width: 4.1rem; height: 4.1rem; background-size: 2.6rem; }
  .em26-mini-hero__chips { grid-column: 1 / -1; gap: 0.4rem; margin: 0 0 0.6rem; }
  .em26-mini-hero__label { flex: 0 0 100%; margin-bottom: 0.1rem; }
  .em26-mini-hero__chip { padding: 0 0.8rem; font-size: 0.82rem; }
  .em26-mini-hero__foot { align-items: flex-start; }
  .em26-mini-hero__foot .em26-resin-pro-mark { align-self: flex-start !important; }
}

/* ---------- icons and accents of the root cards (resin-design.css, cards 4–10) ---------- */
.em26-mini-hero--r4{--acc:#B31368;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2316353D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate%28-14 32 40%29'%3E%3Cpath fill='%23B31368' fill-opacity='.16' stroke='none' fill-rule='evenodd' d='M32 32a14 14 0 1 0 .01 0zm0 4.2a9.8 9.8 0 1 1-.01 0z'/%3E%3Ccircle cx='32' cy='46' r='14'/%3E%3Ccircle cx='32' cy='46' r='9.8' stroke-width='1.5' opacity='.5'/%3E%3Cpath fill='%23B31368' fill-opacity='.22' d='M22 6h20l6 11-16 16-16-16z'/%3E%3Cpath stroke='%23B31368' stroke-width='2' d='M16 17h32M27 17l5 16 5-16M27 17l-2-11M37 17l2-11'/%3E%3C/g%3E%3C/svg%3E")}
.em26-mini-hero--r5{--acc:#129A9A;--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='none'%20stroke='%2316353D'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20fill='%23129A9A'%20fill-opacity='.2'%20stroke='none'%20d='M13%2031c6-6%2010%206%2016%200s10%206%2016%200%206%200%206%200v10a2%202%200%2001-2%202H15a2%202%200%2001-2-2z'/%3E%3Crect%20x='8'%20y='10'%20width='48'%20height='38'%20rx='4'/%3E%3Cpath%20stroke='%23129A9A'%20d='M13%2031c6-6%2010%206%2016%200s10%206%2016%200%206%200%206%200'/%3E%3Cpath%20stroke='%23FFFEFA'%20stroke-width='2'%20d='M41%2015l-8%2013'/%3E%3Cpath%20d='M20%2048l-4%2010M44%2048l4%2010'/%3E%3C/svg%3E")}
.em26-mini-hero--r6{--acc:#1D5DBB;--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='none'%20stroke='%2316353D'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='14'%20y='8'%20width='36'%20height='46'%20rx='3'/%3E%3Cpath%20fill='%231D5DBB'%20fill-opacity='.2'%20stroke='none'%20d='M18%2014h28v6H18z'/%3E%3Cpath%20stroke='%231D5DBB'%20d='M18%2014h28v6H18z'/%3E%3Cpath%20fill='%231D5DBB'%20fill-opacity='.2'%20stroke='none'%20d='M23%2020v8a2.5%202.5%200%20005%200v-8zM33%2020v12a2.5%202.5%200%20005%200V20zM41%2020v6a2%202%200%20004%200v-6z'/%3E%3Cpath%20stroke='%231D5DBB'%20d='M23%2020v8a2.5%202.5%200%20005%200v-8M33%2020v12a2.5%202.5%200%20005%200V20M41%2020v6a2%202%200%20004%200v-6'/%3E%3Cpath%20stroke-width='1.5'%20opacity='.6'%20d='M20%2042h24M20%2047h14'/%3E%3C/svg%3E")}
.em26-mini-hero--r7{--acc:#C58A10;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2316353D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='%23C58A10' fill-opacity='.24' stroke='none' d='M8 50l14-22 9 11 8-16 17 27z'/%3E%3Cpath d='M8 50l14-22 9 11 8-16 17 27z'/%3E%3Cpath d='M17 46l5-8 9 11 8-13 7 10' stroke-width='2'/%3E%3Cpath stroke-width='1.5' opacity='.55' d='M6 54h52'/%3E%3Cpath stroke='%23C58A10' d='M50 10l2 5 5 2-5 2-2 5-2-5-5-2 5-2z'/%3E%3C/svg%3E")}
.em26-mini-hero--r8{--acc:#E05D49;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2316353D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='%23E05D49' fill-opacity='.2' stroke='none' d='M6 37h50l6-4-6 14q-2 4-7 4H15q-4 0-6-4z'/%3E%3Cpath d='M6 37h50l6-4-6 14q-2 4-7 4H15q-4 0-6-4z'/%3E%3Cpath stroke-width='1.5' opacity='.5' d='M11 43h42M13 47h37'/%3E%3Cpath d='M20 37V26q0-2 2-2h16q2 0 2 2v11'/%3E%3Cpath d='M18 24h24'/%3E%3Crect x='24' y='28' width='5' height='5' rx='1' stroke='%23E05D49' stroke-width='2'/%3E%3Crect x='32' y='28' width='5' height='5' rx='1' stroke='%23E05D49' stroke-width='2'/%3E%3Cpath d='M25 24v-9h7v9M23.5 15h10'/%3E%3Cpath stroke-width='1.5' opacity='.55' d='M4 56h56'/%3E%3C/svg%3E")}
.em26-mini-hero--r9{--acc:#B31368;--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='none'%20stroke='%2316353D'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M22%208h20l-4%2010H26z'/%3E%3Cpath%20stroke='%23B31368'%20d='M32%2022v5M24%2021l-3%204M40%2021l3%204'/%3E%3Cpath%20fill='%23B31368'%20fill-opacity='.2'%20stroke='none'%20d='M16.7%2048h30.6l-2.3%208H19z'/%3E%3Cpath%20d='M16%2044h32l-3%2012H19z'/%3E%3Cpath%20d='M32%2030v5'/%3E%3Ccircle%20cx='32'%20cy='41'%20r='5'/%3E%3Cpath%20stroke='%23B31368'%20d='M30%2039.5a2.5%202.5%200%20012-1.5'/%3E%3C/svg%3E")}
.em26-mini-hero--r10{--acc:#0B6E6E;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2316353D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='1.5' opacity='.45' stroke-dasharray='3 3' d='M8 20h48v9H8z'/%3E%3Cpath fill='%230B6E6E' fill-opacity='.2' d='M8 20C14 46 50 46 56 20v9C50 55 14 55 8 29z'/%3E%3Cpath d='M8 20C14 46 50 46 56 20v9C50 55 14 55 8 29z'/%3E%3Cpath d='M8 12v24M56 12v24'/%3E%3Cpath stroke='%230B6E6E' d='M32 4v31M25.5 28.5 32 35l6.5-6.5'/%3E%3C/svg%3E")}