/* WayCare AutoCare Booking CTA - premium version */
.wccta-section,
.wccta-section *{box-sizing:border-box;text-shadow:none!important}
.wccta-section{width:100%;padding:22px 24px;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wccta-shell{width:100%;max-width:1320px;margin:0 auto}
.wccta-banner{--wccta-accent-glow:rgba(91,227,184,.18);position:relative;min-height:300px;overflow:hidden;border:1px solid rgba(226,232,240,.92);border-radius:24px;background:#F8FAFC;box-shadow:0 20px 52px rgba(15,23,42,.07);isolation:isolate}
.wccta-banner::before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 10% 18%,var(--wccta-accent-glow),transparent 28%),
radial-gradient(circle at 28% 84%,rgba(42,191,183,.08),transparent 26%),
linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 33%,rgba(255,255,255,.74) 53%,rgba(255,255,255,.12) 76%,rgba(255,255,255,0) 100%);z-index:2;pointer-events:none}
.wccta-banner::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 24%);pointer-events:none;z-index:2;mix-blend-mode:screen}
.wccta-media{position:absolute;top:0;right:0;bottom:0;width:58%;z-index:1}
.wccta-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.wccta-fade{--wccta-fade-color:#F8FAFC;position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,var(--wccta-fade-color) 0%,rgba(248,250,252,.95) 27%,rgba(248,250,252,.65) 44%,rgba(248,250,252,.22) 58%,transparent 74%);pointer-events:none}
.wccta-content{position:relative;z-index:4;min-height:inherit;display:flex;align-items:center;padding:44px 48px}
.wccta-copy{max-width:560px;position:relative}
.wccta-eyebrow{color:#0E9F97;font-family:"Geist Mono",monospace;font-size:12px;line-height:1;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px}
.wccta-title{margin:0;color:#122C4A;font-family:Fraunces,Georgia,serif;font-size:clamp(32px,4vw,58px);line-height:.97;letter-spacing:-.055em;font-weight:700;max-width:640px}
.wccta-title br{display:block;content:"";margin-top:.08em}
.wccta-subtitle{margin:16px 0 0;color:#334155;font-size:17px;line-height:1.56;font-weight:520;max-width:490px}
.wccta-price-badge{position:absolute;top:36px;right:36px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 20px 16px;min-width:160px;border:1px solid rgba(226,232,240,.95);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(15,23,42,.1);backdrop-filter:blur(10px)}
.wccta-badge-label{display:block;color:#334155;font-size:13px;line-height:1.15;font-weight:750}
.wccta-badge-value{display:block;color:#0E9F97;font-size:46px;line-height:.95;font-weight:900;letter-spacing:-.04em}
.wccta-badge-note{display:block;color:#64748B;font-size:11px;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.wccta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.wccta-btn{min-width:184px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 28px;border-radius:12px;border:1px solid transparent;font-size:14px;line-height:1;font-weight:850;text-decoration:none!important;letter-spacing:.01em;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease,color .24s ease;position:relative;overflow:hidden;isolation:isolate}
.wccta-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 42%,rgba(255,255,255,.05));z-index:-1}
.wccta-btn::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .6s ease}
.wccta-btn:hover::after{transform:translateX(120%)}
.wccta-btn:hover{transform:translateY(-2px)}
.wccta-btn-primary{color:#fff;background:linear-gradient(90deg,#22c7ba,#0f8f97);box-shadow:0 18px 36px rgba(14,159,151,.24)}
.wccta-btn-primary:hover{box-shadow:0 22px 48px rgba(14,159,151,.3)}
.wccta-btn-secondary{color:#0E9F97;background:rgba(255,255,255,.78);border:1px solid rgba(14,159,151,.45)}
.wccta-btn-secondary:hover{background:#fff;border-color:rgba(14,159,151,.72)}
.wccta-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.wccta-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(14,159,151,.16);border-radius:999px;background:rgba(255,255,255,.86);color:#122C4A;font-size:12px;line-height:1;font-weight:780;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.wccta-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#5BE3B8,#2ABFB7);box-shadow:0 0 0 4px rgba(91,227,184,.18);flex:0 0 auto}
.wccta-supporting-note{margin-top:14px;color:#334155;font-size:12px;line-height:1.5;font-weight:680;max-width:560px;opacity:.88}

@media (max-width:1180px){
  .wccta-content{padding:40px 36px}
  .wccta-media{width:60%}
  .wccta-price-badge{top:28px;right:28px}
  .wccta-copy{max-width:510px}
}

@media (max-width:1024px){
  .wccta-section{padding:18px}
  .wccta-banner{min-height:280px}
  .wccta-content{padding:36px 28px}
  .wccta-media{width:64%}
  .wccta-title{font-size:clamp(30px,4.8vw,46px)}
  .wccta-subtitle{font-size:16px;max-width:430px}
  .wccta-price-badge{min-width:148px;padding:16px 18px 14px}
  .wccta-badge-value{font-size:38px}
}

@media (max-width:767px){
  .wccta-section{padding:16px 12px}
  .wccta-banner{min-height:420px;border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(91,227,184,.18),transparent 38%),#F8FAFC}
  .wccta-banner::before{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92) 52%,rgba(255,255,255,.74) 74%,rgba(255,255,255,.26) 100%),radial-gradient(circle at 50% 10%,rgba(91,227,184,.16),transparent 42%)}
  .wccta-content{min-height:inherit;align-items:flex-start;justify-content:center;text-align:center;padding:28px 20px}
  .wccta-copy{max-width:100%;width:100%}
  .wccta-title{font-size:clamp(31px,9vw,42px);line-height:1.01;max-width:360px;margin-left:auto;margin-right:auto}
  .wccta-subtitle{font-size:14px;line-height:1.48;max-width:330px;margin-left:auto;margin-right:auto}
  .wccta-price-badge{position:relative;top:auto;right:auto;display:inline-flex;margin:18px auto 0;align-items:center;justify-content:center;text-align:center;min-width:0;padding:12px 16px;border-radius:16px}
  .wccta-badge-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
  .wccta-badge-value{font-size:32px}
  .wccta-badge-note{font-size:10px}
  .wccta-actions{display:grid;grid-template-columns:1fr;gap:11px;margin-top:20px}
  .wccta-btn{width:100%;min-width:0;padding:14px 18px;border-radius:13px}
  .wccta-chips{justify-content:center;gap:8px;margin-top:16px}
  .wccta-chip{padding:9px 12px;font-size:11px}
  .wccta-supporting-note{font-size:11px;margin:12px auto 0;max-width:320px}
  .wccta-media{width:100%;height:44%;top:auto;left:0;right:0;bottom:0;opacity:.26}
  .wccta-img{object-position:center bottom}
  .wccta-fade{z-index:3;background:linear-gradient(180deg,#F8FAFC 0%,rgba(248,250,252,.95) 38%,rgba(248,250,252,.56) 64%,rgba(248,250,252,.14) 100%)}
  .wccta-section.mobile-mode-hide .wccta-media,
  .wccta-section.mobile-mode-hide .wccta-fade{display:none}
  .wccta-section.mobile-mode-hide .wccta-banner{min-height:auto}
  .wccta-section.mobile-mode-top .wccta-banner{padding-top:160px;min-height:auto}
  .wccta-section.mobile-mode-top .wccta-media{top:0;bottom:auto;height:170px;opacity:1}
  .wccta-section.mobile-mode-top .wccta-fade{background:linear-gradient(180deg,transparent 0%,#F8FAFC 96%)}
}

@media (max-width:390px){
  .wccta-section{padding-left:10px;padding-right:10px}
  .wccta-content{padding:24px 16px}
  .wccta-title{font-size:30px}
  .wccta-subtitle{font-size:13px}
  .wccta-chip{width:auto;max-width:100%;justify-content:center}
}