.weca-compare,
.weca-compare * { box-sizing: border-box; }

.weca-compare {
  --weca-orange: var(--e-global-color-accent, #f18606);
  --weca-navy: var(--e-global-color-b228cf5, #081934);
  --weca-text: var(--e-global-color-text, #696969);
  --weca-white: var(--e-global-color-644c2b7, #ffffff);
  --weca-soft-orange: var(--e-global-color-abf8539, #fff4e7);
  --weca-line: rgba(8, 25, 52, 0.10);
  --weca-card-radius: 24px;
  width: 100%;
  color: var(--weca-text);
}

.weca-compare__desktop {
  width: 100%; overflow: hidden; background: var(--weca-white);
  border: 1px solid rgba(255,255,255,.7); border-radius: var(--weca-card-radius);
  box-shadow: 0 20px 50px rgba(8,25,52,.12), 0 4px 14px rgba(8,25,52,.06);
}

.weca-compare__table { width:100%; margin:0; table-layout:fixed; border:0; border-collapse:separate; border-spacing:0; background:var(--weca-white); }
.weca-compare__table col:first-child { width:50%; }
.weca-compare__table col:not(:first-child) { width:25%; }
.weca-compare__table th,
.weca-compare__table td { padding:17px 20px; border:0; border-bottom:1px solid var(--weca-line); vertical-align:middle; }
.weca-compare__table th:nth-child(2), .weca-compare__table td:nth-child(2),
.weca-compare__table th:nth-child(3), .weca-compare__table td:nth-child(3) { border-left:1px solid var(--weca-line); }

.weca-compare__table thead th { height:104px; padding:24px 18px 20px; background:var(--weca-white); text-align:center; }
.weca-compare__table thead th:first-child { color:var(--weca-navy); text-align:left; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.weca-compare__table thead tr > th:nth-child(3) { background:var(--weca-soft-orange)!important; border-top-right-radius:calc(var(--weca-card-radius) - 1px); }

.weca-compare__logo { display:block; width:auto; height:auto; margin:0 auto 9px; object-fit:contain; }
.weca-compare img.weca-compare__logo--free { width:82px!important; max-width:82px!important; }
.weca-compare img.weca-compare__logo--plus { width:100px!important; max-width:100px!important; }
.weca-compare__subtitle { display:block; max-width:180px; margin:0 auto; color:var(--weca-text); font-size:12px; font-weight:500; line-height:1.4; }

.weca-compare__table tbody th { color:var(--weca-navy); background:var(--weca-white); text-align:left; font-size:clamp(.813rem,.22vw + .75rem,.938rem); font-weight:600; line-height:1.4; }
.weca-compare__table tbody td { color:var(--weca-text); background:var(--weca-white); text-align:center; font-size:clamp(.813rem,.22vw + .75rem,.938rem); font-weight:500; line-height:1.4; }
.weca-compare__table tbody td:nth-child(3) { background:var(--weca-soft-orange); }

@media (hover:hover) {
  .weca-compare__table tbody tr:hover th,
  .weca-compare__table tbody tr:hover td:nth-child(2) { background:rgba(8,25,52,.025); }
  .weca-compare__table tbody tr:hover td:nth-child(3) { background:#ffead0; }
}

.weca-compare__check { display:inline-flex; width:24px; height:24px; align-items:center; justify-content:center; color:var(--weca-orange); background:var(--weca-white); border:1.5px solid var(--weca-orange); border-radius:50%; font-size:13px; font-weight:700; line-height:1; }
.weca-compare__table td:nth-child(3) .weca-compare__check,
.weca-mobile-row__value--plus .weca-compare__check { color:var(--weca-white); background:var(--weca-orange); }
.weca-compare__dash { color:rgba(105,105,105,.45); font-size:20px; line-height:1; }
.weca-compare__value { display:block; color:var(--weca-navy); font-weight:600; line-height:1.35; }
.weca-compare__note { display:block; margin-top:4px; color:var(--weca-text); font-size:11px; font-weight:400; line-height:1.35; }

.weca-compare__table tfoot th, .weca-compare__table tfoot td { padding:20px; border-top:1px solid var(--weca-line); border-bottom:0; }
.weca-compare__table tfoot th { color:var(--weca-navy); background:var(--weca-white); text-align:left; font-size:12px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.weca-compare__table tfoot td:nth-child(3) { background:var(--weca-soft-orange); }

.weca-compare__cta { display:inline-flex; width:100%; min-height:44px; align-items:center; justify-content:center; gap:7px; padding:11px 16px; border-radius:50px; font-size:clamp(.813rem,.22vw + .75rem,.938rem); font-weight:700; line-height:1.25; text-align:center; text-decoration:none!important; transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.weca-compare__cta--free { color:var(--weca-orange)!important; background:var(--weca-white); border:1.5px solid var(--weca-orange); }
.weca-compare__cta--plus { color:var(--weca-white)!important; background:var(--weca-orange); border:1.5px solid var(--weca-orange); box-shadow:0 8px 20px rgba(241,134,6,.20); }
@media (hover:hover) {
  .weca-compare__cta:hover { transform:translateY(-2px); }
  .weca-compare__cta--free:hover { color:var(--weca-white)!important; background:var(--weca-orange); }
  .weca-compare__cta--plus:hover { color:var(--weca-orange)!important; background:var(--weca-white)!important; border-color:var(--weca-orange)!important; }
}

.weca-compare__mobile { display:none; }

@media (max-width:767px) {
  .weca-compare__desktop { display:none; }
  .weca-compare__mobile { display:grid; gap:12px; }
  .weca-mobile-products { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; background:var(--weca-white); border-radius:calc(var(--weca-card-radius) - 4px); box-shadow:0 16px 38px rgba(8,25,52,.10); }
  .weca-mobile-products__item { min-width:0; padding:20px 14px 18px; text-align:center; }
  .weca-mobile-products__item + .weca-mobile-products__item { border-left:1px solid var(--weca-line); }
  .weca-mobile-products__item--plus { background:var(--weca-soft-orange); }
  .weca-mobile-products img.weca-compare__logo--free { width:70px!important; max-width:70px!important; }
  .weca-mobile-products img.weca-compare__logo--plus { width:86px!important; max-width:86px!important; }
  .weca-mobile-products .weca-compare__subtitle { max-width:140px; font-size:10.5px; }

  .weca-mobile-row { overflow:hidden; background:var(--weca-white); border:1px solid var(--weca-line); border-radius:16px; }
  .weca-mobile-row__title { padding:13px 15px; color:var(--weca-navy); background:rgba(8,25,52,.035); font-size:13px; font-weight:700; line-height:1.35; }
  .weca-mobile-row__content { display:grid; grid-template-columns:1fr 1fr; }
  .weca-mobile-row__value { min-width:0; padding:16px 12px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center; font-size:12px; line-height:1.35; }
  .weca-mobile-row__value + .weca-mobile-row__value { border-left:1px solid var(--weca-line); }
  .weca-mobile-row__value--plus { background:var(--weca-soft-orange); }
  .weca-mobile-label { color:var(--weca-text); font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
  .weca-mobile-row__value--plus .weca-mobile-label { color:var(--weca-orange); }
  .weca-mobile-actions { display:grid; grid-template-columns:1fr; gap:9px; margin-top:4px; }
  .weca-mobile-actions .weca-compare__cta { min-height:50px; font-size:13px; }
}

@media (max-width:350px) {
  .weca-mobile-row__content { grid-template-columns:1fr; }
  .weca-mobile-row__value + .weca-mobile-row__value { border-left:0; border-top:1px solid var(--weca-line); }
}

.weca-compare__cta:focus-visible { outline:3px solid var(--weca-orange); outline-offset:3px; }
.weca-compare__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; white-space:nowrap; clip:rect(0,0,0,0); border:0; }
@media (prefers-reduced-motion:reduce) {
  .weca-compare *, .weca-compare *::before, .weca-compare *::after { transition-duration:.01ms!important; }
}