/* Merchant landing page drawn by includes/merchant-page.php (copy in includes/content/merchant-page.php). Loaded only there.
   Same look as the Elementor page it replaces: cream page, dark green blocks, mint highlights. Uses the --sc-* variables of style.css. */
.sc-mp { --mp-cream:var(--sc-cream); --mp-dark:#0E400F; --mp-dark-2:#185a1a; color:var(--sc-text); font-family:ubuntu, sans-serif; overflow-x:clip; }
.sc-mp *, .sc-mp *::before, .sc-mp *::after { box-sizing:border-box; }
.sc-mp p, .sc-mp ul, .sc-mp ol, .sc-mp figure, .sc-mp blockquote, .sc-mp h1, .sc-mp h2, .sc-mp h3, .sc-mp h4 { margin:0; }
.sc-mp ul, .sc-mp ol { padding:0; list-style:none; }
.sc-mp mark { background:var(--sc-mint); color:var(--mp-dark); padding:0 .18em; border-radius:6px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.sc-mp-page { padding:6.5rem 0 0; }

/* Sections */
.sc-mp-section { padding:72px 5%; }
.sc-mp-wrap { max-width:var(--sc-wrap); margin:0 auto; display:grid; gap:32px; }
.sc-mp-section--fit, .sc-mp-section--steps { background:var(--mp-dark); color:var(--mp-cream); }
.sc-mp-section--fit mark, .sc-mp-section--steps mark { background:none; color:var(--sc-mint); padding:0; }
.sc-mp-section--plans { position:relative; }
.sc-mp-section--plans::before { content:""; position:absolute; width:840px; height:840px; left:15%; top:30%; transform:translate(-50%,-50%); background:radial-gradient(closest-side, rgba(54,227,131,.30), rgba(54,227,131,0)); pointer-events:none; }
.sc-mp-section--plans .sc-mp-wrap { position:relative; }

.sc-mp-head { display:grid; gap:12px; text-align:center; max-width:760px; margin:0 auto; }
.sc-mp-kicker { font-size:14px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--sc-green); }
.sc-mp-title { font-family:var(--sc-font-title); font-size:clamp(28px, 4vw, 42px); font-weight:700; line-height:1.15; color:inherit; }
.sc-mp-section--fit .sc-mp-title, .sc-mp-section--steps .sc-mp-title { color:var(--mp-cream); }
.sc-mp-lead { font-size:18px; line-height:1.55; opacity:.9; }

.sc-mp-grid { display:grid; gap:18px; }
.sc-mp-grid--2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.sc-mp-grid--3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.sc-mp-grid--4 { grid-template-columns:repeat(4, minmax(0,1fr)); }
.sc-mp-card { background:#fff; border:1px solid var(--sc-line); border-radius:var(--sc-radius); padding:24px; display:grid; gap:10px; align-content:start; line-height:1.5; }
.sc-mp-card h3 { font-family:var(--sc-font-title); font-size:22px; font-weight:700; line-height:1.2; }

.sc-mp-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.sc-mp-actions--center { justify-content:center; }
.sc-mp a.sc-ui-btn { min-height:50px; padding:10px 24px; font-size:17px; border-radius:var(--sc-radius-control); }
.sc-mp a.sc-ui-btn--ghost-light { border-color:var(--mp-cream); color:var(--mp-cream); background:transparent; }
.sc-mp a.sc-ui-btn--ghost-light:hover { background:var(--mp-cream); color:var(--mp-dark); border-color:var(--mp-cream); }
/* Primary button on the dark blocks: mint, or it disappears into the background */
.sc-mp-shop a.sc-ui-btn--primary { background:var(--sc-mint); color:var(--mp-dark); border-color:var(--sc-mint); }
.sc-mp-shop a.sc-ui-btn--primary:hover { background:var(--mp-cream); border-color:var(--mp-cream); color:var(--mp-dark); }
.sc-mp-note { font-size:15px; font-weight:700; color:var(--sc-mint); }

/* Hero */
.sc-mp-section--hero { padding-top:24px; }
.sc-mp-hero { position:relative; display:flex; align-items:center; gap:32px; padding:48px; border:3px solid var(--mp-dark); border-radius:var(--sc-radius); background:#fff; overflow:hidden; }
.sc-mp-hero__body { position:relative; z-index:1; display:grid; gap:20px; max-width:760px; }
.sc-mp-hero__h1 { font-size:15px; margin:0; }
.sc-mp-hero__claim { font-family:var(--sc-font-title); font-size:clamp(30px, 4.4vw, 48px); font-weight:700; line-height:1.18; color:var(--mp-dark); }
.sc-mp-hero__text { font-size:20px; line-height:1.55; }
.sc-mp-hero__mark { flex:0 0 220px; width:220px; height:auto; opacity:.9; margin-left:auto; }
.sc-mp-stats { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
.sc-mp-stats li { display:grid; gap:4px; padding:18px 22px; background:var(--mp-cream); border:1px solid #e3ddcf; border-radius:var(--sc-radius); }
.sc-mp-stats strong { font-family:var(--sc-font-title); font-size:30px; font-weight:700; color:var(--mp-dark); line-height:1.1; }
.sc-mp-stats span { font-size:15px; }

/* Fit: three statements on dark */
.sc-mp-fit .sc-mp-card { background:var(--mp-dark-2); border-color:rgba(244,241,234,.18); color:var(--mp-cream); font-size:18px; }

/* Tools + SalvaShop */
.sc-mp-tool__what { font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--sc-muted); }
.sc-mp-tool .sc-ui-badge { justify-self:start; }
.sc-mp-shop { display:grid; gap:28px; padding:48px; border-radius:var(--sc-radius); background:var(--mp-dark); color:var(--mp-cream); }
.sc-mp-shop .sc-mp-head { text-align:left; margin:0; max-width:820px; }
.sc-mp-shop .sc-mp-kicker { color:var(--sc-mint); }
.sc-mp-shop .sc-mp-title { font-size:clamp(26px, 3.4vw, 36px); color:var(--mp-cream); }
.sc-mp-shop mark { background:none; color:var(--sc-mint); padding:0; }
.sc-mp-step { position:relative; display:grid; gap:8px; align-content:start; padding:24px; border-radius:var(--sc-radius); background:var(--mp-dark-2); color:var(--mp-cream); line-height:1.5; }
.sc-mp-step h3, .sc-mp-step h4 { font-family:var(--sc-font-title); font-size:19px; font-weight:700; line-height:1.25; color:var(--mp-cream); }
.sc-mp-step__n { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--sc-mint); color:var(--mp-dark); font-weight:800; font-size:18px; }
.sc-mp-step ul { display:grid; gap:6px; padding-left:18px; list-style:disc; }
.sc-mp-step__link { margin-top:6px; font-weight:700; color:var(--sc-mint); text-decoration:none; }
.sc-mp-step__link:hover { text-decoration:underline; color:var(--sc-mint); }
.sc-mp-checks { display:grid; gap:10px; }
.sc-mp-checks li { position:relative; padding-left:32px; line-height:1.5; }
.sc-mp-checks li::before { content:"✓"; position:absolute; left:0; top:0; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--sc-mint); color:var(--mp-dark); font-size:13px; font-weight:800; }
.sc-mp-checks--big { max-width:760px; margin:0 auto; font-size:18px; gap:14px; }

/* Business types */
.sc-mp-type { border-top:6px solid var(--sc-mint); }

/* Cases */
.sc-mp-case { gap:16px; }
.sc-mp-case blockquote { font-size:17px; line-height:1.6; }
.sc-mp-case blockquote::before { content:"“"; display:block; font-size:48px; line-height:.6; color:var(--sc-mint); font-weight:800; }
.sc-mp-case figcaption { display:flex; align-items:center; gap:12px; }
.sc-mp-case figcaption img { width:56px; height:56px; border-radius:50%; object-fit:cover; }
.sc-mp-case figcaption span { display:grid; font-size:14px; color:var(--sc-muted); }
.sc-mp-case figcaption strong { font-size:16px; color:var(--sc-text); }
.sc-mp-case__media { border-top:1px solid var(--sc-line); padding-top:12px; }
.sc-mp-case__media summary { cursor:pointer; font-weight:700; color:var(--sc-green); }
.sc-mp-case__media img, .sc-mp-case__media video { display:block; width:100%; max-width:320px; height:auto; margin:12px auto 0; border-radius:var(--sc-radius-control); }

/* Plans */
.sc-mp-plans { max-width:860px; margin:0 auto; width:100%; }
.sc-mp-plan { position:relative; }
.sc-mp-plan--featured { border:3px solid var(--sc-mint); }
.sc-mp-plan .sc-ui-badge { justify-self:start; }
.sc-mp-plan__price { font-size:16px; color:var(--sc-muted); }
.sc-mp-plan__price strong { font-family:var(--sc-font-title); font-size:40px; font-weight:700; color:var(--mp-dark); margin-right:2px; }

/* FAQ */
.sc-mp-faq { max-width:860px; width:100%; margin:0 auto; display:grid; gap:10px; }
.sc-mp-faq__item { background:#fff; border:1px solid var(--sc-line); border-radius:var(--sc-radius); }
.sc-mp-faq__item summary { list-style:none; cursor:pointer; padding:18px 52px 18px 22px; font-size:17px; font-weight:700; position:relative; }
.sc-mp-faq__item summary::-webkit-details-marker { display:none; }
.sc-mp-faq__item summary::after { content:"+"; position:absolute; right:22px; top:50%; transform:translateY(-50%); font-size:24px; font-weight:400; color:var(--sc-green); }
.sc-mp-faq__item[open] summary::after { content:"–"; }
.sc-mp-faq__item p { padding:0 22px 20px; line-height:1.6; }

@media (max-width: 1024px) {
  .sc-mp-grid--4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sc-mp-hero__mark { flex-basis:160px; width:160px; }
}
@media (max-width: 767px) {
  .sc-mp-page { padding-top:5rem; }
  .sc-mp-section { padding:48px 5%; }
  .sc-mp-section--hero { padding-top:16px; }
  .sc-mp-wrap { gap:24px; }
  .sc-mp-grid--2, .sc-mp-grid--3, .sc-mp-grid--4, .sc-mp-stats { grid-template-columns:1fr; }
  .sc-mp-hero { padding:28px 22px; }
  .sc-mp-hero__mark { position:absolute; right:-40px; bottom:-40px; width:160px; opacity:.12; }
  .sc-mp-hero__text { font-size:17px; }
  .sc-mp-shop { padding:28px 20px; }
  .sc-mp-card, .sc-mp-step { padding:20px; }
  .sc-mp-actions .sc-ui-btn { flex:1 1 100%; }
}