/* ==========================================================================
   ETM Pricing pages — modern SaaS pricing layout.
   Scoped to .etm-pricing so it never leaks into other templates.
   Brand: navy #001238 / navy2 #0d1f4c / teal #00c9a7, Inter.
   Reuses .etm-btn* from etm.css; adds its own palette tokens.
   ========================================================================== */

.etm-pricing{
  --p-navy:#001238;
  --p-navy2:#0d1f4c;
  --p-teal:#00c9a7;
  --p-teal-d:#00a98c;
  --p-ink:#13203a;
  --p-muted:#5b6b86;
  --p-line:#e4e9f2;
  --p-soft:#f4f7fb;
  --p-tealsoft:#e6faf5;
  --p-radius:16px;
  --p-shadow:0 1px 2px rgba(0,18,56,.04),0 8px 28px rgba(0,18,56,.06);
  --p-shadow-lg:0 18px 50px rgba(0,18,56,.14);
  max-width:1180px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--p-ink);
}
.etm-pricing .etm-ico{flex:none;}

/* ---- Hero -------------------------------------------------------------- */
.etm-price-hero{
  text-align:center;max-width:760px;margin:8px auto 40px;
}
.etm-price-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--p-teal-d);background:var(--p-tealsoft);
  padding:6px 14px;border-radius:99px;margin-bottom:18px;
}
.etm-price-eyebrow .etm-ico{width:16px;height:16px;}
.etm-price-hero h1{
  font-size:clamp(28px,4vw,42px);line-height:1.1;font-weight:800;
  color:var(--p-navy);margin:0 0 16px;letter-spacing:-.02em;
}
.etm-price-lede{font-size:18px;line-height:1.6;color:var(--p-muted);margin:0;}

/* ---- Overview cards ---------------------------------------------------- */
.etm-price-overview{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:42px;
}
.etm-price-overview-card{
  display:flex;flex-direction:column;gap:8px;text-decoration:none;
  background:#fff;border:1px solid var(--p-line);border-radius:var(--p-radius);
  padding:28px 26px;box-shadow:var(--p-shadow);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.etm-price-overview-card:hover{
  transform:translateY(-3px);box-shadow:var(--p-shadow-lg);border-color:var(--p-teal);
}
.etm-price-overview-icon{
  width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--p-navy);color:#fff;margin-bottom:6px;
}
.etm-price-overview-icon .etm-ico{width:24px;height:24px;}
.etm-price-overview-card h2{font-size:18px;color:var(--p-navy);margin:0;font-weight:700;}
.etm-price-overview-card p{font-size:14px;color:var(--p-muted);margin:0;line-height:1.5;}
.etm-price-overview-from{font-weight:800!important;color:var(--p-teal-d)!important;font-size:15px!important;}
.etm-price-overview-card .etm-btn{margin-top:auto;}

/* ---- Lead banner (the key selling point) ------------------------------- */
.etm-price-leadbanner{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  background:linear-gradient(120deg,var(--p-navy),var(--p-navy2));
  color:#fff;border-radius:var(--p-radius);padding:30px 34px;margin-bottom:42px;
  box-shadow:var(--p-shadow);
}
.etm-price-leadbanner.is-inline{margin:0 auto 36px;max-width:840px;}
.etm-price-leadbanner h2{
  display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin:0 0 8px;color:#fff;
}
.etm-price-leadbanner h2 .etm-ico{width:22px;height:22px;color:var(--p-teal);}
.etm-price-leadbanner p{margin:0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.82);max-width:640px;}
.etm-price-leadbanner .etm-btn{flex:none;}

/* ---- Plan cards grid --------------------------------------------------- */
.etm-price-grid{
  display:grid;gap:24px;margin-bottom:18px;align-items:start;
  grid-template-columns:repeat(3,1fr);
}
.etm-price-grid-2{grid-template-columns:repeat(2,1fr);max-width:760px;margin-left:auto;margin-right:auto;}

