/**
Theme Name: Astra Child
Author: OptimusPrime.pl
Author URI: https://optimusprime.pl/
Description: OptimusPrime to szybki, lekki i wszechstronny motyw WordPress, który sprawdza się zarówno na blogach, stronach firmowych, jak i w projektach portfolio. Został zaprojektowany z myślą o wysokiej wydajności, elastycznej personalizacji i nowoczesnym wyglądzie. Motyw waży bardzo niewiele po stronie frontendu, dzięki czemu stanowi dobrą bazę dla stron, które mają działać sprawnie i ładować się bez zbędnego balastu.

Dużą zaletą OptimusPrime jest jego przyjazność dla SEO. Motyw został przygotowany z myślą o dobrej współpracy z wyszukiwarkami i zawiera zintegrowane rozwiązania oparte o schema.org, co może wspierać widoczność strony w wynikach wyszukiwania. OptimusPrime daje też szerokie możliwości konfiguracji układu, w tym ustawień sidebarów, obszarów widgetów oraz wielu elementów wpływających na strukturę i wygląd witryny.

To motyw, który dobrze współpracuje z popularnymi wtyczkami i page builderami, dzięki czemu pozwala budować strony w sposób wygodny i elastyczny — niezależnie od tego, czy stawiasz na klasyczny edytor, czy bardziej rozbudowane rozwiązania wizualne. OptimusPrime jest także gotowy do pracy z WooCommerce, responsywny, kompatybilny z tłumaczeniami i regularnie rozwijany.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* =========================================================
   EC COMPONENTS LAYER
   Wspólna baza + zoptymalizowane strony customowe
========================================================= */

/* ---------- Page wrapper ---------- */

.ec-page{
  background:var(--ec-color-bg);
  color:var(--ec-color-text);
}

/* ---------- Section ---------- */

.ec-section{
  padding-block:var(--ec-section-space-mobile);
}

@media (min-width:720px){
  .ec-section{
    padding-block:var(--ec-section-space-tablet);
  }
}

@media (min-width:1024px){
  .ec-section{
    padding-block:var(--ec-section-space-desktop);
  }
}

.ec-section--tight{
  padding-block:24px;
}

@media (min-width:720px){
  .ec-section--tight{
    padding-block:32px;
  }
}

@media (min-width:1024px){
  .ec-section--tight{
    padding-block:40px;
  }
}

.ec-section--surface{
  background:var(--ec-color-surface);
}

.ec-section--alt{
  background:var(--ec-color-surface-alt);
}

.ec-section--muted{
  background:var(--ec-color-surface-muted);
}

.ec-section--dark{
  background:var(--ec-color-dark-3);
  color:var(--ec-color-text-inverse);
}

.ec-section--dark h1,
.ec-section--dark h2,
.ec-section--dark h3,
.ec-section--dark h4,
.ec-section--dark h5,
.ec-section--dark h6,
.ec-section--dark .ec-section__title{
  color:var(--ec-color-text-inverse);
}

.ec-section__head{
  max-width:860px;
  margin-bottom:var(--ec-space-8);
}

.ec-section__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 var(--ec-space-3);
  color:var(--ec-color-accent-strong);
  font-size:var(--ec-font-size-sm);
  font-weight:var(--ec-font-weight-semibold);
  letter-spacing:.04em;
  text-transform:uppercase;
}

.ec-section__title{
  margin:0;
  font-size:clamp(1.75rem, 4vw, 2.75rem);
  line-height:var(--ec-line-height-tight);
}

.ec-section__lead{
  margin:var(--ec-space-4) 0 0;
  max-width:760px;
  color:var(--ec-color-text-soft);
  font-size:clamp(1rem, 2vw, 1.125rem);
}

.ec-section--dark .ec-section__lead{
  color:rgba(255,255,255,.82);
}

/* ---------- Content width ---------- */

.ec-narrow{ max-width:780px; }
.ec-medium{ max-width:1024px; }

/* ---------- Layout utilities ---------- */

.ec-stack{
  display:flex;
  flex-direction:column;
  gap:var(--ec-space-4);
}

.ec-stack--sm{ gap:var(--ec-space-3); }
.ec-stack--md{ gap:var(--ec-space-5); }
.ec-stack--lg{ gap:var(--ec-space-8); }

.ec-cluster{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}

.ec-grid{
  display:grid;
  gap:var(--ec-space-5);
}

.ec-grid--2,
.ec-grid--3,
.ec-grid--4{
  grid-template-columns:1fr;
}

@media (min-width:720px){
  .ec-grid--2,
  .ec-grid--3,
  .ec-grid--4{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:1024px){
  .ec-grid--3{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .ec-grid--4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

.ec-split{
  display:grid;
  gap:var(--ec-space-6);
}

@media (min-width:1024px){
  .ec-split{
    grid-template-columns:minmax(0, 1.15fr) minmax(0, .85fr);
    align-items:start;
    gap:var(--ec-space-8);
  }
}

.ec-split--reverse{
  direction:rtl;
}

.ec-split--reverse > *{
  direction:ltr;
}

/* ---------- Surfaces / cards ---------- */

.ec-surface{
  background:var(--ec-color-surface);
  border:1px solid var(--ec-color-border-soft);
  border-radius:var(--ec-radius-lg);
  box-shadow:var(--ec-shadow-sm);
}

.ec-card{
  display:flex;
  flex-direction:column;
  gap:var(--ec-space-4);
  height:100%;
  padding:clamp(18px, 2vw, 24px);
  background:var(--ec-color-surface);
  border:1px solid var(--ec-color-border-soft);
  border-radius:var(--ec-radius-lg);
  box-shadow:var(--ec-shadow-sm);
}

.ec-card--soft{
  background:var(--ec-color-surface-alt);
}

.ec-card--muted{
  background:var(--ec-color-surface-muted);
}

.ec-card--accent{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbf1 100%);
  border-color:#dbe7c8;
}

.ec-card__icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--ec-color-surface-muted);
  color:var(--ec-color-accent-strong);
  font-weight:var(--ec-font-weight-bold);
  flex:0 0 auto;
}

