/**
 * Versora Commerce V2 — Phase 5 True Elementorization
 * Shared composition styles only. WooCommerce form/financial UI stays route-owned.
 */
.vsr-commerce-v2 .vsr-commerce-v2-support {
  position: relative;
  padding: clamp(38px, 6vw, 78px) 0 clamp(64px, 9vw, 116px);
  background: var(--vsr-v2-bg-page);
  color: var(--vsr-v2-text-primary);
}
.vsr-commerce-v2 .vsr-commerce-v2-support__panel {
  padding: clamp(24px, 4vw, 46px);
  border: 1px solid var(--vsr-v2-border-soft);
  border-radius: clamp(24px, 3vw, 38px);
  background: var(--vsr-support-surface, var(--vsr-v2-bg-surface));
  box-shadow: var(--vsr-v2-shadow-sm);
}
.vsr-commerce-v2 .vsr-commerce-v2-support__head { max-width: 760px; }
.vsr-commerce-v2 .vsr-commerce-v2-support__head h2 {
  margin: 10px 0 12px;
  color: var(--vsr-support-title, var(--vsr-v2-text-primary));
  font: 950 clamp(1.55rem, 3.4vw, 2.7rem)/1.3 var(--vsr-v2-font);
  letter-spacing: -.025em;
}
.vsr-commerce-v2 .vsr-commerce-v2-support__head p {
  margin: 0;
  color: var(--vsr-support-copy, var(--vsr-v2-text-secondary));
  font-size: clamp(.82rem, 1.4vw, .96rem);
  line-height: 1.95;
}
.vsr-commerce-v2 .vsr-commerce-v2-support__grid {
  display: grid;
  grid-template-columns: repeat(var(--vsr-support-columns, 3), minmax(0, 1fr));
  gap: var(--vsr-support-gap, 14px);
  margin-top: clamp(24px, 4vw, 38px);
}
.vsr-commerce-v2 .vsr-commerce-v2-support__grid article {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--vsr-v2-border-soft);
  border-radius: 20px;
  background: var(--vsr-v2-bg-surface-soft);
}
.vsr-commerce-v2 .vsr-commerce-v2-support__icon {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: var(--vsr-v2-warning-soft);
  color: var(--vsr-v2-accent-text);
}
.vsr-commerce-v2 .vsr-commerce-v2-support__icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.vsr-commerce-v2 .vsr-commerce-v2-support__grid h3 { margin: 0 0 6px; color: var(--vsr-v2-text-primary); font-size: .92rem; line-height: 1.55; }
.vsr-commerce-v2 .vsr-commerce-v2-support__grid p { margin: 0; color: var(--vsr-v2-text-muted); font-size: .74rem; line-height: 1.85; }
.vsr-commerce-v2 .vsr-commerce-v2-support__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: clamp(22px, 4vw, 36px);
  padding-top: clamp(20px, 3vw, 28px);
  border-top: 1px solid var(--vsr-v2-border-soft);
}
.vsr-commerce-v2 .vsr-commerce-v2-support__cta > div:first-child { display: grid; gap: 5px; }
.vsr-commerce-v2 .vsr-commerce-v2-support__cta > div:first-child span { color: var(--vsr-v2-accent-text); font-size: .72rem; font-weight: 900; }
.vsr-commerce-v2 .vsr-commerce-v2-support__cta > div:first-child strong { color: var(--vsr-v2-text-primary); font-size: clamp(.92rem, 1.7vw, 1.12rem); line-height: 1.65; }
.vsr-commerce-v2 .vsr-commerce-v2-support__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.vsr-commerce-v2 .vsr-shop-v2-hero.is-single .vsr-shop-v2-hero__shell,
.vsr-commerce-v2 .vsr-shop-v2-catalog__header.is-single { grid-template-columns: minmax(0, 1fr); }
.vsr-commerce-v2 .vsr-cart-v2-hero.is-progress-hidden .vsr-cart-v2-hero__inner,
.vsr-commerce-v2 .vsr-checkout-v2-hero.is-progress-hidden .vsr-checkout-v2-hero__inner { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 900px) {
  .vsr-commerce-v2 .vsr-commerce-v2-support__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vsr-commerce-v2 .vsr-commerce-v2-support__cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 620px) {
  .vsr-commerce-v2 .vsr-commerce-v2-support__panel { padding: 20px 16px; border-radius: 24px; }
  .vsr-commerce-v2 .vsr-commerce-v2-support__grid { grid-template-columns: 1fr; }
  .vsr-commerce-v2 .vsr-commerce-v2-support__actions, .vsr-commerce-v2 .vsr-commerce-v2-support__actions .vsr-v2-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .vsr-commerce-v2 .vsr-commerce-v2-support * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}