.etm-price-card{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--p-line);border-radius:var(--p-radius);
  padding:30px 28px;box-shadow:var(--p-shadow);
}
.etm-price-card.is-featured{
  border-color:var(--p-teal);box-shadow:var(--p-shadow-lg);
  outline:2px solid var(--p-teal);outline-offset:-2px;
}
.etm-price-badge{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--p-teal);color:var(--p-navy);font-size:12px;font-weight:800;
  letter-spacing:.03em;text-transform:uppercase;padding:6px 14px;border-radius:99px;
  white-space:nowrap;box-shadow:0 4px 12px rgba(0,201,167,.35);
}
.etm-price-name{font-size:18px;font-weight:700;color:var(--p-navy);margin:6px 0 14px;}
.etm-price-amount{display:flex;align-items:baseline;gap:2px;margin:0 0 4px;color:var(--p-navy);}
.etm-price-cur{font-size:22px;font-weight:700;align-self:flex-start;margin-top:6px;}
.etm-price-num{font-size:42px;font-weight:800;line-height:1;letter-spacing:-.02em;}
.etm-price-per{font-size:16px;font-weight:600;color:var(--p-muted);}
.etm-price-sub{font-size:13px;color:var(--p-muted);margin:0 0 20px;}

.etm-price-features{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:11px;flex:1;}
.etm-price-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:var(--p-ink);}
.etm-price-features li .etm-ico{width:18px;height:18px;margin-top:1px;}
.etm-price-features li.yes .etm-ico{color:var(--p-teal-d);}
.etm-price-features li.no{color:var(--p-muted);}
.etm-price-features li.no .etm-ico{color:#c2cad8;}

.etm-price-card .etm-btn{margin-top:auto;font-weight:700;padding:12px 16px;}
/* Lower-tier CTAs read as clearly clickable buttons (outlined, fill on hover),
   not plain text — featured plan keeps the solid teal as the primary action. */
.etm-price-card .etm-btn-ghost:not(.is-current){background:#fff;border:1.5px solid var(--p-teal-d);color:var(--p-teal-d);}
.etm-price-card .etm-btn-ghost:not(.is-current):hover{background:var(--p-teal-d);border-color:var(--p-teal-d);color:#fff;}
.etm-price-card .etm-btn.is-current{background:var(--p-soft);color:var(--p-muted);border-color:var(--p-line);cursor:default;}
.etm-price-card .etm-btn.is-current:hover{border-color:var(--p-line);}

.etm-price-guarantee{
  display:flex;align-items:center;justify-content:center;gap:9px;
  font-size:13px;color:var(--p-muted);margin:6px 0 46px;text-align:center;
}
.etm-price-guarantee .etm-ico{width:16px;height:16px;color:var(--p-teal-d);}

/* ---- Comparison table -------------------------------------------------- */
.etm-price-compare{margin-bottom:48px;}
.etm-price-compare h2{font-size:24px;font-weight:800;color:var(--p-navy);text-align:center;margin:0 0 24px;}
.etm-cmp-scroll{overflow-x:auto;border:1px solid var(--p-line);border-radius:var(--p-radius);box-shadow:var(--p-shadow);}
.etm-cmp-table{width:100%;border-collapse:collapse;background:#fff;min-width:560px;}
.etm-cmp-table th,.etm-cmp-table td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--p-line);font-size:14px;}
.etm-cmp-table thead th{
  font-size:14px;font-weight:700;color:var(--p-navy);background:var(--p-soft);
  border-bottom:2px solid var(--p-line);
}
.etm-cmp-table thead th.is-featured{background:var(--p-tealsoft);color:var(--p-teal-d);}
.etm-cmp-table th[scope="row"]{text-align:left;font-weight:600;color:var(--p-ink);white-space:nowrap;}
.etm-cmp-table td.is-featured{background:rgba(0,201,167,.05);}
.etm-cmp-table tbody tr:last-child th,.etm-cmp-table tbody tr:last-child td{border-bottom:none;}
.etm-cmp-pricerow th,.etm-cmp-pricerow td{font-weight:800;color:var(--p-navy);background:var(--p-soft);}
.etm-cmp-pricerow td.is-featured{background:var(--p-tealsoft);color:var(--p-teal-d);}
.etm-cmp-per{font-size:12px;font-weight:600;color:var(--p-muted);}
.etm-cmp-yes{display:inline-flex;color:var(--p-teal-d);}
.etm-cmp-yes .etm-ico{width:20px;height:20px;}
.etm-cmp-no{color:#b6c0d0;font-weight:700;}
.etm-cmp-text{font-weight:600;color:var(--p-ink);}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);}

/* ---- FAQ --------------------------------------------------------------- */
.etm-price-faq{max-width:760px;margin:0 auto 48px;}
.etm-price-faq h2{font-size:24px;font-weight:800;color:var(--p-navy);text-align:center;margin:0 0 22px;}
.etm-faq-item{border:1px solid var(--p-line);border-radius:12px;padding:18px 22px;margin-bottom:12px;background:#fff;box-shadow:var(--p-shadow);}
.etm-faq-item h3{font-size:16px;font-weight:700;color:var(--p-navy);margin:0 0 6px;}
.etm-faq-item p{font-size:14px;line-height:1.6;color:var(--p-muted);margin:0;}

/* ---- Final CTA --------------------------------------------------------- */
.etm-price-finalcta{
  text-align:center;background:linear-gradient(120deg,var(--p-navy),var(--p-navy2));
  color:#fff;border-radius:var(--p-radius);padding:46px 30px;box-shadow:var(--p-shadow);
}
.etm-price-finalcta h2{font-size:28px;font-weight:800;color:#fff;margin:0 0 10px;}
.etm-price-finalcta p{font-size:16px;color:rgba(255,255,255,.82);margin:0 0 24px;}
.etm-btn-lg{padding:14px 28px!important;font-size:16px!important;font-weight:700;}

/* ---- Responsive -------------------------------------------------------- */
@media (max-width:900px){
  .etm-price-overview,.etm-price-grid,.etm-price-grid-2{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto;}
  .etm-price-leadbanner{flex-direction:column;align-items:flex-start;text-align:left;}
  .etm-price-leadbanner .etm-btn{width:100%;justify-content:center;}
}

/* ---- Mobile polish (append-only; desktop unchanged) ---- */
@media (max-width:560px){
  .etm-price-hero{margin-bottom:28px;}
  .etm-price-leadbanner{padding:24px 22px;}
  .etm-price-card{padding:26px 22px;}
  .etm-price-compare h2,.etm-price-faq h2{font-size:20px;}
  .etm-price-finalcta{padding:36px 22px;}
  .etm-price-finalcta h2{font-size:23px;}
  .etm-price-switch{width:100%;}
  .etm-price-switch-btn{flex:1;text-align:center;}
}

/* Audience switcher on the pricing pages */
.etm-price-switch{display:inline-flex;gap:6px;background:#eef2f8;border:1px solid #e3e8f1;border-radius:99px;padding:5px;margin:22px auto 0;flex-wrap:wrap;justify-content:center}
.etm-price-switch-btn{padding:9px 18px;border-radius:99px;font-size:14px;font-weight:700;color:#475569;text-decoration:none;transition:.15s;white-space:nowrap}
.etm-price-switch-btn:hover{color:#001238}
.etm-price-switch-btn.is-active{background:#001238;color:#fff}

/* Limited-time discount: struck-through old price + deal tag */
.etm-price-was{display:inline-block;margin-right:8px;font-size:20px;font-weight:700;color:#9aa6b8;text-decoration:line-through;text-decoration-thickness:2px;vertical-align:middle;}
.etm-price-deal{display:inline-block;background:#fde68a;color:#7c4a03;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:99px;}

/* ---- Post-registration welcome banner (the upgrade moment) ---- */
.etm-price-welcome{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  background:var(--p-tealsoft);border:1px solid var(--p-teal);border-radius:var(--p-radius);
  padding:16px 22px;margin:0 auto 26px;max-width:980px;
}
.etm-price-welcome-txt{display:flex;flex-direction:column;gap:2px;}
.etm-price-welcome-txt strong{display:flex;align-items:center;gap:8px;color:var(--p-navy);font-size:16px;font-weight:800;}
.etm-price-welcome-txt strong .etm-ico{width:18px;height:18px;color:var(--p-teal-d);}
.etm-price-welcome-txt span{font-size:14px;color:var(--p-muted);}
.etm-price-welcome .etm-btn{flex:none;white-space:nowrap;}
@media(max-width:560px){.etm-price-welcome .etm-btn{width:100%;justify-content:center;}}

/* ==========================================================================
   Value-proposition selling sections (below the plan cards).
   ========================================================================== */
.etm-pricing .etm-vp{margin:8px 0 44px;}
.etm-vp-head{text-align:center;max-width:680px;margin:0 auto 30px;}
.etm-vp-head h2{font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--p-navy);margin:0 0 10px;letter-spacing:-.01em;}
.etm-vp-head p{font-size:16px;color:var(--p-muted);margin:0;line-height:1.6;}
.etm-vp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.etm-vp-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--p-line);border-radius:var(--p-radius);padding:26px;box-shadow:var(--p-shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.etm-vp-card:hover{transform:translateY(-3px);box-shadow:var(--p-shadow-lg);border-color:var(--p-teal);}
.etm-vp-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--p-tealsoft);color:var(--p-teal-d);}
.etm-vp-icon .etm-ico{width:24px;height:24px;}
.etm-vp-card h3{font-size:18px;font-weight:700;color:var(--p-navy);margin:4px 0 0;line-height:1.25;}
.etm-vp-card p{font-size:14.5px;line-height:1.6;color:var(--p-muted);margin:0;}

/* "We market you" band — the differentiator. */
.etm-vp-band{background:linear-gradient(120deg,var(--p-navy),var(--p-navy2));border-radius:var(--p-radius);padding:40px 38px;margin:0 0 48px;box-shadow:var(--p-shadow);}
.etm-vp-band-inner{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;}
.etm-vp-band-lead .etm-price-eyebrow{background:rgba(255,255,255,.12);color:var(--p-teal);}
.etm-vp-band-lead h2{font-size:clamp(22px,3vw,28px);font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.01em;}
.etm-vp-band-lead p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.82);margin:0;}
.etm-vp-channels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.etm-vp-channels li{display:flex;align-items:flex-start;gap:12px;}
.etm-vp-channels li .etm-ico{width:22px;height:22px;color:var(--p-teal);flex:none;margin-top:2px;}
.etm-vp-channels li span{display:flex;flex-direction:column;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.78);}
.etm-vp-channels li strong{color:#fff;font-size:15px;font-weight:700;margin-bottom:2px;}

@media (max-width:900px){
  .etm-vp-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto;}
  .etm-vp-band{padding:32px 26px;}
  .etm-vp-band-inner{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:560px){
  .etm-vp-channels{grid-template-columns:1fr;}
}

/* ==========================================================================
   Full-bleed brand hero (matches the site's service/home heroes): navy +
   truck image + teal-highlighted headline + USP row moved up. 2026-06 redesign.
   ========================================================================== */
.etm-pricing .etm-phero{
  position:relative; left:50%; right:50%; width:100vw;
  margin-left:-50vw; margin-right:-50vw; margin-top:-34px; margin-bottom:44px;
  background:var(--p-navy); min-height:440px; overflow:hidden;
  display:flex; flex-direction:column; justify-content:center;
}
.etm-phero:before{ content:""; position:absolute; inset:0; background:var(--phero-img,none) center/cover no-repeat; }
.etm-phero:after{ content:""; position:absolute; inset:0;
  background:linear-gradient(100deg,rgba(0,18,56,.96) 0%,rgba(0,18,56,.9) 44%,rgba(13,31,76,.70) 100%); }
.etm-phero-inner{ position:relative; z-index:2; max-width:1180px; margin:0 auto; padding:60px 22px 14px; width:100%; }
.etm-phero-text{ max-width:680px; color:#fff; }
.etm-phero-text h1{ font-size:clamp(30px,4.4vw,50px); font-weight:800; line-height:1.08; letter-spacing:-.02em; color:#fff; margin:0 0 16px; }
.etm-phero-text h1 .tl{ color:var(--p-teal); }
.etm-phero-sub{ font-size:17px; line-height:1.6; color:rgba(255,255,255,.88); margin:0 0 22px; max-width:600px; }
.etm-phero-usps{ list-style:none; margin:0 0 26px; padding:0; display:flex; flex-wrap:wrap; gap:11px 26px; }
.etm-phero-usps li{ display:inline-flex; align-items:center; gap:9px; font-size:15px; font-weight:600; color:#fff; }
.etm-phero-usps li .etm-ico{ width:19px; height:19px; color:var(--p-teal); flex:none; }
.etm-phero .etm-phero-cta{ box-shadow:0 14px 30px -12px rgba(0,201,167,.6); }
.etm-phero-inner.has-how-it-works{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:48px;
  align-items:center;
  padding-top:48px;
  padding-bottom:48px;
}
.etm-phero-inner.has-how-it-works .etm-phero-text{ max-width:630px; }
.etm-phero-how{ min-width:0; color:#fff; }
.etm-phero-how-head{ display:flex; align-items:center; gap:11px; margin:0 0 12px; }
.etm-phero-how-head > span:last-child{ display:flex; flex-direction:column; gap:2px; }
.etm-phero-how-head strong{
  color:#fff;
  font-size:17px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.01em;
}
.etm-phero-how-head small{ color:rgba(255,255,255,.70); font-size:12.5px; line-height:1.3; }
.etm-phero-how-play{
  position:relative;
  display:grid;
  width:36px;
  height:36px;
  flex:none;
  place-items:center;
  border:1px solid var(--p-teal);
  border-radius:50%;
}
.etm-phero-how-play:after{
  content:"";
  width:0;
  height:0;
  margin-left:3px;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:9px solid var(--p-teal);
}
.etm-phero-how-frame{
  padding:5px;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.96);
  box-shadow:0 26px 60px rgba(0,0,0,.32);
}
.etm-phero-how video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  background:var(--p-navy);
}
.etm-phero-how > p{
  margin:10px 0 0;
  color:rgba(255,255,255,.75);
  font-size:12px;
  font-weight:650;
  letter-spacing:.02em;
  text-align:center;
}
.etm-phero-how > p span{ margin:0 5px; color:var(--p-teal); }
/* Clear account-type selector: which audience are these prices for. */
.etm-phero-switch{
  display:block;
  width:min(100%,720px);
  margin-top:28px;
  padding:16px;
  background:rgba(0,18,56,.56);
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  box-shadow:0 18px 46px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}
.etm-phero-switch-lbl{
  display:block;
  margin:0 0 10px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(255,255,255,.72);
}
.etm-phero-switch-grp{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.etm-phero-switch-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  color:#fff;
  text-align:center;
  text-decoration:none;
  transition:.15s;
}
.etm-phero-switch-btn:hover{
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.38);
}
.etm-phero-switch-btn.is-active{
  background:var(--p-teal);
  border-color:var(--p-teal);
  color:var(--p-navy);
  box-shadow:0 10px 22px -10px rgba(0,201,167,.9);
}

/* Give the walkthrough a little more breathing room on wide desktop screens. */
@media (min-width:1280px){
  .etm-phero-inner.has-how-it-works{
    max-width:1560px;
    padding-left:40px;
    padding-right:40px;
    grid-template-columns:minmax(0,1fr) clamp(540px,43vw,620px);
    gap:72px;
  }
  .etm-phero-inner.has-how-it-works .etm-phero-text{ max-width:720px; }
}

@media (max-width:1000px){
  .etm-phero-inner.has-how-it-works{ grid-template-columns:1fr; gap:28px; }
  .etm-phero-inner.has-how-it-works .etm-phero-text{ max-width:720px; }
  .etm-phero-how{ width:100%; max-width:720px; }
}
@media (max-width:760px){
  .etm-pricing .etm-phero{ min-height:0; margin-bottom:32px; }
  .etm-phero-inner{ padding:46px 20px 30px; }
  .etm-phero-inner.has-how-it-works{ gap:24px; padding:36px 20px 32px; }
  .etm-phero-sub{ font-size:15.5px; }
  .etm-phero-switch{ margin-top:22px; padding:13px; border-radius:16px; }
  .etm-phero-switch-grp{ gap:8px; }
  .etm-phero-switch-btn{ min-height:44px; padding:10px 9px; font-size:13px; }
  .etm-phero-how-head strong{ font-size:16px; }
  .etm-phero-how > p{ font-size:11px; }
}
@media (max-width:520px){
  .etm-phero-switch-grp{ grid-template-columns:1fr; }
  .etm-phero-switch-btn{ justify-content:flex-start; text-align:left; padding-left:14px; }
}

/* ---- Member-type definition under each plan name + clean marketing line ---- */
.etm-price-card .etm-price-name{ margin-bottom:4px; }
.etm-price-tagline{ font-size:13.5px; font-weight:600; color:var(--p-teal-d); margin:0 0 16px; }
.etm-price-market{ display:flex; align-items:center; gap:16px; background:var(--p-navy); color:#fff;
  border-radius:var(--p-radius); padding:22px 26px; margin:0 0 46px; box-shadow:var(--p-shadow); }
.etm-price-market .etm-ico{ width:28px; height:28px; color:var(--p-teal); flex:none; }
.etm-price-market p{ margin:0; font-size:15px; line-height:1.55; color:rgba(255,255,255,.85); }
.etm-price-market strong{ color:#fff; font-weight:700; }
@media (max-width:560px){ .etm-price-market{ flex-direction:column; text-align:center; gap:10px; padding:22px; } }