.ec-card__title{
  margin:0;
  font-size:1.125rem;
  line-height:1.3;
}

.ec-card__text{
  margin:0;
  color:var(--ec-color-text-soft);
}

.ec-card__meta{
  margin-top:auto;
  color:var(--ec-color-text-soft);
  font-size:var(--ec-font-size-sm);
}

/* ---------- Rich text / prose ---------- */

.ec-prose{
  color:var(--ec-color-text);
}

.ec-prose > *:first-child{
  margin-top:0;
}

.ec-prose > *:last-child{
  margin-bottom:0;
}

.ec-prose p,
.ec-prose ul,
.ec-prose ol{
  margin:0 0 var(--ec-space-4);
}

.ec-prose h2,
.ec-prose h3,
.ec-prose h4{
  margin:0 0 var(--ec-space-4);
}

.ec-prose ul,
.ec-prose ol{
  padding-left:1.25rem;
}

.ec-prose li + li{
  margin-top:.5rem;
}

.ec-lead{
  margin:0;
  color:var(--ec-color-text-soft);
  font-size:clamp(1rem, 2vw, 1.125rem);
}

.ec-muted{
  color:var(--ec-color-text-soft);
}

/* ---------- Landing CTA buttons only ----------
   Nie dotyka natywnych buttonów Astry/WooCommerce
---------------------------------------------- */

.ec-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--ec-btn-height);
  min-width:var(--ec-touch-target-min);
  padding:12px 20px;
  border-radius:12px;
  border:1px solid transparent;
  text-decoration:none;
  font-weight:var(--ec-font-weight-semibold);
  line-height:1.2;
  text-align:center;
  transition:
    background-color var(--ec-transition-base),
    color var(--ec-transition-base),
    border-color var(--ec-transition-base),
    transform var(--ec-transition-fast),
    box-shadow var(--ec-transition-base);
  cursor:pointer;
}

.ec-btn:hover{
  text-decoration:none;
  transform:translateY(-1px);
}

.ec-btn:active{
  transform:translateY(0);
}

.ec-btn--primary{
  background:var(--ec-color-accent);
  color:var(--ec-color-text-strong);
  border-color:var(--ec-color-accent);
}

.ec-btn--primary:hover{
  background:var(--ec-color-accent-strong);
  border-color:var(--ec-color-accent-strong);
  color:var(--ec-color-text-inverse);
}

.ec-btn--secondary{
  background:var(--ec-color-surface);
  color:var(--ec-color-text-strong);
  border-color:var(--ec-color-border);
}

.ec-btn--secondary:hover{
  background:var(--ec-color-surface-muted);
  border-color:var(--ec-color-accent);
  color:var(--ec-color-text-strong);
}

.ec-btn--ghost{
  background:transparent;
  color:var(--ec-color-link);
  border-color:transparent;
  padding-inline:0;
  min-height:auto;
}

.ec-btn--ghost:hover{
  color:var(--ec-color-link-hover);
  background:transparent;
}

.ec-btn--full{
  width:100%;
}

/* ---------- Pills / badges ---------- */

.ec-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:6px 12px;
  border:1px solid var(--ec-color-border-soft);
  border-radius:var(--ec-radius-full);
  background:var(--ec-color-surface);
  color:var(--ec-color-text-strong);
  font-size:var(--ec-font-size-sm);
  font-weight:var(--ec-font-weight-medium);
}

.ec-badge--soft{
  background:var(--ec-color-surface-muted);
  border-color:#dbe7c8;
}

.ec-badge--info{
  background:var(--ec-color-info-bg);
  border-color:#bfd4ff;
  color:var(--ec-color-info);
}

/* ---------- Feature / check lists ---------- */

.ec-list{
  margin:0;
  padding:0;
  list-style:none;
}

.ec-list--check{
  display:grid;
  gap:12px;
}

.ec-list--check li{
  position:relative;
  padding-left:30px;
  color:var(--ec-color-text);
}

.ec-list--check li::before{
  content:"";
  position:absolute;
  left:0;
  top:.35em;
  width:18px;
  height:18px;
  border-radius:999px;
  background:var(--ec-color-surface-muted);
  border:1px solid #cfe0b6;
  box-shadow:inset 0 0 0 4px var(--ec-color-accent);
}

.ec-list--plain{
  display:grid;
  gap:10px;
}

.ec-list__label{
  color:var(--ec-color-text-strong);
  font-weight:var(--ec-font-weight-semibold);
}

/* ---------- Info boxes ---------- */

.ec-note{
  padding:16px 18px;
  border-radius:var(--ec-radius-md);
  border:1px solid var(--ec-color-border-soft);
  background:var(--ec-color-surface-alt);
}

.ec-note--success{
  background:var(--ec-color-success-bg);
  border-color:#b7e5c7;
}

.ec-note--warning{
  background:var(--ec-color-warning-bg);
  border-color:#f6d99b;
}

.ec-note--info{
  background:var(--ec-color-info-bg);
  border-color:#bfd4ff;
}

.ec-note__title{
  margin:0 0 8px;
  color:var(--ec-color-text-strong);
  font-size:1rem;
  font-weight:var(--ec-font-weight-semibold);
}

.ec-note__text{
  margin:0;
  color:var(--ec-color-text);
}

/* ---------- Stats / KPI ---------- */

.ec-kpis{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

@media (min-width:1024px){
  .ec-kpis{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

.ec-kpi{
  padding:18px;
  border-radius:var(--ec-radius-lg);
  background:var(--ec-color-surface);
  border:1px solid var(--ec-color-border-soft);
  box-shadow:var(--ec-shadow-sm);
}

.ec-kpi__value{
  margin:0 0 6px;
  color:var(--ec-color-text-strong);
  font-size:clamp(1.25rem, 3vw, 2rem);
  font-weight:var(--ec-font-weight-bold);
  line-height:1.1;
}

.ec-kpi__label{
  margin:0;
  color:var(--ec-color-text-soft);
  font-size:var(--ec-font-size-sm);
}

/* ---------- CTA box ---------- */

.ec-cta{
  padding:clamp(20px, 3vw, 32px);
  border-radius:var(--ec-radius-xl);
  background:linear-gradient(180deg, #ffffff 0%, #f7fbf1 100%);
  border:1px solid #dbe7c8;
  box-shadow:var(--ec-shadow-md);
}

.ec-cta__title{
  margin:0 0 10px;
  color:var(--ec-color-text-strong);
  font-size:clamp(1.5rem, 3vw, 2rem);
  line-height:1.15;
}

.ec-cta__text{
  margin:0 0 var(--ec-space-5);
  max-width:760px;
  color:var(--ec-color-text-soft);
}

/* ---------- Table ---------- */

.ec-table-wrap{
  overflow-x:auto;
  border:1px solid var(--ec-color-border-soft);
  border-radius:var(--ec-radius-lg);
  background:var(--ec-color-surface);
  box-shadow:var(--ec-shadow-sm);
}

.ec-table{
  width:100%;
  min-width:640px;
  border-collapse:collapse;
}

.ec-table th,
.ec-table td{
  padding:14px 16px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--ec-color-border-soft);
}

.ec-table thead th{
  background:var(--ec-color-surface-alt);
  color:var(--ec-color-text-strong);
  font-size:var(--ec-font-size-sm);
  font-weight:var(--ec-font-weight-semibold);
}

.ec-table tbody tr:last-child td{
  border-bottom:0;
}

.ec-table td{
  color:var(--ec-color-text);
}

/* ---------- FAQ / accordion ---------- */

.ec-faq{
  display:grid;
  gap:12px;
}

.ec-faq details{
  overflow:hidden;
  background:var(--ec-color-surface);
  border:1px solid var(--ec-color-border-soft);
  border-radius:var(--ec-radius-lg);
  box-shadow:var(--ec-shadow-sm);
}

.ec-faq summary{
  position:relative;
  display:block;
  padding:18px 48px 18px 18px;
  color:var(--ec-color-text-strong);
  font-weight:var(--ec-font-weight-semibold);
  cursor:pointer;
  list-style:none;
}

.ec-faq summary::-webkit-details-marker{
  display:none;
}

.ec-faq summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:var(--ec-color-accent-strong);
  font-size:1.25rem;
  line-height:1;
}

.ec-faq details[open] summary::after{
  content:"–";
}

.ec-faq__body{
  padding:0 18px 18px;
  color:var(--ec-color-text);
}

.ec-faq__body > *:first-child{
  margin-top:0;
}

.ec-faq__body > *:last-child{
  margin-bottom:0;
}

/* ---------- Media placeholder ---------- */

.ec-media{
  aspect-ratio:16 / 10;
  border-radius:var(--ec-radius-xl);
  background:linear-gradient(180deg, rgba(122,193,66,.16) 0%, rgba(255,255,255,1) 100%);
  border:1px solid #dbe7c8;
  box-shadow:var(--ec-shadow-sm);
}

.ec-media--square{
  aspect-ratio:1 / 1;
}

/* ---------- Helper spacing ---------- */

.ec-mt-0{ margin-top:0 !important; }
.ec-mb-0{ margin-bottom:0 !important; }
.ec-text-center{ text-align:center; }

/* ---------- Safer links inside dark sections ---------- */

.ec-section--dark a{
  color:#d8efc0;
}

.ec-section--dark a:hover{
  color:#ffffff;
}

/* =========================================================
   EC PAGE CORE
   Wspólna warstwa dla:
   - /sklad-wegla/
   - /o-firmie/
   - /ceny-wegla/
========================================================= */

.ec-sklad-v3,
.ec-about-v1,
.ec-prices-v1{
  --ec-page-bg:#f8fafc;
  --ec-page-surface:#ffffff;
  --ec-page-alt:#f8fafc;
  --ec-page-dark:#0f172a;
  --ec-page-heading:#0f172a;
  --ec-page-text:#475569;
  --ec-page-border:#e5e7eb;
  --ec-page-title-max:10ch;
  --ec-page-hero-card-width:360px;
  background:var(--ec-page-bg);
  color:var(--ec-color-text, #334155);
}

.ec-sklad-v3{
  --ec-page-title-max:9ch;
}

.ec-prices-v1{
  --ec-page-hero-card-width:380px;
}

.ec-sklad-v3,
.ec-sklad-v3 *,
.ec-about-v1,
.ec-about-v1 *,
.ec-prices-v1,
.ec-prices-v1 *{
  box-sizing:border-box;
}

.ec-sklad-v3 img,
.ec-about-v1 img,
.ec-prices-v1 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.ec-sklad-v3__container,
.ec-about-v1__container,
.ec-prices-v1__container{
  width:min(100% - 32px, 1280px);
  margin-inline:auto;
}

@media (min-width:720px){
  .ec-sklad-v3__container,
  .ec-about-v1__container,
  .ec-prices-v1__container{
    width:min(100% - 48px, 1280px);
  }
}

@media (min-width:1024px){
  .ec-sklad-v3__container,
  .ec-about-v1__container,
  .ec-prices-v1__container{
    width:min(100% - 64px, 1280px);
  }
}

.ec-sklad-v3__section,
.ec-about-v1__section,
.ec-prices-v1__section{
  padding:56px 0;
}

@media (min-width:720px){
  .ec-sklad-v3__section,
  .ec-about-v1__section,
  .ec-prices-v1__section{
    padding:72px 0;
  }
}

@media (min-width:1024px){
  .ec-sklad-v3__section,
  .ec-about-v1__section,
  .ec-prices-v1__section{
    padding:88px 0;
  }
}

.ec-sklad-v3__surface,
.ec-about-v1__surface,
.ec-prices-v1__surface{
  background:#ffffff;
}

.ec-sklad-v3__alt,
.ec-about-v1__alt,
.ec-prices-v1__alt{
  background:#f8fafc;
}

.ec-sklad-v3__dark,
.ec-about-v1__dark,
.ec-prices-v1__dark{
  background:#0f172a;
  color:#ffffff;
}

.ec-sklad-v3__head,
.ec-about-v1__head,
.ec-prices-v1__head{
  max-width:880px;
  margin:0 0 32px;
}

.ec-sklad-v3__eyebrow,
.ec-about-v1__eyebrow,
.ec-prices-v1__eyebrow{
  display:inline-block;
  margin:0 0 12px;
  color:#475569;
  font-size:.86rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ec-sklad-v3__title,
.ec-about-v1__title,
.ec-prices-v1__title{
  margin:0;
  color:#0f172a;
  font-size:clamp(2rem, 4vw, 3.5rem);
  line-height:1.05;
  letter-spacing:-0.03em;
}

.ec-sklad-v3__lead,
.ec-about-v1__lead,
.ec-prices-v1__lead{
  margin:16px 0 0;
  color:#475569;
  font-size:clamp(1.02rem, 1.6vw, 1.18rem);
  line-height:1.75;
}

.ec-sklad-v3__dark .ec-sklad-v3__eyebrow,
.ec-about-v1__dark .ec-about-v1__eyebrow,
.ec-prices-v1__dark .ec-prices-v1__eyebrow{
  color:#94a3b8;
}

.ec-sklad-v3__dark .ec-sklad-v3__title,
.ec-about-v1__dark .ec-about-v1__title,
.ec-prices-v1__dark .ec-prices-v1__title{
  color:#ffffff;
}

.ec-sklad-v3__dark .ec-sklad-v3__lead,
.ec-about-v1__dark .ec-about-v1__lead,
.ec-prices-v1__dark .ec-prices-v1__lead{
  color:#cbd5e1;
}

/* ---------- Page CTA buttons ----------
   Zostawione świadomie jako osobny system dla landingów.
   Nie ingeruje w natywne buttony Astry/Woo.
-------------------------------------- */

.ec-sklad-v3__btn,
.ec-about-v1__btn,
.ec-prices-v1__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border-radius:14px;
  border:1px solid transparent;
  text-decoration:none;
  font-weight:600;
  line-height:1.2;
  transition:
    transform .15s ease,
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.ec-sklad-v3__btn:hover,
.ec-about-v1__btn:hover,
.ec-prices-v1__btn:hover{
  transform:translateY(-1px);
  text-decoration:none;
}

.ec-sklad-v3__btn--primary,
.ec-about-v1__btn--primary,
.ec-prices-v1__btn--primary{
  background:var(--ec-color-accent, #7AC142);
  border-color:var(--ec-color-accent, #7AC142);
  color:#0f172a;
  box-shadow:0 12px 30px rgba(122,193,66,.18);
}

.ec-sklad-v3__btn--primary:hover,
.ec-about-v1__btn--primary:hover,
.ec-prices-v1__btn--primary:hover{
  background:var(--ec-color-accent-hover, #5E9E2F);
  border-color:var(--ec-color-accent-hover, #5E9E2F);
  color:#ffffff;
}

.ec-sklad-v3__btn--secondary,
.ec-about-v1__btn--secondary,
.ec-prices-v1__btn--secondary{
  background:#ffffff;
  border-color:#d1d5db;
  color:#0f172a;
}

.ec-sklad-v3__btn--secondary:hover,
.ec-about-v1__btn--secondary:hover,
.ec-prices-v1__btn--secondary:hover{
  border-color:#b9d69b;
  color:#0f172a;
}

.ec-sklad-v3__hero .ec-sklad-v3__btn--secondary,
.ec-about-v1__hero .ec-about-v1__btn--secondary,
.ec-prices-v1__hero .ec-prices-v1__btn--secondary,
.ec-sklad-v3__dark .ec-sklad-v3__btn--secondary,
.ec-about-v1__dark .ec-about-v1__btn--secondary,
.ec-prices-v1__dark .ec-prices-v1__btn--secondary{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18);
  color:#ffffff;
}

.ec-sklad-v3__hero .ec-sklad-v3__btn--secondary:hover,
.ec-about-v1__hero .ec-about-v1__btn--secondary:hover,
.ec-prices-v1__hero .ec-prices-v1__btn--secondary:hover,
.ec-sklad-v3__dark .ec-sklad-v3__btn--secondary:hover,
.ec-about-v1__dark .ec-about-v1__btn--secondary:hover,
.ec-prices-v1__dark .ec-prices-v1__btn--secondary:hover{
  background:rgba(255,255,255,.12);
  color:#ffffff;
}

/* ---------- Hero ---------- */

.ec-sklad-v3__hero,
.ec-about-v1__hero,
.ec-prices-v1__hero{
  position:relative;
  overflow:hidden;
  padding:34px 0 48px;
  background:linear-gradient(180deg, #0f172a 0%, #111827 100%);
  color:#ffffff;
}

@media (min-width:720px){
  .ec-sklad-v3__hero,
  .ec-about-v1__hero,
  .ec-prices-v1__hero{
    padding:48px 0 64px;
  }
}

@media (min-width:1024px){
  .ec-sklad-v3__hero,
  .ec-about-v1__hero,
  .ec-prices-v1__hero{
    padding:64px 0 78px;
  }
}

.ec-sklad-v3__hero::before,
.ec-about-v1__hero::before,
.ec-prices-v1__hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 10%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 32%),
    radial-gradient(circle at 90% 20%, rgba(122,193,66,.08) 0%, rgba(122,193,66,0) 24%);
}

.ec-sklad-v3__hero-grid,
.ec-about-v1__hero-grid,
.ec-prices-v1__hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:28px;
}

@media (min-width:1024px){
  .ec-sklad-v3__hero-grid{
    grid-template-columns:minmax(0, 1.05fr) minmax(420px, .95fr);
    align-items:center;
    gap:34px;
  }

  .ec-about-v1__hero-grid,
  .ec-prices-v1__hero-grid{
    grid-template-columns:minmax(0, 1.02fr) minmax(420px, .98fr);
    align-items:center;
    gap:34px;
  }
}

.ec-sklad-v3__hero-copy,
.ec-about-v1__hero-copy,
.ec-prices-v1__hero-copy{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.ec-sklad-v3__hero-badges,
.ec-about-v1__hero-badges,
.ec-prices-v1__hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ec-sklad-v3__badge,
.ec-about-v1__badge,
.ec-prices-v1__badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#e2e8f0;
  font-size:.92rem;
  font-weight:500;
}

.ec-sklad-v3__hero-title,
.ec-about-v1__hero-title,
.ec-prices-v1__hero-title{
  margin:0;
  color:#ffffff;
  font-size:clamp(2.6rem, 5.8vw, 5rem);
  line-height:.96;
  letter-spacing:-0.04em;
}

.ec-sklad-v3__hero-title{
  max-width:12ch;
}

.ec-about-v1__hero-title,
.ec-prices-v1__hero-title{
  max-width:10ch;
}

.ec-sklad-v3__hero-text,
.ec-about-v1__hero-text,
.ec-prices-v1__hero-text{
  max-width:760px;
  margin:0;
  color:#cbd5e1;
  font-size:clamp(1.05rem, 1.7vw, 1.24rem);
  line-height:1.75;
}

.ec-sklad-v3__hero-actions,
.ec-about-v1__hero-actions,
.ec-prices-v1__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:2px;
}

.ec-sklad-v3__hero-points,
.ec-about-v1__hero-points,
.ec-prices-v1__hero-points{
  display:grid;
  gap:12px;
  margin:6px 0 0;
  padding:0;
  list-style:none;
}

@media (min-width:720px){
  .ec-sklad-v3__hero-points,
  .ec-about-v1__hero-points,
  .ec-prices-v1__hero-points{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.ec-sklad-v3__hero-points li,
.ec-about-v1__hero-points li,
.ec-prices-v1__hero-points li{
  padding:16px 16px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(6px);
}

.ec-sklad-v3__hero-points strong,
.ec-about-v1__hero-points strong,
.ec-prices-v1__hero-points strong{
  display:block;
  margin:0 0 6px;
  color:#ffffff;
  font-size:.98rem;
  line-height:1.3;
}

.ec-sklad-v3__hero-points span,
.ec-about-v1__hero-points span,
.ec-prices-v1__hero-points span{
  display:block;
  color:#cbd5e1;
  font-size:.94rem;
  line-height:1.55;
}

.ec-sklad-v3__hero-media,
.ec-about-v1__hero-media,
.ec-prices-v1__hero-media{
  position:relative;
  min-height:340px;
  overflow:hidden;
  border-radius:24px;
  box-shadow:
    0 28px 60px rgba(2,6,23,.36),
    0 0 0 1px rgba(255,255,255,.08);
  background:#0b1220;
}

@media (min-width:720px){
  .ec-sklad-v3__hero-media,
  .ec-about-v1__hero-media,
  .ec-prices-v1__hero-media{
    min-height:460px;
  }
}

@media (min-width:1024px){
  .ec-sklad-v3__hero-media,
  .ec-about-v1__hero-media,
  .ec-prices-v1__hero-media{
    min-height:560px;
  }
}

.ec-sklad-v3__hero-media::after,
.ec-about-v1__hero-media::after,
.ec-prices-v1__hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(15,23,42,.08) 0%, rgba(15,23,42,.12) 100%),
    linear-gradient(0deg, rgba(15,23,42,.62) 0%, rgba(15,23,42,0) 45%);
  pointer-events:none;
}

.ec-sklad-v3__hero-card,
.ec-about-v1__hero-card,
.ec-prices-v1__hero-card{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  color:#0f172a;
  box-shadow:0 18px 40px rgba(2,6,23,.18);
}

@media (min-width:720px){
  .ec-sklad-v3__hero-card,
  .ec-about-v1__hero-card{
    left:22px;
    right:auto;
    bottom:22px;
    width:min(360px, calc(100% - 44px));
  }

  .ec-prices-v1__hero-card{
    left:22px;
    right:auto;
    bottom:22px;
    width:min(380px, calc(100% - 44px));
  }
}

.ec-sklad-v3__hero-card-title,
.ec-about-v1__hero-card-title,
.ec-prices-v1__hero-card-title{
  margin:0 0 6px;
  font-size:1rem;
  font-weight:700;
  line-height:1.25;
}

.ec-sklad-v3__hero-card-text,
.ec-about-v1__hero-card-text,
.ec-prices-v1__hero-card-text{
  margin:0;
  color:#475569;
  font-size:.95rem;
  line-height:1.55;
}

/* ---------- Gallery strip ---------- */

.ec-sklad-v3__gallery,
.ec-about-v1__gallery{
  margin-top:-26px;
  position:relative;
  z-index:3;
}

@media (min-width:1024px){
  .ec-sklad-v3__gallery,
  .ec-about-v1__gallery{
    margin-top:-34px;
  }
}

.ec-sklad-v3__gallery-grid,
.ec-about-v1__gallery-grid{
  display:grid;
  gap:16px;
}

@media (min-width:720px){
  .ec-sklad-v3__gallery-grid,
  .ec-about-v1__gallery-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.ec-sklad-v3__shot,
.ec-about-v1__shot{
  overflow:hidden;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0 20px 50px rgba(15,23,42,.10);
  border:1px solid #e5e7eb;
}

.ec-sklad-v3__shot-media,
.ec-about-v1__shot-media{
  aspect-ratio:16 / 11;
  background:#e2e8f0;
}

.ec-sklad-v3__shot-body,
.ec-about-v1__shot-body{
  padding:14px 16px 16px;
}

.ec-sklad-v3__shot-title,
.ec-about-v1__shot-title{
  margin:0 0 4px;
  color:#0f172a;
  font-size:1rem;
  font-weight:700;
  line-height:1.3;
}

.ec-sklad-v3__shot-text,
.ec-about-v1__shot-text{
  margin:0;
  color:#64748b;
  font-size:.94rem;
  line-height:1.55;
}

/* ---------- Split / copy / media ---------- */

.ec-sklad-v3__split,
.ec-about-v1__split,
.ec-prices-v1__split{
  display:grid;
  gap:24px;
}

@media (min-width:1024px){
  .ec-sklad-v3__split,
  .ec-about-v1__split,
  .ec-prices-v1__split{
    grid-template-columns:minmax(0, 1fr) minmax(380px, .92fr);
    align-items:center;
    gap:34px;
  }
}

.ec-sklad-v3__split--reverse,
.ec-about-v1__split--reverse,
.ec-prices-v1__split--reverse{
  direction:rtl;
}

.ec-sklad-v3__split--reverse > *,
.ec-about-v1__split--reverse > *,
.ec-prices-v1__split--reverse > *{
  direction:ltr;
}

.ec-sklad-v3__copy-box,
.ec-about-v1__copy-box,
.ec-prices-v1__copy-box{
  padding:28px;
  border:1px solid #e5e7eb;
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 14px 36px rgba(15,23,42,.07);
}

@media (min-width:1024px){
  .ec-sklad-v3__copy-box,
  .ec-about-v1__copy-box,
  .ec-prices-v1__copy-box{
    padding:34px;
  }
}

.ec-sklad-v3__copy-box h2,
.ec-about-v1__copy-box h2,
.ec-prices-v1__copy-box h2{
  margin:0 0 14px;
  color:#0f172a;
  font-size:clamp(1.9rem, 3.6vw, 3rem);
  line-height:1.06;
  letter-spacing:-0.03em;
}

.ec-sklad-v3__copy-box p,
.ec-about-v1__copy-box p,
.ec-prices-v1__copy-box p{
  margin:0 0 16px;
  color:#475569;
  line-height:1.8;
}

.ec-sklad-v3__copy-box p:last-child,
.ec-about-v1__copy-box p:last-child,
.ec-prices-v1__copy-box p:last-child{
  margin-bottom:0;
}

.ec-sklad-v3__checklist,
.ec-about-v1__checklist,
.ec-prices-v1__checklist{
  display:grid;
  gap:12px;
  margin:4px 0 0;
  padding:0;
  list-style:none;
}

.ec-sklad-v3__checklist li,
.ec-about-v1__checklist li,
.ec-prices-v1__checklist li{
  position:relative;
  padding-left:30px;
  color:#334155;
  line-height:1.65;
}

.ec-sklad-v3__checklist li::before,
.ec-about-v1__checklist li::before,
.ec-prices-v1__checklist li::before{
  content:"";
  position:absolute;
  left:0;
  top:.38em;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#eef7e5;
  border:1px solid #cfe0b6;
  box-shadow:inset 0 0 0 4px var(--ec-color-accent, #7AC142);
}

.ec-sklad-v3__media-card,
.ec-about-v1__media-card,
.ec-prices-v1__media-card{
  overflow:hidden;
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 24px 50px rgba(15,23,42,.10);
  border:1px solid #e5e7eb;
}

.ec-sklad-v3__media-frame,
.ec-about-v1__media-frame,
.ec-prices-v1__media-frame{
  aspect-ratio:4 / 3;
  background:#e2e8f0;
}

.ec-sklad-v3__media-body,
.ec-about-v1__media-body,
.ec-prices-v1__media-body{
  padding:18px 18px 20px;
}

.ec-sklad-v3__media-title,
.ec-about-v1__media-title,
.ec-prices-v1__media-title{
  margin:0 0 6px;
  color:#0f172a;
  font-size:1rem;
  font-weight:700;
  line-height:1.3;
}

.ec-sklad-v3__media-text,
.ec-about-v1__media-text,
.ec-prices-v1__media-text{
  margin:0;
  color:#64748b;
  line-height:1.65;
}

/* ---------- Shared dark grids ---------- */

.ec-sklad-v3__trust-grid,
.ec-about-v1__values-grid,
.ec-prices-v1__trust-grid{
  display:grid;
  gap:18px;
}

@media (min-width:720px){
  .ec-sklad-v3__trust-grid,
  .ec-about-v1__values-grid,
  .ec-prices-v1__trust-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

.ec-sklad-v3__trust,
.ec-about-v1__value,
.ec-prices-v1__trust{
  padding:24px 22px 22px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 36px rgba(2,6,23,.18);
}

.ec-sklad-v3__trust h3,
.ec-about-v1__value h3,
.ec-prices-v1__trust h3{
  margin:0 0 10px;
  color:#ffffff;
  font-size:1.18rem;
  line-height:1.25;
}

.ec-sklad-v3__trust p,
.ec-about-v1__value p,
.ec-prices-v1__trust p{
  margin:0;
  color:#cbd5e1;
  line-height:1.75;
}

/* ---------- Nav cards ---------- */

.ec-sklad-v3__nav-grid,
.ec-about-v1__nav-grid,
.ec-prices-v1__nav-grid{
  display:grid;
  gap:16px;
}

@media (min-width:720px){
  .ec-sklad-v3__nav-grid,
  .ec-about-v1__nav-grid,
  .ec-prices-v1__nav-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

.ec-sklad-v3__nav-card,
.ec-about-v1__nav-card,
.ec-prices-v1__nav-card{
  display:block;
  padding:22px 20px 20px;
  border-radius:18px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  text-decoration:none;
  box-shadow:0 14px 36px rgba(15,23,42,.07);
  transition:
    transform .15s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.ec-sklad-v3__nav-card:hover,
.ec-about-v1__nav-card:hover,
.ec-prices-v1__nav-card:hover{
  transform:translateY(-2px);
  border-color:#d6e6c3;
  box-shadow:0 20px 46px rgba(15,23,42,.10);
}

.ec-sklad-v3__nav-title,
.ec-about-v1__nav-title,
.ec-prices-v1__nav-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 8px;
  color:#0f172a;
  font-size:1.12rem;
  font-weight:700;
  line-height:1.3;
}

.ec-sklad-v3__nav-title::after,
.ec-about-v1__nav-title::after,
.ec-prices-v1__nav-title::after{
  content:"→";
  color:var(--ec-color-accent-strong, #4F8A24);
  font-weight:700;
}

.ec-sklad-v3__nav-text,
.ec-about-v1__nav-text,
.ec-prices-v1__nav-text{
  margin:0;
  color:#64748b;
  line-height:1.65;
}

/* ---------- FAQ ---------- */

.ec-sklad-v3__faq,
.ec-prices-v1__faq{
  display:grid;
  gap:12px;
}

.ec-sklad-v3__faq details,
.ec-prices-v1__faq details{
  overflow:hidden;
  border-radius:18px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}

.ec-sklad-v3__faq summary,
.ec-prices-v1__faq summary{
  position:relative;
  display:block;
  padding:18px 52px 18px 18px;
  color:#0f172a;
  font-weight:600;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}

.ec-sklad-v3__faq summary::-webkit-details-marker,
.ec-prices-v1__faq summary::-webkit-details-marker{
  display:none;
}

.ec-sklad-v3__faq summary::after,
.ec-prices-v1__faq summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:#0f172a;
  font-size:1.45rem;
  line-height:1;
}

.ec-sklad-v3__faq details[open] summary::after,
.ec-prices-v1__faq details[open] summary::after{
  content:"–";
}

.ec-sklad-v3__faq-body,
.ec-prices-v1__faq-body{
  padding:0 18px 18px;
}

.ec-sklad-v3__faq-body p,
.ec-prices-v1__faq-body p{
  margin:0;
  color:#475569;
  line-height:1.75;
}

/* ---------- CTA ---------- */

.ec-sklad-v3__cta,
.ec-about-v1__cta,
.ec-prices-v1__cta{
  display:grid;
  gap:22px;
  padding:24px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 24px 54px rgba(15,23,42,.10);
}

@media (min-width:1024px){
  .ec-sklad-v3__cta,
  .ec-about-v1__cta,
  .ec-prices-v1__cta{
    grid-template-columns:minmax(0, 1fr) minmax(300px, .72fr);
    align-items:center;
    padding:32px;
  }
}

.ec-sklad-v3__cta-title,
.ec-about-v1__cta-title,
.ec-prices-v1__cta-title{
  margin:0 0 10px;
  color:#0f172a;
  font-size:clamp(1.9rem, 3.2vw, 2.8rem);
  line-height:1.08;
  letter-spacing:-0.03em;
}

.ec-sklad-v3__cta-text,
.ec-about-v1__cta-text,
.ec-prices-v1__cta-text{
  margin:0 0 18px;
  color:#475569;
  line-height:1.75;
}

.ec-sklad-v3__cta-actions,
.ec-about-v1__cta-actions,
.ec-prices-v1__cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.ec-sklad-v3__cta-media,
.ec-about-v1__cta-media,
.ec-prices-v1__cta-media{
  overflow:hidden;
  min-height:240px;
  border-radius:20px;
  background:#e2e8f0;
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}

/* ---------- Placeholder mode ---------- */

.ec-sklad-v3--placeholder .ec-sklad-v3__hero-media img,
.ec-sklad-v3--placeholder .ec-sklad-v3__shot-media img,
.ec-sklad-v3--placeholder .ec-sklad-v3__media-frame img,
.ec-sklad-v3--placeholder .ec-sklad-v3__cta-media img,
.ec-about-v1--placeholder .ec-about-v1__hero-media img,
.ec-about-v1--placeholder .ec-about-v1__shot-media img,
.ec-about-v1--placeholder .ec-about-v1__media-frame img,
.ec-about-v1--placeholder .ec-about-v1__cta-media img,
.ec-prices-v1--placeholder .ec-prices-v1__hero-media img,
.ec-prices-v1--placeholder .ec-prices-v1__media-frame img,
.ec-prices-v1--placeholder .ec-prices-v1__cta-media img{
  object-fit:contain;
  background:#ffffff;
  padding:18px;
}

/* =========================================================
   EC PAGE DELTAS
   Tylko elementy unikalne dla konkretnych stron
========================================================= */

/* ---------- /sklad-wegla/ ---------- */

.ec-sklad-v3__steps,
.ec-sklad-v3__offer-grid{
  display:grid;
  gap:18px;
}

@media (min-width:720px){
  .ec-sklad-v3__steps,
  .ec-sklad-v3__offer-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.ec-sklad-v3__step,
.ec-sklad-v3__offer{
  padding:24px 22px 22px;
  border-radius:20px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}

.ec-sklad-v3__step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin:0 0 14px;
  border-radius:12px;
  background:#f1f5f9;
  color:#0f172a;
  font-size:.95rem;
  font-weight:700;
}

.ec-sklad-v3__step h3,
.ec-sklad-v3__offer h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:1.18rem;
  line-height:1.25;
}

.ec-sklad-v3__step p,
.ec-sklad-v3__offer p{
  margin:0;
  color:#475569;
  line-height:1.7;
}

/* ---------- /o-firmie/ ---------- */

.ec-about-v1__process-grid{
  display:grid;
  gap:18px;
}

@media (min-width:720px){
  .ec-about-v1__process-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

.ec-about-v1__process{
  padding:24px 22px 22px;
  border:1px solid #e5e7eb;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}

.ec-about-v1__process-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin:0 0 14px;
  border-radius:12px;
  background:#f1f5f9;
  color:#0f172a;
  font-size:.95rem;
  font-weight:700;
}

.ec-about-v1__process h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:1.12rem;
  line-height:1.25;
}

.ec-about-v1__process p{
  margin:0;
  color:#475569;
  line-height:1.7;
}

/* ---------- /ceny-wegla/ ---------- */

.ec-prices-v1 a{
  text-decoration:none;
}

.ec-prices-v1__board-wrap{
  margin-top:-30px;
  position:relative;
  z-index:3;
}

@media (min-width:1024px){
  .ec-prices-v1__board-wrap{
    margin-top:-42px;
  }
}

.ec-prices-v1__board{
  padding:22px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 28px 60px rgba(15,23,42,.10);
}

@media (min-width:1024px){
  .ec-prices-v1__board{
    padding:28px;
  }
}

.ec-prices-v1__board-top{
  display:grid;
  gap:16px;
  margin-bottom:18px;
}

@media (min-width:1024px){
  .ec-prices-v1__board-top{
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:end;
  }
}

.ec-prices-v1__board-title{
  margin:0 0 8px;
  color:#0f172a;
  font-size:clamp(1.5rem, 2.6vw, 2rem);
  line-height:1.1;
}

.ec-prices-v1__board-text{
  margin:0;
  color:#475569;
  line-height:1.7;
}

.ec-prices-v1__board-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ec-prices-v1__meta-pill{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#f8fafc;
  color:#334155;
  font-size:.92rem;
  font-weight:500;
}

.ec-prices-v1__meta-pill strong{
  color:#0f172a;
  font-weight:700;
}

.ec-prices-v1__prices-grid{
  display:grid;
  gap:16px;
}

@media (min-width:720px){
  .ec-prices-v1__prices-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:1180px){
  .ec-prices-v1__prices-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.ec-prices-v1__price-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:20px;
  border-radius:20px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 14px 32px rgba(15,23,42,.06);
}

.ec-prices-v1__price-top{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:10px;
}

.ec-prices-v1__tag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  background:#f1f5f9;
  color:#334155;
  font-size:.82rem;
  font-weight:600;
}

.ec-prices-v1__price-name{
  margin:0;
  color:#0f172a;
  font-size:1.15rem;
  line-height:1.3;
}

.ec-prices-v1__price-desc{
  margin:0;
  color:#64748b;
  line-height:1.6;
}

.ec-prices-v1__price-row{
  display:flex;
  align-items:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.ec-prices-v1__price-value{
  color:#0f172a;
  font-size:clamp(1.9rem, 3vw, 2.4rem);
  line-height:1;
  font-weight:800;
  letter-spacing:-0.03em;
}

.ec-prices-v1__price-unit{
  color:#475569;
  font-size:1rem;
  line-height:1.2;
  font-weight:600;
}

.ec-prices-v1__price-note{
  margin:0;
  color:#64748b;
  font-size:.95rem;
  line-height:1.55;
}

.ec-prices-v1__price-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:auto;
}

.ec-prices-v1__price-foot{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.ec-prices-v1__mini-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:#eef7e5;
  color:#334155;
  font-size:.8rem;
  font-weight:600;
  border:1px solid #dcebcf;
}

.ec-prices-v1__board-bottom{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #e5e7eb;
  color:#64748b;
  font-size:.94rem;
  line-height:1.7;
}

.ec-prices-v1__factors-grid{
  display:grid;
  gap:18px;
}

@media (min-width:720px){
  .ec-prices-v1__factors-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:1180px){
  .ec-prices-v1__factors-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

.ec-prices-v1__factor{
  padding:24px 22px 22px;
  border:1px solid #e5e7eb;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}

.ec-prices-v1__factor h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:1.12rem;
  line-height:1.25;
}

.ec-prices-v1__factor p{
  margin:0;
  color:#475569;
  line-height:1.7;
}