/* v1.1.58: Top5Wise shared design-token bridge.
   The plugin keeps safe fallback values, but when the PINXS Top 5 Theme is active it inherits the same
   sitewide colours, widths, badges, radius and shadows. This preserves the current appearance while
   giving future CSS fixes one shared source of truth. */
:root{
  --t5cb-primary:var(--top5-primary,var(--pinxs-blue,#2563eb));
  --t5cb-primary-dark:var(--top5-primary-dark,#1e3a8a);
  --t5cb-accent:var(--top5-accent,var(--pinxs-teal,#22c55e));
  --t5cb-text:var(--top5-text,#1f2937);
  --t5cb-heading:var(--top5-heading,#0f172a);
  --t5cb-muted:var(--top5-muted,#64748b);
  --t5cb-soft:var(--top5-soft,#eff6ff);
  --t5cb-card:var(--top5-surface,#ffffff);
  --t5cb-border:var(--top5-border,#e5e7eb);
  --t5cb-content-max:var(--top5-content-max,var(--pinxs-max,1180px));
  --t5cb-radius-card:var(--top5-card-radius,24px);
  --t5cb-radius-pill:var(--top5-pill-radius,999px);
  --t5cb-shadow-card:var(--top5-shadow,0 18px 45px rgba(15,23,42,.07));
  --t5cb-badge-light-bg:var(--top5-badge-light-bg,#dbeafe);
  --t5cb-badge-light-text:var(--top5-badge-light-text,#1e3a8a);
  --t5cb-badge-light-border:var(--top5-badge-light-border,#bfdbfe);
  --t5cb-badge-dark-bg:var(--top5-badge-dark-bg,rgba(255,255,255,.18));
  --t5cb-badge-dark-text:var(--top5-badge-dark-text,#ffffff);
  --t5cb-badge-dark-border:var(--top5-badge-dark-border,rgba(255,255,255,.34));
  --t5cb-side-badge-bg:var(--top5-side-badge-bg,#1e3a8a);
  --t5cb-side-badge-text:var(--top5-side-badge-text,#ffffff);
  --t5cb-side-badge-border:var(--top5-side-badge-border,rgba(30,58,138,.22));
}

.t5cb-wrap{font-family:Arial,Helvetica,sans-serif;color:#1f2937;line-height:1.65;max-width:1180px;margin:0 auto;padding:20px 0 40px}.t5cb-wrap *{box-sizing:border-box}.t5cb-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch;background:linear-gradient(135deg,#eff6ff 0%,#fff 55%,#f8fafc 100%);border:1px solid #dbeafe;border-radius:28px;padding:32px;margin-bottom:22px;box-shadow:0 18px 45px rgba(15,23,42,.07)}.t5cb-kicker{display:inline-block;margin:0 0 10px;background:#dbeafe;color:#1e40af;font-size:13px;font-weight:800;padding:6px 10px;border-radius:999px}.t5cb-hero h1{margin:0 0 14px;font-size:42px;line-height:1.12;color:#0f172a}.t5cb-intro{font-size:18px;color:#334155}.t5cb-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.t5cb-meta-row span{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:7px 11px;color:#475569;font-size:14px}.t5cb-hero-card{background:#0f172a;color:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.22)}.t5cb-hero-card h2{color:#fff;margin:10px 0}.t5cb-hero-card p{color:#dbeafe}.t5cb-badge,.t5cb-rec-pill{display:inline-block;background:var(--t5cb-accent,#22c55e);color:#052e16;font-weight:900;font-size:12px;padding:5px 9px;border-radius:999px}.t5cb-disclosure{background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:16px 18px;margin:22px 0;color:#78350f}.t5cb-product-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:28px 0}.t5cb-product-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.t5cb-product-layout-list{grid-template-columns:1fr}.t5cb-product{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.t5cb-product-rec{background:#ecfdf5;border:2px solid var(--t5cb-accent,#22c55e);box-shadow:0 16px 36px rgba(22,101,52,.14)}.t5cb-product-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.t5cb-rank{background:#0f172a;color:#fff;font-weight:900;border-radius:13px;padding:6px 10px}.t5cb-product h2{margin:16px 0 8px;color:#0f172a}.t5cb-best-for{font-weight:800;color:var(--t5cb-primary,#2563eb);margin:0 0 10px}.t5cb-logo{max-width:120px;max-height:60px;object-fit:contain;margin-top:14px}.t5cb-mini-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.t5cb-mini-cols h4{margin:0 0 8px;color:#0f172a}.t5cb-product ul,.t5cb-review ul{margin:0 0 0 18px;padding:0}.t5cb-product-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.t5cb-rating{font-weight:900;background:#eff6ff;color:#1e40af;border-radius:12px;padding:8px 10px}.t5cb-btn{display:inline-block;background:var(--t5cb-primary,#2563eb);color:#fff!important;text-decoration:none!important;font-weight:900;border-radius:13px;padding:12px 17px;line-height:1.2;border:0}.t5cb-product-rec .t5cb-btn,.t5cb-final .t5cb-btn{background:var(--t5cb-accent,#16a34a)}.t5cb-btn-small{padding:9px 12px;font-size:14px}.t5cb-section{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:26px;margin:24px 0;box-shadow:0 12px 30px rgba(15,23,42,.05)}.t5cb-section h2{margin-top:0;color:#0f172a}.t5cb-table-wrap{overflow-x:auto}.t5cb-table{width:100%;border-collapse:collapse;min-width:780px}.t5cb-table th{background:#0f172a;color:#fff;text-align:left;padding:14px}.t5cb-table td{border-bottom:1px solid #e5e7eb;padding:14px;vertical-align:top}.t5cb-table tr:nth-child(even) td{background:#f8fafc}.t5cb-review{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:20px}.t5cb-review:first-of-type{border-top:0;margin-top:0;padding-top:0}.t5cb-review h3{color:#0f172a}.t5cb-guide{background:#f8fafc}.t5cb-faq{border:1px solid #e5e7eb;border-radius:16px;margin:10px 0;background:#fff}.t5cb-faq summary{cursor:pointer;font-weight:800;color:#0f172a;padding:14px 16px}.t5cb-faq div{padding:0 16px 16px}.t5cb-final{background:#0f172a;color:#fff;border-radius:28px;text-align:center;padding:34px;margin:28px 0;box-shadow:0 18px 45px rgba(15,23,42,.18)}.t5cb-final h2{color:#fff;margin-top:0}.t5cb-final p{color:#cbd5e1;max-width:780px;margin-left:auto;margin-right:auto}.t5cb-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.t5cb-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;box-shadow:0 10px 26px rgba(15,23,42,.06)}.t5cb-list-card h3{margin-top:0}.t5cb-list-card a{text-decoration:none}@media (max-width:900px){.t5cb-hero,.t5cb-product-grid,.t5cb-list-grid{grid-template-columns:1fr}.t5cb-hero h1{font-size:32px}.t5cb-mini-cols{grid-template-columns:1fr}.t5cb-product-foot{align-items:flex-start;flex-direction:column}}

/* v1.0.2 category hub shortcode */
.t5cb-hub-wrap{max-width:1180px}.t5cb-hub-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 48%,#ffffff 100%);border:1px solid #dbeafe;border-radius:28px;padding:32px;margin:0 0 24px;box-shadow:0 18px 45px rgba(15,23,42,.07)}.t5cb-hub-hero h1{margin:0 0 14px;font-size:42px;line-height:1.12;color:#0f172a}.t5cb-hub-side-card{background:#0f172a;color:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.20)}.t5cb-hub-side-card h2{color:#fff;margin:12px 0}.t5cb-hub-side-card p{color:#cbd5e1}.t5cb-featured-hub{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:#ecfdf5;border-color:#bbf7d0}.t5cb-featured-hub h2 a{color:#0f172a;text-decoration:none}.t5cb-featured-action{white-space:nowrap}.t5cb-small-pill{display:inline-block;background:#eff6ff;color:#1e40af;border-radius:999px;font-size:12px;font-weight:900;padding:5px 9px;margin-bottom:10px}.t5cb-hub-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.t5cb-note-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 10px 26px rgba(15,23,42,.06)}.t5cb-note-card h3{margin:0 0 8px;color:#0f172a}.t5cb-note-card p{margin:0;color:#475569}.t5cb-related-chips{display:flex;flex-wrap:wrap;gap:10px}.t5cb-related-chips a{display:inline-block;background:#f8fafc;border:1px solid #e5e7eb;color:#0f172a;text-decoration:none;border-radius:999px;padding:9px 13px;font-weight:800}.t5cb-related-chips a:hover{border-color:var(--t5cb-primary,#2563eb);color:var(--t5cb-primary,#2563eb)}@media (max-width:900px){.t5cb-hub-hero,.t5cb-featured-hub,.t5cb-hub-notes{grid-template-columns:1fr}.t5cb-hub-hero h1{font-size:32px}.t5cb-featured-action{white-space:normal}}


/* v1.0.3 related comparisons */
.t5cb-related-section{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)}.t5cb-related-card{position:relative;overflow:hidden}.t5cb-related-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--t5cb-primary,#2563eb)}.t5cb-related-card h3 a{color:#0f172a}.t5cb-related-card p{color:#475569}.t5cb-related-section .t5cb-list-grid{margin-bottom:0}

/* v1.0.4 configurable colours and CTA defaults */
.t5cb-wrap{color:var(--t5cb-text,#1f2937)}
.t5cb-hero,.t5cb-hub-hero{background:linear-gradient(135deg,var(--t5cb-soft,#eff6ff) 0%,#fff 58%,#f8fafc 100%)}
.t5cb-hero h1,.t5cb-hub-hero h1,.t5cb-section h2,.t5cb-product h2,.t5cb-mini-cols h4,.t5cb-review h3,.t5cb-review h4,.t5cb-note-card h3,.t5cb-list-card h3 a,.t5cb-featured-hub h2 a{color:var(--t5cb-heading,#0f172a)}
.t5cb-product,.t5cb-section,.t5cb-list-card,.t5cb-note-card,.t5cb-faq,.t5cb-table,.t5cb-meta-row span{background:var(--t5cb-card,#ffffff)}
.t5cb-intro,.t5cb-list-card p,.t5cb-note-card p,.t5cb-related-card p{color:var(--t5cb-muted,#64748b)}
.t5cb-kicker,.t5cb-small-pill,.t5cb-rating{background:var(--t5cb-soft,#eff6ff);color:var(--t5cb-primary,#2563eb)}
.t5cb-btn:hover{filter:brightness(.94);transform:translateY(-1px)}


/* v1.0.7 product card layout option */
.t5cb-product-layout-list .t5cb-product{width:100%}
.t5cb-product-layout-list .t5cb-product h2{font-size:28px}
.t5cb-product-layout-list .t5cb-product-foot{border-top:1px solid #e5e7eb;padding-top:16px}
@media (max-width:900px){.t5cb-product-layout-grid{grid-template-columns:1fr}.t5cb-product-layout-list .t5cb-product h2{font-size:24px}}


/* v1.0.8 compact front-end spacing and sizing */
.t5cb-wrap{line-height:1.55;max-width:1100px;padding:12px 0 28px;font-size:16px}
.t5cb-hero{gap:18px;border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.t5cb-hero h1{font-size:34px;line-height:1.15;margin-bottom:10px}
.t5cb-intro{font-size:16.5px;margin:0}.t5cb-kicker{font-size:12px;padding:5px 9px;margin-bottom:8px}
.t5cb-meta-row{gap:8px;margin-top:12px}.t5cb-meta-row span{font-size:13px;padding:5px 9px}
.t5cb-hero-card{border-radius:20px;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.16)}.t5cb-hero-card h2{font-size:22px;margin:8px 0}.t5cb-hero-card p{margin:0;font-size:15px}
.t5cb-disclosure{border-radius:14px;padding:12px 14px;margin:16px 0;font-size:14.5px}
.t5cb-product-grid{gap:14px;margin:20px 0}.t5cb-product{border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.t5cb-product-rec{box-shadow:0 10px 24px rgba(22,101,52,.11)}.t5cb-rank{border-radius:10px;padding:5px 8px;font-size:13px}.t5cb-badge,.t5cb-rec-pill{font-size:11px;padding:4px 8px}
.t5cb-product h2{font-size:22px;margin:10px 0 5px}.t5cb-product-layout-list .t5cb-product h2{font-size:23px}.t5cb-best-for{margin-bottom:8px;font-size:15px}
.t5cb-product p{margin-top:6px;margin-bottom:8px}.t5cb-logo{max-width:95px;max-height:46px;margin-top:8px}.t5cb-mini-cols{gap:12px;margin:12px 0}.t5cb-mini-cols h4{font-size:15px;margin-bottom:5px}
.t5cb-product ul,.t5cb-review ul{margin-left:16px}.t5cb-product li,.t5cb-review li{margin-bottom:3px}.t5cb-product-foot{margin-top:12px}.t5cb-product-layout-list .t5cb-product-foot{padding-top:12px}
.t5cb-rating{border-radius:10px;padding:6px 9px;font-size:14px}.t5cb-btn{border-radius:10px;padding:10px 14px;font-size:14px}.t5cb-btn-small{padding:7px 10px;font-size:13px}
.t5cb-section{border-radius:18px;padding:20px;margin:18px 0;box-shadow:0 8px 20px rgba(15,23,42,.045)}.t5cb-section h2{font-size:25px;margin-bottom:10px}.t5cb-section p{margin-top:8px;margin-bottom:10px}
.t5cb-table{min-width:720px}.t5cb-table th,.t5cb-table td{padding:10px 11px;font-size:14px}.t5cb-review{padding-top:14px;margin-top:14px}.t5cb-review h3{font-size:21px;margin:0 0 8px}.t5cb-review h4{font-size:16px;margin:12px 0 6px}
.t5cb-faq{border-radius:12px;margin:8px 0}.t5cb-faq summary{padding:11px 13px}.t5cb-faq div{padding:0 13px 12px}.t5cb-final{border-radius:22px;padding:24px;margin:20px 0;box-shadow:0 10px 26px rgba(15,23,42,.15)}.t5cb-final h2{font-size:26px}.t5cb-final p{font-size:15.5px}
.t5cb-list-grid{gap:14px;margin:16px 0}.t5cb-list-card{border-radius:16px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.045)}.t5cb-list-card h3{font-size:18px;margin-bottom:6px}
.t5cb-hub-hero{gap:18px;border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:0 10px 26px rgba(15,23,42,.06)}.t5cb-hub-hero h1{font-size:34px}.t5cb-hub-side-card{border-radius:20px;padding:18px}.t5cb-hub-side-card h2{font-size:22px}.t5cb-hub-notes{gap:14px;margin:18px 0}.t5cb-note-card{border-radius:16px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.045)}
@media (min-width:901px){.t5cb-product-layout-list .t5cb-product{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;align-items:start}.t5cb-product-layout-list .t5cb-product-top,.t5cb-product-layout-list .t5cb-logo{grid-column:1}.t5cb-product-layout-list .t5cb-product h2,.t5cb-product-layout-list .t5cb-best-for,.t5cb-product-layout-list .t5cb-product>p{grid-column:1}.t5cb-product-layout-list .t5cb-mini-cols,.t5cb-product-layout-list .t5cb-product-foot{grid-column:2}.t5cb-product-layout-list .t5cb-product-foot{margin-top:0}}
@media (max-width:900px){.t5cb-wrap{padding:8px 0 22px}.t5cb-hero,.t5cb-hub-hero{padding:18px;border-radius:18px}.t5cb-hero h1,.t5cb-hub-hero h1{font-size:28px}.t5cb-section{padding:16px}.t5cb-product{padding:15px}.t5cb-product-layout-list .t5cb-product h2{font-size:21px}.t5cb-final{padding:20px}}

/* v1.0.9 editorial score bar cards */
.t5cb-product{position:relative;overflow:hidden}
.t5cb-product-rec:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--t5cb-accent,#22c55e)}
.t5cb-product-main{min-width:0}.t5cb-product-summary{color:#334155}.t5cb-product-score-side{display:flex;flex-direction:column;gap:11px;align-items:stretch}.t5cb-score-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px;min-width:230px}.t5cb-product-rec .t5cb-score-card{background:#fff;border-color:#bbf7d0}.t5cb-score-main{display:flex;align-items:flex-end;gap:3px;margin-bottom:10px}.t5cb-score-number{font-size:38px;line-height:.9;font-weight:950;color:var(--t5cb-heading,#0f172a);letter-spacing:-.04em}.t5cb-score-outof{font-size:15px;font-weight:900;color:#64748b;margin-bottom:2px}.t5cb-score-label{margin-left:auto;font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.t5cb-score-bars{display:grid;gap:8px}.t5cb-score-row-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.2;color:#334155}.t5cb-score-row-head span{font-weight:700}.t5cb-score-row-head strong{font-weight:900;color:#0f172a}.t5cb-score-track{height:7px;background:#e5e7eb;border-radius:999px;overflow:hidden}.t5cb-score-track span{display:block;height:100%;background:linear-gradient(90deg,var(--t5cb-primary,#2563eb),var(--t5cb-accent,#22c55e));border-radius:999px}.t5cb-price-note{font-size:13px;color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:9px 10px;margin:0}.t5cb-product-rec .t5cb-price-note{border-color:#bbf7d0}.t5cb-hero-card .t5cb-score-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);margin:12px 0}.t5cb-hero-card .t5cb-score-number,.t5cb-hero-card .t5cb-score-row-head strong{color:#fff}.t5cb-hero-card .t5cb-score-outof,.t5cb-hero-card .t5cb-score-label,.t5cb-hero-card .t5cb-score-row-head{color:#dbeafe}.t5cb-hero-card .t5cb-score-track{background:rgba(255,255,255,.18)}
@media (min-width:901px){.t5cb-product-layout-list .t5cb-product{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.t5cb-product-layout-list .t5cb-product-main{grid-column:1}.t5cb-product-layout-list .t5cb-product-score-side{grid-column:2;grid-row:1}.t5cb-product-layout-list .t5cb-mini-cols{grid-template-columns:1fr 1fr}.t5cb-product-layout-grid .t5cb-product{display:flex;flex-direction:column}.t5cb-product-layout-grid .t5cb-product-score-side{margin-top:auto}.t5cb-product-layout-grid .t5cb-score-card{min-width:0}.t5cb-product-layout-grid .t5cb-score-number{font-size:32px}}
@media (max-width:900px){.t5cb-product-score-side{margin-top:12px}.t5cb-score-card{min-width:0}.t5cb-score-number{font-size:32px}.t5cb-score-label{display:block;margin-left:8px}.t5cb-mini-cols{grid-template-columns:1fr}}


/* v1.0.10 grid layout: featured top choice spans full row */
.t5cb-product-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.t5cb-product-layout-grid .t5cb-product-rec{grid-column:1 / -1;order:-1}
@media (min-width:901px){
  .t5cb-product-layout-grid .t5cb-product-rec{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start;padding:18px}
  .t5cb-product-layout-grid .t5cb-product-rec .t5cb-product-main{grid-column:1}
  .t5cb-product-layout-grid .t5cb-product-rec .t5cb-product-score-side{grid-column:2;grid-row:1;margin-top:0}
  .t5cb-product-layout-grid .t5cb-product-rec .t5cb-mini-cols{grid-template-columns:1fr 1fr}
  .t5cb-product-layout-grid .t5cb-product:not(.t5cb-product-rec){display:flex;flex-direction:column}
  .t5cb-product-layout-grid .t5cb-product:not(.t5cb-product-rec) .t5cb-product-score-side{margin-top:auto}
  .t5cb-product-layout-grid .t5cb-product-rec h2{font-size:26px}
  .t5cb-product-layout-grid .t5cb-product-rec .t5cb-score-number{font-size:38px}
}
@media (max-width:900px){
  .t5cb-product-layout-grid{grid-template-columns:1fr}
  .t5cb-product-layout-grid .t5cb-product-rec{grid-column:auto}
}

/* v1.0.12: Affiliate disclosure moved to a quiet footer-style note */
.t5cb-footer-disclosure{margin:26px 0 0;padding:14px 0 0;border-top:1px solid #e5e7eb;color:#64748b;font-size:13px;line-height:1.55;text-align:left}
.t5cb-footer-disclosure p{margin:0 0 8px;color:#64748b}
.t5cb-disclosure{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:14px 0 0!important;margin:24px 0 0!important;color:#64748b!important;font-size:13px!important;border-top:1px solid #e5e7eb!important}
.t5cb-disclosure p{margin:0 0 8px;color:#64748b!important}

/* Footer affiliate disclosure (v1.0.13) */
.t5cb-footer-affiliate-disclosure {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.35);
    border-bottom: 1px solid rgba(148, 163, 184, 0.35);
    color: #64748b;
    background: transparent;
}
.t5cb-footer-affiliate-disclosure-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 10px 18px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}
.t5cb-footer-affiliate-disclosure-inner p {
    margin: 0;
}

/* v1.0.15: Product type overview between hero and product cards */
.t5cb-overview-section{
    background:linear-gradient(135deg,#ffffff 0%,var(--t5cb-soft,#eff6ff) 100%);
    border:1px solid #dbeafe;
    border-radius:18px;
    padding:22px 24px;
    margin:18px 0 20px;
    box-shadow:0 8px 20px rgba(15,23,42,.045);
}
.t5cb-overview-section h2{
    margin:0 0 10px;
    font-size:25px;
    line-height:1.25;
    color:var(--t5cb-heading,#0f172a);
}
.t5cb-overview-content{
    display:grid;
    gap:10px;
    color:var(--t5cb-muted,#64748b);
    font-size:16px;
    line-height:1.65;
}
.t5cb-overview-content p{
    margin:0;
}
@media (min-width:901px){
    .t5cb-overview-content{
        columns:2 320px;
        column-gap:28px;
        column-fill:balance;
        display:block;
    }
    .t5cb-overview-content p{
        margin:0 0 10px;
        break-inside:avoid;
    }
}
@media (max-width:900px){
    .t5cb-overview-section{padding:17px 18px;border-radius:16px}
    .t5cb-overview-section h2{font-size:22px}
}

/* v1.0.17 AI review link styling */
.t5cb-btn-secondary{background:#fff!important;color:var(--t5cb-primary)!important;border:1px solid rgba(37,99,235,.32)!important;box-shadow:none!important;margin-top:8px;}
.t5cb-btn-secondary:hover{background:var(--t5cb-soft)!important;color:var(--t5cb-heading)!important;}

/* Top5 review post Gutenberg components */
.t5cb-review-block-wrap{margin:24px auto;}
.t5cb-review-block{background:linear-gradient(135deg,#ffffff 0%,var(--t5cb-soft,#eff6ff) 100%);border:1px solid #dbeafe;border-radius:22px;padding:24px;box-shadow:0 16px 40px rgba(15,23,42,.08);}
.t5cb-review-block h2{margin-top:0;}
.t5cb-review-block-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px;}
.t5cb-review-block-top_cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:18px;align-items:start;}
.t5cb-review-block-top_cta .t5cb-score-card{background:#fff;}
.t5cb-review-block-bottom_cta{text-align:center;}
.t5cb-review-block-back_link{background:transparent;border:0;box-shadow:none;padding:0;}
.t5cb-review-block-back_link .t5cb-review-block-actions{margin:0;}
@media(max-width:760px){.t5cb-review-block-top_cta{display:block}.t5cb-review-block{padding:18px}.t5cb-review-block-actions{flex-direction:column;align-items:stretch}.t5cb-review-block-actions .t5cb-btn{width:100%;text-align:center}}

/* v1.1.01: Full review post card background cleanup
   Review component blocks are inserted into normal blog posts. The wrapper reuses
   .t5cb-wrap for font/variable inheritance, but it should not bring the comparison
   page's pale blue full-width background with it. */
.t5cb-wrap.t5cb-review-block-wrap{
    background:transparent!important;
    padding:0!important;
    overflow:visible!important;
    max-width:var(--t5cb-content-max,1180px);
    width:auto;
    margin:24px auto!important;
}
.t5cb-review-block{
    background:#fff!important;
}

/* v1.0.70: Top5Wise homepage-style comparison page header/layout */
.t5cb-wrap{
    font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
    max-width:none;
    width:100%;
    margin:0;
    padding:0 0 40px;
    background:#f6f9ff;
    color:#102033;
    overflow:hidden;
}
.t5cb-wrap > section:not(.t5cb-hero):not(.t5cb-comparison-trust-strip),
.t5cb-wrap > .t5cb-product-grid{
    max-width:var(--t5cb-content-max,1180px);
    margin-left:auto;
    margin-right:auto;
    width:calc(var(--t5cb-content-width-percent,100%) - (var(--t5cb-content-side-padding,22px) * 2));
}
.t5cb-wrap > .t5cb-section,
.t5cb-wrap > .t5cb-overview-section{
    box-sizing:border-box;
}
.t5cb-hero{
    position:relative;
    width:100%;
    max-width:none;
    min-height:560px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
    gap:34px;
    align-items:center;
    padding:80px max(var(--t5cb-content-side-padding,22px),calc((100vw - var(--t5cb-content-max,1180px)) / 2 + var(--t5cb-content-side-padding,22px)));
    margin-top:var(--t5cb-page-top-offset,0px);
    margin:0 0 0;
    background:#07152b;
    border:0;
    border-radius:0 0 36px 36px;
    overflow:hidden;
    box-shadow:none;
}
.t5cb-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 14% 18%,rgba(0,194,168,.36),transparent 34%),radial-gradient(circle at 86% 12%,rgba(35,100,255,.44),transparent 34%),linear-gradient(135deg,rgba(5,16,38,.96),rgba(18,80,255,.70) 48%,rgba(0,191,166,.55));
    z-index:0;
}
.t5cb-hero:after{
    content:"";
    position:absolute;
    right:-120px;
    top:-130px;
    width:420px;
    height:420px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    z-index:0;
}
.t5cb-hero > div{
    position:relative;
    z-index:2;
}
.t5cb-hero h1{
    margin:0 0 20px;
    font-size:clamp(38px,6vw,72px);
    line-height:.98;
    letter-spacing:-.055em;
    color:#fff!important;
    font-weight:950;
}
.t5cb-hero .t5cb-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 14px;
    border:1px solid rgba(255,255,255,.26);
    background:rgba(255,255,255,.12);
    color:#dff7ff;
    backdrop-filter:blur(14px);
    border-radius:999px;
    font-size:13px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin:0 0 22px;
}
.t5cb-hero .t5cb-intro{
    max-width:720px;
    color:rgba(255,255,255,.86);
    font-size:clamp(17px,2vw,21px);
    line-height:1.65;
}
.t5cb-hero .t5cb-intro p{
    margin:0 0 16px;
    color:rgba(255,255,255,.86);
}
.t5cb-hero .t5cb-meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
    color:rgba(255,255,255,.84);
    font-size:14px;
    font-weight:750;
}
.t5cb-hero .t5cb-meta-row span{
    padding:9px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    color:rgba(255,255,255,.84);
}
.t5cb-hero-card{
    position:relative;
    position:relative!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    backdrop-filter:blur(18px);
    border-radius:30px;
    padding:42px;
    box-shadow:0 28px 70px rgba(0,0,0,.30);
    color:#102033;
}
.t5cb-hero-card:before{
    content:"";
    position:absolute;
    inset:20px;
    background:#fff;
    border-radius:24px;
    box-shadow:0 20px 55px rgba(10,26,58,.18);
    z-index:0;
}
.t5cb-hero-card > *{
    position:relative;
    z-index:1;
}
.t5cb-hero-card .t5cb-badge{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:#eaf1ff;
    color:#2364ff;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.t5cb-hero-card h2{
    margin:14px 0 10px;
    font-size:28px;
    line-height:1.12;
    letter-spacing:-.035em;
    color:#102033!important;
}
.t5cb-hero-card p{
    color:#647994!important;
    line-height:1.55;
    margin:0 0 10px;
}
.t5cb-hero-card p strong{
    color:#102033!important;
}
.t5cb-hero-card .t5cb-score-card{
    background:#f8fafc!important;
    border:1px solid #e5edf8!important;
    border-radius:18px;
    margin:16px 0;
    color:#102033;
}
.t5cb-hero-card .t5cb-score-number,
.t5cb-hero-card .t5cb-score-row-head strong{
    color:#102033!important;
}
.t5cb-hero-card .t5cb-score-outof,
.t5cb-hero-card .t5cb-score-label,
.t5cb-hero-card .t5cb-score-row-head{
    color:#58708f!important;
}
.t5cb-hero-card .t5cb-score-track{
    background:#e5e7eb!important;
}
.t5cb-hero-card .t5cb-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:16px;
    padding:14px 16px;
    border-radius:15px;
    background:#102033!important;
    color:#fff!important;
    font-weight:900;
}
.t5cb-comparison-trust-strip{
    max-width:var(--t5cb-content-max,1180px);
    width:calc(var(--t5cb-content-width-percent,100%) - (var(--t5cb-content-side-padding,22px) * 2));
    margin:-32px auto 70px;
    padding:0;
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    background:#fff;
    border:1px solid #dfe9f8;
    border-radius:26px;
    padding:18px;
    box-shadow:0 24px 65px rgba(18,43,90,.12);
}
.t5cb-trust-card{
    padding:16px;
    border-radius:20px;
    background:#f7faff;
}
.t5cb-trust-card strong{
    display:block;
    font-size:22px;
    line-height:1.15;
    color:#102033;
    font-weight:950;
}
.t5cb-trust-card span{
    display:block;
    color:#637894;
    font-size:14px;
    line-height:1.4;
    margin-top:4px;
}
.t5cb-overview-section{
    background:linear-gradient(135deg,#ffffff,#eef5ff);
    border:1px solid #dbe8fa;
    border-radius:34px;
    padding:34px;
    box-shadow:0 26px 70px rgba(18,43,90,.10);
    margin-top:0;
    margin-bottom:34px;
}
.t5cb-section{
    background:#fff;
    border:1px solid #dfe9f8;
    border-radius:30px;
    padding:30px;
    box-shadow:0 18px 46px rgba(18,43,90,.08);
}
.t5cb-product-grid{
    gap:18px;
    margin-top:34px;
    margin-bottom:34px;
}
.t5cb-product{
    border:1px solid #dfe9f8;
    border-radius:26px;
    padding:22px;
    box-shadow:0 18px 46px rgba(18,43,90,.08);
}
.t5cb-product-rec{
    background:#fff;
    border:2px solid rgba(0,194,168,.45);
    box-shadow:0 22px 55px rgba(0,194,168,.12);
}
.t5cb-product-rec:before{
    background:linear-gradient(180deg,#2364ff,#00c2a8);
}
.t5cb-final{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:#0d2b64;
    padding:42px;
    box-shadow:0 30px 80px rgba(13,43,100,.28);
}
.t5cb-final:before{
    content:"";
    position:absolute;
    right:-90px;
    top:-120px;
    width:330px;
    height:330px;
    border-radius:999px;
    background:rgba(0,194,168,.32);
}
.t5cb-final:after{
    content:"";
    position:absolute;
    right:160px;
    bottom:-140px;
    width:280px;
    height:280px;
    border-radius:999px;
    background:rgba(35,100,255,.45);
}
.t5cb-final > *{
    position:relative;
    z-index:1;
}
@media (max-width:980px){
    .t5cb-hero{
        grid-template-columns:1fr;
        min-height:auto;
        padding:64px 22px 78px;
    }
    .t5cb-comparison-trust-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:640px){
    .t5cb-hero h1{font-size:40px;}
    .t5cb-hero-card{padding:34px;border-radius:24px;}
    .t5cb-hero-card:before{inset:16px;border-radius:20px;}
    .t5cb-comparison-trust-strip{
        grid-template-columns:1fr;
        width:calc(100% - (var(--t5cb-content-side-padding,16px) * 2));
    }
    .t5cb-wrap > section:not(.t5cb-hero):not(.t5cb-comparison-trust-strip),
    .t5cb-wrap > .t5cb-product-grid{
        width:calc(100% - (var(--t5cb-content-side-padding,16px) * 2));
    }
}


/* v1.0.72: force plugin-generated pages to use full browser width, not the theme boxed content column */
body.single-t5cb_comparison,
body.tax-t5cb_category{
    overflow-x:hidden;
}
body.single-t5cb_comparison .site,
body.single-t5cb_comparison .site-content,
body.single-t5cb_comparison .content-area,
body.single-t5cb_comparison .site-main,
body.single-t5cb_comparison .ast-container,
body.single-t5cb_comparison .ast-article-single,
body.single-t5cb_comparison article.t5cb_comparison,
body.single-t5cb_comparison .entry-content,
body.tax-t5cb_category .site,
body.tax-t5cb_category .site-content,
body.tax-t5cb_category .content-area,
body.tax-t5cb_category .site-main,
body.tax-t5cb_category .ast-container,
body.tax-t5cb_category .t5cb-taxonomy-main{
    max-width:none!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.single-t5cb_comparison .entry-content > .t5cb-wrap,
body.single-t5cb_comparison article.t5cb_comparison > .t5cb-wrap,
body.tax-t5cb_category .t5cb-taxonomy-main > .t5cb-wrap{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}
body.single-t5cb_comparison .entry-content{
    margin-top:0!important;
}
body.single-t5cb_comparison .entry-content > .t5cb-wrap:first-child,
body.tax-t5cb_category .t5cb-taxonomy-main > .t5cb-wrap:first-child{
    margin-top:0!important;
}


/* v1.0.73: generated page layout controls from plugin settings */
body.single-t5cb_comparison .site-content,
body.single-t5cb_comparison .content-area,
body.single-t5cb_comparison .site-main,
body.single-t5cb_comparison .ast-container,
body.single-t5cb_comparison .ast-article-single,
body.single-t5cb_comparison .entry-content,
body.tax-t5cb_category .site-content,
body.tax-t5cb_category .content-area,
body.tax-t5cb_category .site-main,
body.tax-t5cb_category .ast-container,
body.tax-t5cb_category .t5cb-taxonomy-main{
    padding-top:0!important;
    margin-top:0!important;
}
body.single-t5cb_comparison .entry-content > .t5cb-wrap,
body.single-t5cb_comparison article.t5cb_comparison > .t5cb-wrap,
body.tax-t5cb_category .t5cb-taxonomy-main > .t5cb-wrap{
    margin-top:var(--t5cb-page-top-offset,0px)!important;
}
.t5cb-wrap > section:not(.t5cb-hero):not(.t5cb-comparison-trust-strip),
.t5cb-wrap > .t5cb-product-grid,
.t5cb-comparison-trust-strip{
    max-width:var(--t5cb-content-max,1180px)!important;
    width:calc(var(--t5cb-content-width-percent,100%) - (var(--t5cb-content-side-padding,22px) * 2))!important;
}
.t5cb-hero{
    padding-left:max(var(--t5cb-content-side-padding,22px),calc((100vw - var(--t5cb-content-max,1180px)) / 2 + var(--t5cb-content-side-padding,22px)))!important;
    padding-right:max(var(--t5cb-content-side-padding,22px),calc((100vw - var(--t5cb-content-max,1180px)) / 2 + var(--t5cb-content-side-padding,22px)))!important;
}
@media (max-width:640px){
    .t5cb-wrap > section:not(.t5cb-hero):not(.t5cb-comparison-trust-strip),
    .t5cb-wrap > .t5cb-product-grid,
    .t5cb-comparison-trust-strip{
        width:calc(100% - (var(--t5cb-content-side-padding,16px) * 2))!important;
    }
}

/* v1.0.75: separate hero outer edge gap from inner content padding */
.t5cb-hero{
    width:calc(100% - (var(--t5cb-hero-side-gap,0px) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
@media (max-width:640px){
    .t5cb-hero{
        width:calc(100% - (var(--t5cb-hero-side-gap,0px) * 2))!important;
    }
}

/* v1.1.36: clean generated taxonomy layout.
   Keep the theme header/nav/footer. Output is simple document flow:
   nav -> 14px gap -> hero -> configured margin -> light page content area. */
body.tax-t5cb_category,
body.t5cb-generated-taxonomy{
    background:#f6f9ff!important;
}
body.tax-t5cb_category main,
body.t5cb-generated-taxonomy main,
body.tax-t5cb_category .site-main,
body.t5cb-generated-taxonomy .site-main{
    position:relative!important;
    z-index:0!important;
    clear:both!important;
    margin-top:0!important;
    padding-top:0!important;
    background:#f6f9ff!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:calc(100vw - (var(--t5cb-hero-side-gap,0px) * 2))!important;
    max-width:none!important;
    min-height:248px!important;
    margin-top:max(14px,calc(14px + var(--t5cb-page-top-offset,0px)))!important;
    margin-right:calc(50% - 50vw + var(--t5cb-hero-side-gap,0px))!important;
    margin-bottom:84px!important;
    margin-left:calc(50% - 50vw + var(--t5cb-hero-side-gap,0px))!important;
    padding:34px var(--t5cb-content-side-padding,22px) 58px!important;
    overflow:hidden!important;
    clear:both!important;
    isolation:isolate!important;
    background:#07152b!important;
    border:0!important;
    border-radius:0 0 36px 36px!important;
    box-shadow:none!important;
    transform:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    background:radial-gradient(circle at 12% 18%,rgba(0,194,168,.34),transparent 34%),radial-gradient(circle at 88% 4%,rgba(35,100,255,.38),transparent 34%),linear-gradient(135deg,rgba(5,16,38,.96),rgba(18,80,255,.68) 50%,rgba(0,191,166,.50))!important;
    pointer-events:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap:after{
    content:""!important;
    position:absolute!important;
    right:-110px!important;
    top:-150px!important;
    z-index:0!important;
    width:380px!important;
    height:380px!important;
    border-radius:999px!important;
    display:block!important;
    background:rgba(255,255,255,.10)!important;
    pointer-events:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-hero,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-hero{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
    gap:34px!important;
    align-items:center!important;
    width:var(--t5cb-content-width-percent,100%)!important;
    max-width:var(--t5cb-content-max,1180px)!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-hero:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-hero:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-hero:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-hero:after{
    content:none!important;
    display:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-kicker,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-kicker{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:9px 14px!important;
    border:1px solid rgba(255,255,255,.26)!important;
    background:rgba(255,255,255,.12)!important;
    color:#dff7ff!important;
    backdrop-filter:blur(14px)!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:800!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    margin:0 0 18px!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-hero h1,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-hero h1{
    margin:0 0 16px!important;
    max-width:760px!important;
    font-size:clamp(34px,4.2vw,50px)!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
    color:#fff!important;
    font-weight:950!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-intro,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-intro,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-intro p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-intro p{
    max-width:690px!important;
    color:rgba(255,255,255,.86)!important;
    font-size:clamp(16px,1.6vw,18px)!important;
    line-height:1.62!important;
    margin-top:0!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-meta-row,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-meta-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:16px!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-meta-row span,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-meta-row span{
    padding:9px 12px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:rgba(255,255,255,.84)!important;
    font-size:14px!important;
    font-weight:750!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card{
    box-sizing:border-box!important;
    position:relative!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    backdrop-filter:blur(18px)!important;
    color:#fff!important;
    border-radius:30px!important;
    padding:20px!important;
    box-shadow:0 28px 70px rgba(0,0,0,.30)!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card:before{
    content:""!important;
    position:absolute!important;
    inset:12px!important;
    border-radius:24px!important;
    background:rgba(15,23,42,.88)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    z-index:0!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card > *,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card > *{
    position:relative!important;
    z-index:2!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card .t5cb-badge,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card .t5cb-badge{
    background:#22c55e!important;
    color:#052e16!important;
    border:0!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card h2,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card h2{
    margin:12px 0 12px!important;
    color:#fff!important;
    font-size:clamp(24px,2.5vw,30px)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card p{
    color:rgba(255,255,255,.82)!important;
    margin:0 0 18px!important;
    font-size:15px!important;
    line-height:1.6!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card .t5cb-btn,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-side-card .t5cb-btn{
    background:#fff!important;
    color:#0b3b86!important;
    box-shadow:0 18px 38px rgba(0,0,0,.24)!important;
}
body.tax-t5cb_category .t5cb-taxonomy-content-wrap,
body.t5cb-generated-taxonomy .t5cb-taxonomy-content-wrap{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:0!important;
    display:block!important;
    width:calc(100vw - (var(--t5cb-hero-side-gap,0px) * 2))!important;
    max-width:none!important;
    margin-top:0!important;
    margin-right:calc(50% - 50vw + var(--t5cb-hero-side-gap,0px))!important;
    margin-bottom:0!important;
    margin-left:calc(50% - 50vw + var(--t5cb-hero-side-gap,0px))!important;
    padding:0 var(--t5cb-content-side-padding,22px) 76px!important;
    background:#f6f9ff!important;
    clear:both!important;
    overflow:visible!important;
    box-shadow:none!important;
    transform:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    clear:both!important;
    overflow:visible!important;
    transform:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main > .t5cb-hub-wrap,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main > .t5cb-hub-wrap{
    box-sizing:border-box!important;
    width:var(--t5cb-content-width-percent,100%)!important;
    max-width:var(--t5cb-content-max,1180px)!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    overflow:visible!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > .t5cb-hub-notes,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > .t5cb-hub-notes{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section:first-child,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > .t5cb-hub-notes:first-child,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section:first-child,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > .t5cb-hub-notes:first-child{
    margin-top:0!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section + section,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section + .t5cb-hub-notes,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section + section,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section + .t5cb-hub-notes{
    margin-top:22px!important;
}
@media (max-width:900px){
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap{
        min-height:0!important;
        padding:30px max(var(--t5cb-content-side-padding,18px),18px) 44px!important;
        margin-bottom:64px!important;
        border-radius:0 0 26px 26px!important;
    }
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-hero,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-hero{
        width:100%!important;
        grid-template-columns:1fr!important;
    }
    body.tax-t5cb_category .t5cb-taxonomy-content-wrap,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-content-wrap{
        padding-bottom:60px!important;
    }
    body.tax-t5cb_category .t5cb-taxonomy-main > .t5cb-hub-wrap,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-main > .t5cb-hub-wrap{
        width:100%!important;
    }
}
@media (max-width:640px){
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap,
    body.tax-t5cb_category .t5cb-taxonomy-content-wrap,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-content-wrap{
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:calc(50% - 50vw)!important;
    }
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap{
        padding:26px 18px 38px!important;
        margin-bottom:52px!important;
    }
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-hero h1,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-hero h1{
        font-size:30px!important;
    }
}


/* v1.1.37: restore internal padding inside generated category content cards.
   Earlier taxonomy layout rules removed left/right padding from top-level sections
   to stop wrapper overlap, but that also stripped the card padding itself. Keep
   the page wrapper controlled by the settings, then give every visible card its
   own readable internal spacing. */
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-featured-hub,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-featured-hub{
    padding:clamp(22px,var(--t5cb-content-side-padding,28px),34px)!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-list-card,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-list-card{
    padding:20px!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-note-card,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-note-card{
    padding:22px!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-notes,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-notes{
    padding:0!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-featured-hub,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-featured-hub{
    gap:22px!important;
}
@media (max-width:900px){
    body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section,
    body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-featured-hub,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-featured-hub{
        padding:clamp(18px,var(--t5cb-content-side-padding,22px),28px)!important;
    }
    body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-list-card,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-list-card,
    body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-note-card,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-note-card{
        padding:18px!important;
    }
}


/* v1.1.38: polished React/Figma-style cards for generated category/subcategory pages.
   Build on the working v1.1.37 spacing/layout and only improve visual card treatment. */
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(203,220,246,.92)!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,#ffffff 0%,#fbfdff 46%,#f1f7ff 100%)!important;
    box-shadow:0 22px 60px rgba(18,43,90,.10),0 1px 0 rgba(255,255,255,.92) inset!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 8% 0%,rgba(35,100,255,.10),transparent 32%),
        radial-gradient(circle at 100% 100%,rgba(0,194,168,.10),transparent 30%);
    opacity:.85;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section > *,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-hub-wrap > section.t5cb-section > *{
    position:relative;
    z-index:1;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-featured-hub,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-featured-hub{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(179,206,255,.95)!important;
    border-radius:30px!important;
    background:
        radial-gradient(circle at 0% 0%,rgba(35,100,255,.16),transparent 36%),
        radial-gradient(circle at 100% 100%,rgba(0,194,168,.15),transparent 34%),
        linear-gradient(135deg,#ffffff 0%,#f8fbff 42%,#edf5ff 100%)!important;
    box-shadow:0 28px 78px rgba(18,43,90,.14),0 1px 0 rgba(255,255,255,.92) inset!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-featured-hub:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-featured-hub:before{
    content:"";
    position:absolute;
    right:-70px;
    top:-90px;
    width:260px;
    height:260px;
    border-radius:999px;
    background:rgba(35,100,255,.13);
    pointer-events:none;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-featured-hub:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-featured-hub:after{
    content:"";
    position:absolute;
    left:-90px;
    bottom:-130px;
    width:280px;
    height:280px;
    border-radius:999px;
    background:rgba(0,194,168,.12);
    pointer-events:none;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-featured-hub > *,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-featured-hub > *{
    position:relative;
    z-index:1;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-featured-hub h2,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-featured-hub h2{
    font-size:clamp(24px,3vw,34px)!important;
    letter-spacing:-.035em!important;
    margin-top:10px!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-featured-hub p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-featured-hub p{
    max-width:820px;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-list-card,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-list-card,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-note-card,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-note-card{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(213,226,246,.95)!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#ffffff 0%,#fbfdff 55%,#f6faff 100%)!important;
    box-shadow:0 18px 48px rgba(18,43,90,.08),0 1px 0 rgba(255,255,255,.92) inset!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-list-card:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-list-card:before,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-note-card:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-note-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,#2364ff,#00c2a8);
    opacity:.72;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-list-card:hover,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-list-card:hover,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-note-card:hover,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-note-card:hover{
    transform:translateY(-2px);
    border-color:rgba(35,100,255,.28)!important;
    box-shadow:0 24px 62px rgba(18,43,90,.12),0 1px 0 rgba(255,255,255,.96) inset!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-small-pill,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-small-pill,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-kicker,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-kicker{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    padding:7px 11px!important;
    border-radius:999px!important;
    background:rgba(35,100,255,.08)!important;
    color:#2364ff!important;
    border:1px solid rgba(35,100,255,.10)!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-list-card h3,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-list-card h3,
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-note-card h3,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-note-card h3{
    margin-top:14px!important;
    letter-spacing:-.025em!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-related-chips,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-related-chips{
    gap:12px!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-related-chips a,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-related-chips a{
    display:inline-flex!important;
    align-items:center!important;
    padding:11px 14px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ffffff,#f3f8ff)!important;
    border:1px solid rgba(203,220,246,.96)!important;
    color:#102033!important;
    text-decoration:none!important;
    font-weight:850!important;
    box-shadow:0 12px 28px rgba(18,43,90,.07)!important;
}
body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-btn,
body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-btn{
    box-shadow:0 14px 30px rgba(35,100,255,.22)!important;
}
@media (max-width:900px){
    body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-featured-hub,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-featured-hub{
        border-radius:24px!important;
    }
    body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-list-card,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-list-card,
    body.tax-t5cb_category .t5cb-taxonomy-main .t5cb-note-card,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-main .t5cb-note-card{
        border-radius:22px!important;
    }
}

/* v1.1.56: Standalone manual Gutenberg design blocks for pages/posts */
.t5cb-wrap.t5cb-design-block-wrap{
    background:transparent!important;
    overflow:visible!important;
    width:100%!important;
    max-width:var(--t5cb-content-max,1180px)!important;
    margin:26px auto!important;
    padding:0!important;
    font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--t5cb-text,#1f2937);
}
.t5cb-design-block-wrap *{box-sizing:border-box}
.t5cb-design-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
    gap:24px;
    align-items:stretch;
    padding:32px;
    border-radius:30px;
    border:1px solid rgba(191,219,254,.95);
    background:radial-gradient(circle at 10% 20%,rgba(34,211,238,.18),transparent 34%),linear-gradient(135deg,#ffffff 0%,var(--t5cb-soft,#eff6ff) 58%,#f8fafc 100%);
    box-shadow:0 22px 60px rgba(15,23,42,.09);
    overflow:hidden;
}
.t5cb-design-hero:before{
    content:"";
    position:absolute;
    right:-70px;
    top:-80px;
    width:230px;
    height:230px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--t5cb-primary,#2563eb),var(--t5cb-accent,#22c55e));
    opacity:.13;
}
.t5cb-design-hero-main,.t5cb-design-hero-card{position:relative;z-index:1}
.t5cb-design-hero h2{
    margin:0 0 12px;
    max-width:820px;
    font-size:clamp(30px,4vw,54px);
    line-height:1.02;
    letter-spacing:-.055em;
    font-weight:950;
    color:var(--t5cb-heading,#0f172a);
}
.t5cb-design-intro{
    max-width:760px;
    margin:0;
    color:var(--t5cb-muted,#64748b);
    font-size:18px;
    line-height:1.65;
}
.t5cb-design-meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0 0;
}
.t5cb-design-meta-row span{
    display:inline-flex;
    align-items:center;
    border:1px solid rgba(191,219,254,.95);
    background:#fff;
    color:#334155;
    border-radius:999px;
    padding:8px 12px;
    font-size:13px;
    font-weight:800;
}
.t5cb-design-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    margin-top:22px;
}
.t5cb-design-hero-card{
    align-self:stretch;
    padding:24px;
    border-radius:24px;
    background:#0f172a;
    color:#fff;
    box-shadow:0 18px 42px rgba(15,23,42,.20);
}
.t5cb-design-hero-card h3{
    margin:14px 0 8px;
    color:#fff;
    font-size:26px;
    line-height:1.12;
    letter-spacing:-.035em;
}
.t5cb-design-hero-card p{
    margin:0;
    color:#dbeafe;
    line-height:1.65;
}
.t5cb-design-hero-compact{grid-template-columns:1fr}
.t5cb-figma-cards-section{
    padding:30px;
    border:1px solid rgba(191,219,254,.95);
    border-radius:30px;
    background:linear-gradient(135deg,#ffffff 0%,#f8fbff 62%,var(--t5cb-soft,#eff6ff) 100%);
    box-shadow:0 20px 54px rgba(15,23,42,.08);
}
.t5cb-figma-cards-head{
    max-width:820px;
    margin-bottom:22px;
}
.t5cb-figma-cards-head h2{
    margin:0 0 10px;
    color:var(--t5cb-heading,#0f172a);
    font-size:clamp(27px,3vw,42px);
    line-height:1.08;
    letter-spacing:-.045em;
    font-weight:950;
}
.t5cb-figma-cards-head p:not(.t5cb-kicker){
    margin:0;
    color:var(--t5cb-muted,#64748b);
    font-size:17px;
    line-height:1.65;
}
.t5cb-figma-card-grid{
    display:grid;
    gap:16px;
}
.t5cb-figma-cards-cols-2 .t5cb-figma-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.t5cb-figma-cards-cols-3 .t5cb-figma-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.t5cb-figma-cards-cols-4 .t5cb-figma-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.t5cb-figma-card{
    position:relative;
    min-height:168px;
    padding:22px;
    border:1px solid rgba(191,219,254,.95);
    border-radius:22px;
    background:rgba(255,255,255,.88);
    box-shadow:0 14px 34px rgba(15,23,42,.07);
    overflow:hidden;
}
.t5cb-figma-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,var(--t5cb-primary,#2563eb),var(--t5cb-accent,#22c55e));
}
.t5cb-figma-card-badge{
    display:inline-flex;
    min-width:38px;
    min-height:38px;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:14px;
    background:linear-gradient(135deg,var(--t5cb-primary,#2563eb),var(--t5cb-accent,#22c55e));
    color:#fff;
    font-size:13px;
    font-weight:950;
    margin-bottom:14px;
    box-shadow:0 10px 22px rgba(37,99,235,.20);
}
.t5cb-figma-card h3{
    margin:0 0 8px;
    color:var(--t5cb-heading,#0f172a);
    font-size:20px;
    line-height:1.14;
    letter-spacing:-.025em;
}
.t5cb-figma-card p{
    margin:0;
    color:var(--t5cb-muted,#64748b);
    line-height:1.6;
    font-size:15.5px;
}
.t5cb-figma-cards-dark{
    border-color:rgba(30,64,175,.45);
    background:radial-gradient(circle at 85% 12%,rgba(34,211,238,.22),transparent 32%),linear-gradient(135deg,#07152b,#12318a 68%,#0f766e);
}
.t5cb-figma-cards-dark .t5cb-kicker{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);color:#e0f2fe}
.t5cb-figma-cards-dark .t5cb-figma-cards-head h2{color:#fff}
.t5cb-figma-cards-dark .t5cb-figma-cards-head p:not(.t5cb-kicker){color:#dbeafe}
.t5cb-figma-cards-dark .t5cb-figma-card{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.25)}
@media(max-width:900px){
    .t5cb-design-hero{grid-template-columns:1fr;padding:24px;border-radius:24px}
    .t5cb-design-hero h2{font-size:34px}
    .t5cb-design-hero-card{padding:20px}
    .t5cb-figma-cards-section{padding:22px;border-radius:24px}
    .t5cb-figma-cards-cols-2 .t5cb-figma-card-grid,
    .t5cb-figma-cards-cols-3 .t5cb-figma-card-grid,
    .t5cb-figma-cards-cols-4 .t5cb-figma-card-grid{grid-template-columns:1fr}
}


/* v1.1.57: stronger hero badge contrast on light hero/card backgrounds.
   Fixes pale blue text on pale blue/white badges across home, blog archive, categories,
   latest comparisons and standalone Figma hero blocks. */
.t5cb-hero-card .t5cb-badge,
.t5cb-hub-side-card .t5cb-badge,
.t5cb-design-hero-card .t5cb-badge{
    background:var(--t5cb-side-badge-bg,#1e3a8a)!important;
    color:var(--t5cb-side-badge-text,#ffffff)!important;
    border:1px solid var(--t5cb-side-badge-border,rgba(30,58,138,.22))!important;
    text-shadow:none!important;
}
.t5cb-kicker,
.t5cb-small-pill,
.t5cb-design-hero .t5cb-kicker,
.t5cb-figma-cards-head .t5cb-kicker,
.t5cb-taxonomy-main .t5cb-small-pill{
    background:var(--t5cb-badge-light-bg,#dbeafe)!important;
    color:var(--t5cb-badge-light-text,#1e3a8a)!important;
    border:1px solid var(--t5cb-badge-light-border,#bfdbfe)!important;
    text-shadow:none!important;
}
.t5cb-hero .t5cb-kicker,
.t5cb-taxonomy-hero-wrap .t5cb-kicker{
    background:var(--t5cb-badge-dark-bg,rgba(255,255,255,.18))!important;
    color:var(--t5cb-badge-dark-text,#ffffff)!important;
    border:1px solid var(--t5cb-badge-dark-border,rgba(255,255,255,.34))!important;
}
.t5cb-design-meta-row span,
.t5cb-meta-row span{
    color:#1e293b;
}
.t5cb-design-hero .t5cb-design-meta-row span{
    background:#ffffff!important;
    color:#1e293b!important;
    border-color:#bfdbfe!important;
}


/* v1.1.58: component CSS now reads from shared tokens where possible.
   These rules intentionally match the existing Top5Wise look and only centralise future changes. */
.t5cb-wrap,.t5cb-hub-wrap,.t5cb-taxonomy-main,.t5cb-design-wrap{max-width:var(--t5cb-content-max,1180px);}
.t5cb-btn{background:var(--t5cb-primary,#2563eb);}
.t5cb-product-rec .t5cb-btn,.t5cb-final .t5cb-btn{background:var(--t5cb-accent,#16a34a);}
.t5cb-kicker,.t5cb-small-pill,.t5cb-rating{border-radius:var(--t5cb-radius-pill,999px);}
.t5cb-hero,.t5cb-hub-hero,.t5cb-product,.t5cb-section,.t5cb-list-card,.t5cb-note-card,.t5cb-design-hero,.t5cb-figma-cards-section{border-color:var(--t5cb-border,#e5e7eb);}
.t5cb-product,.t5cb-section,.t5cb-list-card,.t5cb-note-card,.t5cb-figma-card{background:var(--t5cb-card,#ffffff);}
.t5cb-badge,.t5cb-rec-pill{border-radius:var(--t5cb-radius-pill,999px);}

/* v1.1.59: Standardise all generated hero sections to the same visual system as the manual Gutenberg Figma Hero block.
   This intentionally does not change markup or generated content. It maps the older generated hero classes
   (.t5cb-hero / .t5cb-hub-hero) onto the same display language used by .t5cb-design-hero. */
.t5cb-hero,
.t5cb-hub-hero{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;
    gap:24px!important;
    align-items:stretch!important;
    padding:32px!important;
    border-radius:30px!important;
    border:1px solid rgba(191,219,254,.95)!important;
    background:radial-gradient(circle at 10% 20%,rgba(34,211,238,.18),transparent 34%),linear-gradient(135deg,#ffffff 0%,var(--t5cb-soft,#eff6ff) 58%,#f8fafc 100%)!important;
    box-shadow:0 22px 60px rgba(15,23,42,.09)!important;
    overflow:hidden!important;
}
.t5cb-hero:before,
.t5cb-hub-hero:before{
    content:""!important;
    position:absolute!important;
    right:-70px!important;
    top:-80px!important;
    width:230px!important;
    height:230px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,var(--t5cb-primary,#2563eb),var(--t5cb-accent,#22c55e))!important;
    opacity:.13!important;
    pointer-events:none!important;
    z-index:0!important;
}
.t5cb-hero:after,
.t5cb-hub-hero:after{
    content:none!important;
}
.t5cb-hero > *,
.t5cb-hub-hero > *{
    position:relative!important;
    z-index:1!important;
}
.t5cb-hero h1,
.t5cb-hub-hero h1{
    margin:0 0 12px!important;
    max-width:820px!important;
    font-size:clamp(30px,4vw,54px)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    font-weight:950!important;
    color:var(--t5cb-heading,#0f172a)!important;
}
.t5cb-hero .t5cb-intro,
.t5cb-hub-hero .t5cb-intro,
.t5cb-hero .t5cb-intro p,
.t5cb-hub-hero .t5cb-intro p{
    max-width:760px!important;
    margin:0!important;
    color:var(--t5cb-muted,#64748b)!important;
    font-size:18px!important;
    line-height:1.65!important;
}
.t5cb-hero .t5cb-meta-row,
.t5cb-hub-hero .t5cb-meta-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:18px 0 0!important;
}
.t5cb-hero .t5cb-meta-row span,
.t5cb-hub-hero .t5cb-meta-row span,
.t5cb-design-hero .t5cb-design-meta-row span{
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(191,219,254,.95)!important;
    background:#fff!important;
    color:#334155!important;
    border-radius:999px!important;
    padding:8px 12px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.2!important;
}
.t5cb-hero .t5cb-kicker,
.t5cb-hub-hero .t5cb-kicker,
.t5cb-design-hero .t5cb-kicker,
.t5cb-figma-cards-head .t5cb-kicker{
    display:inline-flex!important;
    align-items:center!important;
    width:fit-content!important;
    max-width:100%!important;
    gap:8px!important;
    margin:0 0 16px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:var(--t5cb-badge-light-bg,#eef4ff)!important;
    color:var(--t5cb-badge-light-text,#1d4ed8)!important;
    border:1px solid var(--t5cb-badge-light-border,rgba(37,99,235,.22))!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    box-shadow:0 10px 22px rgba(37,99,235,.08)!important;
    text-shadow:none!important;
}
.t5cb-hero-card,
.t5cb-hub-side-card{
    position:relative!important;
    z-index:1!important;
    align-self:stretch!important;
    padding:24px!important;
    border-radius:24px!important;
    background:#0f172a!important;
    color:#fff!important;
    box-shadow:0 18px 42px rgba(15,23,42,.20)!important;
    overflow:hidden!important;
}
.t5cb-hero-card:before,
.t5cb-hub-side-card:before{
    content:none!important;
}
.t5cb-hero-card h2,
.t5cb-hub-side-card h2{
    margin:14px 0 8px!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
}
.t5cb-hero-card p,
.t5cb-hub-side-card p{
    margin:0!important;
    color:#dbeafe!important;
    line-height:1.65!important;
}
.t5cb-hero-card .t5cb-badge,
.t5cb-hub-side-card .t5cb-badge,
.t5cb-design-hero-card .t5cb-badge{
    display:inline-flex!important;
    align-items:center!important;
    width:fit-content!important;
    max-width:100%!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:var(--t5cb-side-badge-bg,#eef4ff)!important;
    color:var(--t5cb-side-badge-text,#1d4ed8)!important;
    border:1px solid var(--t5cb-side-badge-border,rgba(37,99,235,.22))!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    box-shadow:0 10px 22px rgba(37,99,235,.08)!important;
    text-shadow:none!important;
}
.t5cb-hero-card .t5cb-btn,
.t5cb-hub-side-card .t5cb-btn{
    margin-top:16px!important;
}
/* Preserve the full-width taxonomy hero wrapper, but let the inner hero share the same block styling. */
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .t5cb-hub-hero,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .t5cb-hub-hero{
    max-width:var(--t5cb-content-max,1180px)!important;
    margin:0 auto!important;
}
@media(max-width:900px){
    .t5cb-hero,
    .t5cb-hub-hero{
        grid-template-columns:1fr!important;
        padding:24px!important;
        border-radius:24px!important;
    }
    .t5cb-hero h1,
    .t5cb-hub-hero h1{
        font-size:34px!important;
    }
    .t5cb-hero-card,
    .t5cb-hub-side-card{
        padding:20px!important;
    }
}


/* v1.1.60: hard sync generated heroes to the manual Gutenberg Figma Hero block styling.
   The v1.1.59 pass matched the general hero classes, but older taxonomy/home/category hero rules had
   higher-specificity !important rules and still overrode the manual hero style. These rules deliberately
   target those generated contexts with equal/higher specificity so the generated hero, category hero and
   latest-comparison hero use the same visual language as .t5cb-design-hero. */
.t5cb-wrap section.t5cb-hero,
.t5cb-wrap section.t5cb-hub-hero,
.t5cb-wrap section.t5cb-design-hero,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;
    gap:24px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:var(--t5cb-content-max,1180px)!important;
    min-height:0!important;
    margin:26px auto!important;
    padding:32px!important;
    border-radius:30px!important;
    border:1px solid rgba(191,219,254,.95)!important;
    background:radial-gradient(circle at 10% 20%,rgba(34,211,238,.18),transparent 34%),linear-gradient(135deg,#ffffff 0%,var(--t5cb-soft,#eff6ff) 58%,#f8fafc 100%)!important;
    box-shadow:0 22px 60px rgba(15,23,42,.09)!important;
    overflow:hidden!important;
    transform:none!important;
    isolation:isolate!important;
}
.t5cb-wrap section.t5cb-hero:before,
.t5cb-wrap section.t5cb-hub-hero:before,
.t5cb-wrap section.t5cb-design-hero:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero:before{
    content:""!important;
    position:absolute!important;
    right:-70px!important;
    top:-80px!important;
    left:auto!important;
    bottom:auto!important;
    width:230px!important;
    height:230px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,var(--t5cb-primary,#2563eb),var(--t5cb-accent,#22c55e))!important;
    opacity:.13!important;
    pointer-events:none!important;
    z-index:0!important;
    display:block!important;
}
.t5cb-wrap section.t5cb-hero:after,
.t5cb-wrap section.t5cb-hub-hero:after,
.t5cb-wrap section.t5cb-design-hero:after,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero:after{
    content:none!important;
    display:none!important;
}
.t5cb-wrap section.t5cb-hero > *,
.t5cb-wrap section.t5cb-hub-hero > *,
.t5cb-wrap section.t5cb-design-hero > *,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero > *,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero > *{
    position:relative!important;
    z-index:1!important;
}
.t5cb-wrap section.t5cb-hero h1,
.t5cb-wrap section.t5cb-hub-hero h1,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero h1,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero h1{
    margin:0 0 12px!important;
    max-width:820px!important;
    font-size:clamp(30px,4vw,54px)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    font-weight:950!important;
    color:var(--t5cb-heading,#0f172a)!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-intro,
.t5cb-wrap section.t5cb-hub-hero .t5cb-intro,
.t5cb-wrap section.t5cb-hero .t5cb-intro p,
.t5cb-wrap section.t5cb-hub-hero .t5cb-intro p,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-intro,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-intro p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-intro,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-intro p{
    max-width:760px!important;
    margin:0!important;
    color:var(--t5cb-muted,#64748b)!important;
    font-size:18px!important;
    line-height:1.65!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-kicker,
.t5cb-wrap section.t5cb-hub-hero .t5cb-kicker,
.t5cb-wrap section.t5cb-design-hero .t5cb-kicker,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-kicker,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-kicker{
    display:inline-flex!important;
    align-items:center!important;
    width:fit-content!important;
    max-width:100%!important;
    gap:8px!important;
    margin:0 0 16px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:var(--t5cb-badge-light-bg,#dbeafe)!important;
    color:var(--t5cb-badge-light-text,#1e3a8a)!important;
    border:1px solid var(--t5cb-badge-light-border,#bfdbfe)!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    box-shadow:0 10px 22px rgba(37,99,235,.08)!important;
    text-shadow:none!important;
    backdrop-filter:none!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-meta-row,
.t5cb-wrap section.t5cb-hub-hero .t5cb-meta-row,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-meta-row,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-meta-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:18px 0 0!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-meta-row span,
.t5cb-wrap section.t5cb-hub-hero .t5cb-meta-row span,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-meta-row span,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-meta-row span{
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(191,219,254,.95)!important;
    background:#fff!important;
    color:#334155!important;
    border-radius:999px!important;
    padding:8px 12px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.2!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-hero-card,
.t5cb-wrap section.t5cb-hub-hero .t5cb-hub-side-card,
.t5cb-wrap section.t5cb-design-hero .t5cb-design-hero-card,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:1!important;
    align-self:stretch!important;
    padding:24px!important;
    border-radius:24px!important;
    background:#0f172a!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 18px 42px rgba(15,23,42,.20)!important;
    overflow:hidden!important;
    backdrop-filter:none!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-hero-card:before,
.t5cb-wrap section.t5cb-hub-hero .t5cb-hub-side-card:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card:before{
    content:none!important;
    display:none!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-hero-card .t5cb-badge,
.t5cb-wrap section.t5cb-hub-hero .t5cb-hub-side-card .t5cb-badge,
.t5cb-wrap section.t5cb-design-hero .t5cb-design-hero-card .t5cb-badge,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card .t5cb-badge,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card .t5cb-badge{
    display:inline-flex!important;
    align-items:center!important;
    width:fit-content!important;
    max-width:100%!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:var(--t5cb-side-badge-bg,#1e3a8a)!important;
    color:var(--t5cb-side-badge-text,#ffffff)!important;
    border:1px solid var(--t5cb-side-badge-border,rgba(30,58,138,.22))!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:850!important;
    text-shadow:none!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-hero-card h2,
.t5cb-wrap section.t5cb-hub-hero .t5cb-hub-side-card h2,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card h2,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card h2{
    margin:14px 0 8px!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-hero-card p,
.t5cb-wrap section.t5cb-hub-hero .t5cb-hub-side-card p,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card p{
    margin:0 0 12px!important;
    color:#dbeafe!important;
    font-size:15px!important;
    line-height:1.65!important;
}
.t5cb-wrap section.t5cb-hero .t5cb-hero-card .t5cb-btn,
.t5cb-wrap section.t5cb-hub-hero .t5cb-hub-side-card .t5cb-btn,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card .t5cb-btn,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero .t5cb-hub-side-card .t5cb-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:16px!important;
    background:var(--t5cb-primary,#2563eb)!important;
    color:#fff!important;
    border:0!important;
    border-radius:13px!important;
    padding:12px 17px!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    margin:26px auto 26px!important;
    padding:0 var(--t5cb-content-side-padding,22px)!important;
    background:transparent!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap:after{
    content:none!important;
    display:none!important;
}
@media(max-width:900px){
    .t5cb-wrap section.t5cb-hero,
    .t5cb-wrap section.t5cb-hub-hero,
    .t5cb-wrap section.t5cb-design-hero,
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.t5cb-hub-hero{
        grid-template-columns:1fr!important;
        padding:24px!important;
        border-radius:24px!important;
    }
}

/* v1.1.61: Exact hero class sync to the PINXS Top 5 Theme Gutenberg hero block.
   Generated comparison/category heroes now carry the same pinxs-block-* classes as the editable
   About page hero. These final overrides stop older t5cb hero rules from visually diverging. */
.t5cb-wrap .pinxs-block-hero.t5cb-hero,
.t5cb-wrap .pinxs-block-hero.t5cb-hub-hero,
.t5cb-wrap .pinxs-block-hero.t5cb-design-hero,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero.t5cb-hub-hero,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero.t5cb-hub-hero{
    position:relative!important;
    width:calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2))!important;
    max-width:calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2))!important;
    margin:var(--pinxs-page-top-gap,14px) calc(50% - 50vw + var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px))) var(--pinxs-hero-bottom-gap,52px)!important;
    min-height:var(--pinxs-compact-hero-height,360px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:56px var(--pinxs-content-side-padding,var(--t5cb-content-side-padding,22px))!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0 0 36px 36px!important;
    background:#07152b!important;
    color:#fff!important;
    box-shadow:0 28px 80px rgba(13,43,100,.22)!important;
    isolation:isolate!important;
}
.t5cb-wrap .pinxs-block-hero.t5cb-hero:before,
.t5cb-wrap .pinxs-block-hero.t5cb-hero:after,
.t5cb-wrap .pinxs-block-hero.t5cb-hub-hero:before,
.t5cb-wrap .pinxs-block-hero.t5cb-hub-hero:after,
.t5cb-wrap .pinxs-block-hero.t5cb-design-hero:before,
.t5cb-wrap .pinxs-block-hero.t5cb-design-hero:after,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero.t5cb-hub-hero:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero.t5cb-hub-hero:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero.t5cb-hub-hero:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero.t5cb-hub-hero:after{
    content:none!important;
    display:none!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-bg,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-bg,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-bg{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    background:
        radial-gradient(circle at 18% 80%, rgba(0,194,168,.32), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(85,139,255,.45), transparent 36%),
        linear-gradient(135deg, #07344a 0%, #173fc5 48%, #047c75 100%)!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-inner,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:var(--pinxs-content-max,var(--t5cb-content-max,1180px))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.06fr) minmax(280px,.74fr)!important;
    gap:34px!important;
    align-items:center!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-copy,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy{
    min-width:0!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-copy h1,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy h1,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy h1{
    margin:0 0 18px!important;
    font-size:clamp(34px,5vw,64px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    color:#fff!important;
    font-weight:950!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-copy p,
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-copy .t5cb-intro,
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-copy .t5cb-intro p,
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-copy .t5cb-design-intro,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy p,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy .t5cb-intro,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy .t5cb-intro p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy .t5cb-intro,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-copy .t5cb-intro p{
    max-width:760px!important;
    margin:0 0 24px!important;
    color:rgba(255,255,255,.86)!important;
    font-size:clamp(16px,1.75vw,20px)!important;
    line-height:1.62!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-kicker,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-kicker,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-kicker{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    width:fit-content!important;
    max-width:100%!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.20)!important;
    color:#dff7ff!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    line-height:1.1!important;
    margin:0 0 14px!important;
    box-shadow:none!important;
    text-shadow:none!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card-shell,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card-shell,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card-shell{
    padding:18px!important;
    border-radius:30px!important;
    background:rgba(255,255,255,.16)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 28px 70px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(16px)!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card,
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card,
.t5cb-wrap .pinxs-block-hero .t5cb-design-hero-card.pinxs-block-hero-card,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card{
    position:relative!important;
    z-index:1!important;
    background:#fff!important;
    color:#102033!important;
    border:0!important;
    border-radius:24px!important;
    padding:24px!important;
    box-shadow:0 20px 55px rgba(10,26,58,.18)!important;
    overflow:visible!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card:before,
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card:after{
    content:none!important;
    display:none!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card .pinxs-kicker-blue,
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card .t5cb-badge.pinxs-kicker-blue,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card .pinxs-kicker-blue,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card .pinxs-kicker-blue{
    color:#2364ff!important;
    background:#eaf1ff!important;
    border-color:#dce8ff!important;
    box-shadow:none!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card h2,
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card h3,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card h2,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card h2{
    margin:8px 0 10px!important;
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    color:#102033!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card p,
.t5cb-wrap .pinxs-block-hero .pinxs-block-hero-card p strong,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-card p{
    margin:0 0 12px!important;
    color:#5f7490!important;
    line-height:1.58!important;
    font-size:15px!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-btn,
.t5cb-wrap .pinxs-block-hero .t5cb-btn.pinxs-btn,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-btn,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:14px 18px!important;
    border-radius:15px!important;
    text-decoration:none!important;
    font-weight:950!important;
    line-height:1!important;
    border:1px solid transparent!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-btn-light,
.t5cb-wrap .pinxs-block-hero .t5cb-btn.pinxs-btn-light,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-btn-light,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-btn-light{
    background:#fff!important;
    color:#102033!important;
    box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
}
.t5cb-wrap .pinxs-block-hero .pinxs-btn-ghost,
.t5cb-wrap .pinxs-block-hero .t5cb-btn.pinxs-btn-ghost,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-btn-ghost,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-btn-ghost{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.28)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
}
.t5cb-wrap .pinxs-block-hero .t5cb-meta-row span,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-meta-row span,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-meta-row span{
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:rgba(255,255,255,.84)!important;
    border-radius:999px!important;
    padding:9px 12px!important;
    font-size:14px!important;
    font-weight:750!important;
}
.t5cb-wrap .pinxs-block-hero .t5cb-score-card{
    background:#f8fafc!important;
    border:1px solid #e5e7eb!important;
}
.t5cb-wrap .pinxs-block-hero .t5cb-score-number,
.t5cb-wrap .pinxs-block-hero .t5cb-score-row-head strong{color:#102033!important;}
.t5cb-wrap .pinxs-block-hero .t5cb-score-outof,
.t5cb-wrap .pinxs-block-hero .t5cb-score-label,
.t5cb-wrap .pinxs-block-hero .t5cb-score-row-head{color:#64748b!important;}
@media(max-width:900px){
    .t5cb-wrap .pinxs-block-hero.t5cb-hero,
    .t5cb-wrap .pinxs-block-hero.t5cb-hub-hero,
    .t5cb-wrap .pinxs-block-hero.t5cb-design-hero,
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero.t5cb-hub-hero,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero.t5cb-hub-hero{
        width:calc(100vw - 16px)!important;
        max-width:calc(100vw - 16px)!important;
        margin-left:calc(50% - 50vw + 8px)!important;
        margin-right:calc(50% - 50vw + 8px)!important;
        padding:38px 18px!important;
        border-radius:0 0 28px 28px!important;
    }
    .t5cb-wrap .pinxs-block-hero .pinxs-block-hero-inner,
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner{
        grid-template-columns:1fr!important;
    }
    .t5cb-wrap .pinxs-block-hero .pinxs-block-hero-copy h1{
        font-size:clamp(34px,9vw,48px)!important;
    }
}


/* v1.1.62: Generated taxonomy hero conflict fix.
   The taxonomy wrapper and old t5cb side-card rules were still overriding the new pinxs-block
   hero classes. Keep the generated content, but make the visible hero/card/buttons/badges inherit
   the same appearance as the manually inserted Gutenberg hero block used on the About page. */
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clear:both!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    isolation:isolate!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap:after{
    content:none!important;
    display:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero{
    position:relative!important;
    width:calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2))!important;
    max-width:calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2))!important;
    margin:var(--pinxs-page-top-gap,14px) calc(50% - 50vw + var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px))) var(--pinxs-hero-bottom-gap,52px)!important;
    min-height:var(--pinxs-compact-hero-height,360px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:56px var(--pinxs-content-side-padding,var(--t5cb-content-side-padding,22px))!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0 0 36px 36px!important;
    background:#07152b!important;
    color:#fff!important;
    box-shadow:0 28px 80px rgba(13,43,100,.22)!important;
    transform:none!important;
    isolation:isolate!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero:after,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero:after{
    content:none!important;
    display:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-bg,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-bg{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    background:radial-gradient(circle at 18% 80%, rgba(0,194,168,.32), transparent 34%),radial-gradient(circle at 82% 18%, rgba(85,139,255,.45), transparent 36%),linear-gradient(135deg, #07344a 0%, #173fc5 48%, #047c75 100%)!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:var(--pinxs-content-max,var(--t5cb-content-max,1180px))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.06fr) minmax(280px,.74fr)!important;
    gap:34px!important;
    align-items:center!important;
    padding:0!important;
    margin:0 auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
/* Restore the white About-page hero card when old t5cb side-card classes are present. */
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:1!important;
    overflow:visible!important;
    background:#fff!important;
    color:#102033!important;
    border:0!important;
    border-radius:24px!important;
    padding:24px!important;
    box-shadow:0 20px 55px rgba(10,26,58,.18)!important;
    backdrop-filter:none!important;
}
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card:before,
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card:after,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card:before,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card:after,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card:before,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card:after,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card:before,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card:after{
    content:none!important;
    display:none!important;
}
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card h2,
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card h3,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card h2,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card h3,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card h2,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card h3,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card h2,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card h3{
    margin:8px 0 10px!important;
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    color:#102033!important;
    font-weight:950!important;
}
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card p,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card p,
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card p strong,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card p strong,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card p,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card p strong,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card p,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card p strong{
    margin:0 0 12px!important;
    color:#5f7490!important;
    line-height:1.58!important;
    font-size:15px!important;
    font-weight:inherit!important;
}
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card .t5cb-badge.pinxs-kicker-blue,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card .t5cb-badge.pinxs-kicker-blue,
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card .t5cb-badge.pinxs-kicker-blue,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card .t5cb-badge.pinxs-kicker-blue{
    display:inline-flex!important;
    align-items:center!important;
    width:fit-content!important;
    gap:8px!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    color:#2364ff!important;
    background:#eaf1ff!important;
    border:1px solid #dce8ff!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    line-height:1.1!important;
    margin:0 0 14px!important;
    box-shadow:none!important;
    text-shadow:none!important;
    backdrop-filter:none!important;
}
body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-btn-light,
body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-btn-light,
.t5cb-wrap .pinxs-block-hero .t5cb-hero-card.pinxs-block-hero-card .pinxs-btn-light,
.t5cb-wrap .pinxs-block-hero .t5cb-hub-side-card.pinxs-block-hero-card .pinxs-btn-light{
    background:#fff!important;
    color:#102033!important;
    box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
    border-color:transparent!important;
}
@media(max-width:900px){
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero,
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero{
        width:calc(100vw - 16px)!important;
        max-width:calc(100vw - 16px)!important;
        margin-left:calc(50% - 50vw + 8px)!important;
        margin-right:calc(50% - 50vw + 8px)!important;
        padding:38px 18px!important;
        border-radius:0 0 28px 28px!important;
    }
    body.tax-t5cb_category .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner,
    body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner{
        grid-template-columns:1fr!important;
    }
}


/* v1.1.63: Centre generated category/subcategory heroes.
   Some generated category pages are injected without the expected body taxonomy class, so the
   About-page hero sync must target the actual generated wrappers directly as well. This keeps
   category/subcategory hero sections full-width and centred like the manual Gutenberg hero,
   without changing the content/card grid below. */
.t5cb-wrap.t5cb-hub-wrap,
.t5cb-wrap.t5cb-categories-wrap,
.t5cb-wrap.t5cb-taxonomy-hero-wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
}
.t5cb-wrap.t5cb-hub-wrap > .pinxs-block-hero.t5cb-hub-hero,
.t5cb-wrap.t5cb-categories-wrap > .pinxs-block-hero.t5cb-hub-hero,
.t5cb-wrap.t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero,
.t5cb-wrap.t5cb-hub-wrap section.pinxs-block-hero.t5cb-hub-hero,
.t5cb-wrap.t5cb-categories-wrap section.pinxs-block-hero.t5cb-hub-hero,
.t5cb-wrap.t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero{
    width:calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2))!important;
    max-width:calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2))!important;
    margin-left:calc(50% - 50vw + var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)))!important;
    margin-right:calc(50% - 50vw + var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)))!important;
    margin-top:var(--pinxs-page-top-gap,14px)!important;
    margin-bottom:var(--pinxs-hero-bottom-gap,52px)!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:left!important;
}
.t5cb-wrap.t5cb-hub-wrap .pinxs-block-hero .pinxs-block-hero-inner,
.t5cb-wrap.t5cb-categories-wrap .pinxs-block-hero .pinxs-block-hero-inner,
.t5cb-wrap.t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner{
    width:100%!important;
    max-width:var(--pinxs-content-max,var(--t5cb-content-max,1180px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-self:center!important;
}
.t5cb-taxonomy-content-wrap{
    width:100%!important;
    max-width:var(--pinxs-content-max,var(--t5cb-content-max,1180px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
@media(max-width:900px){
    .t5cb-wrap.t5cb-hub-wrap > .pinxs-block-hero.t5cb-hub-hero,
    .t5cb-wrap.t5cb-categories-wrap > .pinxs-block-hero.t5cb-hub-hero,
    .t5cb-wrap.t5cb-taxonomy-hero-wrap > .pinxs-block-hero.t5cb-hub-hero,
    .t5cb-wrap.t5cb-hub-wrap section.pinxs-block-hero.t5cb-hub-hero,
    .t5cb-wrap.t5cb-categories-wrap section.pinxs-block-hero.t5cb-hub-hero,
    .t5cb-wrap.t5cb-taxonomy-hero-wrap section.pinxs-block-hero.t5cb-hub-hero{
        width:calc(100vw - 16px)!important;
        max-width:calc(100vw - 16px)!important;
        margin-left:calc(50% - 50vw + 8px)!important;
        margin-right:calc(50% - 50vw + 8px)!important;
    }
    .t5cb-wrap.t5cb-hub-wrap .pinxs-block-hero .pinxs-block-hero-inner,
    .t5cb-wrap.t5cb-categories-wrap .pinxs-block-hero .pinxs-block-hero-inner,
    .t5cb-wrap.t5cb-taxonomy-hero-wrap .pinxs-block-hero .pinxs-block-hero-inner{
        grid-template-columns:1fr!important;
    }
}

/* ============================================================
   v1.1.65 CANONICAL HERO STYLE API
   ------------------------------------------------------------
   One plugin-owned class set for ALL hero sections.
   Use these classes in Gutenberg blocks, generated comparison/category
   heroes, and hard-coded HTML pages:

   .pinxs-block-hero
   .pinxs-block-hero-bg
   .pinxs-block-hero-inner
   .pinxs-block-hero-copy
   .pinxs-kicker
   .pinxs-kicker-blue
   .pinxs-block-actions
   .pinxs-btn
   .pinxs-btn-light
   .pinxs-btn-ghost
   .pinxs-block-hero-card-shell
   .pinxs-block-hero-card

   The older t5cb hero selectors are mapped here as legacy aliases only.
   Theme can override any of these by targeting the same classes with
   !important, as requested.
   ============================================================ */

:root{
    --pinxs-hero-primary:var(--top5-primary,var(--t5cb-primary,#2563eb));
    --pinxs-hero-primary-dark:var(--top5-primary-dark,#1e3a8a);
    --pinxs-hero-accent:var(--top5-accent,var(--t5cb-accent,#0ea5e9));
    --pinxs-hero-text:#ffffff;
    --pinxs-hero-card-text:var(--top5-text,var(--t5cb-heading,#102033));
    --pinxs-hero-card-muted:var(--top5-muted,var(--t5cb-muted,#64748b));
    --pinxs-hero-soft:var(--top5-primary-soft,#eef4ff);
    --pinxs-hero-border:rgba(191,219,254,.92);
    --pinxs-hero-radius:34px;
    --pinxs-hero-card-radius:26px;
    --pinxs-hero-shadow:0 24px 68px rgba(15,23,42,.18);
    --pinxs-hero-max:var(--top5-content-max,var(--t5cb-content-max,1180px));
}

.pinxs-block-hero,
.t5cb-wrap section.t5cb-hero,
.t5cb-wrap section.t5cb-hub-hero,
section.t5cb-design-hero{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    width:min(var(--pinxs-hero-max),calc(100% - 40px))!important;
    max-width:var(--pinxs-hero-max)!important;
    margin:28px auto 34px!important;
    padding:0!important;
    display:block!important;
    border:0!important;
    border-radius:var(--pinxs-hero-radius)!important;
    background:linear-gradient(135deg,#0f3469 0%,#1d4ed8 54%,#0f766e 100%)!important;
    box-shadow:var(--pinxs-hero-shadow)!important;
    color:var(--pinxs-hero-text)!important;
    font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important;
}

.pinxs-block-hero-bg,
.pinxs-block-hero::before,
.t5cb-wrap section.t5cb-hero::before,
.t5cb-wrap section.t5cb-hub-hero::before,
section.t5cb-design-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    display:block!important;
    pointer-events:none!important;
    background:
        radial-gradient(circle at 85% 15%,rgba(255,255,255,.22),transparent 30%),
        radial-gradient(circle at 78% 88%,rgba(14,165,233,.30),transparent 34%),
        linear-gradient(135deg,rgba(15,23,42,.08),rgba(15,23,42,0))!important;
}

.pinxs-block-hero::after,
.t5cb-wrap section.t5cb-hero::after,
.t5cb-wrap section.t5cb-hub-hero::after,
section.t5cb-design-hero::after{
    content:""!important;
    position:absolute!important;
    right:-110px!important;
    bottom:-150px!important;
    width:360px!important;
    height:360px!important;
    border-radius:999px!important;
    background:rgba(14,165,233,.23)!important;
    z-index:-1!important;
    pointer-events:none!important;
}

.pinxs-block-hero-inner,
.t5cb-wrap section.t5cb-hero .pinxs-block-hero-inner,
.t5cb-wrap section.t5cb-hub-hero .pinxs-block-hero-inner,
section.t5cb-design-hero .pinxs-block-hero-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr)!important;
    gap:34px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:50px clamp(24px,4vw,54px)!important;
}

/* Fallback layout for older pasted/generated hero markup without .pinxs-block-hero-inner */
.t5cb-wrap section.t5cb-hero:not(:has(.pinxs-block-hero-inner)),
.t5cb-wrap section.t5cb-hub-hero:not(:has(.pinxs-block-hero-inner)),
section.t5cb-design-hero:not(:has(.pinxs-block-hero-inner)){
    display:grid!important;
    grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr)!important;
    gap:34px!important;
    align-items:center!important;
    padding:50px clamp(24px,4vw,54px)!important;
}

.pinxs-block-hero-copy,
.t5cb-design-hero-main,
.t5cb-wrap section.t5cb-hero > div:first-child,
.t5cb-wrap section.t5cb-hub-hero > div:first-child{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
    color:#ffffff!important;
}

.pinxs-block-hero-copy h1,
.pinxs-block-hero-copy h2,
.pinxs-block-hero h1,
.pinxs-block-hero h2,
.t5cb-wrap section.t5cb-hero h1,
.t5cb-wrap section.t5cb-hub-hero h1,
section.t5cb-design-hero h2{
    margin:18px 0 18px!important;
    max-width:760px!important;
    font-size:clamp(40px,5vw,68px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    font-weight:950!important;
    color:#ffffff!important;
}

.pinxs-block-hero-copy p,
.pinxs-block-hero-copy .t5cb-intro,
.pinxs-block-hero-copy .t5cb-design-intro,
.pinxs-block-hero > p,
.t5cb-wrap section.t5cb-hero .t5cb-intro,
.t5cb-wrap section.t5cb-hub-hero .t5cb-intro,
section.t5cb-design-hero .t5cb-design-intro{
    margin:0 0 24px!important;
    max-width:720px!important;
    color:rgba(255,255,255,.88)!important;
    font-size:clamp(17px,2vw,21px)!important;
    line-height:1.62!important;
    font-weight:500!important;
}

.pinxs-kicker,
.t5cb-kicker,
.pinxs-block-hero .t5cb-kicker,
section.t5cb-design-hero .t5cb-kicker{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:fit-content!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:#eef4ff!important;
    color:#1d4ed8!important;
    border:1px solid rgba(37,99,235,.22)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.12)!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
}

.pinxs-block-hero-copy .pinxs-kicker,
.pinxs-block-hero-copy .t5cb-kicker,
.t5cb-wrap section.t5cb-hero .pinxs-block-hero-copy .pinxs-kicker,
.t5cb-wrap section.t5cb-hub-hero .pinxs-block-hero-copy .pinxs-kicker{
    background:rgba(255,255,255,.92)!important;
    color:#1d4ed8!important;
    border-color:rgba(255,255,255,.50)!important;
}

.pinxs-kicker-blue,
.pinxs-block-hero-card .pinxs-kicker,
.pinxs-block-hero-card .t5cb-badge,
.t5cb-hero-card .t5cb-badge,
.t5cb-hub-side-card .t5cb-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:fit-content!important;
    max-width:100%!important;
    margin:0 0 16px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:#eef4ff!important;
    color:#1d4ed8!important;
    border:1px solid rgba(37,99,235,.22)!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
}

.pinxs-block-actions,
.t5cb-design-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    align-items:center!important;
    margin-top:26px!important;
}

.pinxs-btn,
.t5cb-btn,
.pinxs-block-actions .t5cb-btn,
.t5cb-design-actions .t5cb-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    padding:14px 20px!important;
    border-radius:15px!important;
    text-decoration:none!important;
    font-weight:950!important;
    line-height:1.1!important;
    border:1px solid transparent!important;
    box-shadow:0 14px 30px rgba(15,23,42,.10)!important;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease!important;
}

.pinxs-btn:hover,
.t5cb-btn:hover{
    transform:translateY(-1px)!important;
}

.pinxs-btn-light,
.t5cb-btn.pinxs-btn-light,
.pinxs-block-actions .t5cb-btn:first-child,
.t5cb-design-actions .t5cb-btn:first-child{
    background:#ffffff!important;
    color:#0f172a!important;
    border-color:rgba(15,23,42,.08)!important;
    box-shadow:0 14px 30px rgba(15,23,42,.10)!important;
}

.pinxs-btn-ghost,
.t5cb-btn.pinxs-btn-ghost,
.t5cb-btn-secondary,
.pinxs-block-actions .t5cb-btn-secondary,
.t5cb-design-actions .t5cb-btn-secondary{
    background:rgba(255,255,255,.14)!important;
    color:#ffffff!important;
    border-color:rgba(255,255,255,.30)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(12px)!important;
}

.pinxs-block-hero-card-shell{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
    padding:18px!important;
    border-radius:30px!important;
    background:rgba(255,255,255,.18)!important;
    border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.18)!important;
}

.pinxs-block-hero-card,
.t5cb-hero-card,
.t5cb-hub-side-card,
.t5cb-design-hero-card{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:30px!important;
    border-radius:var(--pinxs-hero-card-radius)!important;
    background:#ffffff!important;
    color:var(--pinxs-hero-card-text)!important;
    border:1px solid rgba(191,219,254,.95)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
}

.pinxs-block-hero-card::before,
.pinxs-block-hero-card::after,
.t5cb-hero-card::before,
.t5cb-hero-card::after,
.t5cb-hub-side-card::before,
.t5cb-hub-side-card::after,
.t5cb-design-hero-card::before,
.t5cb-design-hero-card::after{
    display:none!important;
    content:none!important;
}

.pinxs-block-hero-card h2,
.pinxs-block-hero-card h3,
.t5cb-hero-card h2,
.t5cb-hero-card h3,
.t5cb-hub-side-card h2,
.t5cb-hub-side-card h3,
.t5cb-design-hero-card h2,
.t5cb-design-hero-card h3{
    margin:0 0 14px!important;
    color:var(--pinxs-hero-card-text)!important;
    font-size:clamp(24px,3vw,34px)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    font-weight:900!important;
}

.pinxs-block-hero-card p,
.t5cb-hero-card p,
.t5cb-hub-side-card p,
.t5cb-design-hero-card p{
    margin:0!important;
    color:var(--pinxs-hero-card-muted)!important;
    font-size:16px!important;
    line-height:1.62!important;
    font-weight:600!important;
}

.pinxs-block-hero .t5cb-meta-row,
.pinxs-block-hero .t5cb-design-meta-row,
.t5cb-wrap section.t5cb-hero .t5cb-meta-row,
.t5cb-wrap section.t5cb-hub-hero .t5cb-meta-row,
section.t5cb-design-hero .t5cb-design-meta-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:18px 0 0!important;
}

.pinxs-block-hero .t5cb-meta-row span,
.pinxs-block-hero .t5cb-design-meta-row span,
.t5cb-wrap section.t5cb-hero .t5cb-meta-row span,
.t5cb-wrap section.t5cb-hub-hero .t5cb-meta-row span,
section.t5cb-design-hero .t5cb-design-meta-row span{
    display:inline-flex!important;
    align-items:center!important;
    border-radius:999px!important;
    padding:8px 12px!important;
    background:#ffffff!important;
    color:#0f172a!important;
    border:1px solid rgba(15,23,42,.08)!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.1!important;
}

@media (max-width:900px){
    .pinxs-block-hero,
    .t5cb-wrap section.t5cb-hero,
    .t5cb-wrap section.t5cb-hub-hero,
    section.t5cb-design-hero{
        width:min(100% - 28px,var(--pinxs-hero-max))!important;
        border-radius:26px!important;
        margin:18px auto 28px!important;
    }
    .pinxs-block-hero-inner,
    .t5cb-wrap section.t5cb-hero .pinxs-block-hero-inner,
    .t5cb-wrap section.t5cb-hub-hero .pinxs-block-hero-inner,
    section.t5cb-design-hero .pinxs-block-hero-inner,
    .t5cb-wrap section.t5cb-hero:not(:has(.pinxs-block-hero-inner)),
    .t5cb-wrap section.t5cb-hub-hero:not(:has(.pinxs-block-hero-inner)),
    section.t5cb-design-hero:not(:has(.pinxs-block-hero-inner)){
        grid-template-columns:1fr!important;
        gap:22px!important;
        padding:30px 22px!important;
    }
    .pinxs-block-hero-copy h1,
    .pinxs-block-hero-copy h2,
    .pinxs-block-hero h1,
    .pinxs-block-hero h2,
    .t5cb-wrap section.t5cb-hero h1,
    .t5cb-wrap section.t5cb-hub-hero h1,
    section.t5cb-design-hero h2{
        font-size:clamp(34px,10vw,48px)!important;
    }
    .pinxs-block-hero-card-shell{padding:12px!important;border-radius:24px!important;}
    .pinxs-block-hero-card,.t5cb-hero-card,.t5cb-hub-side-card,.t5cb-design-hero-card{padding:24px!important;border-radius:22px!important;}
}

@media (max-width:640px){
    .pinxs-block-actions,
    .t5cb-design-actions{width:100%!important;}
    .pinxs-btn,
    .t5cb-btn{width:100%!important;}
}

/* v1.1.68 - Top5Wise manual Gutenberg page blocks
   These styles are only for manually inserted page/post blocks and do not alter
   generated comparison templates, taxonomy hubs or automatic product output. */
.t5cb-manual-block {
  box-sizing: border-box;
  width: min(var(--top5-content-max, 1180px), calc(100vw - 32px));
  margin: 28px auto;
  font-family: Inter, Segoe UI, Roboto, Arial, sans-serif;
}
.t5cb-manual-block * { box-sizing: border-box; }
.t5cb-manual-heading,
.t5cb-manual-card-section,
.t5cb-manual-latest-comparisons,
.t5cb-manual-cta {
  border-radius: 28px;
  padding: 32px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(191,219,254,.9);
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
}
.t5cb-manual-heading-center,
.t5cb-manual-heading-center .t5cb-manual-heading-copy { text-align: center; }
.t5cb-manual-heading h2,
.t5cb-manual-section-head h2,
.t5cb-manual-cta h2 {
  margin: 10px 0 10px;
  color: #0f172a;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.t5cb-manual-heading p,
.t5cb-manual-section-head p,
.t5cb-manual-cta p {
  margin: 0;
  max-width: 780px;
  color: #475569;
  font-size: 17px;
  line-height: 1.7;
}
.t5cb-manual-heading-center p { margin-left: auto; margin-right: auto; }
.t5cb-manual-heading-actions,
.t5cb-manual-section-head .pinxs-block-actions { margin-top: 18px; }
.t5cb-manual-card-section-dark,
.t5cb-manual-latest-comparisons,
.t5cb-manual-cta {
  color: #fff;
  background: radial-gradient(circle at 20% 10%, rgba(56,189,248,.28), transparent 32%), linear-gradient(135deg, #07152b, #123e80 58%, #0ea5e9);
  border-color: rgba(255,255,255,.16);
}
.t5cb-manual-card-section-dark h2,
.t5cb-manual-latest-comparisons h2,
.t5cb-manual-cta h2,
.t5cb-manual-card-section-dark p,
.t5cb-manual-latest-comparisons p,
.t5cb-manual-cta p { color: #fff; }
.t5cb-manual-section-head { margin-bottom: 22px; }
.t5cb-manual-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.t5cb-manual-card-cols-1 .t5cb-manual-card-grid { grid-template-columns: 1fr; }
.t5cb-manual-card-cols-2 .t5cb-manual-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.t5cb-manual-card-cols-3 .t5cb-manual-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.t5cb-manual-card-cols-4 .t5cb-manual-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.t5cb-manual-card {
  display: block;
  min-height: 100%;
  padding: 22px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(191,219,254,.95);
  box-shadow: 0 14px 34px rgba(15,23,42,.07);
  color: inherit;
  text-decoration: none !important;
}
.t5cb-manual-card-section-dark .t5cb-manual-card { background: rgba(255,255,255,.96); color: #0f172a; }
.t5cb-manual-card h3 {
  margin: 12px 0 8px;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.22;
}
.t5cb-manual-card p { margin: 0; color: #475569; font-size: 15px; line-height: 1.65; }
.t5cb-manual-card:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(15,23,42,.11); }
.t5cb-manual-shortcode-panel {
  margin-top: 22px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(191,219,254,.8);
  color: #0f172a;
}
.t5cb-manual-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) auto;
  gap: 24px;
  align-items: center;
}
@media (max-width: 900px) {
  .t5cb-manual-card-grid,
  .t5cb-manual-card-cols-2 .t5cb-manual-card-grid,
  .t5cb-manual-card-cols-3 .t5cb-manual-card-grid,
  .t5cb-manual-card-cols-4 .t5cb-manual-card-grid,
  .t5cb-manual-cta { grid-template-columns: 1fr; }
  .t5cb-manual-heading,
  .t5cb-manual-card-section,
  .t5cb-manual-latest-comparisons,
  .t5cb-manual-cta { padding: 24px; border-radius: 22px; }
}


/* -------------------------------------------------------------------------
   v1.1.68 - Manual Gutenberg hero public side-card badge hard override
   -------------------------------------------------------------------------
   The manual Top5Wise Hero block renders dynamically on the public site. This
   selector is deliberately scoped to the manual hero block and the hero card so
   the side-card badge always matches the Gutenberg editor preview and does not
   affect the left hero kicker or generated comparison/category templates.
--------------------------------------------------------------------------- */
html body section.t5cb-manual-hero .pinxs-block-hero-card > .t5cb-side-card-badge,
html body section.t5cb-manual-hero .pinxs-block-hero-card .t5cb-side-card-badge,
html body section.t5cb-manual-hero .pinxs-block-hero-card > .pinxs-kicker.pinxs-kicker-blue,
html body section.t5cb-manual-hero .pinxs-block-hero-card .pinxs-kicker.pinxs-kicker-blue,
html body .t5cb-manual-hero .pinxs-block-hero-card > .t5cb-side-card-badge,
html body .t5cb-manual-hero .pinxs-block-hero-card .t5cb-side-card-badge,
.editor-styles-wrapper section.t5cb-manual-hero .pinxs-block-hero-card > .t5cb-side-card-badge,
.editor-styles-wrapper section.t5cb-manual-hero .pinxs-block-hero-card .t5cb-side-card-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:fit-content!important;
    max-width:100%!important;
    margin:0 0 16px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:#eaf1ff!important;
    color:#2364ff!important;
    border:1px solid #dce8ff!important;
    box-shadow:none!important;
    opacity:1!important;
    text-shadow:none!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    line-height:1.1!important;
    text-transform:uppercase!important;
    transform:none!important;
}
html body section.t5cb-manual-hero .pinxs-block-hero-copy > .pinxs-kicker:not(.pinxs-kicker-blue),
html body .t5cb-manual-hero .pinxs-block-hero-copy > .pinxs-kicker:not(.pinxs-kicker-blue){
    background:rgba(255,255,255,.92)!important;
    color:#1d4ed8!important;
    border-color:rgba(255,255,255,.50)!important;
}


/* v1.1.68 - explicit manual block side-card badge fallback. Kept in the
   front-end stylesheet that is now enqueued in wp_head when manual blocks are present. */
html body .t5cb-manual-hero .pinxs-block-hero-card .t5cb-side-card-badge,
html body .t5cb-manual-hero .pinxs-block-hero-card .pinxs-kicker.pinxs-kicker-blue {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: max-content !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: #eaf1ff !important;
    color: #2364ff !important;
    border: 1px solid #dce8ff !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}


/* v1.1.69 - hard public fallback for manual hero side-card badge.
   The badge also has inline !important styles in the PHP render output so theme
   ordering and cached stylesheets cannot remove the badge background. */
html body .t5cb-manual-hero .pinxs-block-hero-card .t5cb-side-card-badge,
html body .pinxs-block-hero-card .t5cb-side-card-badge[style] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 0 16px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #eaf1ff !important;
  color: #2364ff !important;
  border: 1px solid #dce8ff !important;
  box-shadow: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}


/* v1.1.70 - flexible card/content blocks for manual Gutenberg pages and posts */
.t5cb-flex-card-layout {
  width: min(100% - 44px, var(--top5-content-max, 1180px));
  margin: 28px auto;
  display: grid;
  box-sizing: border-box;
}
.t5cb-flex-width-full {
  width: calc(100vw - 28px);
  max-width: calc(100vw - 28px);
  margin-left: calc(50% - 50vw + 14px);
  margin-right: calc(50% - 50vw + 14px);
}
.t5cb-flex-width-narrow {
  width: min(100% - 44px, 860px);
}
.t5cb-flex-cols-1 { grid-template-columns: 1fr; }
.t5cb-flex-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.t5cb-flex-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.t5cb-flex-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.t5cb-flex-gap-compact { gap: 14px; }
.t5cb-flex-gap-normal { gap: 22px; }
.t5cb-flex-gap-large { gap: 34px; }
.t5cb-flex-layout-soft {
  background: linear-gradient(135deg, rgba(239,246,255,.78), rgba(255,255,255,.96));
  border: 1px solid rgba(191,219,254,.8);
  border-radius: 30px;
  padding: 24px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
}
.t5cb-flex-layout-dark {
  background: linear-gradient(135deg, #0f172a, #1d4ed8);
  border-radius: 30px;
  padding: 24px;
  color: #fff;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .16);
}
.t5cb-flex-layout-plain { padding: 0; background: transparent; }

.t5cb-flex-card {
  position: relative;
  display: block;
  min-width: 0;
  text-decoration: none !important;
  color: inherit;
  border-radius: 26px;
  border: 1px solid rgba(148, 163, 184, .22);
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
  overflow: hidden;
  box-sizing: border-box;
}
.t5cb-flex-padding-compact { padding: 18px; }
.t5cb-flex-padding-normal { padding: 26px; }
.t5cb-flex-padding-large { padding: 34px; }
.t5cb-flex-style-white { background: #fff; color: #0f172a; }
.t5cb-flex-style-soft { background: #f8fbff; color: #0f172a; }
.t5cb-flex-style-glass { background: rgba(255,255,255,.82); backdrop-filter: blur(14px); color: #0f172a; }
.t5cb-flex-style-dark { background: #0f172a; color: #fff; border-color: rgba(255,255,255,.16); }
.t5cb-flex-card:before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, #2563eb, #06b6d4);
}
.t5cb-flex-accent-green:before { background: linear-gradient(90deg, #16a34a, #22c55e); }
.t5cb-flex-accent-purple:before { background: linear-gradient(90deg, #7c3aed, #a855f7); }
.t5cb-flex-accent-orange:before { background: linear-gradient(90deg, #ea580c, #f59e0b); }
.t5cb-flex-card-inner,
.t5cb-media-card-body { padding: 0; }
.t5cb-flex-card > .t5cb-flex-card-badge,
.t5cb-media-card-body > .t5cb-flex-card-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 14px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d4ed8;
  border: 1px solid rgba(37, 99, 235, .18);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .06em;
  line-height: 1.1;
  text-transform: uppercase;
}
.t5cb-flex-style-dark .t5cb-flex-card-badge {
  background: rgba(255,255,255,.12);
  color: #fff;
  border-color: rgba(255,255,255,.22);
}
.t5cb-flex-card h2,
.t5cb-flex-card h3,
.t5cb-flex-card h4 {
  color: inherit;
}
.t5cb-flex-card p:last-child,
.t5cb-flex-card ul:last-child,
.t5cb-flex-card ol:last-child {
  margin-bottom: 0;
}
.t5cb-flex-card-linked:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 48px rgba(15, 23, 42, .11);
}

.t5cb-media-card {
  padding: 0 !important;
}
.t5cb-media-card-image {
  overflow: hidden;
  background: #e2e8f0;
}
.t5cb-media-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
}
.t5cb-media-card-body {
  padding: 26px;
}
.t5cb-media-left,
.t5cb-media-right {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1fr);
  align-items: stretch;
}
.t5cb-media-right .t5cb-media-card-image { order: 2; }
.t5cb-media-right .t5cb-media-card-body { order: 1; }
.t5cb-media-card-placeholder {
  padding: 26px;
  background: #f8fafc;
  border-bottom: 1px dashed rgba(148,163,184,.5);
  text-align: center;
}
.editor-styles-wrapper .t5cb-flex-card-layout {
  max-width: 1180px;
}
@media (max-width: 980px) {
  .t5cb-flex-cols-3,
  .t5cb-flex-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t5cb-media-left,
  .t5cb-media-right { grid-template-columns: 1fr; }
  .t5cb-media-right .t5cb-media-card-image,
  .t5cb-media-right .t5cb-media-card-body { order: initial; }
}
@media (max-width: 700px) {
  .t5cb-flex-card-layout,
  .t5cb-flex-cols-2,
  .t5cb-flex-cols-3,
  .t5cb-flex-cols-4 { grid-template-columns: 1fr; }
  .t5cb-flex-card-layout { width: min(100% - 28px, var(--top5-content-max, 1180px)); }
  .t5cb-flex-layout-soft,
  .t5cb-flex-layout-dark { padding: 16px; border-radius: 22px; }
}


/* v1.1.71 - restore generated comparison hero width and review buttons.
   Manual Gutenberg blocks must not shrink generated comparison/category heroes or make
   product/review secondary buttons transparent. */
body.t5cb-generated-comparison .t5cb-wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.t5cb-generated-comparison .pinxs-t5-comparison-template,
body.t5cb-generated-comparison .pinxs-comparison-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.t5cb-generated-comparison .t5cb-wrap > .pinxs-block-hero,
body.t5cb-generated-comparison .t5cb-wrap > .pinxs-block-hero.t5cb-generated-hero,
body.single-t5cb_comparison .t5cb-wrap > .pinxs-block-hero,
body.single-t5cb_comparison .t5cb-wrap > .pinxs-block-hero.t5cb-generated-hero {
  position: relative !important;
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  margin: var(--pinxs-page-top-gap, 14px) calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) 0 !important;
  min-height: 620px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 68px var(--t5cb-content-side-padding, 22px) !important;
  overflow: hidden !important;
  border-radius: 0 0 36px 36px !important;
  background: #07152b !important;
  color: #ffffff !important;
  box-shadow: 0 28px 80px rgba(13, 43, 100, .22) !important;
  box-sizing: border-box !important;
}

body.t5cb-generated-comparison .t5cb-wrap > .pinxs-block-hero .pinxs-block-hero-inner,
body.single-t5cb_comparison .t5cb-wrap > .pinxs-block-hero .pinxs-block-hero-inner {
  width: 100% !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr) !important;
  gap: 42px !important;
  align-items: center !important;
}

body.t5cb-generated-comparison .t5cb-comparison-trust-strip,
body.single-t5cb_comparison .t5cb-comparison-trust-strip {
  width: min(100% - 44px, var(--t5cb-content-max, 1180px)) !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin: -36px auto 32px !important;
  position: relative !important;
  z-index: 5 !important;
}

body.t5cb-generated-comparison .t5cb-product-grid,
body.t5cb-generated-comparison .t5cb-section,
body.t5cb-generated-comparison .t5cb-overview-section,
body.t5cb-generated-comparison .t5cb-final,
body.t5cb-generated-comparison .t5cb-related-section,
body.single-t5cb_comparison .t5cb-product-grid,
body.single-t5cb_comparison .t5cb-section,
body.single-t5cb_comparison .t5cb-overview-section,
body.single-t5cb_comparison .t5cb-final,
body.single-t5cb_comparison .t5cb-related-section {
  width: min(100% - 44px, var(--t5cb-content-max, 1180px)) !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Product and review action buttons: keep the primary solid and the review link visible. */
body.t5cb-generated-comparison .t5cb-product-score-side .t5cb-btn,
body.t5cb-generated-comparison .t5cb-review .t5cb-btn,
body.t5cb-generated-comparison .t5cb-table .t5cb-btn,
body.t5cb-generated-comparison .t5cb-score-card + .t5cb-btn,
body.single-t5cb_comparison .t5cb-product-score-side .t5cb-btn,
body.single-t5cb_comparison .t5cb-review .t5cb-btn,
body.single-t5cb_comparison .t5cb-table .t5cb-btn,
body.single-t5cb_comparison .t5cb-score-card + .t5cb-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 10px 10px 0 0 !important;
  padding: 12px 17px !important;
  border-radius: 13px !important;
  background: var(--t5cb-primary, #2563eb) !important;
  color: #ffffff !important;
  border: 1px solid var(--t5cb-primary, #2563eb) !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, .18) !important;
  filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

body.t5cb-generated-comparison .t5cb-product-score-side .t5cb-btn-secondary,
body.t5cb-generated-comparison .t5cb-review .t5cb-btn-secondary,
body.single-t5cb_comparison .t5cb-product-score-side .t5cb-btn-secondary,
body.single-t5cb_comparison .t5cb-review .t5cb-btn-secondary {
  background: #ffffff !important;
  color: var(--t5cb-primary, #2563eb) !important;
  border: 1px solid rgba(37, 99, 235, .32) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .08) !important;
}

body.t5cb-generated-comparison .t5cb-product-score-side,
body.single-t5cb_comparison .t5cb-product-score-side {
  overflow: visible !important;
}

@media (max-width: 900px) {
  body.t5cb-generated-comparison .t5cb-wrap > .pinxs-block-hero,
  body.single-t5cb_comparison .t5cb-wrap > .pinxs-block-hero {
    min-height: auto !important;
    padding: 36px 20px 60px !important;
  }
  body.t5cb-generated-comparison .t5cb-wrap > .pinxs-block-hero .pinxs-block-hero-inner,
  body.single-t5cb_comparison .t5cb-wrap > .pinxs-block-hero .pinxs-block-hero-inner {
    grid-template-columns: 1fr !important;
  }
}


/* v1.1.72 - isolated plugin generated/manual front-end classes.
   Plugin-generated output uses t5cb-* only. Theme/manual site styling uses pinxs-* only.
   This block intentionally avoids pinxs selectors so theme and plugin cannot fight over heroes/buttons. */

.t5cb-wrap,
.t5cb-wrap * {
  box-sizing: border-box;
}

/* Standalone plugin hero system */
.t5cb-standalone-hero {
  position: relative !important;
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  margin: var(--t5cb-page-top-offset, 14px) calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) 52px !important;
  min-height: 620px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 68px var(--t5cb-content-side-padding, 22px) !important;
  border: 0 !important;
  border-radius: 0 0 36px 36px !important;
  overflow: hidden !important;
  background: #07152b !important;
  color: #ffffff !important;
  box-shadow: 0 28px 80px rgba(13, 43, 100, .22) !important;
  isolation: isolate !important;
}

.t5cb-standalone-hero-video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .34 !important;
  pointer-events: none !important;
}

.t5cb-standalone-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  background:
    radial-gradient(circle at 18% 80%, rgba(0,194,168,.24), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(85,139,255,.34), transparent 36%),
    linear-gradient(135deg, rgba(7,52,74,.84) 0%, rgba(23,63,197,.68) 48%, rgba(4,124,117,.58) 100%) !important;
}

.t5cb-standalone-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr) !important;
  gap: 42px !important;
  align-items: center !important;
}

.t5cb-standalone-hero-copy {
  min-width: 0 !important;
}

.t5cb-standalone-hero h1 {
  margin: 0 0 18px !important;
  font-size: clamp(34px, 5vw, 64px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  color: #ffffff !important;
  font-weight: 950 !important;
}

.t5cb-standalone-hero-copy p,
.t5cb-standalone-hero-copy .t5cb-intro,
.t5cb-standalone-hero-copy .t5cb-intro p,
.t5cb-standalone-hero-copy .t5cb-design-intro {
  max-width: 760px !important;
  margin: 0 0 24px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(16px, 1.75vw, 20px) !important;
  line-height: 1.62 !important;
}

.t5cb-standalone-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #dff7ff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  margin: 0 0 14px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.t5cb-standalone-hero-card-shell {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  padding: 18px !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(16px) !important;
}

.t5cb-standalone-hero-card {
  position: relative !important;
  z-index: 1 !important;
  background: #ffffff !important;
  color: #102033 !important;
  border: 0 !important;
  border-radius: 24px !important;
  padding: 24px !important;
  box-shadow: 0 20px 55px rgba(10,26,58,.18) !important;
  overflow: visible !important;
}

.t5cb-standalone-hero-card:before,
.t5cb-standalone-hero-card:after {
  content: none !important;
  display: none !important;
}

.t5cb-standalone-hero-card .t5cb-standalone-badge-blue,
.t5cb-standalone-badge-blue,
.t5cb-side-card-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 0 16px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #eaf1ff !important;
  color: #2364ff !important;
  border: 1px solid #dce8ff !important;
  box-shadow: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.t5cb-standalone-hero-card h2,
.t5cb-standalone-hero-card h3 {
  margin: 8px 0 10px !important;
  font-size: 26px !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  color: #102033 !important;
}

.t5cb-standalone-hero-card p,
.t5cb-standalone-hero-card p strong {
  margin: 0 0 12px !important;
  color: #5f7490 !important;
  line-height: 1.58 !important;
  font-size: 15px !important;
}

.t5cb-standalone-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.t5cb-standalone-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
  border: 1px solid transparent !important;
}

.t5cb-standalone-btn-light {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15,23,42,.08) !important;
  box-shadow: 0 14px 30px rgba(15,23,42,.10) !important;
}

.t5cb-standalone-btn-ghost {
  background: rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.30) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.16) !important;
  backdrop-filter: blur(12px) !important;
}

/* Generated wrappers own their layout. */
.t5cb-wrap.t5cb-generated-page,
.t5cb-wrap.t5cb-generated-comparison-page,
.t5cb-wrap.t5cb-hub-wrap,
.t5cb-wrap.t5cb-categories-wrap,
.t5cb-wrap.t5cb-taxonomy-hero-wrap,
.t5cb-wrap.t5cb-taxonomy-content-wrap {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

/* Generated hero is independent of the content container. */
.t5cb-generated-page > .t5cb-standalone-hero,
.t5cb-generated-comparison-page > .t5cb-standalone-hero,
.t5cb-hub-wrap > .t5cb-standalone-hero,
.t5cb-categories-wrap > .t5cb-standalone-hero,
.t5cb-taxonomy-hero-wrap > .t5cb-standalone-hero {
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  margin-top: var(--t5cb-page-top-offset, 14px) !important;
  margin-bottom: 0 !important;
}

/* Generated content below the hero remains centred. */
.t5cb-generated-comparison-page > :not(.t5cb-standalone-hero),
.t5cb-hub-wrap > :not(.t5cb-standalone-hero),
.t5cb-categories-wrap > :not(.t5cb-standalone-hero),
.t5cb-taxonomy-content-wrap > *,
.t5cb-generated-page .t5cb-section,
.t5cb-generated-page .t5cb-product-grid,
.t5cb-generated-page .t5cb-overview-section,
.t5cb-generated-page .t5cb-final,
.t5cb-generated-page .t5cb-related-section,
.t5cb-generated-page .t5cb-list-grid,
.t5cb-generated-page .t5cb-featured-hub,
.t5cb-generated-page .t5cb-hub-notes,
.t5cb-generated-page .t5cb-comparison-trust-strip {
  width: min(100% - 44px, var(--t5cb-content-max, 1180px)) !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.t5cb-generated-page .t5cb-comparison-trust-strip,
.t5cb-generated-comparison-page > .t5cb-comparison-trust-strip {
  margin-top: -36px !important;
  margin-bottom: 32px !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Plugin buttons are plugin buttons only. */
.t5cb-wrap .t5cb-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 10px 10px 0 0 !important;
  padding: 12px 17px !important;
  border-radius: 13px !important;
  background: var(--t5cb-primary, #2563eb) !important;
  color: #ffffff !important;
  border: 1px solid var(--t5cb-primary, #2563eb) !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  box-shadow: 0 12px 24px rgba(37,99,235,.18) !important;
  filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

.t5cb-wrap .t5cb-btn-secondary {
  background: #ffffff !important;
  color: var(--t5cb-primary, #2563eb) !important;
  border: 1px solid rgba(37,99,235,.32) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.08) !important;
}

.t5cb-wrap .t5cb-product-rec .t5cb-btn:not(.t5cb-btn-secondary),
.t5cb-wrap .t5cb-final .t5cb-btn:not(.t5cb-btn-secondary) {
  background: var(--t5cb-accent, #16a34a) !important;
  border-color: var(--t5cb-accent, #16a34a) !important;
}

.t5cb-wrap .t5cb-btn-small {
  min-height: 38px !important;
  padding: 9px 12px !important;
  font-size: 14px !important;
}

/* Manual plugin hero uses the same t5cb standalone class system, not theme classes. */
.t5cb-manual-hero {
  min-height: var(--t5cb-manual-hero-height, 420px) !important;
}

/* Responsive generated/plugin heroes */
@media (max-width: 900px) {
  .t5cb-standalone-hero {
    min-height: auto !important;
    padding: 36px 20px 60px !important;
  }
  .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .t5cb-standalone-hero h1 {
    font-size: clamp(32px, 9vw, 46px) !important;
  }
  .t5cb-generated-comparison-page > :not(.t5cb-standalone-hero),
  .t5cb-hub-wrap > :not(.t5cb-standalone-hero),
  .t5cb-categories-wrap > :not(.t5cb-standalone-hero),
  .t5cb-taxonomy-content-wrap > *,
  .t5cb-generated-page .t5cb-section,
  .t5cb-generated-page .t5cb-product-grid,
  .t5cb-generated-page .t5cb-overview-section,
  .t5cb-generated-page .t5cb-final,
  .t5cb-generated-page .t5cb-related-section,
  .t5cb-generated-page .t5cb-list-grid,
  .t5cb-generated-page .t5cb-featured-hub,
  .t5cb-generated-page .t5cb-hub-notes,
  .t5cb-generated-page .t5cb-comparison-trust-strip {
    width: min(100% - 28px, var(--t5cb-content-max, 1180px)) !important;
  }
}


/* v1.1.73 - generated hero position/spacing settings hard fix.
   The theme has legacy rules that set any non-.t5cb-hero child to content width.
   New isolated generated heroes use .t5cb-standalone-hero, so this selector is intentionally
   more specific and loaded late to keep plugin-generated heroes independent. */

html body.single-t5cb_comparison .pinxs-t5-comparison-template > article.t5cb-wrap.t5cb-generated-page.t5cb-generated-comparison-page,
html body.t5cb-generated-comparison .pinxs-t5-comparison-template > article.t5cb-wrap.t5cb-generated-page.t5cb-generated-comparison-page,
html body.single-t5cb_comparison main.pinxs-theme-plugin-canvas > article.t5cb-wrap.t5cb-generated-page.t5cb-generated-comparison-page,
html body.t5cb-generated-comparison main.pinxs-theme-plugin-canvas > article.t5cb-wrap.t5cb-generated-page.t5cb-generated-comparison-page,
html body.single-t5cb_comparison article.t5cb-wrap.t5cb-generated-page.t5cb-generated-comparison-page,
html body.t5cb-generated-comparison article.t5cb-wrap.t5cb-generated-page.t5cb-generated-comparison-page {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 80px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* This is the important rule: hero uses plugin settings variables, not content width. */
html body.single-t5cb_comparison .pinxs-t5-comparison-template > article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero,
html body.t5cb-generated-comparison .pinxs-t5-comparison-template > article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero,
html body.single-t5cb_comparison main.pinxs-theme-plugin-canvas > article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero,
html body.t5cb-generated-comparison main.pinxs-theme-plugin-canvas > article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero,
html body.single-t5cb_comparison article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero,
html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  min-width: 0 !important;

  margin-top: var(--t5cb-page-top-offset, 14px) !important;
  margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;

  min-height: var(--t5cb-generated-hero-height, 620px) !important;
  padding-top: 68px !important;
  padding-right: var(--t5cb-content-side-padding, 22px) !important;
  padding-bottom: 68px !important;
  padding-left: var(--t5cb-content-side-padding, 22px) !important;

  border: 0 !important;
  border-radius: 0 0 36px 36px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #07152b !important;
  color: #ffffff !important;
  box-shadow: 0 28px 80px rgba(13, 43, 100, .22) !important;
  isolation: isolate !important;
}

html body.single-t5cb_comparison article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero > .t5cb-standalone-hero-inner,
html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero > .t5cb-standalone-hero-inner {
  width: 100% !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr) !important;
  gap: 42px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* Content below the generated hero returns to plugin content width. */
html body.single-t5cb_comparison article.t5cb-generated-comparison-page > :not(section.t5cb-standalone-hero),
html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > :not(section.t5cb-standalone-hero) {
  width: min(100% - 44px, var(--t5cb-content-max, 1180px)) !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html body.single-t5cb_comparison article.t5cb-generated-comparison-page > .t5cb-comparison-trust-strip,
html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > .t5cb-comparison-trust-strip {
  margin-top: -36px !important;
  margin-bottom: 32px !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Same high-specificity protection for generated taxonomy/category heroes. */
html body.tax-t5cb_category .pinxs-t5-taxonomy-template,
html body.t5cb-generated-taxonomy .pinxs-t5-taxonomy-template,
html body.tax-t5cb_category main.pinxs-theme-plugin-canvas,
html body.t5cb-generated-taxonomy main.pinxs-theme-plugin-canvas {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body.tax-t5cb_category .t5cb-taxonomy-hero-wrap.t5cb-generated-page,
html body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap.t5cb-generated-page,
html body.tax-t5cb_category .t5cb-hub-wrap.t5cb-generated-page,
html body.t5cb-generated-taxonomy .t5cb-hub-wrap.t5cb-generated-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body.tax-t5cb_category .t5cb-generated-page > section.t5cb-standalone-hero,
html body.t5cb-generated-taxonomy .t5cb-generated-page > section.t5cb-standalone-hero,
html body.tax-t5cb_category .t5cb-taxonomy-hero-wrap > section.t5cb-standalone-hero,
html body.t5cb-generated-taxonomy .t5cb-taxonomy-hero-wrap > section.t5cb-standalone-hero,
html body.tax-t5cb_category .t5cb-hub-wrap > section.t5cb-standalone-hero,
html body.t5cb-generated-taxonomy .t5cb-hub-wrap > section.t5cb-standalone-hero {
  position: relative !important;
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  margin-top: var(--t5cb-page-top-offset, 14px) !important;
  margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  min-height: var(--t5cb-generated-hero-height, 620px) !important;
  padding: 68px var(--t5cb-content-side-padding, 22px) !important;
  border-radius: 0 0 36px 36px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  html body.single-t5cb_comparison article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero,
  html body.tax-t5cb_category .t5cb-generated-page > section.t5cb-standalone-hero,
  html body.t5cb-generated-taxonomy .t5cb-generated-page > section.t5cb-standalone-hero {
    min-height: auto !important;
    padding: 36px 20px 60px !important;
  }

  html body.single-t5cb_comparison article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero > .t5cb-standalone-hero-inner,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > section.t5cb-standalone-hero.t5cb-generated-hero > .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}


/* v1.1.74 - standalone plugin-generated full review posts.
   Review posts created by the plugin render their own hero, featured image card,
   top content image, review body and CTA using t5cb-* classes only. */
.t5cb-review-page,
.t5cb-review-page * {
  box-sizing: border-box;
}

.t5cb-review-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 72px !important;
  overflow: visible !important;
  background: #f4f8ff;
}

.t5cb-review-hero {
  position: relative !important;
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  margin: var(--t5cb-page-top-offset, 14px) calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) 0 !important;
  min-height: 560px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 64px var(--t5cb-content-side-padding, 22px) !important;
  border-radius: 0 0 36px 36px !important;
  overflow: hidden !important;
  background: #07152b !important;
  color: #fff !important;
  box-shadow: 0 28px 80px rgba(13,43,100,.22) !important;
  isolation: isolate !important;
}

.t5cb-review-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    radial-gradient(circle at 18% 80%, rgba(0,194,168,.32), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(85,139,255,.45), transparent 36%),
    linear-gradient(135deg, #07344a 0%, #173fc5 48%, #047c75 100%) !important;
}

.t5cb-review-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr) !important;
  gap: 42px !important;
  align-items: center !important;
}

.t5cb-review-badge,
.t5cb-review-card-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  margin: 0 0 14px !important;
}

.t5cb-review-badge {
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #dff7ff !important;
}

.t5cb-review-card-badge {
  background: #eaf1ff !important;
  border: 1px solid #dce8ff !important;
  color: #2364ff !important;
}

.t5cb-review-hero h1 {
  margin: 0 0 18px !important;
  font-size: clamp(calc(34px * var(--t5cb-review-title-scale, 1)), calc(5vw * var(--t5cb-review-title-scale, 1)), calc(64px * var(--t5cb-review-title-scale, 1))) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  color: #fff !important;
  font-weight: 950 !important;
}

.t5cb-review-lead {
  max-width: 760px !important;
  margin: 0 0 24px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(16px, 1.75vw, 20px) !important;
  line-height: 1.62 !important;
}

.t5cb-review-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.t5cb-review-meta-row span {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.t5cb-review-hero-card-shell {
  padding: 18px !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(16px) !important;
}

.t5cb-review-hero-card {
  background: #fff !important;
  color: #102033 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 55px rgba(10,26,58,.18) !important;
}

.t5cb-review-hero-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

.t5cb-review-card-summary {
  padding: 24px !important;
}

.t5cb-review-card-summary h2 {
  margin: 8px 0 10px !important;
  color: #102033 !important;
  font-size: 26px !important;
  line-height: 1.12 !important;
}

.t5cb-review-card-summary p {
  color: #5f7490 !important;
  line-height: 1.58 !important;
}

.t5cb-review-body-wrap {
  width: min(100% - 44px, var(--t5cb-content-max, 1180px)) !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin: 34px auto 0 !important;
}

.t5cb-review-body {
  background: #fff !important;
  border: 1px solid #dfe9f8 !important;
  border-radius: 30px !important;
  padding: clamp(24px, 4vw, 42px) !important;
  box-shadow: 0 18px 46px rgba(18,43,90,.08) !important;
  color: #20344f !important;
  font-size: 18px !important;
  line-height: 1.78 !important;
}

.t5cb-review-top-image {
  width: var(--pinxs-blog-top-image-width, var(--t5cb-review-top-image-width, 100%)) !important;
  max-width: 100% !important;
  margin: 0 auto 28px !important;
}

.t5cb-review-top-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 46px rgba(18,43,90,.10) !important;
}

.t5cb-review-body > figure.wp-block-image:first-of-type,
.t5cb-review-body > .wp-block-image:first-of-type,
.t5cb-review-body > p:has(img):first-of-type {
  width: var(--pinxs-blog-top-image-width, 100%) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.t5cb-review-body > figure.wp-block-image:first-of-type img,
.t5cb-review-body > .wp-block-image:first-of-type img,
.t5cb-review-body > p:has(img):first-of-type img {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@supports not selector(:has(img)) {
  .t5cb-review-body > p:first-of-type img {
    width: var(--pinxs-blog-top-image-width, 100%) !important;
    max-width: 100% !important;
  }
}

.t5cb-review-body h2,
.t5cb-review-body h3,
.t5cb-review-body h4 {
  color: #0f172a !important;
  line-height: 1.18 !important;
  margin-top: 34px !important;
}

.t5cb-review-body p {
  margin: 0 0 20px !important;
}

.t5cb-review-bottom-cta {
  width: min(100% - 44px, var(--t5cb-content-max, 1180px)) !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin: 34px auto 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 22px !important;
  align-items: center !important;
  background: linear-gradient(135deg, #0f172a, #1d4ed8) !important;
  color: #fff !important;
  border-radius: 28px !important;
  padding: 28px !important;
  box-shadow: 0 22px 55px rgba(15,23,42,.16) !important;
}

.t5cb-review-bottom-cta h2 {
  color: #fff !important;
  margin: 0 0 8px !important;
}

.t5cb-review-bottom-cta p {
  color: rgba(255,255,255,.82) !important;
  margin: 0 !important;
}

.t5cb-review-badge-dark {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

@media (max-width: 900px) {
  .t5cb-review-hero {
    min-height: auto !important;
    padding: 36px 20px 60px !important;
  }
  .t5cb-review-hero-inner,
  .t5cb-review-bottom-cta {
    grid-template-columns: 1fr !important;
  }
  .t5cb-review-body-wrap,
  .t5cb-review-bottom-cta {
    width: min(100% - 28px, var(--t5cb-content-max, 1180px)) !important;
  }
}


/* v1.1.75 - front-end fallback wrapper for existing AI full review posts.
   Existing review posts may only have the top image stored in content. This CSS centres
   dynamically wrapped review sections and makes the plugin review hero independent. */
.t5cb-review-page {
  display: block !important;
  clear: both !important;
}

.t5cb-review-page > .t5cb-review-hero,
.entry-content > .t5cb-review-page > .t5cb-review-hero,
.wp-site-blocks .t5cb-review-page > .t5cb-review-hero {
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  text-align: left !important;
}

.t5cb-review-body-wrap,
.t5cb-review-bottom-cta,
.entry-content .t5cb-review-body-wrap,
.entry-content .t5cb-review-bottom-cta,
.wp-site-blocks .t5cb-review-body-wrap,
.wp-site-blocks .t5cb-review-bottom-cta {
  width: min(100% - 44px, var(--t5cb-content-max, 1180px)) !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  clear: both !important;
}

.t5cb-review-body {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

.t5cb-review-body > * {
  max-width: 100% !important;
}

.t5cb-review-body .wp-block-heading,
.t5cb-review-body h2,
.t5cb-review-body h3,
.t5cb-review-body h4,
.t5cb-review-body p,
.t5cb-review-body ul,
.t5cb-review-body ol,
.t5cb-review-body figure,
.t5cb-review-body .wp-block-image,
.t5cb-review-body .wp-block-buttons {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.t5cb-review-body .wp-block-columns {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.t5cb-review-top-image {
  margin-left: auto !important;
  margin-right: auto !important;
}


/* v1.1.76 - review image single source.
   The Featured Image/thumb is used for the hero card and the one large top review image.
   Old stored duplicate leading images are stripped in PHP; this is a visual safety net. */
.t5cb-review-body .t5cb-review-top-image + .wp-block-image,
.t5cb-review-body .t5cb-review-top-image + figure.wp-block-image {
  margin-top: 0 !important;
}


/* v1.1.95 - restored article writing with the good styled scorecard once.
   Broken legacy scorecards are removed before the shell scorecard is added. */

.t5cb-review-modern-scorecard {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(340px, 1.05fr) !important;
  gap: 28px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 30px !important;
  padding: clamp(22px, 3vw, 32px) !important;
  border: 1px solid #dbeafe !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(37,99,235,.08), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 18px 44px rgba(18,43,90,.08) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.t5cb-review-page .t5cb-review-modern-scorecard-main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.t5cb-review-page .t5cb-review-modern-scorecard-eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: #eaf1ff !important;
  color: var(--t5cb-primary, #2563eb) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .05em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.t5cb-review-page .t5cb-review-modern-scorecard h2 {
  margin: 0 0 12px !important;
  color: #07152b !important;
  font-size: clamp(32px, 5vw, 48px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  font-weight: 950 !important;
}

.t5cb-review-page .t5cb-review-modern-scorecard p {
  margin: 0 0 20px !important;
  max-width: 520px !important;
  color: #24364e !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

.t5cb-review-page .t5cb-review-modern-score-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 4px 0 0 !important;
}

.t5cb-review-page .t5cb-review-modern-score-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.t5cb-review-page .t5cb-review-modern-score-actions .t5cb-review-affiliate-button {
  background: var(--t5cb-primary, #2563eb) !important;
  border: 1px solid var(--t5cb-primary, #2563eb) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(37,99,235,.20) !important;
}

.t5cb-review-page .t5cb-review-modern-score-actions .t5cb-review-comparison-link {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.28) !important;
  color: var(--t5cb-primary, #2563eb) !important;
  box-shadow: 0 12px 24px rgba(15,23,42,.08) !important;
}

.t5cb-review-page .t5cb-review-modern-score-panel {
  min-width: 0 !important;
  padding: 20px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid #dfe9f8 !important;
  box-shadow: inset 0 -1px 0 rgba(15,23,42,.04) !important;
}

.t5cb-review-page .t5cb-review-modern-score-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #e7eef9 !important;
}

.t5cb-review-page .t5cb-review-modern-score-number {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  color: #07152b !important;
  font-weight: 950 !important;
  letter-spacing: -.06em !important;
  line-height: .9 !important;
}

.t5cb-review-page .t5cb-review-modern-score-number span {
  font-size: clamp(42px, 6vw, 58px) !important;
}

.t5cb-review-page .t5cb-review-modern-score-number em {
  font-style: normal !important;
  font-size: 17px !important;
  letter-spacing: 0 !important;
  color: #52657e !important;
  font-weight: 900 !important;
}

.t5cb-review-page .t5cb-review-modern-score-label {
  color: #52657e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-align: right !important;
}

.t5cb-review-page .t5cb-review-modern-score-bars {
  display: grid !important;
  gap: 10px !important;
}

.t5cb-review-page .t5cb-review-modern-score-row {
  display: grid !important;
  gap: 5px !important;
}

.t5cb-review-page .t5cb-review-modern-score-row-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.t5cb-review-page .t5cb-review-modern-score-row-head strong {
  color: #07152b !important;
  font-weight: 950 !important;
  font-size: 13px !important;
}

.t5cb-review-page .t5cb-review-modern-score-track {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #e5eaf1 !important;
  overflow: hidden !important;
}

.t5cb-review-page .t5cb-review-modern-score-track i {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  display: block !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--t5cb-primary, #2563eb), #22c55e) !important;
}

/* Keep the separate Latest Product Offer buttons aligned. */
.t5cb-review-page .t5cb-review-affiliate-cta .t5cb-review-block-actions {
  align-items: center !important;
}

.t5cb-review-page .t5cb-review-affiliate-cta .t5cb-review-block-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

@media (max-width: 900px) {
  .t5cb-review-page .t5cb-review-modern-scorecard {
    grid-template-columns: 1fr !important;
    padding: 22px !important;
  }

  .t5cb-review-page .t5cb-review-modern-score-actions {
    align-items: stretch !important;
  }

  .t5cb-review-page .t5cb-review-modern-score-actions a {
    width: 100% !important;
    white-space: normal !important;
  }

  .t5cb-review-page .t5cb-review-modern-score-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .t5cb-review-page .t5cb-review-modern-score-label {
    text-align: left !important;
  }
}



.t5cb-review-page .t5cb-review-body .t5cb-editable-review-score,
.t5cb-review-page .t5cb-review-body .t5cb-editable-review-bars,
.t5cb-review-page .t5cb-review-body .t5cb-editable-review-scores,
.t5cb-review-page .t5cb-review-body .t5cb-review-scorecard-card,
.t5cb-review-page .t5cb-review-body .wp-block-group.t5cb-editable-review-score,
.t5cb-review-page .t5cb-review-body .wp-block-group.t5cb-editable-review-bars,
.t5cb-review-page .t5cb-review-body .wp-block-group.t5cb-editable-review-scores {
  display: none !important;
}


/* v1.1.103 - sequential review build.
   AI stores article only. Plugin renders hero/image, one scorecard from stored product data, article, footer CTA. */


/* v1.1.104 - review image rendered once by wrapper/hero only. */


/* v1.1.106 - limited plugin cards for AI review article.
   Only Summary, Top CTA, Bottom CTA and Recommended Products are available as insert cards. */
.t5cb-review-page .t5cb-review-body .t5cb-editable-review-summary,
.t5cb-review-page .t5cb-review-body .t5cb-editable-review-cta,
.t5cb-review-page .t5cb-review-body .t5cb-editable-review-recommended-products {
  margin: 24px 0 !important;
  padding: 22px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important;
}

.t5cb-review-page .t5cb-review-body .t5cb-review-modern-scorecard + .t5cb-editable-review-summary,
.t5cb-review-page .t5cb-review-body .t5cb-review-modern-scorecard + .wp-block-group.t5cb-editable-review-summary {
  margin-top: 0 !important;
}

.t5cb-review-page .t5cb-review-body .t5cb-editable-review-cta {
  background: linear-gradient(135deg, #eff6ff, #ffffff) !important;
}

.t5cb-review-page .t5cb-review-body .t5cb-editable-review-recommended-products ul {
  margin-bottom: 0 !important;
}


/* v1.1.107 - Top CTA insert option removed.
   Available insert cards: Summary, Bottom CTA, Recommended Products. */
.t5cb-review-page .t5cb-review-body .t5cb-editable-review-recommended-products li {
  margin-bottom: 14px !important;
}

.t5cb-review-page .t5cb-review-body .t5cb-editable-review-recommended-products li:last-child {
  margin-bottom: 0 !important;
}

.t5cb-review-page .t5cb-review-body .t5cb-recommended-product-rating {
  display: inline-flex !important;
  margin-left: 8px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}


/* v1.1.108 - AI full review section instruction controls. */
.t5cb-ai-review-section-controls {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  background: #f8fbff;
}

.t5cb-ai-review-section-controls h4 {
  margin: 0 0 8px;
}

.t5cb-ai-review-section-controls textarea {
  width: 100%;
}


/* v1.1.109 - only Bottom CTA remains as a manual plugin card insert option. */
.t5cb-ai-review-component-picker strong::after {
  content: " — plugin controlled";
  font-weight: 600;
  color: #64748b;
}


/* v1.1.110 - single manual review card checkbox uses full parent width. */
.t5cb-ai-review-components-single {
  display: block !important;
  width: 100% !important;
}

.t5cb-ai-review-components-single .t5cb-toggle-line {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

.t5cb-ai-review-components-single .t5cb-toggle-line input {
  margin-top: 2px !important;
}


/* v1.1.111 - public wrapper does not add a second scorecard if saved review content already contains one. */


/* v1.1.112 - public/front-end compatibility for older saved Gutenberg hero badge markup.
   The editor may show legacy pinxs-score-badge styling, but public pages need the same
   visual rules in the front-end stylesheet. */
.pinxs-score-badge,
.t5cb-standalone-badge-blue {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #dff7ff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  margin: 0 0 14px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

.t5cb-standalone-hero .pinxs-score-badge,
.t5cb-standalone-hero .t5cb-standalone-badge-blue,
.pinxs-block-hero .pinxs-score-badge {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.20) !important;
  color: #dff7ff !important;
}


/* v1.1.114 - public badge styling for valid Gutenberg hero-section block output.
   Do not edit the saved block HTML. Gutenberg will mark the block invalid if the
   registered block markup is changed manually. */
.pinxs-block-hero-card > .pinxs-kicker.pinxs-kicker-blue,
.pinxs-block-hero-card .pinxs-kicker.pinxs-kicker-blue:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(37, 99, 235, .10) !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  margin: 0 0 18px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

/* Keep the main left hero eyebrow separate from the card badge. */
.pinxs-block-hero-copy > .pinxs-kicker {
  display: inline-flex;
}


/* v1.1.115 - exact public styling for the saved PINXS hero-section Gutenberg markup.
   This targets the real valid saved classes, without modifying block HTML. */

/* Right-card eyebrow: "Comparison format" */
body .pinxs-block-hero .pinxs-block-hero-card .pinxs-kicker.pinxs-kicker-blue,
body .entry-content .pinxs-block-hero .pinxs-block-hero-card .pinxs-kicker.pinxs-kicker-blue,
body .wp-site-blocks .pinxs-block-hero .pinxs-block-hero-card .pinxs-kicker.pinxs-kicker-blue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(37, 99, 235, .10) !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  margin: 0 0 18px 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Score/value badge inside the right card. */
body .pinxs-block-hero .pinxs-block-hero-card .pinxs-score-badge,
body .entry-content .pinxs-block-hero .pinxs-block-hero-card .pinxs-score-badge,
body .wp-site-blocks .pinxs-block-hero .pinxs-block-hero-card .pinxs-score-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(37, 99, 235, .10) !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  color: #2563eb !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  float: none !important;
  position: static !important;
}

/* If the card heading row contains both the kicker and score badge, keep them aligned together. */
body .pinxs-block-hero .pinxs-format-head,
body .entry-content .pinxs-block-hero .pinxs-format-head,
body .wp-site-blocks .pinxs-block-hero .pinxs-format-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
}

body .pinxs-block-hero .pinxs-format-head .pinxs-kicker.pinxs-kicker-blue,
body .entry-content .pinxs-block-hero .pinxs-format-head .pinxs-kicker.pinxs-kicker-blue,
body .wp-site-blocks .pinxs-block-hero .pinxs-format-head .pinxs-kicker.pinxs-kicker-blue {
  margin-bottom: 0 !important;
}

body .pinxs-block-hero .pinxs-format-head .pinxs-score-badge,
body .entry-content .pinxs-block-hero .pinxs-format-head .pinxs-score-badge,
body .wp-site-blocks .pinxs-block-hero .pinxs-format-head .pinxs-score-badge {
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

/* Left hero eyebrow stays readable on the dark/blue hero background. */
body .pinxs-block-hero .pinxs-block-hero-copy > .pinxs-kicker:not(.pinxs-kicker-blue),
body .entry-content .pinxs-block-hero .pinxs-block-hero-copy > .pinxs-kicker:not(.pinxs-kicker-blue),
body .wp-site-blocks .pinxs-block-hero .pinxs-block-hero-copy > .pinxs-kicker:not(.pinxs-kicker-blue) {
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  color: rgba(255,255,255,.88) !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* v1.1.116 - runtime bridge target.
   The saved Gutenberg block remains valid. The front-end script adds the known-good
   standalone badge classes to the existing pinxs-kicker-blue card eyebrow. */
.pinxs-block-hero .pinxs-block-hero-card .pinxs-kicker.pinxs-kicker-blue.t5cb-standalone-badge.t5cb-standalone-badge-blue {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(37,99,235,.10) !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  margin: 0 0 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* v1.1.117 - keep card badges readable inside white hero cards and restore the
   score badge tile. Earlier compatibility rules made these elements look like
   low-contrast pills on the public page. */
html body .t5cb-manual-hero .t5cb-standalone-hero-card .t5cb-side-card-badge,
html body .t5cb-hub-wrap .t5cb-standalone-hero-card .t5cb-standalone-badge-blue,
html body .t5cb-taxonomy-hero-wrap .t5cb-standalone-hero-card .t5cb-standalone-badge-blue,
html body .pinxs-block-hero .pinxs-block-hero-card .t5cb-side-card-badge,
html body .pinxs-block-hero .pinxs-block-hero-card .pinxs-kicker.pinxs-kicker-blue.t5cb-standalone-badge.t5cb-standalone-badge-blue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #eaf1ff !important;
  border: 1px solid #dce8ff !important;
  color: #2364ff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .pinxs-block-hero .pinxs-format-head .pinxs-score-badge,
html body .pinxs-block-hero .pinxs-block-hero-card .pinxs-score-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #2364ff, #00c2a8) !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  float: none !important;
  position: static !important;
}


/* v1.1.174 - keep AI review scorecard titles in the normal card style.
   Retail product feed names can be very long, so the card displays a concise title
   while the full title remains available as the title attribute and post title. */
.t5cb-review-page .t5cb-review-modern-scorecard {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr) !important;
  gap: clamp(18px, 3vw, 28px) !important;
}
.t5cb-review-page .t5cb-review-modern-scorecard h2 {
  max-width: 100% !important;
  font-size: clamp(28px, 3.5vw, 42px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.045em !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto !important;
}
.t5cb-review-page .t5cb-review-modern-scorecard-eyebrow {
  max-width: min(100%, 560px) !important;
  white-space: normal !important;
}
.t5cb-review-page .t5cb-review-modern-score-panel {
  width: 100% !important;
  max-width: 430px !important;
  justify-self: end !important;
}
@media (max-width: 900px) {
  .t5cb-review-page .t5cb-review-modern-scorecard {
    grid-template-columns: 1fr !important;
  }
  .t5cb-review-page .t5cb-review-modern-score-panel {
    max-width: 100% !important;
    justify-self: stretch !important;
  }
}

/* v1.1.182 Price Finder saved-search review links */
.pinxs-pcf-offer-actions .t5cb-pf-read-review{margin-top:8px;background:#0f172a;color:#fff;text-align:center;text-decoration:none}.t5cb-review-saved-search-links{margin:34px 0;padding:24px;border:1px solid rgba(148,163,184,.3);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 14px 34px rgba(15,23,42,.06)}.t5cb-review-saved-search-links h2{margin:0 0 8px;font-size:clamp(22px,2vw,30px)}.t5cb-review-saved-search-links p{margin:0 0 14px;color:#475569}.t5cb-review-saved-search-link-row{display:flex;flex-wrap:wrap;gap:10px}.t5cb-review-saved-search-link-row a{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border-radius:999px;background:#eef2ff;color:#1e3a8a;text-decoration:none;font-weight:700}.t5cb-review-saved-search-link-row a:hover{background:#dbeafe;color:#1d4ed8}

/* v1.1.213 Price Finder search bar block and hero slot */
.t5cb-price-finder-search-block {
    width: 100%;
    box-sizing: border-box;
}
.t5cb-price-finder-search-block .pinxs-pcf-search-bar-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.t5cb-price-finder-search-missing {
    padding: 16px 18px;
    border: 1px solid #f6c453;
    border-radius: 16px;
    background: #fff8e1;
    color: #7a4b00;
    font-weight: 700;
}
.t5cb-standalone-hero-has-search {
    position: relative;
    padding-bottom: 138px !important;
}
.t5cb-standalone-hero-has-search .t5cb-standalone-hero-inner {
    position: relative;
    z-index: 2;
}
.t5cb-hero-search-slot {
    position: absolute;
    left: 50%;
    bottom: 42px;
    transform: translateX(-50%);
    z-index: 8;
    width: min(1120px, calc(100% - 96px));
    box-sizing: border-box;
}
.t5cb-hero-search-slot .t5cb-price-finder-search-block,
.t5cb-hero-search-slot .pinxs-pcf-search-bar-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.t5cb-hero-search-slot .pinxs-pcf-search-bar {
    border: 1px solid rgba(255,255,255,.72) !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.18) !important;
}
@media (max-width: 980px) {
    .t5cb-standalone-hero-has-search {
        padding-bottom: 166px !important;
    }
    .t5cb-hero-search-slot {
        width: min(920px, calc(100% - 48px));
        bottom: 34px;
    }
}
@media (max-width: 640px) {
    .t5cb-standalone-hero-has-search {
        padding-bottom: 238px !important;
    }
    .t5cb-hero-search-slot {
        width: calc(100% - 28px);
        bottom: 24px;
    }
}

/* v1.1.214 Customizer-controlled Price Finder hero search slot */
.pinxs-block-hero.t5cb-standalone-hero-has-search,
.t5cb-hero-search-customizer-enabled {
    position: relative !important;
    padding-bottom: 138px !important;
}
.pinxs-block-hero.t5cb-standalone-hero-has-search > .pinxs-block-hero-inner,
.t5cb-hero-search-customizer-enabled > .pinxs-block-hero-inner {
    position: relative;
    z-index: 2;
}
.pinxs-block-hero .t5cb-hero-search-slot,
.t5cb-hero-search-customizer-enabled .t5cb-hero-search-slot {
    position: absolute;
    left: 50%;
    bottom: 42px;
    transform: translateX(-50%);
    z-index: 12;
    width: min(1120px, calc(100% - 96px));
    box-sizing: border-box;
}
.pinxs-block-hero .t5cb-hero-search-slot .pinxs-pcf-search-bar-wrap,
.t5cb-hero-search-customizer-enabled .t5cb-hero-search-slot .pinxs-pcf-search-bar-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 980px) {
    .pinxs-block-hero.t5cb-standalone-hero-has-search,
    .t5cb-hero-search-customizer-enabled {
        padding-bottom: 166px !important;
    }
    .pinxs-block-hero .t5cb-hero-search-slot,
    .t5cb-hero-search-customizer-enabled .t5cb-hero-search-slot {
        width: min(920px, calc(100% - 48px));
        bottom: 34px;
    }
}
@media (max-width: 640px) {
    .pinxs-block-hero.t5cb-standalone-hero-has-search,
    .t5cb-hero-search-customizer-enabled {
        padding-bottom: 238px !important;
    }
    .pinxs-block-hero .t5cb-hero-search-slot,
    .t5cb-hero-search-customizer-enabled .t5cb-hero-search-slot {
        width: calc(100% - 28px);
        bottom: 24px;
    }
}

/* Top5Wise Gutenberg pattern layout labels */
.top5wise-layout-pattern-label {
    box-sizing: border-box;
    max-width: 1380px;
    margin: 18px auto 18px;
    padding: 18px 22px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #eef6ff 100%);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}
.top5wise-layout-pattern-label__eyebrow {
    margin: 0 0 6px !important;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
}
.top5wise-layout-pattern-label__title {
    margin: 0 !important;
    font-size: clamp(26px, 3vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.04em;
    color: #0f172a;
}
.top5wise-layout-pattern-label__description {
    max-width: 860px;
    margin: 8px 0 0 !important;
    color: #475569;
    font-size: 15px;
    line-height: 1.6;
}
@media (max-width: 700px) {
    .top5wise-layout-pattern-label {
        margin: 12px auto 14px;
        padding: 14px 16px;
        border-radius: 16px;
    }
}


/* v1.1.217 - manual Gutenberg page layout positioning
   Manual pattern heroes now inherit the same plugin display setting variables as generated heroes.
   The inserted pattern label is an editor/pattern-picker aid only and is hidden on the public page. */
body.t5cb-manual-layout-page .top5wise-layout-pattern-label {
  display: none !important;
}

body.t5cb-manual-layout-page .t5cb-manual-hero-wrap {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.t5cb-manual-layout-page .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero {
  position: relative !important;
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  margin-top: var(--t5cb-page-top-offset, 14px) !important;
  margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  margin-bottom: 52px !important;
  margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  padding-right: var(--t5cb-content-side-padding, 22px) !important;
  padding-left: var(--t5cb-content-side-padding, 22px) !important;
  box-sizing: border-box !important;
}

body.t5cb-manual-layout-page .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner {
  width: 100% !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}

body.t5cb-manual-layout-page .entry-content > .t5cb-manual-hero-wrap:first-child,
body.t5cb-manual-layout-page .wp-block-post-content > .t5cb-manual-hero-wrap:first-child {
  margin-top: 0 !important;
}


/* v1.1.218 - theme-independent manual layout shell
   Manual Top5Wise Gutenberg pages should not rely on the Top5 theme to correct page-title,
   content-container or hero-positioning behaviour. These rules only apply when the page
   contains Top5Wise manual blocks and the plugin adds the t5cb-manual-layout-page body class. */
body.t5cb-manual-layout-page {
  --t5cb-manual-page-bg: #f1f5f9;
  background: var(--t5cb-manual-page-bg) !important;
}

body.t5cb-manual-layout-page .entry-header,
body.t5cb-manual-layout-page header.entry-header,
body.t5cb-manual-layout-page .page-header,
body.t5cb-manual-layout-page .wp-block-post-title,
body.t5cb-manual-layout-page h1.entry-title,
body.t5cb-manual-layout-page h1.page-title,
body.t5cb-manual-layout-page .entry-title,
body.t5cb-manual-layout-page .page-title,
body.t5cb-manual-layout-page .ast-article-single > .entry-header,
body.t5cb-manual-layout-page .elementor-page-title,
body.t5cb-manual-layout-page .elementor-heading-title:first-child {
  display: none !important;
}

body.t5cb-manual-layout-page main,
body.t5cb-manual-layout-page #main,
body.t5cb-manual-layout-page .site-main,
body.t5cb-manual-layout-page #primary,
body.t5cb-manual-layout-page .content-area,
body.t5cb-manual-layout-page article,
body.t5cb-manual-layout-page .hentry,
body.t5cb-manual-layout-page .page,
body.t5cb-manual-layout-page .type-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.t5cb-manual-layout-page .entry-content,
body.t5cb-manual-layout-page .wp-block-post-content,
body.t5cb-manual-layout-page .site-content,
body.t5cb-manual-layout-page .content-area,
body.t5cb-manual-layout-page .inside-article,
body.t5cb-manual-layout-page .wp-site-blocks > main {
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
}

body.t5cb-manual-layout-page .entry-content,
body.t5cb-manual-layout-page .wp-block-post-content {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.t5cb-manual-layout-page .entry-content > *,
body.t5cb-manual-layout-page .wp-block-post-content > * {
  max-width: none;
}

body.t5cb-manual-layout-page .t5cb-manual-hero-wrap {
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.t5cb-manual-layout-page .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero {
  display: block !important;
  clear: both !important;
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  min-height: 0 !important;
  margin-top: var(--t5cb-page-top-offset, 14px) !important;
  margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  margin-bottom: 44px !important;
  margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
}

body.t5cb-manual-layout-page .t5cb-manual-block:not(.t5cb-manual-hero) {
  width: min(var(--t5cb-content-max, var(--top5-content-max, 1180px)), calc(100vw - 32px)) !important;
  max-width: min(var(--t5cb-content-max, var(--top5-content-max, 1180px)), calc(100vw - 32px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.t5cb-manual-layout-page .pinxs-pcf-search-bar-wrap,
body.t5cb-manual-layout-page .pinxs-price-finder-search-bar,
body.t5cb-manual-layout-page .pinxs-pcf-search-shell {
  max-width: min(var(--t5cb-content-max, var(--top5-content-max, 1180px)), calc(100vw - 32px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.t5cb-manual-layout-page .top5wise-layout-pattern-label + .t5cb-manual-hero-wrap,
body.t5cb-manual-layout-page .top5wise-layout-pattern-label + .wp-block-top5-comparison-builder-top5wise-hero {
  margin-top: 0 !important;
}

@media (max-width: 700px) {
  body.t5cb-manual-layout-page .t5cb-manual-block:not(.t5cb-manual-hero),
  body.t5cb-manual-layout-page .pinxs-pcf-search-bar-wrap,
  body.t5cb-manual-layout-page .pinxs-price-finder-search-bar,
  body.t5cb-manual-layout-page .pinxs-pcf-search-shell {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}


/* v1.1.219 - Gutenberg editor preview alignment for manual Top5Wise layouts
   Front-end manual layout rules use viewport-width hero positioning so generic themes cannot trap the hero.
   Gutenberg must not inherit those viewport escape rules inside the editor canvas, otherwise the preview becomes narrow,
   offset or clipped. These editor-only rules keep blocks centred and recognisable while preserving the public layout. */
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"],
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-card-section"],
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-latest-comparisons"],
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-cta"],
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-section-heading"],
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/price-finder-search-bar"],
.editor-styles-wrapper .wp-block[data-type="pinxs-price-finder/search-bar"] {
  width: min(1180px, calc(100% - 24px)) !important;
  max-width: min(1180px, calc(100% - 24px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  clear: both !important;
}

.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .components-placeholder,
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-card-section"] .components-placeholder,
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-latest-comparisons"] .components-placeholder,
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-cta"] .components-placeholder {
  max-width: 100% !important;
}

.editor-styles-wrapper .top5wise-layout-pattern-label {
  width: min(1180px, calc(100% - 24px)) !important;
  max-width: min(1180px, calc(100% - 24px)) !important;
  margin: 12px auto 18px !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
}

.editor-styles-wrapper .top5wise-layout-pattern-label__eyebrow {
  margin: 0 0 4px !important;
  font-size: 10px !important;
}

.editor-styles-wrapper .top5wise-layout-pattern-label__title {
  margin: 0 !important;
  font-size: clamp(22px, 2.4vw, 34px) !important;
  line-height: 1.12 !important;
}

.editor-styles-wrapper .top5wise-layout-pattern-label__description {
  margin: 6px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.editor-styles-wrapper .t5cb-manual-hero-wrap,
.editor-styles-wrapper .t5cb-wrap.t5cb-manual-hero-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.editor-styles-wrapper .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero,
.editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 24px !important;
  min-height: 420px !important;
  padding: 42px 22px !important;
  border-radius: 22px !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  overflow: hidden !important;
}

.editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner {
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(0, 1fr) minmax(250px, .72fr) !important;
  gap: 24px !important;
}

.editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero h1 {
  font-size: clamp(32px, 4.6vw, 56px) !important;
  line-height: 1 !important;
}

.editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero .t5cb-standalone-hero-copy p {
  font-size: clamp(15px, 1.6vw, 18px) !important;
  line-height: 1.5 !important;
}

.editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero .t5cb-standalone-hero-card-shell {
  padding: 12px !important;
  border-radius: 24px !important;
}

.editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero .t5cb-standalone-hero-card {
  padding: 18px !important;
  border-radius: 18px !important;
}

.editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero .t5cb-standalone-hero-card h2,
.editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero .t5cb-standalone-hero-card h3 {
  font-size: clamp(22px, 3vw, 34px) !important;
}

.editor-styles-wrapper .t5cb-manual-block:not(.t5cb-manual-hero),
.editor-styles-wrapper .t5cb-price-finder-search-block,
.editor-styles-wrapper .pinxs-pcf-search-bar-wrap,
.editor-styles-wrapper .pinxs-price-finder-search-bar,
.editor-styles-wrapper .pinxs-pcf-search-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.editor-styles-wrapper .t5cb-manual-card-section,
.editor-styles-wrapper .t5cb-manual-latest-comparisons,
.editor-styles-wrapper .t5cb-manual-cta {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

@media (max-width: 900px) {
  .editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
  }
  .editor-styles-wrapper .t5cb-standalone-hero.t5cb-manual-hero {
    min-height: 0 !important;
  }
}

/* v1.1.222 real editable homepage pattern foundation */
.top5wise-editable-section,
.top5wise-editable-cta {
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
  margin: 28px auto;
  box-sizing: border-box;
}
.top5wise-editable-section {
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 24px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
}
.top5wise-section-kicker {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0 0 10px !important;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eaf6ff;
  color: #0693c9;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.top5wise-section-title,
.top5wise-editable-section h2,
.top5wise-editable-cta h2 {
  margin: 0 0 8px !important;
  color: #102033;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.035em;
}
.top5wise-section-intro,
.top5wise-editable-section > p:not(.top5wise-section-kicker),
.top5wise-editable-cta > p {
  max-width: 780px;
  margin: 0 0 22px !important;
  color: #5d6f88;
  font-size: 16px;
  line-height: 1.65;
}
.top5wise-editable-card-grid {
  gap: 18px !important;
  margin: 20px 0 0 !important;
}
.top5wise-editable-card-grid > .wp-block-column {
  min-width: 0;
}
.top5wise-editable-card {
  height: 100%;
  min-height: 170px;
  padding: 22px !important;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
  box-sizing: border-box;
}
.top5wise-editable-card .top5wise-card-badge {
  display: inline-flex;
  min-width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  margin: 0 0 12px !important;
  padding: 0 8px;
  border-radius: 999px;
  background: linear-gradient(135deg,#2364ff,#07b3d4);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
.top5wise-editable-card h3 {
  margin: 0 0 8px !important;
  color: #102033;
  font-size: 18px;
  line-height: 1.18;
  font-weight: 900;
}
.top5wise-editable-card p:not(.top5wise-card-badge) {
  margin: 0 !important;
  color: #5d6f88;
  font-size: 14px;
  line-height: 1.55;
}
.top5wise-editable-card .wp-block-buttons {
  margin-top: 16px !important;
}
.top5wise-editable-card .wp-block-button__link {
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 850;
}
.top5wise-editable-cta {
  padding: clamp(24px, 4vw, 42px);
  border-radius: 24px;
  background: linear-gradient(135deg,#06315c 0%,#0d6fad 72%,#08b6df 100%);
  color: #fff;
  box-shadow: 0 18px 45px rgba(10, 82, 140, .22);
}
.top5wise-editable-cta h2,
.top5wise-editable-cta p,
.top5wise-editable-cta .top5wise-section-kicker { color: #fff; }
.top5wise-editable-cta .top5wise-section-kicker { background: rgba(255,255,255,.16); }
.top5wise-editable-cta > p { opacity: .88; }
.top5wise-editable-cta .wp-block-button__link {
  border-radius: 999px;
  font-weight: 900;
}
.editor-styles-wrapper .top5wise-editable-section,
.editor-styles-wrapper .top5wise-editable-cta {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.editor-styles-wrapper .top5wise-editable-section,
.editor-styles-wrapper .top5wise-editable-card,
.editor-styles-wrapper .top5wise-editable-cta,
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"],
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-latest-comparisons"],
.editor-styles-wrapper .wp-block[data-type="pinxs-price-finder/search-bar"] {
  outline: 1px dashed rgba(37, 99, 235, .22);
  outline-offset: 3px;
}
.editor-styles-wrapper .top5wise-editable-card-grid {
  flex-wrap: nowrap !important;
}
@media (max-width: 900px) {
  .top5wise-editable-section,
  .top5wise-editable-cta { width: min(100% - 24px, 1180px); }
  .top5wise-editable-card-grid { flex-wrap: wrap !important; }
  .top5wise-editable-card-grid > .wp-block-column { flex-basis: 100% !important; }
}


/* v1.1.222 selectable dynamic Gutenberg block previews */
.t5cb-manual-width-content { width: min(920px, calc(100vw - 32px)); }
.t5cb-manual-width-wide { width: min(var(--top5-content-max, 1180px), calc(100vw - 32px)); }
.t5cb-manual-width-full { width: calc(100vw - var(--t5cb-hero-side-gap, 24px) * 2); max-width: none; }
.editor-styles-wrapper .t5cb-editor-selectable-dynamic {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 1180px;
  margin: 28px auto !important;
  padding: 10px;
  border: 2px dashed rgba(37,99,235,.45);
  border-radius: 24px;
  background: rgba(239,246,255,.55);
}
.editor-styles-wrapper .t5cb-editor-selectable-dynamic.is-selected,
.editor-styles-wrapper .t5cb-editor-selectable-dynamic.has-child-selected {
  border-color: rgba(37,99,235,.95);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}
.editor-styles-wrapper .t5cb-editor-width-content { max-width: 920px; }
.editor-styles-wrapper .t5cb-editor-width-wide { max-width: 1180px; }
.editor-styles-wrapper .t5cb-editor-width-full { max-width: none; width: 100%; }
.editor-styles-wrapper .t5cb-editor-dynamic-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font: 700 12px/1.2 Inter, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .02em;
}
.editor-styles-wrapper .t5cb-editor-dynamic-preview {
  pointer-events: none;
  user-select: none;
}
.editor-styles-wrapper .t5cb-editor-dynamic-preview a,
.editor-styles-wrapper .t5cb-editor-dynamic-preview button,
.editor-styles-wrapper .t5cb-editor-dynamic-preview input,
.editor-styles-wrapper .t5cb-editor-dynamic-preview select,
.editor-styles-wrapper .t5cb-editor-dynamic-preview textarea {
  pointer-events: none !important;
}


/* v1.1.223 selectable manual hero editor wrapper */
.editor-styles-wrapper .t5cb-editor-selectable-hero {
  max-width: none !important;
  width: min(100%, 1280px) !important;
  margin-top: 12px !important;
  margin-bottom: 28px !important;
}
.editor-styles-wrapper .t5cb-editor-selectable-hero .t5cb-editor-dynamic-preview .t5cb-wrap,
.editor-styles-wrapper .t5cb-editor-selectable-hero .t5cb-editor-dynamic-preview .t5cb-manual-hero-wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.editor-styles-wrapper .t5cb-editor-selectable-hero .t5cb-editor-dynamic-preview .t5cb-standalone-hero {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* v1.1.224 restored homepage hero content structure */
.t5cb-manual-hero-wrap {
  position: relative !important;
}
.t5cb-standalone-hero-card-heading-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: start !important;
  margin: 0 0 20px !important;
}
.t5cb-standalone-hero-card-heading-row h2 {
  margin: 8px 0 0 !important;
  max-width: 420px !important;
}
.t5cb-standalone-hero-score-bubble {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #2364ff, #08c7c7) !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 18px 38px rgba(35,100,255,.22) !important;
}
.t5cb-standalone-hero-rank-list {
  display: grid !important;
  gap: 12px !important;
  margin: 8px 0 0 !important;
}
.t5cb-standalone-hero-rank-row {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 72px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
  border: 1px solid #dce7f7 !important;
  box-shadow: 0 10px 28px rgba(12,32,64,.06) !important;
}
.t5cb-standalone-hero-rank-row:first-child {
  background: #f1f6ff !important;
  border-color: #d4e4ff !important;
}
.t5cb-standalone-hero-rank-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  background: #edf4ff !important;
  color: #2364ff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}
.t5cb-standalone-hero-rank-row:first-child .t5cb-standalone-hero-rank-number {
  background: #2364ff !important;
  color: #fff !important;
}
.t5cb-standalone-hero-rank-copy {
  display: block !important;
  min-width: 0 !important;
}
.t5cb-standalone-hero-rank-copy strong {
  display: block !important;
  margin: 0 0 4px !important;
  color: #102033 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}
.t5cb-standalone-hero-rank-copy em {
  display: block !important;
  color: #607594 !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}
.t5cb-standalone-hero-rank-score {
  color: #2364ff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}
.t5cb-standalone-hero-card-note {
  margin-top: 14px !important;
}
.t5cb-standalone-hero-card-action {
  margin-top: 16px !important;
}
.t5cb-standalone-btn-dark,
.t5cb-standalone-hero-card-action {
  background: #0e2138 !important;
  color: #fff !important;
  border-color: #0e2138 !important;
  box-shadow: 0 18px 34px rgba(14,33,56,.16) !important;
}
.t5cb-standalone-hero-stat-bar {
  position: relative !important;
  z-index: 5 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  max-width: min(1120px, calc(100% - 48px)) !important;
  margin: -30px auto 0 !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.16) !important;
}
.t5cb-standalone-hero-stat-card {
  min-width: 0 !important;
  padding: 20px 22px !important;
  border-radius: 16px !important;
  background: #f6f9fe !important;
}
.t5cb-standalone-hero-stat-card strong {
  display: block !important;
  margin: 0 0 10px !important;
  color: #102033 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}
.t5cb-standalone-hero-stat-card span {
  display: block !important;
  color: #647894 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}
.editor-styles-wrapper .t5cb-standalone-hero-stat-bar {
  max-width: min(1120px, calc(100% - 32px)) !important;
}
@media (max-width: 900px) {
  .t5cb-standalone-hero-stat-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 18px !important;
  }
  .t5cb-standalone-hero-card-heading-row {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 560px) {
  .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    max-width: calc(100% - 24px) !important;
    padding: 12px !important;
  }
  .t5cb-standalone-hero-rank-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }
  .t5cb-standalone-hero-rank-score {
    grid-column: 2 !important;
  }
}


/* v1.1.226 homepage hero visual recovery: restore badges, larger ranked side card and correct feature-strip overlap. */
.t5cb-manual-hero .t5cb-standalone-hero-inner {
  grid-template-columns: minmax(0, 1fr) minmax(480px, .92fr) !important;
  gap: clamp(44px, 6vw, 86px) !important;
  align-items: center !important;
}
.t5cb-manual-hero .t5cb-standalone-hero-copy {
  padding-left: clamp(0px, 1vw, 8px) !important;
}
.t5cb-manual-hero .t5cb-standalone-actions {
  margin-top: 26px !important;
}
.t5cb-standalone-hero-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 26px !important;
}
.t5cb-standalone-hero-chips span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.t5cb-manual-hero .t5cb-standalone-hero-card-shell {
  width: 100% !important;
  max-width: 548px !important;
  justify-self: end !important;
  padding: 22px !important;
  border-radius: 32px !important;
}
.t5cb-manual-hero .t5cb-standalone-hero-card {
  min-height: 568px !important;
  padding: 30px !important;
  border-radius: 25px !important;
  display: flex !important;
  flex-direction: column !important;
}
.t5cb-manual-hero .t5cb-standalone-hero-card-heading-row {
  margin-bottom: 22px !important;
}
.t5cb-manual-hero .t5cb-standalone-hero-card-heading-row h2 {
  font-size: clamp(30px, 3.3vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  max-width: 360px !important;
}
.t5cb-manual-hero .t5cb-standalone-hero-rank-list {
  gap: 13px !important;
  margin-top: 10px !important;
}
.t5cb-manual-hero .t5cb-standalone-hero-rank-row {
  min-height: 78px !important;
  padding: 13px 15px !important;
}
.t5cb-manual-hero .t5cb-standalone-hero-card-action {
  align-self: flex-start !important;
  margin-top: auto !important;
}
body.t5cb-manual-layout-page .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero {
  margin-bottom: 0 !important;
  padding-top: clamp(76px, 7vw, 116px) !important;
  padding-bottom: clamp(112px, 8vw, 150px) !important;
}
.t5cb-manual-hero-wrap .t5cb-standalone-hero-stat-bar {
  margin-top: -54px !important;
  margin-bottom: 32px !important;
}
.editor-styles-wrapper .t5cb-standalone-hero-chips {
  pointer-events: none !important;
}
.editor-styles-wrapper .t5cb-manual-hero .t5cb-standalone-hero-inner {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr) !important;
  gap: 36px !important;
}
.editor-styles-wrapper .t5cb-manual-hero .t5cb-standalone-hero-card {
  min-height: 420px !important;
  padding: 22px !important;
}
@media (max-width: 1100px) {
  .t5cb-manual-hero .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
  }
  .t5cb-manual-hero .t5cb-standalone-hero-card-shell {
    justify-self: stretch !important;
    max-width: none !important;
  }
  .t5cb-manual-hero .t5cb-standalone-hero-card {
    min-height: 0 !important;
  }
}
@media (max-width: 700px) {
  .t5cb-standalone-hero-chips span {
    width: 100% !important;
  }
  body.t5cb-manual-layout-page .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero {
    padding-top: 52px !important;
    padding-bottom: 48px !important;
  }
  .t5cb-manual-hero-wrap .t5cb-standalone-hero-stat-bar {
    margin-top: 18px !important;
  }
}

/* v1.1.227 homepage manual hero final positioning recovery
   These rules target only the Top5Wise homepage hero preset. They do not rely on the
   Top5 theme body class, so the manual Gutenberg homepage keeps the original hero
   layout on generic themes as well. */
.t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-homepage-hero-preset {
  display: block !important;
  position: relative !important;
  width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  margin-top: var(--t5cb-page-top-offset, 14px) !important;
  margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
  padding: clamp(76px, 6.6vw, 104px) var(--t5cb-content-side-padding, 22px) clamp(92px, 7vw, 128px) !important;
  border-radius: 0 0 36px 36px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
  width: 100% !important;
  max-width: var(--t5cb-content-max, 1180px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(500px, .9fr) !important;
  gap: clamp(54px, 5.8vw, 88px) !important;
  align-items: center !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy {
  min-width: 0 !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy > .t5cb-standalone-actions {
  margin-top: 26px !important;
  margin-bottom: 0 !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-chips,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy > .t5cb-standalone-hero-chips {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 26px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  white-space: normal !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy .t5cb-standalone-hero-chips > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20) !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
  width: 100% !important;
  max-width: 548px !important;
  justify-self: end !important;
  padding: 22px !important;
  border-radius: 32px !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
  min-height: 568px !important;
  padding: 30px !important;
  border-radius: 25px !important;
  display: flex !important;
  flex-direction: column !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row h2 {
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  max-width: 360px !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
  min-height: 78px !important;
}

.t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
.t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
  position: relative !important;
  z-index: 12 !important;
  width: min(var(--t5cb-content-max, 1180px), calc(100vw - 220px)) !important;
  max-width: min(var(--t5cb-content-max, 1180px), calc(100vw - 220px)) !important;
  margin-top: -62px !important;
  margin-right: auto !important;
  margin-bottom: 34px !important;
  margin-left: auto !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.16) !important;
  box-sizing: border-box !important;
}

.t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card {
  padding: 20px 22px !important;
  border-radius: 16px !important;
}

/* Keep the same shape inside the block editor, but contained in the editor canvas. */
.editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 54px 26px 88px !important;
}
.editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
  max-width: 1180px !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .9fr) !important;
  gap: 34px !important;
}
.editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
  width: min(100% - 48px, 980px) !important;
  max-width: min(100% - 48px, 980px) !important;
  margin-top: -50px !important;
}

@media (max-width: 1100px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    max-width: none !important;
    justify-self: stretch !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    min-height: 0 !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    width: min(var(--t5cb-content-max, 1180px), calc(100vw - 48px)) !important;
    max-width: min(var(--t5cb-content-max, 1180px), calc(100vw - 48px)) !important;
  }
}

@media (max-width: 700px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-right: calc(50% - 50vw + 12px) !important;
    margin-left: calc(50% - 50vw + 12px) !important;
    padding: 48px 18px 54px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span {
    width: auto !important;
    white-space: normal !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-top: 18px !important;
  }
}


/* v1.1.228 selectable hero controls: working visual variants and editable background video. */
.t5cb-standalone-hero-no-video .t5cb-standalone-hero-bg {
  background:
    radial-gradient(circle at 16% 78%, rgba(0,194,168,.30), transparent 34%),
    radial-gradient(circle at 82% 16%, rgba(85,139,255,.40), transparent 36%),
    linear-gradient(135deg, #07344a 0%, #173fc5 48%, #047c75 100%) !important;
}
.t5cb-standalone-hero-no-video .t5cb-standalone-hero-video {
  display: none !important;
}
.t5cb-standalone-hero-large:not(.t5cb-homepage-hero-preset) {
  min-height: 720px !important;
  padding-top: clamp(88px, 8vw, 132px) !important;
  padding-bottom: clamp(96px, 9vw, 150px) !important;
}
.t5cb-standalone-hero-slim:not(.t5cb-homepage-hero-preset) {
  min-height: 420px !important;
  padding-top: clamp(48px, 5vw, 72px) !important;
  padding-bottom: clamp(48px, 5vw, 72px) !important;
}
.t5cb-standalone-hero-slim:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-inner {
  grid-template-columns: minmax(0, 1fr) !important;
}
.t5cb-standalone-hero-slim:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-card-shell {
  display: none !important;
}
.t5cb-standalone-hero-editorial:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-inner {
  grid-template-columns: minmax(0, .9fr) minmax(340px, .7fr) !important;
}
.t5cb-standalone-hero-editorial:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-card {
  min-height: 0 !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-large {
  padding-top: clamp(92px, 8vw, 128px) !important;
  padding-bottom: clamp(122px, 9vw, 172px) !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-large .t5cb-standalone-hero-card {
  min-height: 620px !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-large .t5cb-standalone-hero-copy h1 {
  font-size: clamp(58px, 6.4vw, 92px) !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-slim {
  padding-top: clamp(52px, 5vw, 76px) !important;
  padding-bottom: clamp(78px, 6vw, 106px) !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-slim .t5cb-standalone-hero-inner {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr) !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-slim .t5cb-standalone-hero-copy h1 {
  font-size: clamp(42px, 4.8vw, 66px) !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-slim .t5cb-standalone-hero-card {
  min-height: 430px !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-slim .t5cb-standalone-hero-rank-row {
  min-height: 58px !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-editorial {
  padding-top: clamp(82px, 7vw, 112px) !important;
  padding-bottom: clamp(102px, 7vw, 142px) !important;
}
.t5cb-homepage-hero-preset.t5cb-standalone-hero-editorial .t5cb-standalone-hero-inner {
  grid-template-columns: minmax(0, .95fr) minmax(460px, .82fr) !important;
}
.editor-styles-wrapper .t5cb-editor-video-url-note {
  margin: 8px 0 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  overflow-wrap: anywhere !important;
}
.editor-styles-wrapper .t5cb-homepage-hero-preset.t5cb-standalone-hero-large,
.editor-styles-wrapper .t5cb-homepage-hero-preset.t5cb-standalone-hero-slim,
.editor-styles-wrapper .t5cb-homepage-hero-preset.t5cb-standalone-hero-editorial {
  width: 100% !important;
  max-width: 100% !important;
}


/* v1.1.229 fluid responsive manual hero recovery
   The manual hero blocks must behave like real Gutenberg page sections on narrow screens.
   These rules keep the original desktop homepage hero intact, then progressively stack
   and resize the copy, buttons, badges, ranked side card and lower feature bar. */
.t5cb-standalone-hero,
.t5cb-manual-hero,
.t5cb-homepage-hero-preset,
.t5cb-standalone-hero-inner,
.t5cb-standalone-hero-card-shell,
.t5cb-standalone-hero-card,
.t5cb-standalone-hero-stat-bar,
.t5cb-standalone-hero-stat-card {
  box-sizing: border-box !important;
}

.t5cb-standalone-hero-copy,
.t5cb-standalone-hero-card,
.t5cb-standalone-hero-rank-copy {
  min-width: 0 !important;
}

.t5cb-standalone-hero-copy h1,
.t5cb-standalone-hero-card h2,
.t5cb-standalone-hero-card h3,
.t5cb-standalone-hero-copy p,
.t5cb-standalone-hero-rank-row,
.t5cb-standalone-hero-rank-copy,
.t5cb-standalone-hero-rank-copy strong,
.t5cb-standalone-hero-rank-copy em {
  overflow-wrap: anywhere !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
  font-size: clamp(42px, 5.2vw, 76px) !important;
  line-height: .98 !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy p {
  max-width: 720px !important;
  font-size: clamp(17px, 1.6vw, 22px) !important;
  line-height: 1.55 !important;
}

@media (max-width: 1260px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(430px, .82fr) !important;
    gap: clamp(34px, 4vw, 56px) !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    max-width: 500px !important;
    padding: 18px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    min-height: 500px !important;
    padding: 26px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row h2 {
    font-size: clamp(28px, 3vw, 38px) !important;
  }
}

@media (max-width: 1024px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-homepage-hero-preset {
    padding-top: clamp(52px, 7vw, 76px) !important;
    padding-bottom: clamp(76px, 9vw, 104px) !important;
  }
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner,
  .t5cb-standalone-hero-large:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-inner,
  .t5cb-standalone-hero-editorial:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-inner,
  .t5cb-standalone-hero-slim:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    align-items: start !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell,
  .t5cb-standalone-hero:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-card-shell {
    width: 100% !important;
    max-width: 720px !important;
    justify-self: start !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card,
  .t5cb-standalone-hero:not(.t5cb-homepage-hero-preset) .t5cb-standalone-hero-card {
    min-height: 0 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    max-width: 760px !important;
    font-size: clamp(40px, 7vw, 62px) !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    width: min(var(--t5cb-content-max, 1180px), calc(100vw - 48px)) !important;
    max-width: min(var(--t5cb-content-max, 1180px), calc(100vw - 48px)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: -44px !important;
  }
}

@media (max-width: 782px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-homepage-hero-preset {
    width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
    max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
    margin-top: var(--t5cb-page-top-offset, 14px) !important;
    margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
    margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
    padding: 42px 18px 64px !important;
    border-radius: 0 0 28px 28px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-badge {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    font-size: clamp(36px, 10vw, 54px) !important;
    line-height: 1.02 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy p {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions,
  .t5cb-standalone-hero:not(.t5cb-homepage-hero-preset) .t5cb-standalone-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions .t5cb-standalone-btn,
  .t5cb-standalone-hero:not(.t5cb-homepage-hero-preset) .t5cb-standalone-actions .t5cb-standalone-btn {
    flex: 1 1 180px !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips,
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy > .t5cb-standalone-hero-chips {
    gap: 8px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span,
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy .t5cb-standalone-hero-chips > span {
    flex: 1 1 calc(50% - 8px) !important;
    white-space: normal !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    text-align: center !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    padding: 14px !important;
    border-radius: 24px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    padding: 22px !important;
    border-radius: 20px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row {
    align-items: flex-start !important;
    gap: 14px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row h2 {
    font-size: clamp(26px, 8vw, 36px) !important;
    max-width: none !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-score-bubble {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    font-size: 22px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
    min-height: 0 !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 12px !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: -30px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card {
    padding: 14px !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 560px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-homepage-hero-preset {
    padding: 34px 14px 50px !important;
    border-radius: 0 0 22px 22px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    font-size: clamp(32px, 11vw, 44px) !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy p {
    font-size: 16px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions .t5cb-standalone-btn,
  .t5cb-standalone-hero:not(.t5cb-homepage-hero-preset) .t5cb-standalone-actions .t5cb-standalone-btn {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span,
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy .t5cb-standalone-hero-chips > span {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    padding: 10px !important;
    border-radius: 20px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    padding: 18px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row h2 {
    font-size: clamp(24px, 9vw, 32px) !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-score {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 4px !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    margin-top: 16px !important;
  }
}

@media (max-width: 420px) {
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    font-size: clamp(29px, 12vw, 38px) !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row {
    grid-template-columns: 1fr !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-score-bubble {
    justify-self: start !important;
  }
}

/* Keep Gutenberg usable while testing responsive heroes inside the editor canvas. */
@media (max-width: 900px) {
  .editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
  }
  .editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100% - 28px, 760px) !important;
    max-width: min(100% - 28px, 760px) !important;
  }
}
@media (max-width: 560px) {
  .editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    margin-top: 14px !important;
  }
}


/* v1.1.230 Blog archive hero preset
   Blog/archive pages must not reuse the homepage comparison hero. This preset follows
   the supplied Blog archive HTML: buying-advice copy, advice side card and Practical / Helpful / Focused / Updated trust strip. */
.t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-blog-archive-hero-preset {
  display: flex !important;
  min-height: 360px !important;
  width: calc(100vw - (var(--t5cb-hero-side-gap, 22px) * 2)) !important;
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 22px) * 2)) !important;
  margin-top: var(--t5cb-page-top-offset, 14px) !important;
  margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 22px)) !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 22px)) !important;
  padding: 56px var(--t5cb-content-side-padding, 22px) 76px !important;
  border-radius: 0 0 36px 36px !important;
  background: #07152b !important;
  box-shadow: 0 26px 70px rgba(7,21,43,.20) !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-video {
  display: none !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-bg {
  background:
    radial-gradient(circle at 18% 18%, rgba(0,194,168,.36), transparent 36%),
    radial-gradient(circle at 82% 22%, rgba(35,100,255,.46), transparent 38%),
    linear-gradient(135deg, rgba(5,16,38,.96), rgba(18,80,255,.66) 52%, rgba(0,191,166,.50)) !important;
}
.t5cb-blog-archive-hero-preset > .t5cb-standalone-hero-inner,
.t5cb-manual-hero-wrap > section.t5cb-blog-archive-hero-preset > .t5cb-standalone-hero-inner {
  max-width: var(--t5cb-content-max, 1180px) !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .75fr) !important;
  gap: 30px !important;
  align-items: center !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-badge {
  padding: 9px 14px !important;
  border-color: rgba(255,255,255,.26) !important;
  background: rgba(255,255,255,.12) !important;
  backdrop-filter: blur(14px) !important;
  color: #dff7ff !important;
  font-size: 13px !important;
  letter-spacing: .04em !important;
  margin-bottom: 18px !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-copy h1 {
  max-width: 760px !important;
  margin-bottom: 18px !important;
  font-size: clamp(34px, 4.8vw, 58px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-copy p {
  max-width: 760px !important;
  margin-bottom: 0 !important;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(16px, 1.8vw, 20px) !important;
  line-height: 1.65 !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-actions,
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-chips {
  display: none !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-card-shell {
  max-width: none !important;
  justify-self: stretch !important;
  padding: 18px !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.30) !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-card {
  min-height: 0 !important;
  padding: 22px !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 55px rgba(10,26,58,.18) !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-card-heading-row {
  display: block !important;
  margin: 0 0 14px !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-card-heading-row h2 {
  max-width: none !important;
  margin: 0 !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-score-bubble,
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-card-action {
  display: none !important;
}
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-rank-list {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}
.t5cb-blog-archive-hero-preset .t5cb-blog-archive-advice-row,
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-rank-row.t5cb-blog-archive-advice-row {
  display: block !important;
  min-height: 0 !important;
  padding: 12px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e5edf8 !important;
  box-shadow: none !important;
}
.t5cb-blog-archive-hero-preset .t5cb-blog-archive-advice-row:first-child {
  background: #f3f7ff !important;
  border-color: #dce8ff !important;
}
.t5cb-blog-archive-hero-preset .t5cb-blog-archive-advice-row .t5cb-standalone-hero-rank-copy {
  display: block !important;
}
.t5cb-blog-archive-hero-preset .t5cb-blog-archive-advice-row strong {
  display: block !important;
  margin: 0 0 3px !important;
  color: #102033 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}
.t5cb-blog-archive-hero-preset .t5cb-blog-archive-advice-row em {
  display: block !important;
  color: #58708f !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-style: normal !important;
}
.t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar,
.t5cb-manual-hero-wrap > .t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar {
  position: relative !important;
  z-index: 12 !important;
  width: min(var(--t5cb-content-max, 1180px), calc(100vw - 44px)) !important;
  max-width: min(var(--t5cb-content-max, 1180px), calc(100vw - 44px)) !important;
  margin: -28px auto 0 !important;
  padding: 18px !important;
  border-radius: 26px !important;
  background: #fff !important;
  border: 1px solid #dfe9f8 !important;
  box-shadow: 0 24px 65px rgba(18,43,90,.12) !important;
}
.t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card {
  padding: 16px !important;
  border-radius: 20px !important;
  background: #f7faff !important;
}
.t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card strong {
  font-size: 22px !important;
}
.t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card span {
  font-size: 14px !important;
}
.top5wise-dark-panel {
  background: #102033 !important;
  border-radius: 30px !important;
  padding: 30px !important;
  color: #fff !important;
  box-shadow: 0 24px 70px rgba(16,32,51,.22) !important;
}
.top5wise-dark-panel h2,
.top5wise-dark-panel p { color: #fff !important; }
.top5wise-dark-kicker {
  margin: 0 0 10px !important;
  color: #77f3dd !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}
.top5wise-light-button .wp-block-button__link {
  background: #fff !important;
  color: #102033 !important;
  font-weight: 950 !important;
}
.top5wise-ghost-button .wp-block-button__link {
  color: #fff !important;
  border-color: rgba(255,255,255,.35) !important;
}
.top5wise-dynamic-list-card .wp-block-latest-posts {
  margin: 0 !important;
  padding: 0 !important;
}
.top5wise-dynamic-list-card .wp-block-latest-posts li {
  background: linear-gradient(135deg,#ffffff,#f7faff) !important;
  border: 1px solid #dfe9f8 !important;
  border-radius: 22px !important;
  padding: 18px !important;
  box-shadow: 0 16px 40px rgba(18,43,90,.08) !important;
}
@media (max-width: 980px) {
  .t5cb-blog-archive-hero-preset > .t5cb-standalone-hero-inner,
  .t5cb-manual-hero-wrap > section.t5cb-blog-archive-hero-preset > .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
  }
  .t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 640px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-blog-archive-hero-preset {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-right: calc(50% - 50vw + 12px) !important;
    margin-left: calc(50% - 50vw + 12px) !important;
    padding: 42px 18px 58px !important;
  }
  .t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-blog-archive-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }
}

/* v1.1.234 Homepage full page layout responsive recovery
   The full page layout pattern inserts the homepage hero inside Gutenberg/editor and
   theme containers that can be much narrower than the browser viewport. These rules
   make the hero respond to its available width as well as normal viewport breakpoints. */
.t5cb-manual-hero-wrap {
  container-type: inline-size;
}
.t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset,
.t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset * {
  box-sizing: border-box !important;
}
.t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
  max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
  overflow: hidden !important;
}
.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner,
.t5cb-manual-hero-wrap > section.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
  display: grid !important;
  min-width: 0 !important;
}
.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
  min-width: 0 !important;
}
.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
  overflow-wrap: balance !important;
  word-break: normal !important;
}
.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy p,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-copy,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-copy strong,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-copy em {
  overflow-wrap: anywhere !important;
}

@container (max-width: 980px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    align-items: start !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    width: 100% !important;
    max-width: 760px !important;
    justify-self: start !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    min-height: 0 !important;
  }
}

@container (max-width: 760px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
    padding-top: 42px !important;
    padding-right: 18px !important;
    padding-bottom: 58px !important;
    padding-left: 18px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    font-size: clamp(34px, 10cqw, 52px) !important;
    line-height: 1.03 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy p {
    font-size: 17px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions .t5cb-standalone-btn {
    flex: 1 1 190px !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span {
    flex: 1 1 calc(50% - 8px) !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    padding: 12px !important;
    border-radius: 24px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    padding: 20px !important;
    border-radius: 20px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row h2 {
    font-size: clamp(24px, 8cqw, 34px) !important;
    max-width: none !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 9px !important;
    min-height: 0 !important;
    padding: 11px !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100% - 28px, 760px) !important;
    max-width: min(100% - 28px, 760px) !important;
    gap: 10px !important;
    margin-top: -26px !important;
    padding: 12px !important;
  }
}

@container (max-width: 520px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-right: calc(50% - 50vw + 12px) !important;
    margin-left: calc(50% - 50vw + 12px) !important;
    padding: 34px 14px 48px !important;
    border-radius: 0 0 22px 22px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    font-size: clamp(30px, 11cqw, 42px) !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions .t5cb-standalone-btn,
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row {
    grid-template-columns: 1fr !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-score-bubble {
    justify-self: start !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-score {
    grid-column: 2 !important;
    justify-self: start !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    width: min(100% - 24px, 520px) !important;
    max-width: min(100% - 24px, 520px) !important;
    margin-top: 14px !important;
  }
}

/* Gutenberg editor canvas fix: the editor column can be narrow while the browser
   viewport remains desktop width, so force the homepage hero preview into the safe
   responsive structure inside the editor. */
.editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
  grid-template-columns: 1fr !important;
  gap: 28px !important;
}
.editor-styles-wrapper .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
  width: 100% !important;
  max-width: 760px !important;
  justify-self: start !important;
}
.editor-styles-wrapper .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
  min-height: 0 !important;
}
.editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
.editor-styles-wrapper .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
  width: min(100% - 28px, 760px) !important;
  max-width: min(100% - 28px, 760px) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: -24px !important;
}
@media (max-width: 560px) {
  .editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    margin-top: 14px !important;
  }
}


/* v1.1.236 homepage hero responsive rebuild
   Mobile must not be a squeezed desktop hero. These final overrides use clear breakpoints:
   desktop = split hero, tablet = stacked hero, phone = simplified readable rows. */
.t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset,
.t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset * {
  box-sizing: border-box !important;
}

.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-copy p,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-card h2,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-copy strong,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-copy em,
.t5cb-homepage-hero-preset .t5cb-standalone-btn,
.t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span,
.t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
}

@media (max-width: 1180px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
    padding-top: 64px !important;
    padding-bottom: 92px !important;
  }
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
    gap: 34px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    max-width: 440px !important;
    padding: 16px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    min-height: 0 !important;
    padding: 24px !important;
  }
}

@media (max-width: 920px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
    min-height: 0 !important;
    padding: 54px 24px 78px !important;
  }
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 760px !important;
    gap: 30px !important;
    align-items: stretch !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy {
    width: 100% !important;
    max-width: none !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    max-width: none !important;
    font-size: clamp(42px, 7vw, 62px) !important;
    line-height: 1.02 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy p {
    max-width: none !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions .t5cb-standalone-btn {
    flex: 1 1 220px !important;
    min-width: 220px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips,
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy > .t5cb-standalone-hero-chips {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 620px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span,
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy .t5cb-standalone-hero-chips > span {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    padding: 16px !important;
    border-radius: 24px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    width: 100% !important;
    min-height: 0 !important;
    padding: 24px !important;
    border-radius: 20px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row h2 {
    max-width: none !important;
    flex: 1 1 auto !important;
    font-size: clamp(28px, 5vw, 38px) !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
    min-height: 0 !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(760px, calc(100vw - 48px)) !important;
    max-width: min(760px, calc(100vw - 48px)) !important;
    gap: 12px !important;
    margin-top: -34px !important;
    padding: 14px !important;
  }
}

@media (max-width: 640px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
    width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
    max-width: calc(100vw - (var(--t5cb-hero-side-gap, 14px) * 2)) !important;
    margin-right: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
    margin-left: calc(50% - 50vw + var(--t5cb-hero-side-gap, 14px)) !important;
    padding: 38px 16px 52px !important;
    border-radius: 0 0 24px 24px !important;
  }
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
    max-width: 100% !important;
    gap: 24px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-badge {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    font-size: clamp(32px, 10vw, 46px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-actions .t5cb-standalone-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips,
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy > .t5cb-standalone-hero-chips {
    grid-template-columns: 1fr !important;
    max-width: none !important;
    gap: 8px !important;
    margin-top: 18px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span,
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy .t5cb-standalone-hero-chips > span {
    min-height: 40px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    padding: 10px !important;
    border-radius: 20px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    padding: 18px !important;
    border-radius: 16px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 12px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row h2 {
    font-size: clamp(24px, 8vw, 32px) !important;
    line-height: 1.1 !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-score-bubble {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    font-size: 22px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 8px 10px !important;
    padding: 12px !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-score {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 2px !important;
  }
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    margin-top: 14px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 390px) {
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-heading-row {
    grid-template-columns: 1fr !important;
  }
  .t5cb-homepage-hero-preset .t5cb-standalone-hero-score-bubble {
    justify-self: start !important;
  }
}


/* v1.1.238 Gutenberg hero editor canvas width recovery
   The live page uses viewport positioning, but the editor canvas often keeps blocks in a
   narrow centred writing column. For the selectable hero block, use a wide editor-only
   preview canvas so the desktop/tablet hero can be judged without being crushed. */
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] {
  width: clamp(820px, calc(100vw - 430px), 1280px) !important;
  max-width: clamp(820px, calc(100vw - 430px), 1280px) !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  clear: both !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] > .t5cb-editor-selectable-hero,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-editor-selectable-hero,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-editor-dynamic-preview,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-editor-dynamic-preview > div,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-editor-dynamic-preview .t5cb-wrap,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-editor-dynamic-preview .t5cb-manual-hero-wrap {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-editor-selectable-hero {
  padding: 12px !important;
  background: rgba(239,246,255,.65) !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 auto 0 !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  padding: 56px 34px 86px !important;
  border-radius: 28px !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-manual-hero-wrap > section.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 460px) !important;
  gap: 40px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
  font-size: clamp(44px, 4.6vw, 68px) !important;
  line-height: 1.01 !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy > .t5cb-standalone-hero-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  max-width: 640px !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span {
  width: auto !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  white-space: nowrap !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
  width: 100% !important;
  max-width: 460px !important;
  justify-self: end !important;
}

body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: min(1060px, calc(100% - 52px)) !important;
  max-width: min(1060px, calc(100% - 52px)) !important;
  margin-top: -42px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

@media (max-width: 1200px) {
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] {
    width: calc(100vw - 96px) !important;
    max-width: calc(100vw - 96px) !important;
  }
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner,
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-manual-hero-wrap > section.t5cb-homepage-hero-preset > .t5cb-standalone-hero-inner {
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
    align-items: stretch !important;
  }
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    max-width: none !important;
    justify-self: stretch !important;
  }
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 760px !important;
  }
}

@media (max-width: 720px) {
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] {
    width: calc(100vw - 38px) !important;
    max-width: calc(100vw - 38px) !important;
  }
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset,
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] section.t5cb-standalone-hero.t5cb-homepage-hero-preset {
    padding: 36px 16px 52px !important;
    border-radius: 22px !important;
  }
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset .t5cb-standalone-hero-copy h1 {
    font-size: clamp(32px, 10vw, 44px) !important;
  }
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset .t5cb-standalone-hero-chips > span {
    white-space: normal !important;
  }
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  body.block-editor-page .editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-hero"] .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    grid-template-columns: 1fr !important;
    margin-top: 14px !important;
  }
}


/* v1.1.240 homepage hero small-mobile feature bar control
   On very narrow phones the lower Ranked / Compared / Helpful / Updated strip is
   less useful than a clean hero. Hide it before it collapses into a single column. */
@media (max-width: 560px) {
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    display: none !important;
  }
}

@media (max-width: 560px) {
  .editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    display: none !important;
  }
}


/* v1.1.240 Gutenberg editor font alignment
   Keep editable Top5Wise block previews visually consistent with the public site instead of falling back to a browser/theme serif font. */
.editor-styles-wrapper,
.editor-styles-wrapper .wp-block,
.editor-styles-wrapper .wp-block p,
.editor-styles-wrapper .wp-block li,
.editor-styles-wrapper .wp-block a,
.editor-styles-wrapper .wp-block button,
.editor-styles-wrapper .wp-block input,
.editor-styles-wrapper .wp-block textarea,
.editor-styles-wrapper .wp-block select,
.editor-styles-wrapper .t5cb-wrap,
.editor-styles-wrapper .t5cb-wrap *,
.editor-styles-wrapper .t5cb-standalone-hero,
.editor-styles-wrapper .t5cb-standalone-hero *,
.editor-styles-wrapper .top5wise-editable-section,
.editor-styles-wrapper .top5wise-editable-section *,
.editor-styles-wrapper .top5wise-editable-card,
.editor-styles-wrapper .top5wise-editable-card *,
.editor-styles-wrapper .t5cb-editor-selectable-dynamic,
.editor-styles-wrapper .t5cb-editor-selectable-dynamic * {
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

.editor-styles-wrapper .wp-block h1,
.editor-styles-wrapper .wp-block h2,
.editor-styles-wrapper .wp-block h3,
.editor-styles-wrapper .wp-block h4,
.editor-styles-wrapper .wp-block h5,
.editor-styles-wrapper .wp-block h6,
.editor-styles-wrapper .t5cb-standalone-hero h1,
.editor-styles-wrapper .t5cb-standalone-hero h2,
.editor-styles-wrapper .t5cb-standalone-hero h3,
.editor-styles-wrapper .top5wise-editable-section h1,
.editor-styles-wrapper .top5wise-editable-section h2,
.editor-styles-wrapper .top5wise-editable-section h3 {
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: -0.025em;
}


/* v1.1.241 homepage hero mobile feature-bar timing
   Hide the lower Ranked / Compared / Helpful / Updated bar before it can enter an unattractive single-column state,
   and preserve the normal row gap between the hero and the following block after the bar is hidden. */
@media (max-width: 760px) {
  .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .editor-styles-wrapper .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset + .t5cb-standalone-hero-stat-bar {
    display: none !important;
  }

  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset {
    margin-bottom: var(--t5cb-mobile-row-gap, 28px) !important;
  }
}

@media (max-width: 480px) {
  .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset,
  .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-homepage-hero-preset,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > .t5cb-homepage-hero-preset {
    margin-bottom: var(--t5cb-mobile-row-gap, 24px) !important;
  }
}

/* v1.1.242 - Latest comparisons child-card recovery.
   The homepage Latest Comparisons block renders dynamic comparison cards inside a
   light panel on a dark section. These scoped rules stop generic card/button
   styles from collapsing the card content or turning the button into a blank
   white pill. */
.t5cb-manual-latest-comparisons .t5cb-manual-shortcode-panel {
  display: block !important;
  width: 100% !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
  overflow: visible !important;
}
.t5cb-manual-latest-comparisons .t5cb-list-grid,
.t5cb-manual-latest-comparisons .t5cb-list-grid-polished {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.t5cb-list-cols-1 { grid-template-columns: 1fr !important; }
.t5cb-list-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.t5cb-list-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.t5cb-list-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.t5cb-manual-latest-comparisons .t5cb-polished-comparison-card,
.t5cb-manual-latest-comparisons .t5cb-list-card.t5cb-polished-comparison-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  min-height: 220px !important;
  height: auto !important;
  padding: 22px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(191, 219, 254, .95) !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .09) !important;
  color: #0f172a !important;
  overflow: visible !important;
}
.t5cb-manual-latest-comparisons .t5cb-polished-comparison-card-body {
  display: block !important;
  min-width: 0 !important;
}
.t5cb-manual-latest-comparisons .t5cb-polished-comparison-card-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  border: 1px solid #bfdbfe !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
.t5cb-manual-latest-comparisons .t5cb-polished-comparison-card h3,
.t5cb-manual-latest-comparisons .t5cb-list-card h3 {
  display: block !important;
  margin: 0 0 10px !important;
  color: #0f172a !important;
  font-size: clamp(18px, 1.7vw, 23px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.03em !important;
}
.t5cb-manual-latest-comparisons .t5cb-polished-comparison-card h3 a,
.t5cb-manual-latest-comparisons .t5cb-list-card h3 a {
  color: #0f172a !important;
  text-decoration: none !important;
}
.t5cb-manual-latest-comparisons .t5cb-polished-comparison-card p,
.t5cb-manual-latest-comparisons .t5cb-list-card p {
  display: block !important;
  margin: 0 0 18px !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.t5cb-manual-latest-comparisons .t5cb-polished-comparison-card-btn,
.t5cb-manual-latest-comparisons .t5cb-list-card .t5cb-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin-top: auto !important;
  padding: 10px 14px !important;
  border-radius: 13px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, .22) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.t5cb-empty-comparisons-card {
  padding: 22px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px dashed rgba(148, 163, 184, .6) !important;
  color: #475569 !important;
  font-weight: 750 !important;
}
@media (max-width: 980px) {
  .t5cb-manual-latest-comparisons .t5cb-list-grid-polished,
  .t5cb-manual-latest-comparisons .t5cb-list-grid,
  .t5cb-list-cols-3,
  .t5cb-list-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .t5cb-manual-latest-comparisons .t5cb-list-grid-polished,
  .t5cb-manual-latest-comparisons .t5cb-list-grid,
  .t5cb-list-cols-2,
  .t5cb-list-cols-3,
  .t5cb-list-cols-4 {
    grid-template-columns: 1fr !important;
  }
  .t5cb-manual-latest-comparisons .t5cb-manual-shortcode-panel {
    padding: 14px !important;
    border-radius: 18px !important;
  }
  .t5cb-manual-latest-comparisons .t5cb-polished-comparison-card,
  .t5cb-manual-latest-comparisons .t5cb-list-card.t5cb-polished-comparison-card {
    min-height: 0 !important;
    padding: 18px !important;
  }
}

/* v1.1.252: Theme-matched Blog Archive clone block.
   This fallback mirrors the proven PINXS Top 5 theme blog archive structure so the
   editable dynamic block displays the same way even when inserted through Gutenberg. */
:root{--pinxs-bg:#f6f9ff;--pinxs-ink:#102033;--pinxs-muted:#647994;--pinxs-blue:#2364ff;--pinxs-teal:#00c2a8;--pinxs-dark:#102033;--pinxs-navy:#0b1428;--pinxs-border:#dfe9f8;--pinxs-soft:#eef5ff;--pinxs-radius:26px;--pinxs-max:1180px;--pinxs-shadow:0 18px 46px rgba(18,43,90,.08);--pinxs-shadow-lg:0 30px 80px rgba(13,43,100,.20)}
.pinxs-container{max-width:var(--pinxs-max);margin:0 auto;padding:0 22px}.pinxs-section{padding:76px 0 0}.pinxs-section-tight{padding:52px 0 0}.pinxs-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.pinxs-kicker{margin:0 0 10px;color:var(--pinxs-blue);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.pinxs-page-lead{max-width:840px;color:#647994;font-size:17px;line-height:1.7}.pinxs-lead{font-size:clamp(17px,2vw,21px);line-height:1.65;color:rgba(255,255,255,.86);max-width:720px}.pinxs-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:15px;background:#2364ff;color:#fff!important;text-decoration:none!important;font-weight:950;line-height:1;box-shadow:0 14px 30px rgba(35,100,255,.22);border:1px solid transparent}.pinxs-btn-light{background:#fff;color:#102033!important;box-shadow:0 18px 38px rgba(0,0,0,.18)}.pinxs-btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff!important;box-shadow:none;backdrop-filter:blur(12px)}.pinxs-btn-small{font-size:13px;padding:10px 13px;border-radius:10px}.pinxs-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.pinxs-hero{position:relative;margin:14px auto 0;min-height:620px;display:flex;align-items:center;justify-content:center;padding:80px 22px;background:#07152b;overflow:hidden;border-radius:0 0 36px 36px}.pinxs-hero.compact{min-height:360px;padding:58px 22px}.pinxs-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.pinxs-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(0,194,168,.32),transparent 36%),radial-gradient(circle at 82% 15%,rgba(35,100,255,.42),transparent 38%),linear-gradient(135deg,rgba(5,16,38,.94),rgba(18,80,255,.64) 50%,rgba(0,191,166,.50))}.pinxs-hero-inner{position:relative;z-index:2;max-width:var(--pinxs-max);width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center}.pinxs-hero h1{margin:0 0 22px;color:#fff;line-height:.98;font-size:clamp(42px,6vw,76px);font-weight:950;letter-spacing:-.04em}.pinxs-hero p{color:rgba(255,255,255,.86)}.pinxs-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:999px;color:#dff7ff;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-bottom:22px}.pinxs-glass-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);border-radius:30px;padding:20px;box-shadow:0 28px 70px rgba(0,0,0,.30)}.pinxs-white-card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 20px 55px rgba(10,26,58,.18);border:1px solid #e5edf8}.pinxs-white-card h2{margin:0 0 18px;color:#102033;font-size:clamp(26px,3vw,38px);line-height:1.06;letter-spacing:-.04em}.pinxs-rank-list{display:grid;gap:12px}.pinxs-rank-item{display:flex;gap:12px;align-items:center;padding:13px;border-radius:18px;background:#fff;border:1px solid #e5edf8}.pinxs-rank-item:first-child{background:#f3f7ff;border-color:#dce8ff}.pinxs-rank-num{width:36px;height:36px;border-radius:12px;background:#eaf1ff;color:#2364ff;display:flex;align-items:center;justify-content:center;font-weight:950}.pinxs-rank-item:first-child .pinxs-rank-num{background:#2364ff;color:#fff}.pinxs-rank-item span:not(.pinxs-rank-num):not(.pinxs-rank-score){font-size:13px;color:#58708f}.pinxs-trust{max-width:var(--pinxs-max);margin:-32px auto 0;padding:0 22px;position:relative;z-index:3}.pinxs-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:#fff;border:1px solid #dfe9f8;border-radius:26px;padding:18px;box-shadow:0 24px 65px rgba(18,43,90,.12)}.pinxs-trust-card{padding:16px;border-radius:20px;background:#f7faff}.pinxs-trust-card strong{display:block;font-size:22px;color:#102033}.pinxs-trust-card span{color:#637894;font-size:14px}.pinxs-card-grid{display:grid;gap:18px}.pinxs-card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pinxs-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pinxs-card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pinxs-card{position:relative;overflow:hidden;text-decoration:none;color:inherit;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid #dfe9f8;border-radius:26px;padding:24px;box-shadow:var(--pinxs-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pinxs-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#2364ff,#00c2a8);opacity:.85}.pinxs-card h3{margin:12px 0 10px;font-size:22px;color:#102033;line-height:1.08}.pinxs-card h3 a{text-decoration:none}.pinxs-card p{margin:0 0 18px;color:#647994;line-height:1.55}.pinxs-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#2364ff,#00c2a8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-bottom:18px}.pinxs-card:nth-child(2n) .pinxs-icon{background:linear-gradient(135deg,#ff8a00,#ff4d6d)}.pinxs-card:nth-child(3n) .pinxs-icon{background:linear-gradient(135deg,#7c3cff,#ff5bd7)}.pinxs-card:nth-child(4n) .pinxs-icon{background:linear-gradient(135deg,#00b894,#00cec9)}.pinxs-panel{background:linear-gradient(135deg,#ffffff,#eef5ff);border:1px solid #dbe8fa;border-radius:34px;padding:34px;box-shadow:0 26px 70px rgba(18,43,90,.10);position:relative;overflow:hidden}.pinxs-panel:after{content:"";position:absolute;right:-90px;top:-100px;width:250px;height:250px;border-radius:999px;background:rgba(0,194,168,.12)}.pinxs-panel>*{position:relative;z-index:2}.pinxs-dark-panel{background:#102033;border-radius:30px;padding:30px;color:#fff;box-shadow:0 24px 70px rgba(16,32,51,.22)}.pinxs-dark-panel h2,.pinxs-dark-panel h3{color:#fff}.pinxs-dark-panel p{color:rgba(255,255,255,.78)}.pinxs-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}.pinxs-cta{position:relative;overflow:hidden;border-radius:34px;background:#0d2b64;padding:42px;color:#fff;box-shadow:0 30px 80px rgba(13,43,100,.28)}.pinxs-cta:before{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border-radius:999px;background:rgba(0,194,168,.32)}.pinxs-cta:after{content:"";position:absolute;right:160px;bottom:-140px;width:280px;height:280px;border-radius:999px;background:rgba(35,100,255,.45)}.pinxs-cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.pinxs-cta h2{margin:0 0 10px;color:#fff}.pinxs-cta p{margin:0;color:rgba(255,255,255,.82);font-size:17px;max-width:720px}
.pinxs-post-thumb{display:block;margin:-6px -6px 16px}.pinxs-post-thumb img{width:100%;border-radius:20px;display:block}.pinxs-post-card time{display:block;color:#647994;font-size:13px;margin:-4px 0 12px}.pinxs-blog-index-grid{align-items:stretch!important}.pinxs-blog-index-left{align-self:stretch;height:100%;display:flex!important;flex-direction:column;gap:24px}.pinxs-blog-posts-panel{align-self:stretch}.pinxs-blog-index-nav-panel{position:relative;overflow:hidden}.pinxs-blog-index-links{display:grid;gap:18px;margin-top:22px}.pinxs-blog-index-link-group h3{margin:0 0 9px!important;font-size:15px!important;letter-spacing:0;color:#fff!important}.pinxs-blog-index-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:210px;overflow:auto;padding-right:4px}.pinxs-blog-index-link-grid a{display:flex;align-items:center;min-height:34px;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:850;line-height:1.25}.pinxs-blog-index-link-grid a:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.30);transform:translateY(-1px)}.pinxs-blog-comparison-support{padding:28px;border-radius:28px;background:linear-gradient(135deg,#ffffff,#eef5ff);border:1px solid #dbe8fa;box-shadow:0 22px 58px rgba(18,43,90,.10);position:relative;overflow:hidden}.pinxs-blog-comparison-support:after{content:"";position:absolute;right:-90px;top:-100px;width:230px;height:230px;border-radius:999px;background:rgba(0,194,168,.12)}.pinxs-blog-comparison-support>*{position:relative;z-index:2}.pinxs-blog-comparison-support h2{margin-top:4px!important;font-size:clamp(22px,2.2vw,31px)!important;color:#102033}.pinxs-blog-comparison-support p{color:#647994!important;margin:0 0 14px!important;line-height:1.65}.pinxs-inline-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pinxs-inline-links a{display:inline-flex;align-items:center;min-height:38px;padding:9px 12px;border-radius:999px;background:#eaf1ff;border:1px solid #cfe0ff;color:#163b8f!important;font-size:13px;font-weight:900;text-decoration:none!important}.pinxs-blog-advice-card{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:30px;border-radius:28px;background:#fff;border:1px solid #dbe8fa;box-shadow:0 22px 58px rgba(18,43,90,.09)}.pinxs-blog-advice-card h2{margin:4px 0 18px!important;font-size:clamp(22px,2.1vw,30px)!important;color:#102033}.pinxs-blog-card-intro{margin:0 0 18px!important;color:#647994!important;line-height:1.65}.pinxs-blog-advice-list{display:grid;gap:12px}.pinxs-blog-advice-list div{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center;padding:14px;border-radius:18px;background:#f5f8ff;border:1px solid #dce8ff;color:#102033!important}.pinxs-blog-advice-list div span{grid-row:1 / span 2;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2364ff,#00a68f);color:#fff!important;font-weight:950;font-size:13px}.pinxs-blog-advice-list strong{color:#102033!important;font-size:15px;line-height:1.2}.pinxs-blog-advice-list em{color:#5e7390!important;font-style:normal;font-size:13px;line-height:1.35}.pinxs-white-card .pinxs-kicker,.pinxs-card .pinxs-kicker,.pinxs-panel .pinxs-kicker,.pinxs-trust-card .pinxs-kicker,.pinxs-blog-comparison-support .pinxs-kicker,.pinxs-blog-advice-card .pinxs-kicker{color:#1b55d9!important}.pinxs-dark-panel .pinxs-kicker,.pinxs-hero .pinxs-kicker,.pinxs-cta .pinxs-kicker{color:#dff7ff!important}.pinxs-blog-posts-panel .pinxs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pinxs-blog-archive-theme-clone-hero{width:calc(100vw - (var(--pinxs-hero-side-gap,14px) * 2));max-width:calc(100vw - (var(--pinxs-hero-side-gap,14px) * 2));margin:var(--pinxs-page-top-gap,14px) calc(50% - 50vw + var(--pinxs-hero-side-gap,14px)) 0!important}
@media(max-width:980px){.pinxs-hero-inner,.pinxs-split,.pinxs-cta-inner{grid-template-columns:1fr}.pinxs-card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.pinxs-card-grid-3{grid-template-columns:1fr}.pinxs-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pinxs-blog-index-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;padding-right:0}.pinxs-blog-index-left,.pinxs-blog-advice-card,.pinxs-blog-posts-panel{height:auto}}
@media(max-width:640px){.pinxs-hero{margin-top:10px;min-height:0;padding:46px 18px;border-radius:0 0 28px 28px}.pinxs-hero.compact{padding:42px 18px}.pinxs-hero h1{font-size:42px}.pinxs-card-grid-4,.pinxs-card-grid-2,.pinxs-trust-grid,.pinxs-blog-posts-panel .pinxs-card-grid{grid-template-columns:1fr!important}.pinxs-container{padding:0 18px}.pinxs-section{padding-top:54px}.pinxs-panel,.pinxs-card,.pinxs-dark-panel,.pinxs-cta{border-radius:22px;padding:22px}.pinxs-blog-index-link-grid{grid-template-columns:1fr}.pinxs-blog-comparison-support,.pinxs-blog-advice-card{padding:22px}.pinxs-inline-links a{width:100%;justify-content:center}.pinxs-actions{align-items:stretch}.pinxs-actions .pinxs-btn,.pinxs-cta .pinxs-btn{width:100%}}

/* v1.1.253: Blog archive editable block layout.
   These rules keep the split block version using the same front-end flow as the proven theme clone. */
.wp-block-top5-comparison-builder-top5wise-blog-archive-grid.pinxs-blog-index-section{
  display:block;
}
.wp-block-top5-comparison-builder-top5wise-blog-archive-grid .pinxs-blog-index-grid{
  display:grid;
  grid-template-columns:minmax(280px, 0.88fr) minmax(0, 1.22fr);
  gap:28px;
  align-items:start;
}
.wp-block-top5-comparison-builder-top5wise-blog-archive-left.pinxs-blog-index-left,
.wp-block-top5-comparison-builder-top5wise-blog-archive-right.pinxs-blog-posts-panel{
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
.wp-block-top5-comparison-builder-top5wise-blog-archive-left.pinxs-blog-index-left{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.wp-block-top5-comparison-builder-top5wise-blog-archive-right.pinxs-blog-posts-panel{
  overflow:hidden;
}
.wp-block-top5-comparison-builder-top5wise-blog-archive-right .pinxs-card-grid{
  width:100%;
}
@media (max-width: 900px){
  .wp-block-top5-comparison-builder-top5wise-blog-archive-grid .pinxs-blog-index-grid{
    grid-template-columns:1fr;
  }
}
/* Editor containment for the split Blog Archive blocks. */
.editor-styles-wrapper .t5cb-editor-blog-grid-shell .pinxs-blog-index-grid > .block-editor-inner-blocks > .block-editor-block-list__layout{
  display:grid;
  grid-template-columns:minmax(280px, 0.88fr) minmax(0, 1.22fr);
  gap:28px;
  align-items:start;
}
.editor-styles-wrapper .t5cb-editor-blog-left,
.editor-styles-wrapper .t5cb-editor-blog-right{
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
.editor-styles-wrapper .t5cb-editor-blog-left > .block-editor-inner-blocks > .block-editor-block-list__layout{
  display:flex;
  flex-direction:column;
  gap:24px;
}
@media (max-width: 900px){
  .editor-styles-wrapper .t5cb-editor-blog-grid-shell .pinxs-blog-index-grid > .block-editor-inner-blocks > .block-editor-block-list__layout{
    grid-template-columns:1fr;
  }
}


/* v1.1.268: Blog archive polish fixes.
   Keep the validated layout stable, but fix card badges, editor badge preview,
   hero side spacing from plugin settings, and rank-row text spacing. */
.pinxs-blog-comparison-support,
.pinxs-blog-advice-card{
    padding-top:42px!important;
}
.pinxs-blog-comparison-support > .pinxs-kicker:first-child,
.pinxs-blog-advice-card > .pinxs-kicker:first-child,
.editor-styles-wrapper .pinxs-blog-comparison-support > .pinxs-kicker:first-child,
.editor-styles-wrapper .pinxs-blog-advice-card > .pinxs-kicker:first-child{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:max-content!important;
    margin:0 0 18px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:#eef4ff!important;
    border:1px solid #cfe0ff!important;
    color:#1b55d9!important;
    line-height:1!important;
    box-shadow:0 8px 18px rgba(35,100,255,.06)!important;
}
.pinxs-blog-advice-card > .pinxs-kicker:first-child,
.editor-styles-wrapper .pinxs-blog-advice-card > .pinxs-kicker:first-child{
    margin-bottom:20px!important;
}
.pinxs-rank-item > div{
    display:grid!important;
    gap:4px!important;
    min-width:0!important;
}
.pinxs-rank-item strong{
    display:block!important;
    margin:0!important;
    line-height:1.18!important;
}
.pinxs-rank-item span:not(.pinxs-rank-num):not(.pinxs-rank-score){
    display:block!important;
    margin:0!important;
    line-height:1.35!important;
}
.pinxs-hero.t5cb-blog-archive-theme-clone-hero{
    width:calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2))!important;
    max-width:calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2))!important;
    margin-top:var(--pinxs-page-top-gap, var(--t5cb-page-top-offset, 14px))!important;
    margin-left:calc(50% - 50vw + var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)))!important;
    margin-right:calc(50% - 50vw + var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)))!important;
}
@media(max-width:640px){
    .pinxs-blog-comparison-support,
    .pinxs-blog-advice-card{padding-top:32px!important;}
}

/* v1.1.269: Front-end badge spacing hardening for Blog Archive main grid cards.
   The editor already had correct spacing; these rules target the public view and
   use higher specificity to win against theme archive CSS loaded later/around it. */
body .entry-content article.pinxs-blog-comparison-support.t5cb-blog-card-with-eyebrow,
body .entry-content article.pinxs-blog-advice-card.t5cb-blog-card-with-eyebrow,
body article.pinxs-blog-comparison-support.t5cb-blog-card-with-eyebrow,
body article.pinxs-blog-advice-card.t5cb-blog-card-with-eyebrow,
body .wp-site-blocks article.pinxs-blog-comparison-support.t5cb-blog-card-with-eyebrow,
body .wp-site-blocks article.pinxs-blog-advice-card.t5cb-blog-card-with-eyebrow{
    padding-top:52px!important;
}
body .entry-content article.pinxs-blog-comparison-support.t5cb-blog-card-with-eyebrow > .pinxs-kicker:first-child,
body .entry-content article.pinxs-blog-advice-card.t5cb-blog-card-with-eyebrow > .pinxs-kicker:first-child,
body article.pinxs-blog-comparison-support.t5cb-blog-card-with-eyebrow > .pinxs-kicker:first-child,
body article.pinxs-blog-advice-card.t5cb-blog-card-with-eyebrow > .pinxs-kicker:first-child,
body .wp-site-blocks article.pinxs-blog-comparison-support.t5cb-blog-card-with-eyebrow > .pinxs-kicker:first-child,
body .wp-site-blocks article.pinxs-blog-advice-card.t5cb-blog-card-with-eyebrow > .pinxs-kicker:first-child{
    margin-top:0!important;
    margin-bottom:20px!important;
    transform:none!important;
    position:relative!important;
    top:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:max-content!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:#eef4ff!important;
    border:1px solid #cfe0ff!important;
    color:#1b55d9!important;
    line-height:1!important;
    box-shadow:0 8px 18px rgba(35,100,255,.06)!important;
}
@media(max-width:640px){
    body .entry-content article.pinxs-blog-comparison-support.t5cb-blog-card-with-eyebrow,
    body .entry-content article.pinxs-blog-advice-card.t5cb-blog-card-with-eyebrow,
    body article.pinxs-blog-comparison-support.t5cb-blog-card-with-eyebrow,
    body article.pinxs-blog-advice-card.t5cb-blog-card-with-eyebrow{
        padding-top:42px!important;
    }
}


/* v1.1.273 Blog topic card surface restore.
   Ensures the editable Blog Topic Cards block keeps the same white card surfaces in both
   Gutenberg preview and public output, even when the active theme supplies broad link/card styles. */
.wp-block-top5-comparison-builder-top5wise-blog-topic-cards .pinxs-card-grid,
.t5cb-editor-selectable-dynamic .pinxs-card-grid{
  align-items:stretch;
}
.wp-block-top5-comparison-builder-top5wise-blog-topic-cards .pinxs-card,
.t5cb-editor-selectable-dynamic .pinxs-section .pinxs-card,
.t5cb-editor-dynamic-preview .pinxs-section .pinxs-card,
.pinxs-section .pinxs-card-grid .pinxs-card{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid #dfe9f8!important;
  border-radius:26px!important;
  box-shadow:0 24px 65px rgba(18,43,90,.10)!important;
  padding:24px!important;
  color:#102033!important;
  text-decoration:none!important;
  min-height:100%;
}
.wp-block-top5-comparison-builder-top5wise-blog-topic-cards .pinxs-card:before,
.t5cb-editor-dynamic-preview .pinxs-section .pinxs-card:before,
.pinxs-section .pinxs-card-grid .pinxs-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#2364ff,#00c2a8)!important;
  opacity:.9;
}
.wp-block-top5-comparison-builder-top5wise-blog-topic-cards .pinxs-card h3,
.t5cb-editor-dynamic-preview .pinxs-section .pinxs-card h3,
.pinxs-section .pinxs-card-grid .pinxs-card h3{
  color:#102033!important;
}
.wp-block-top5-comparison-builder-top5wise-blog-topic-cards .pinxs-card p,
.t5cb-editor-dynamic-preview .pinxs-section .pinxs-card p,
.pinxs-section .pinxs-card-grid .pinxs-card p{
  color:#647994!important;
}


/* v1.1.276: Homepage theme-matched content shell. This is deliberately content-width, not hero-width. */
body:not(.block-editor-page) .t5cb-home-content-shell.wp-block-group,
.editor-styles-wrapper .t5cb-home-content-shell.wp-block-group {
  max-width: min(1180px, calc(100vw - 40px));
  margin: 36px auto 56px;
  padding: clamp(22px, 3vw, 42px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 92% 8%, rgba(45, 212, 191, 0.17), transparent 230px),
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(245,249,255,0.94));
  border: 1px solid rgba(191, 215, 245, 0.78);
  box-shadow: 0 28px 70px rgba(14, 45, 90, 0.13);
  box-sizing: border-box;
}
body:not(.block-editor-page) .t5cb-home-content-shell > .pinxs-section,
.editor-styles-wrapper .t5cb-home-content-shell > .pinxs-section,
body:not(.block-editor-page) .t5cb-home-content-shell > .wp-block[data-type^="top5-comparison-builder/top5wise-home-"],
.editor-styles-wrapper .t5cb-home-content-shell > .wp-block[data-type^="top5-comparison-builder/top5wise-home-"] {
  margin: 0 0 34px !important;
  padding: 0 !important;
}
body:not(.block-editor-page) .t5cb-home-content-shell > *:last-child,
.editor-styles-wrapper .t5cb-home-content-shell > *:last-child {
  margin-bottom: 0 !important;
}
body:not(.block-editor-page) .t5cb-home-content-shell .pinxs-container,
.editor-styles-wrapper .t5cb-home-content-shell .pinxs-container {
  max-width: none !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body:not(.block-editor-page) .t5cb-home-content-shell .pinxs-panel,
body:not(.block-editor-page) .t5cb-home-content-shell .pinxs-card,
body:not(.block-editor-page) .t5cb-home-content-shell .pinxs-dark-panel,
.editor-styles-wrapper .t5cb-home-content-shell .pinxs-panel,
.editor-styles-wrapper .t5cb-home-content-shell .pinxs-card,
.editor-styles-wrapper .t5cb-home-content-shell .pinxs-dark-panel {
  box-shadow: 0 20px 55px rgba(15, 40, 82, 0.10);
}
.editor-styles-wrapper .t5cb-home-content-shell {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
@media (max-width: 760px) {
  body:not(.block-editor-page) .t5cb-home-content-shell.wp-block-group,
  .editor-styles-wrapper .t5cb-home-content-shell.wp-block-group {
    max-width: calc(100vw - 24px);
    padding: 16px;
    border-radius: 24px;
    margin-top: 24px;
  }
}


/* v1.1.279: Shared content-width shell for all Top5Wise full page layouts.
   This reuses the approved homepage content-shell style on Blog, Categories,
   Latest Comparisons, Product Search, About and Contact patterns. */
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group {
  width: auto !important;
  max-width: min(var(--t5cb-content-max, 1180px), calc(100vw - (var(--t5cb-content-side-padding, 20px) * 2))) !important;
  margin: 36px auto 56px !important;
  padding: clamp(22px, 3vw, 42px) !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(45, 212, 191, 0.17), transparent 230px),
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(245,249,255,0.94)) !important;
  border: 1px solid rgba(191, 215, 245, 0.78) !important;
  box-shadow: 0 28px 70px rgba(14, 45, 90, 0.13) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group > *,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group > * {
  max-width: none !important;
}
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group > .pinxs-section,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group > .pinxs-section,
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group > .t5cb-section,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group > .t5cb-section,
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group > [class*="wp-block-top5-comparison-builder"],
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group > [class*="wp-block-top5-comparison-builder"] {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group > *:last-child,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group > *:last-child {
  margin-bottom: 0 !important;
}
body:not(.block-editor-page) .t5cb-page-content-shell .pinxs-container,
.editor-styles-wrapper .t5cb-page-content-shell .pinxs-container {
  max-width: none !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body:not(.block-editor-page) .t5cb-page-content-shell .pinxs-panel,
body:not(.block-editor-page) .t5cb-page-content-shell .pinxs-card,
body:not(.block-editor-page) .t5cb-page-content-shell .pinxs-dark-panel,
body:not(.block-editor-page) .t5cb-page-content-shell .t5cb-section,
body:not(.block-editor-page) .t5cb-page-content-shell .t5cb-list-card,
.editor-styles-wrapper .t5cb-page-content-shell .pinxs-panel,
.editor-styles-wrapper .t5cb-page-content-shell .pinxs-card,
.editor-styles-wrapper .t5cb-page-content-shell .pinxs-dark-panel,
.editor-styles-wrapper .t5cb-page-content-shell .t5cb-section,
.editor-styles-wrapper .t5cb-page-content-shell .t5cb-list-card {
  box-shadow: 0 20px 55px rgba(15, 40, 82, 0.10) !important;
}
@media (max-width: 760px) {
  body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group,
  .editor-styles-wrapper .t5cb-page-content-shell.wp-block-group {
    max-width: calc(100vw - 24px) !important;
    padding: 16px !important;
    border-radius: 24px !important;
    margin-top: 24px !important;
    margin-bottom: 34px !important;
  }
}


/* v1.1.281: Keep theme-matched full-page pattern heroes outside the content shell.
   Category and Latest Comparisons heroes must use the same full-width/side-gap
   positioning rules as other Top5Wise heroes, while the raised content shell
   remains content-width underneath. */
body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
  width: calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2)) !important;
  max-width: calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 2)) !important;
  margin-top: var(--pinxs-page-top-gap, var(--t5cb-generated-top-offset, 14px)) !important;
  margin-left: calc(50% - 50vw + var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px))) !important;
  margin-right: calc(50% - 50vw + var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px))) !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  border-radius: var(--pinxs-hero-radius, 34px) !important;
}
body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero + .pinxs-trust,
body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero + .pinxs-trust {
  width: min(var(--pinxs-hero-max, var(--t5cb-content-max, 1180px)), calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 4))) !important;
  max-width: min(var(--pinxs-hero-max, var(--t5cb-content-max, 1180px)), calc(100vw - (var(--pinxs-hero-side-gap, var(--t5cb-hero-side-gap, 14px)) * 4))) !important;
  margin: -26px auto 36px !important;
  position: relative !important;
  z-index: 6 !important;
  box-sizing: border-box !important;
}
body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero + .pinxs-trust + .t5cb-page-content-shell,
body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero + .pinxs-trust + .t5cb-page-content-shell {
  margin-top: 0 !important;
}
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-category-hero"],
.editor-styles-wrapper .wp-block[data-type="top5-comparison-builder/top5wise-latest-page-hero"] {
  max-width: min(1280px, calc(100% - 32px)) !important;
  width: min(1280px, calc(100% - 32px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.editor-styles-wrapper section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
.editor-styles-wrapper section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}
.editor-styles-wrapper section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero + .pinxs-trust,
.editor-styles-wrapper section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero + .pinxs-trust {
  max-width: calc(100% - 36px) !important;
  margin: -22px auto 30px !important;
  position: relative !important;
  z-index: 6 !important;
}
@media (max-width: 760px) {
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-left: calc(50% - 50vw + 12px) !important;
    margin-right: calc(50% - 50vw + 12px) !important;
    border-radius: 24px !important;
  }
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero + .pinxs-trust,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero + .pinxs-trust {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-top: 18px !important;
    margin-bottom: 24px !important;
  }
}


/* v1.1.282: Category and Latest Comparisons full-page pattern heroes should match the canonical hero shape: sharp top corners and rounded bottom corners. */
body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero,
.editor-styles-wrapper section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
.editor-styles-wrapper section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
  border-radius: 0 0 var(--pinxs-hero-radius, 34px) var(--pinxs-hero-radius, 34px) !important;
}

@media (max-width: 760px) {
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero,
  .editor-styles-wrapper section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  .editor-styles-wrapper section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
    border-radius: 0 0 24px 24px !important;
  }
}


/* v1.1.293: Contact layout must follow the same content-width behaviour as the working homepage/blog/category patterns. Only the hero is wide. */
body:not(.block-editor-page) .t5cb-contact-pattern-shell.wp-block-group,
.editor-styles-wrapper .t5cb-contact-pattern-shell.wp-block-group {
  width: auto !important;
  max-width: min(1180px, calc(100vw - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
body:not(.block-editor-page) .t5cb-contact-pattern-shell.wp-block-group > *,
.editor-styles-wrapper .t5cb-contact-pattern-shell.wp-block-group > * {
  max-width: none !important;
}
body:not(.block-editor-page) .t5cb-contact-pattern-shell .t5cb-contact-section,
.editor-styles-wrapper .t5cb-contact-pattern-shell .t5cb-contact-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body:not(.block-editor-page) .t5cb-contact-pattern-shell .t5cb-contact-section:last-child,
.editor-styles-wrapper .t5cb-contact-pattern-shell .t5cb-contact-section:last-child {
  margin-bottom: 0 !important;
}
body:not(.block-editor-page) .t5cb-contact-pattern-shell .pinxs-container,
.editor-styles-wrapper .t5cb-contact-pattern-shell .pinxs-container {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
/* Safety net for older saved contact patterns where the shell is missing. */
body:not(.block-editor-page) .t5cb-contact-section,
.editor-styles-wrapper .t5cb-contact-section {
  max-width: min(1180px, calc(100vw - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
body:not(.block-editor-page) .t5cb-contact-section .pinxs-container,
.editor-styles-wrapper .t5cb-contact-section .pinxs-container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 760px) {
  body:not(.block-editor-page) .t5cb-contact-pattern-shell.wp-block-group,
  .editor-styles-wrapper .t5cb-contact-pattern-shell.wp-block-group,
  body:not(.block-editor-page) .t5cb-contact-section,
  .editor-styles-wrapper .t5cb-contact-section {
    max-width: calc(100vw - 24px) !important;
  }
}


/* v1.1.295: restore canonical content-width shells.
   The shared shell must use the site/theme content width, not the Builder
   generated-content width setting that can be wider for generated comparison pages.
   This keeps only heroes wide; all normal page content sits in the raised
   content-width shell. */
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group,
body:not(.block-editor-page) .t5cb-home-content-shell.wp-block-group,
body:not(.block-editor-page) .t5cb-contact-pattern-shell.wp-block-group,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group,
.editor-styles-wrapper .t5cb-home-content-shell.wp-block-group,
.editor-styles-wrapper .t5cb-contact-pattern-shell.wp-block-group {
  width: auto !important;
  max-width: min(var(--pinxs-content-max, 1180px), calc(100vw - (var(--pinxs-content-side-padding, 22px) * 2))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
body:not(.block-editor-page) .t5cb-manual-layout-page .pinxs-section > .pinxs-container,
body:not(.block-editor-page) .pinxs-t5-generated-page-block-layout .pinxs-section > .pinxs-container,
body:not(.block-editor-page) .pinxs-t5-front-page-block-layout .pinxs-section > .pinxs-container,
.editor-styles-wrapper .pinxs-section > .pinxs-container {
  max-width: var(--pinxs-content-max, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group .pinxs-section > .pinxs-container,
body:not(.block-editor-page) .t5cb-home-content-shell.wp-block-group .pinxs-section > .pinxs-container,
body:not(.block-editor-page) .t5cb-contact-pattern-shell.wp-block-group .pinxs-section > .pinxs-container,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group .pinxs-section > .pinxs-container,
.editor-styles-wrapper .t5cb-home-content-shell.wp-block-group .pinxs-section > .pinxs-container,
.editor-styles-wrapper .t5cb-contact-pattern-shell.wp-block-group .pinxs-section > .pinxs-container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 760px) {
  body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group,
  body:not(.block-editor-page) .t5cb-home-content-shell.wp-block-group,
  body:not(.block-editor-page) .t5cb-contact-pattern-shell.wp-block-group,
  .editor-styles-wrapper .t5cb-page-content-shell.wp-block-group,
  .editor-styles-wrapper .t5cb-home-content-shell.wp-block-group,
  .editor-styles-wrapper .t5cb-contact-pattern-shell.wp-block-group {
    max-width: calc(100vw - 24px) !important;
  }
}


/* v1.1.297: fixed page-content width control support.
   Use the dedicated theme Customizer value for body content below full-width heroes.
   This deliberately does not use the broader generated-page width setting, because
   generated comparison pages and hero sections may need a wider canvas than normal
   page pattern content. */
:root{
  --t5cb-page-content-shell-width:var(--pinxs-page-content-shell-width,1180px);
}
body:not(.block-editor-page) .pinxs-editor-content-page > :not(.pinxs-block-hero):not(.wp-block-top5-comparison-builder-top5wise-hero):not(.wp-block-top5-comparison-builder-top5wise-about-hero):not(.wp-block-top5-comparison-builder-top5wise-contact-hero):not(.wp-block-top5-comparison-builder-top5wise-category-hero):not(.wp-block-top5-comparison-builder-top5wise-latest-page-hero):not(.pinxs-hero):not(.alignfull),
body:not(.block-editor-page) .pinxs-editor-content-page > .wp-block-group.t5cb-page-content-shell,
body:not(.block-editor-page) .pinxs-editor-content-page > .wp-block-group.t5cb-home-content-shell,
body:not(.block-editor-page) .pinxs-editor-content-page > .wp-block-group.t5cb-contact-pattern-shell,
body:not(.block-editor-page) .pinxs-editor-content-page > section.t5cb-contact-section,
body:not(.block-editor-page) .pinxs-editor-content-page > section.pinxs-section:not(.pinxs-hero),
.editor-styles-wrapper .wp-block-group.t5cb-page-content-shell,
.editor-styles-wrapper .wp-block-group.t5cb-home-content-shell,
.editor-styles-wrapper .wp-block-group.t5cb-contact-pattern-shell,
.editor-styles-wrapper section.t5cb-contact-section{
  width:min(100% - (var(--pinxs-content-side-padding,var(--t5cb-content-side-padding,22px)) * 2), var(--t5cb-page-content-shell-width,1180px)) !important;
  max-width:var(--t5cb-page-content-shell-width,1180px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
body:not(.block-editor-page) .pinxs-editor-content-page > .pinxs-trust{
  width:min(100% - (var(--pinxs-content-side-padding,var(--t5cb-content-side-padding,22px)) * 2), var(--t5cb-page-content-shell-width,1180px)) !important;
  max-width:var(--t5cb-page-content-shell-width,1180px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group,
body:not(.block-editor-page) .t5cb-home-content-shell.wp-block-group,
body:not(.block-editor-page) .t5cb-contact-pattern-shell.wp-block-group,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group,
.editor-styles-wrapper .t5cb-home-content-shell.wp-block-group,
.editor-styles-wrapper .t5cb-contact-pattern-shell.wp-block-group{
  max-width:var(--t5cb-page-content-shell-width,1180px) !important;
}
body:not(.block-editor-page) .t5cb-page-content-shell.wp-block-group .pinxs-section > .pinxs-container,
body:not(.block-editor-page) .t5cb-home-content-shell.wp-block-group .pinxs-section > .pinxs-container,
body:not(.block-editor-page) .t5cb-contact-pattern-shell.wp-block-group .pinxs-section > .pinxs-container,
body:not(.block-editor-page) .pinxs-editor-content-page > section.t5cb-contact-section > .pinxs-container,
.editor-styles-wrapper .t5cb-page-content-shell.wp-block-group .pinxs-section > .pinxs-container,
.editor-styles-wrapper .t5cb-home-content-shell.wp-block-group .pinxs-section > .pinxs-container,
.editor-styles-wrapper .t5cb-contact-pattern-shell.wp-block-group .pinxs-section > .pinxs-container,
.editor-styles-wrapper section.t5cb-contact-section > .pinxs-container{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
@media(max-width:760px){
  body:not(.block-editor-page) .pinxs-editor-content-page > :not(.pinxs-block-hero):not(.wp-block-top5-comparison-builder-top5wise-hero):not(.wp-block-top5-comparison-builder-top5wise-about-hero):not(.wp-block-top5-comparison-builder-top5wise-contact-hero):not(.wp-block-top5-comparison-builder-top5wise-category-hero):not(.wp-block-top5-comparison-builder-top5wise-latest-page-hero):not(.pinxs-hero):not(.alignfull),
  body:not(.block-editor-page) .pinxs-editor-content-page > .wp-block-group.t5cb-page-content-shell,
  body:not(.block-editor-page) .pinxs-editor-content-page > .wp-block-group.t5cb-home-content-shell,
  body:not(.block-editor-page) .pinxs-editor-content-page > .wp-block-group.t5cb-contact-pattern-shell,
  body:not(.block-editor-page) .pinxs-editor-content-page > section.t5cb-contact-section,
  body:not(.block-editor-page) .pinxs-editor-content-page > section.pinxs-section:not(.pinxs-hero),
  .editor-styles-wrapper .wp-block-group.t5cb-page-content-shell,
  .editor-styles-wrapper .wp-block-group.t5cb-home-content-shell,
  .editor-styles-wrapper .wp-block-group.t5cb-contact-pattern-shell,
  .editor-styles-wrapper section.t5cb-contact-section{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
  }
}


/* v1.1.298: Customizer-driven shell-width final override.
   The theme prints --pinxs-page-content-shell-width late in wp_head. Keep all
   page-pattern body content constrained by that value, while leaving heroes wide. */
:root{
  --t5cb-page-content-shell-width:var(--pinxs-page-content-shell-width,1180px);
}
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > :not(.pinxs-block-hero):not(.wp-block-pinxs-top5-hero-section):not(.wp-block-top5-comparison-builder-top5wise-hero):not(.wp-block-top5-comparison-builder-top5wise-about-hero):not(.wp-block-top5-comparison-builder-top5wise-contact-hero):not(.wp-block-top5-comparison-builder-top5wise-category-hero):not(.wp-block-top5-comparison-builder-top5wise-latest-page-hero):not(.pinxs-hero):not(.alignfull),
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .wp-block-group.t5cb-page-content-shell,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .wp-block-group.t5cb-home-content-shell,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .wp-block-group.t5cb-contact-pattern-shell,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.t5cb-contact-section,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.pinxs-section:not(.pinxs-hero),
.editor-styles-wrapper .wp-block-group.t5cb-page-content-shell,
.editor-styles-wrapper .wp-block-group.t5cb-home-content-shell,
.editor-styles-wrapper .wp-block-group.t5cb-contact-pattern-shell,
.editor-styles-wrapper section.t5cb-contact-section{
  width:min(calc(100% - (var(--pinxs-content-side-padding,var(--t5cb-content-side-padding,22px)) * 2)), var(--pinxs-page-content-shell-width,var(--t5cb-page-content-shell-width,1180px))) !important;
  max-width:var(--pinxs-page-content-shell-width,var(--t5cb-page-content-shell-width,1180px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .pinxs-trust{
  width:min(calc(100% - (var(--pinxs-content-side-padding,var(--t5cb-content-side-padding,22px)) * 2)), var(--pinxs-page-content-shell-width,var(--t5cb-page-content-shell-width,1180px))) !important;
  max-width:var(--pinxs-page-content-shell-width,var(--t5cb-page-content-shell-width,1180px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page .t5cb-page-content-shell .pinxs-section > .pinxs-container,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page .t5cb-home-content-shell .pinxs-section > .pinxs-container,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page .t5cb-contact-pattern-shell .pinxs-section > .pinxs-container,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.t5cb-contact-section > .pinxs-container,
.editor-styles-wrapper .t5cb-page-content-shell .pinxs-section > .pinxs-container,
.editor-styles-wrapper .t5cb-home-content-shell .pinxs-section > .pinxs-container,
.editor-styles-wrapper .t5cb-contact-pattern-shell .pinxs-section > .pinxs-container,
.editor-styles-wrapper section.t5cb-contact-section > .pinxs-container{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
@media(max-width:760px){
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > :not(.pinxs-block-hero):not(.wp-block-pinxs-top5-hero-section):not(.wp-block-top5-comparison-builder-top5wise-hero):not(.wp-block-top5-comparison-builder-top5wise-about-hero):not(.wp-block-top5-comparison-builder-top5wise-contact-hero):not(.wp-block-top5-comparison-builder-top5wise-category-hero):not(.wp-block-top5-comparison-builder-top5wise-latest-page-hero):not(.pinxs-hero):not(.alignfull),
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .wp-block-group.t5cb-page-content-shell,
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .wp-block-group.t5cb-home-content-shell,
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .wp-block-group.t5cb-contact-pattern-shell,
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.t5cb-contact-section,
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.pinxs-section:not(.pinxs-hero),
  .editor-styles-wrapper .wp-block-group.t5cb-page-content-shell,
  .editor-styles-wrapper .wp-block-group.t5cb-home-content-shell,
  .editor-styles-wrapper .wp-block-group.t5cb-contact-pattern-shell,
  .editor-styles-wrapper section.t5cb-contact-section{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
  }
}

/* v1.1.300: unified manual hero sizing controls for all Top5Wise hero blocks. */
html body .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing {
  min-height: var(--t5cb-hero-min-height, 420px) !important;
  padding-top: clamp(18px, 3vw, 44px) !important;
  padding-bottom: clamp(18px, 3vw, 44px) !important;
  box-sizing: border-box !important;
}
html body .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing > .t5cb-standalone-hero-inner {
  align-items: center !important;
}
html body .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing .t5cb-standalone-hero-card-shell {
  width: var(--t5cb-hero-side-card-width, 100%) !important;
  max-width: var(--t5cb-hero-side-card-width, 100%) !important;
  box-sizing: border-box !important;
}
html body .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing .t5cb-standalone-hero-card {
  min-height: var(--t5cb-hero-side-card-min-height, 294px) !important;
}
.editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing {
  min-height: var(--t5cb-hero-min-height, 420px) !important;
  padding-top: clamp(18px, 3vw, 44px) !important;
  padding-bottom: clamp(18px, 3vw, 44px) !important;
  box-sizing: border-box !important;
}
.editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing .t5cb-standalone-hero-card-shell {
  width: var(--t5cb-hero-side-card-width, 100%) !important;
  max-width: var(--t5cb-hero-side-card-width, 100%) !important;
}
.editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing .t5cb-standalone-hero-card {
  min-height: var(--t5cb-hero-side-card-min-height, 294px) !important;
}
@media (max-width: 880px) {
  html body .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing .t5cb-standalone-hero-card-shell,
  .editor-styles-wrapper .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero.t5cb-hero-has-custom-sizing .t5cb-standalone-hero-card-shell {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* v1.1.301: About page split block layout responsiveness */
body:not(.block-editor-page) .t5cb-about-pattern-shell.wp-block-group,
.editor-styles-wrapper .t5cb-about-pattern-shell.wp-block-group {
  box-sizing:border-box;
}
body:not(.block-editor-page) .t5cb-about-pattern-shell .t5cb-about-section,
.editor-styles-wrapper .t5cb-about-pattern-shell .t5cb-about-section {
  width:100% !important;
  max-width:100% !important;
}
body:not(.block-editor-page) .t5cb-about-pattern-shell .t5cb-about-section > .pinxs-container,
.editor-styles-wrapper .t5cb-about-pattern-shell .t5cb-about-section > .pinxs-container {
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
@media (max-width: 900px) {
  body:not(.block-editor-page) .t5cb-about-section [style*="grid-template-columns:minmax"],
  body:not(.block-editor-page) .t5cb-about-section [style*="grid-template-columns:repeat(3"],
  body:not(.block-editor-page) .t5cb-about-section [style*="grid-template-columns:repeat(2"],
  .editor-styles-wrapper .t5cb-about-section [style*="grid-template-columns:minmax"],
  .editor-styles-wrapper .t5cb-about-section [style*="grid-template-columns:repeat(3"],
  .editor-styles-wrapper .t5cb-about-section [style*="grid-template-columns:repeat(2"] {
    grid-template-columns:1fr !important;
  }
}


/* v1.1.305: saved page hero top spacing normalisation.
   Manual page heroes (Home/About/Contact) use the standalone hero system while
   Categories/Latest use the theme-matched pinxs hero system. Both must honour
   the same nav-to-hero spacing variable set in the layout controls. */
body:not(.block-editor-page).t5cb-manual-layout-page .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page).pinxs-top5-theme .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page) .pinxs-editor-content-page .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero {
  margin-top: var(--pinxs-page-top-gap, var(--t5cb-page-top-offset, 14px)) !important;
}
body:not(.block-editor-page) .pinxs-editor-content-page > section.pinxs-hero,
body:not(.block-editor-page) .pinxs-editor-content-page > section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
body:not(.block-editor-page) .pinxs-editor-content-page > section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.pinxs-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
  margin-top: var(--pinxs-page-top-gap, var(--t5cb-page-top-offset, 14px)) !important;
}
body:not(.block-editor-page) .pinxs-editor-content-page > .top5wise-layout-pattern-label + .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .top5wise-layout-pattern-label + .t5cb-manual-hero-wrap > .t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page) .pinxs-editor-content-page > .top5wise-layout-pattern-label + section.pinxs-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .top5wise-layout-pattern-label + section.pinxs-hero {
  margin-top: var(--pinxs-page-top-gap, var(--t5cb-page-top-offset, 14px)) !important;
}

/* v1.1.306: definitive saved Gutenberg hero nav-gap fix.
   Earlier manual heroes were inheriting --pinxs-page-top-gap from .t5cb-wrap,
   where the Builder inline style could reset it to 0px. Use the theme-safe
   root variable first so Home, Categories, About and Contact match Blog/Latest. */
body:not(.block-editor-page) .pinxs-editor-content-page > .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page) .pinxs-editor-content-page .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page).t5cb-manual-layout-page .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page).pinxs-top5-theme .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero {
  margin-top: var(--pinxs-t5-saved-hero-top-gap, var(--t5cb-manual-hero-top-gap, var(--pinxs-page-top-gap, var(--t5cb-page-top-offset, 14px)))) !important;
}
body:not(.block-editor-page) .pinxs-editor-content-page > section.pinxs-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.pinxs-hero,
body:not(.block-editor-page) .pinxs-editor-content-page > section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
body:not(.block-editor-page) .pinxs-editor-content-page > section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
  margin-top: var(--pinxs-t5-saved-hero-top-gap, var(--t5cb-manual-hero-top-gap, var(--pinxs-page-top-gap, var(--t5cb-page-top-offset, 14px)))) !important;
}

/* v1.1.307: saved page hero top-gap and wrapper correction.
   Do not let the editor-only pattern label or the standalone hero wrapper add extra vertical space.
   Individual hero blocks can now override their top gap from the block sidebar. */
body:not(.block-editor-page) .pinxs-editor-content-page > .top5wise-layout-pattern-label,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .top5wise-layout-pattern-label,
body:not(.block-editor-page).t5cb-manual-layout-page .top5wise-layout-pattern-label {
  display:none !important;
  height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}
body:not(.block-editor-page) .pinxs-editor-content-page > .t5cb-manual-hero-wrap,
body:not(.block-editor-page) .pinxs-editor-content-page .t5cb-manual-hero-wrap,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .t5cb-manual-hero-wrap,
body:not(.block-editor-page).t5cb-manual-layout-page .t5cb-manual-hero-wrap {
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
body:not(.block-editor-page) .pinxs-editor-content-page .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page).t5cb-manual-layout-page .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page) .pinxs-editor-content-page > section.pinxs-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > section.pinxs-hero {
  margin-top:var(--t5cb-hero-top-gap-override, var(--pinxs-t5-saved-hero-top-gap, var(--pinxs-page-top-gap, 14px))) !important;
}

/* v1.1.312: Figma-style actual comparison category directory with balanced inner card spacing. */
.t5cb-category-directory-section{
  padding-top:24px!important;
}
.t5cb-category-directory-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 52%,#eef6ff 100%)!important;
  border:1px solid #dbe8fa!important;
  box-shadow:0 24px 70px rgba(18,43,90,.10)!important;
}
.t5cb-category-directory-panel:before{
  content:"";
  position:absolute;
  right:-90px;
  top:-120px;
  width:260px;
  height:260px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(35,100,255,.16),rgba(35,100,255,0) 68%);
  pointer-events:none;
}
.t5cb-category-directory-panel>*{
  position:relative;
  z-index:2;
}
.t5cb-category-directory-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-bottom:24px;
}
.t5cb-category-directory-head h2{
  margin:3px 0 10px!important;
  font-size:clamp(24px,2.4vw,34px)!important;
  line-height:1.14!important;
  color:#102033!important;
  letter-spacing:-.55px!important;
}
.t5cb-category-directory-head .pinxs-page-lead{
  max-width:760px!important;
  margin:0!important;
}
.t5cb-category-directory-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.t5cb-category-directory-card{
  --t5cb-category-card-pad:20px;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0;
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(207,224,255,.86);
  box-shadow:0 14px 36px rgba(18,43,90,.07);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.t5cb-category-directory-card:hover{
  transform:translateY(-2px);
  border-color:#bfd5ff;
  box-shadow:0 20px 48px rgba(18,43,90,.11);
}
.t5cb-category-directory-card-main{
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:13px;
  align-items:flex-start;
  padding:var(--t5cb-category-card-pad);
  color:#102033!important;
  text-decoration:none!important;
}
.t5cb-category-directory-icon{
  width:50px;
  height:50px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#2364ff,#00a68f);
  color:#fff!important;
  font-size:21px;
  font-weight:950;
  text-transform:uppercase;
  box-shadow:0 12px 24px rgba(35,100,255,.22);
}
.t5cb-category-directory-copy{
  min-width:0;
  padding-top:1px;
}
.t5cb-category-directory-copy strong{
  display:block;
  margin:0 0 4px;
  color:#102033!important;
  font-size:17px;
  line-height:1.18;
  letter-spacing:-.15px;
}
.t5cb-category-directory-copy em{
  display:block;
  color:#647994!important;
  font-style:normal;
  font-size:13px;
  line-height:1.42;
}
.t5cb-category-directory-meta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  min-height:30px;
  padding:7px 10px;
  border-radius:999px;
  background:#eaf1ff;
  border:1px solid #cfe0ff;
  color:#163b8f!important;
  font-size:12px;
  font-weight:900;
}
.t5cb-category-directory-children{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:0;
  padding:var(--t5cb-category-card-pad) var(--t5cb-category-card-pad) var(--t5cb-category-card-pad) calc(var(--t5cb-category-card-pad) + 63px);
  border-top:1px solid rgba(207,224,255,.7);
}
.t5cb-category-directory-children a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border-radius:999px;
  background:#f5f8ff;
  border:1px solid #dce8ff;
  color:#315071!important;
  font-size:12px;
  font-weight:850;
  line-height:1.1;
  text-decoration:none!important;
}
.t5cb-category-directory-children a:hover{
  background:#eaf1ff;
  color:#163b8f!important;
}
.t5cb-category-directory-empty{
  padding:24px;
  border-radius:22px;
  background:#fff;
  border:1px dashed #cfe0ff;
}
@media(max-width:980px){
  .t5cb-category-directory-head{display:block;}
  .t5cb-category-directory-head .pinxs-btn{margin-top:16px;}
  .t5cb-category-directory-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .t5cb-category-directory-card{--t5cb-category-card-pad:16px;}
  .t5cb-category-directory-card-main{grid-template-columns:44px minmax(0,1fr);}
  .t5cb-category-directory-meta{grid-column:2;justify-self:start;}
  .t5cb-category-directory-children{padding:var(--t5cb-category-card-pad);}
}


/* v1.1.315 - shared public page hero geometry
   Keeps each hero's own editable content, card structure and optional lower bar.
   Only the outer desktop geometry is normalised to the established About hero size. */
:root {
  --t5cb-shared-page-hero-height: 420px;
  --t5cb-shared-page-hero-top-gap: 14px;
  --t5cb-shared-page-hero-side-gap: 14px;
}

@media (min-width: 901px) {
  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
    width: calc(100vw - (var(--t5cb-shared-page-hero-side-gap) * 2)) !important;
    max-width: calc(100vw - (var(--t5cb-shared-page-hero-side-gap) * 2)) !important;
    height: var(--t5cb-shared-page-hero-height) !important;
    min-height: var(--t5cb-shared-page-hero-height) !important;
    margin-top: var(--t5cb-shared-page-hero-top-gap) !important;
    margin-right: calc(50% - 50vw + var(--t5cb-shared-page-hero-side-gap)) !important;
    margin-left: calc(50% - 50vw + var(--t5cb-shared-page-hero-side-gap)) !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner {
    height: 100% !important;
    align-items: center !important;
  }

  /* The homepage keeps its richer ranked card, but uses compact spacing so it fits the same outer height. */
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    padding: 10px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    padding: 16px 18px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-card h2 {
    font-size: 21px !important;
    margin: 4px 0 7px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-side-card-badge {
    margin-bottom: 8px !important;
    padding: 6px 10px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
    padding: 7px 0 !important;
    gap: 8px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-copy strong {
    font-size: 13px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-copy em {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-action {
    margin-top: 8px !important;
    padding: 9px 12px !important;
  }
}

@media (max-width: 900px) {
  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
    height: auto !important;
    min-height: 0 !important;
  }
}


/* v1.1.316 - content-safe shared hero alignment
   Standardises width and navigation gap, but never traps different hero content
   inside a fixed-height box. Heroes may grow beyond the shared 420px baseline. */
:root {
  --t5cb-shared-page-hero-min-height: 420px;
  --t5cb-shared-page-hero-top-gap: 14px;
  --t5cb-shared-page-hero-side-gap: 14px;
}

@media (min-width: 901px) {
  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
    width: calc(100vw - (var(--t5cb-shared-page-hero-side-gap) * 2)) !important;
    max-width: calc(100vw - (var(--t5cb-shared-page-hero-side-gap) * 2)) !important;
    height: auto !important;
    min-height: var(--t5cb-shared-page-hero-min-height) !important;
    margin-top: var(--t5cb-shared-page-hero-top-gap) !important;
    margin-right: calc(50% - 50vw + var(--t5cb-shared-page-hero-side-gap)) !important;
    margin-left: calc(50% - 50vw + var(--t5cb-shared-page-hero-side-gap)) !important;
    overflow: hidden !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero {
    padding-top: clamp(48px, 5vw, 76px) !important;
    padding-bottom: clamp(62px, 6vw, 96px) !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner {
    height: auto !important;
    min-height: 0 !important;
    align-items: center !important;
  }

  /* Restore content-led homepage proportions. The lower feature bar remains a
     separate element and no longer masks the heading or ranked side card. */
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-card-shell {
    padding: 18px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-card {
    min-height: 0 !important;
    padding: 24px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-card h2 {
    font-size: clamp(24px, 2.4vw, 34px) !important;
    margin: 8px 0 14px !important;
  }
  body:not(.block-editor-page) .t5cb-homepage-hero-preset .t5cb-standalone-hero-rank-row {
    min-height: 64px !important;
    padding: 10px 0 !important;
  }
}

/* v1.1.318 - stable shared desktop hero stage
   Keeps every page hero's own content and side-card design, while giving the
   public page a consistent top position and total vertical stage. Heroes with
   a lower feature bar use the same stage height as About and Contact heroes
   that do not have that bar. */
:root {
  --t5cb-page-hero-stage-height: 560px;
  --t5cb-page-hero-panel-height: 500px;
  --t5cb-page-hero-top-gap: 14px;
  --t5cb-page-hero-side-gap: 14px;
}

@media (min-width: 1101px) {
  body:not(.block-editor-page) .t5cb-manual-hero-wrap {
    position: relative !important;
    min-height: var(--t5cb-page-hero-stage-height) !important;
    height: var(--t5cb-page-hero-stage-height) !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    overflow: visible !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero {
    width: calc(100vw - (var(--t5cb-page-hero-side-gap) * 2)) !important;
    max-width: calc(100vw - (var(--t5cb-page-hero-side-gap) * 2)) !important;
    height: var(--t5cb-page-hero-panel-height) !important;
    min-height: var(--t5cb-page-hero-panel-height) !important;
    max-height: var(--t5cb-page-hero-panel-height) !important;
    margin-top: var(--t5cb-page-hero-top-gap) !important;
    margin-right: calc(50% - 50vw + var(--t5cb-page-hero-side-gap)) !important;
    margin-bottom: 0 !important;
    margin-left: calc(50% - 50vw + var(--t5cb-page-hero-side-gap)) !important;
    padding: 38px var(--t5cb-content-side-padding, 22px) 54px !important;
    overflow: hidden !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner {
    height: 100% !important;
    min-height: 0 !important;
    align-items: center !important;
    gap: clamp(34px, 4vw, 62px) !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-copy h1 {
    font-size: clamp(44px, 4.3vw, 64px) !important;
    line-height: 1 !important;
    margin-bottom: 18px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-copy p {
    font-size: clamp(16px, 1.35vw, 19px) !important;
    line-height: 1.48 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-actions,
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-chips {
    margin-top: 18px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-shell {
    max-width: 520px !important;
    padding: 14px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card {
    min-height: 0 !important;
    max-height: 410px !important;
    padding: 20px 22px !important;
    overflow: hidden !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-heading-row {
    margin-bottom: 12px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-heading-row h2 {
    font-size: clamp(22px, 2.2vw, 31px) !important;
    line-height: 1.08 !important;
    margin: 0 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-side-card-badge {
    margin-bottom: 10px !important;
    padding: 6px 11px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-list {
    gap: 8px !important;
    margin-top: 4px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-row {
    min-height: 56px !important;
    padding: 8px 11px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-note {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin: 8px 0 0 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-action {
    margin-top: 12px !important;
    padding: 9px 13px !important;
  }

  /* The feature bar is positioned inside the shared 560px stage. */
  body:not(.block-editor-page) .t5cb-manual-hero-wrap-has-stats > .t5cb-standalone-hero-stat-bar {
    position: absolute !important;
    z-index: 12 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(var(--t5cb-content-max, 1180px), calc(100vw - 220px)) !important;
    max-width: min(var(--t5cb-content-max, 1180px), calc(100vw - 220px)) !important;
    margin: 0 auto !important;
    padding: 14px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap-has-stats > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card {
    min-height: 82px !important;
    padding: 15px 18px !important;
  }

  /* About and Contact have no lower feature bar. Keep the same total stage so
     the following page content begins at the same vertical position. */
  body:not(.block-editor-page) .t5cb-manual-hero-wrap-no-stats::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    pointer-events: none;
  }

  /* Page-specific hero blocks that do not use the manual wrapper still share
     the same panel height and navigation gap. */
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
    width: calc(100vw - (var(--t5cb-page-hero-side-gap) * 2)) !important;
    max-width: calc(100vw - (var(--t5cb-page-hero-side-gap) * 2)) !important;
    height: var(--t5cb-page-hero-panel-height) !important;
    min-height: var(--t5cb-page-hero-panel-height) !important;
    max-height: var(--t5cb-page-hero-panel-height) !important;
    margin-top: var(--t5cb-page-hero-top-gap) !important;
    margin-right: calc(50% - 50vw + var(--t5cb-page-hero-side-gap)) !important;
    margin-left: calc(50% - 50vw + var(--t5cb-page-hero-side-gap)) !important;
    overflow: hidden !important;
  }
}

@media (max-width: 1100px) {
  body:not(.block-editor-page) .t5cb-manual-hero-wrap {
    height: auto !important;
    min-height: 0 !important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* v1.1.319 - compact, content-safe uniform hero geometry
   Keeps each page hero's own content and card structure while reducing the
   excessive typography, row heights, padding and margins that made every hero
   unnecessarily tall. All desktop hero stages share the same top position and
   bottom edge. */
:root {
  --t5cb-compact-hero-stage-height: 500px;
  --t5cb-compact-hero-panel-height: 440px;
  --t5cb-compact-hero-top-gap: 14px;
  --t5cb-compact-hero-side-gap: 14px;
}

@media (min-width: 1101px) {
  body:not(.block-editor-page) .t5cb-manual-hero-wrap {
    height: var(--t5cb-compact-hero-stage-height) !important;
    min-height: var(--t5cb-compact-hero-stage-height) !important;
    margin-top: var(--t5cb-compact-hero-top-gap) !important;
    margin-bottom: 24px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero {
    width: calc(100vw - (var(--t5cb-compact-hero-side-gap) * 2)) !important;
    max-width: calc(100vw - (var(--t5cb-compact-hero-side-gap) * 2)) !important;
    height: var(--t5cb-compact-hero-panel-height) !important;
    min-height: var(--t5cb-compact-hero-panel-height) !important;
    max-height: var(--t5cb-compact-hero-panel-height) !important;
    margin-top: 0 !important;
    margin-right: calc(50% - 50vw + var(--t5cb-compact-hero-side-gap)) !important;
    margin-bottom: 0 !important;
    margin-left: calc(50% - 50vw + var(--t5cb-compact-hero-side-gap)) !important;
    padding: 24px var(--t5cb-content-side-padding, 22px) 42px !important;
    overflow: hidden !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner {
    height: 100% !important;
    min-height: 0 !important;
    align-items: center !important;
    gap: clamp(24px, 3vw, 42px) !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-copy h1 {
    font-size: clamp(36px, 3.45vw, 50px) !important;
    line-height: 1.04 !important;
    margin: 0 0 12px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-copy p {
    font-size: clamp(15px, 1.12vw, 17px) !important;
    line-height: 1.42 !important;
    margin: 0 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-badge {
    margin-bottom: 10px !important;
    padding: 6px 11px !important;
    font-size: 11px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-actions,
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-chips {
    margin-top: 12px !important;
    gap: 8px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-btn,
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-chips span {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 13px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-shell {
    max-width: 500px !important;
    padding: 10px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card {
    min-height: 0 !important;
    max-height: 356px !important;
    padding: 16px 18px !important;
    overflow: hidden !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-heading-row {
    margin-bottom: 8px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-heading-row h2 {
    font-size: clamp(19px, 1.8vw, 25px) !important;
    line-height: 1.08 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-side-card-badge {
    margin-bottom: 7px !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-list {
    gap: 5px !important;
    margin-top: 2px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-row {
    min-height: 44px !important;
    padding: 6px 9px !important;
    gap: 8px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-copy strong {
    font-size: 12px !important;
    line-height: 1.18 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-copy em,
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-note {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-action {
    margin-top: 8px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap-has-stats > .t5cb-standalone-hero-stat-bar {
    width: min(var(--t5cb-content-max, 1180px), calc(100vw - 220px)) !important;
    max-width: min(var(--t5cb-content-max, 1180px), calc(100vw - 220px)) !important;
    padding: 9px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap-has-stats > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card {
    min-height: 66px !important;
    padding: 10px 13px !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap-has-stats > .t5cb-standalone-hero-stat-bar strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap-has-stats > .t5cb-standalone-hero-stat-bar span {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body:not(.block-editor-page) .t5cb-manual-hero-wrap-no-stats::after {
    height: 60px !important;
  }

  /* Category and Latest use their own markup, so compact their matching parts
     independently rather than replacing their content with the manual hero. */
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero {
    height: var(--t5cb-compact-hero-panel-height) !important;
    min-height: var(--t5cb-compact-hero-panel-height) !important;
    max-height: var(--t5cb-compact-hero-panel-height) !important;
    margin-top: var(--t5cb-compact-hero-top-gap) !important;
    padding-top: 24px !important;
    padding-bottom: 42px !important;
  }

  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero .pinxs-hero-inner,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero .pinxs-hero-inner {
    gap: clamp(24px, 3vw, 42px) !important;
  }

  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero h1,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero h1 {
    font-size: clamp(36px, 3.45vw, 50px) !important;
    line-height: 1.04 !important;
    margin-bottom: 12px !important;
  }

  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero .pinxs-lead,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero .pinxs-lead {
    font-size: clamp(15px, 1.12vw, 17px) !important;
    line-height: 1.42 !important;
  }

  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero .pinxs-white-card,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero .pinxs-white-card {
    padding: 16px 18px !important;
  }

  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-category-hero.pinxs-hero .pinxs-rank-item,
  body:not(.block-editor-page) section.wp-block-top5-comparison-builder-top5wise-latest-page-hero.pinxs-hero .pinxs-rank-item {
    min-height: 44px !important;
    padding: 6px 9px !important;
  }
}

/* v1.1.320 - one shared page-hero shell for every Gutenberg page pattern.
   Page-specific blocks keep their own editable content, but Home, About,
   Contact, Categories, Latest Comparisons and Blog Archive now render through
   the same outer hero markup, geometry and responsive rules. */
:root{
  --t5cb-shared-page-hero-stage: 454px;
  --t5cb-shared-page-hero-panel: 408px;
  --t5cb-shared-page-hero-bar: 38px;
  --t5cb-shared-page-hero-gap: 14px;
}
@media (min-width:1101px){
  body:not(.block-editor-page) .t5cb-manual-hero-wrap,
  body:not(.block-editor-page) .t5cb-manual-hero-wrap.t5cb-manual-hero-wrap-no-stats,
  body:not(.block-editor-page) .t5cb-manual-hero-wrap.t5cb-manual-hero-wrap-has-stats{
    position:relative!important;
    height:var(--t5cb-shared-page-hero-stage)!important;
    min-height:var(--t5cb-shared-page-hero-stage)!important;
    margin-top:var(--t5cb-shared-page-hero-gap)!important;
    margin-bottom:24px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>section.t5cb-standalone-hero.t5cb-manual-hero{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    height:var(--t5cb-shared-page-hero-panel)!important;
    min-height:var(--t5cb-shared-page-hero-panel)!important;
    max-height:var(--t5cb-shared-page-hero-panel)!important;
    margin:0 calc(50% - 50vw + 14px)!important;
    padding:20px var(--t5cb-content-side-padding,22px) 34px!important;
    overflow:hidden!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>section.t5cb-standalone-hero.t5cb-manual-hero>.t5cb-standalone-hero-inner{
    height:100%!important;
    min-height:0!important;
    align-items:center!important;
    gap:clamp(20px,2.5vw,34px)!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-copy h1{
    font-size:clamp(32px,3vw,44px)!important;
    line-height:1.02!important;
    margin:0 0 9px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-copy p{
    font-size:clamp(14px,1vw,16px)!important;
    line-height:1.36!important;
    margin:0!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-badge{
    margin-bottom:7px!important;
    padding:5px 10px!important;
    font-size:10px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-actions,
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-chips{
    margin-top:9px!important;
    gap:6px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-btn,
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-chips span{
    padding:6px 10px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-shell{
    width:100%!important;
    max-width:480px!important;
    padding:8px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card{
    min-height:0!important;
    max-height:360px!important;
    padding:13px 15px!important;
    overflow:hidden!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-heading-row{
    margin-bottom:5px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-heading-row h2{
    font-size:clamp(27px,2.325vw,34.5px)!important;
    line-height:1.05!important;
    margin:0!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-side-card-badge{
    margin-bottom:5px!important;
    padding:4px 8px!important;
    font-size:13.5px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-list{
    gap:4px!important;
    margin-top:1px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-row{
    min-height:46px!important;
    padding:4px 7px!important;
    gap:7px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-number{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    font-size:10px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-copy strong{
    font-size:16.5px!important;
    line-height:1.12!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-rank-copy em,
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-note{
    font-size:15px!important;
    line-height:1.2!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero .t5cb-standalone-hero-card-action{
    margin-top:5px!important;
    padding:6px 9px!important;
    font-size:16.5px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar{
    position:absolute!important;
    z-index:12!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:min(var(--t5cb-content-max,1180px),calc(100vw - 220px))!important;
    max-width:min(var(--t5cb-content-max,1180px),calc(100vw - 220px))!important;
    height:var(--t5cb-shared-page-hero-bar)!important;
    min-height:var(--t5cb-shared-page-hero-bar)!important;
    margin:0 auto!important;
    padding:4px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card{
    min-height:30px!important;
    height:30px!important;
    padding:3px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar strong{
    font-size:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar span{
    font-size:13.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap-no-stats::after{display:none!important;content:none!important;}
}
@media (max-width:1100px){
  body:not(.block-editor-page) .t5cb-manual-hero-wrap,
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>section.t5cb-standalone-hero.t5cb-manual-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
  }
}

/* v1.1.322 - keep the shared hero lower information bar compact and fluid
   below desktop widths. Prevent inherited large desktop typography and card
   sizing from making the bar grow excessively as the viewport narrows. */
@media (max-width:1100px){
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    width:calc(100% - 24px)!important;
    max-width:760px!important;
    margin:8px auto 0!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card{
    min-height:32px!important;
    height:32px!important;
    padding:3px 7px!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar strong{
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar span{
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media (max-width:560px){
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar{
    width:calc(100% - 16px)!important;
    gap:4px!important;
    margin-top:6px!important;
    padding:3px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card{
    min-height:30px!important;
    height:30px!important;
    padding:3px 5px!important;
    gap:4px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar strong{
    font-size:11px!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar span{
    font-size:9.5px!important;
  }
}

/* v1.1.323 - keep each shared hero lower-bar item on one inline row. */
body:not(.block-editor-page) .t5cb-manual-hero-wrap > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
body:not(.block-editor-page) .t5cb-manual-hero-wrap > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card > strong,
body:not(.block-editor-page) .t5cb-manual-hero-wrap > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card > span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  vertical-align:middle!important;
}
body:not(.block-editor-page) .t5cb-manual-hero-wrap > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card > strong::after{
  content:":";
}
@media (max-width:560px){
  body:not(.block-editor-page) .t5cb-manual-hero-wrap > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card{
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card > strong{
    flex:0 0 auto!important;
  }
  body:not(.block-editor-page) .t5cb-manual-hero-wrap > .t5cb-standalone-hero-stat-bar .t5cb-standalone-hero-stat-card > span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* v1.1.324 - side-card actions removed because the main hero already provides page actions. */
.t5cb-standalone-hero-card .t5cb-standalone-hero-card-action,
.t5cb-shared-page-hero .t5cb-standalone-hero-card-action,
.t5cb-hub-side-card .t5cb-btn {
  display: none !important;
}


/* v1.1.327 - Blog Archive uses the same visible background-video layer as every shared page hero.
   This deliberately overrides the older v1.1.230 preset rule that hid the Blog video. */
.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-video,
.t5cb-manual-hero-wrap > section.t5cb-blog-archive-hero-preset .t5cb-standalone-hero-video,
.editor-styles-wrapper .t5cb-blog-archive-hero-preset .t5cb-standalone-hero-video {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.34!important;
  z-index:0!important;
  pointer-events:none!important;
}

/* v1.1.331: one top-gap owner for every saved shared page hero.
   The PINXS Top 5 theme already applies the configured nav gap to the inner
   shared hero section. Older Builder CSS also applied the same gap to the
   surrounding manual hero wrapper, which doubled the space on pages such as
   About. Keep the wrapper flush and apply exactly one configured gap to the
   hero panel. */
@media (min-width:1101px){
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page .t5cb-manual-hero-wrap,
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .t5cb-manual-hero-wrap{
    margin-top:0!important;
  }
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero{
    margin-top:var(--pinxs-t5-saved-hero-top-gap,var(--pinxs-page-top-gap,14px))!important;
  }
}


/* v1.1.336 shared hero side-card heading size setting */
.t5cb-manual-hero .t5cb-standalone-hero-card-heading-row h2,
.t5cb-standalone-hero .t5cb-standalone-hero-card-heading-row h2,
.editor-styles-wrapper .t5cb-manual-hero .t5cb-standalone-hero-card-heading-row h2,
.editor-styles-wrapper .t5cb-standalone-hero .t5cb-standalone-hero-card-heading-row h2 {
  font-size: var(--t5cb-hero-sidecard-heading-size, 30px) !important;
}


/* v1.1.338 - make Gutenberg shared hero previews match the compact public hero.
   Earlier compact geometry was scoped to body:not(.block-editor-page), leaving
   ServerSideRender previews on the old oversized hero rules. All dynamic hero
   blocks now receive the shared editor class and use the same dimensions,
   typography, side-card spacing and lower-bar layout as the live site. */
.editor-styles-wrapper .t5cb-editor-shared-hero-preview{
  width:clamp(820px,calc(100vw - 430px),1280px)!important;
  max-width:clamp(820px,calc(100vw - 430px),1280px)!important;
  margin:12px 0 28px 50%!important;
  transform:translateX(-50%)!important;
  padding:10px!important;
}
.editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-editor-dynamic-preview,
.editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-editor-dynamic-preview>div,
.editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-wrap,
.editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
@media (min-width:1101px){
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap{
    position:relative!important;
    height:var(--t5cb-shared-page-hero-stage,454px)!important;
    min-height:var(--t5cb-shared-page-hero-stage,454px)!important;
    margin:0!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap>section.t5cb-standalone-hero.t5cb-manual-hero{
    width:100%!important;
    max-width:none!important;
    height:var(--t5cb-shared-page-hero-panel,408px)!important;
    min-height:var(--t5cb-shared-page-hero-panel,408px)!important;
    max-height:var(--t5cb-shared-page-hero-panel,408px)!important;
    margin:0!important;
    padding:20px 22px 34px!important;
    overflow:hidden!important;
    border-radius:28px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-inner{
    height:100%!important;
    min-height:0!important;
    align-items:center!important;
    gap:clamp(20px,2.5vw,34px)!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-copy h1{
    font-size:clamp(32px,3vw,44px)!important;
    line-height:1.02!important;
    margin:0 0 9px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-copy p{
    font-size:clamp(14px,1vw,16px)!important;
    line-height:1.36!important;
    margin:0!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-badge{
    margin-bottom:7px!important;
    padding:5px 10px!important;
    font-size:10px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-actions,
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-chips{
    margin-top:9px!important;
    gap:6px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-btn,
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-chips span{
    padding:6px 10px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-card-shell{
    width:100%!important;
    max-width:480px!important;
    padding:8px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-card{
    min-height:0!important;
    max-height:360px!important;
    padding:13px 15px!important;
    overflow:hidden!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-card-heading-row{
    margin-bottom:5px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-card-heading-row h2{
    font-size:var(--t5cb-hero-sidecard-heading-size,30px)!important;
    line-height:1.05!important;
    margin:0!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-side-card-badge{
    margin-bottom:5px!important;
    padding:4px 8px!important;
    font-size:13.5px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-rank-list{
    gap:4px!important;
    margin-top:1px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-rank-row{
    min-height:46px!important;
    padding:4px 7px!important;
    gap:7px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-rank-number{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    font-size:10px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-rank-copy strong{
    font-size:16.5px!important;
    line-height:1.12!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-rank-copy em,
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-card-note{
    font-size:15px!important;
    line-height:1.2!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar{
    position:absolute!important;
    z-index:12!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:min(100%,1180px)!important;
    max-width:min(100%,1180px)!important;
    height:var(--t5cb-shared-page-hero-bar,38px)!important;
    min-height:var(--t5cb-shared-page-hero-bar,38px)!important;
    margin:0 auto!important;
    padding:4px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-stat-card{
    min-height:30px!important;
    height:30px!important;
    padding:3px 8px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-stat-card>strong,
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-stat-card>span{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-stat-card>strong{
    font-size:15px!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-stat-card>strong::after{
    content:":";
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-stat-card>span{
    font-size:13.5px!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
}
@media (max-width:1100px){
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview{
    width:100%!important;
    max-width:100%!important;
    margin:12px auto 28px!important;
    transform:none!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap,
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap>section.t5cb-standalone-hero.t5cb-manual-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap>.t5cb-standalone-hero-stat-bar{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:calc(100% - 24px)!important;
    max-width:760px!important;
    height:auto!important;
    min-height:0!important;
    margin:8px auto 0!important;
  }
}


/* v1.1.341 - place the shared hero number tile in the side-card top-right corner.
   Home, Categories and Latest Comparisons use this number marker. Keeping it
   out of the normal heading flow prevents it sitting directly above the rows. */
.t5cb-standalone-hero-card-has-corner-number{
  position:relative!important;
}
.t5cb-standalone-hero-card-has-corner-number .t5cb-standalone-hero-card-heading-row{
  display:block!important;
  padding-right:72px!important;
}
.t5cb-standalone-hero-card-has-corner-number .t5cb-standalone-hero-score-bubble{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  margin:0!important;
  z-index:3!important;
}
@media(max-width:700px){
  .t5cb-standalone-hero-card-has-corner-number .t5cb-standalone-hero-card-heading-row{
    padding-right:62px!important;
  }
  .t5cb-standalone-hero-card-has-corner-number .t5cb-standalone-hero-score-bubble{
    top:12px!important;
    right:12px!important;
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
    font-size:20px!important;
  }
}


/* v1.1.345 - definitive shared hero editor parity.
   Gutenberg now renders the canvas in an iframe on current WordPress versions,
   so selectors must begin inside .editor-styles-wrapper rather than depending
   on the outer wp-admin body class. These final rules intentionally mirror the
   compact public shared hero and override legacy large editor presets. */
@media (min-width:1101px){
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap{
    height:var(--t5cb-shared-page-hero-stage,454px)!important;
    min-height:var(--t5cb-shared-page-hero-stage,454px)!important;
    max-height:var(--t5cb-shared-page-hero-stage,454px)!important;
    margin:0!important;
    overflow:visible!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap>section.t5cb-standalone-hero.t5cb-manual-hero{
    height:var(--t5cb-shared-page-hero-panel,408px)!important;
    min-height:var(--t5cb-shared-page-hero-panel,408px)!important;
    max-height:var(--t5cb-shared-page-hero-panel,408px)!important;
    padding:20px 22px 34px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-inner{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    align-items:center!important;
  }
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-card{
    min-height:0!important;
    max-height:360px!important;
    overflow:hidden!important;
  }
}
@media (max-width:1100px){
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap,
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap>section.t5cb-standalone-hero.t5cb-manual-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}


/* v1.1.346 - keep shared hero previews two-column inside Gutenberg.
   The editor canvas is commonly narrower than 900px when the settings sidebar
   is open. Older generic editor media queries therefore collapsed the shared
   hero even though the live desktop hero remained two-column. This final rule
   uses the actual shared-preview wrapper and only stacks at a genuinely narrow
   mobile editing width. */
.editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-inner,
.editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr)!important;
  align-items:center!important;
  gap:clamp(18px,2.4vw,32px)!important;
}
.editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-copy,
.editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-card-shell{
  min-width:0!important;
  width:100%!important;
}
@media (max-width:620px){
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-standalone-hero-inner,
  .editor-styles-wrapper .t5cb-editor-shared-hero-preview .t5cb-manual-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero > .t5cb-standalone-hero-inner{
    grid-template-columns:1fr!important;
  }
}

/* v1.1.347: generated comparison heroes use the same compact shared page-hero
   stage, two-column geometry and inset summary bar as the official site-page
   patterns. The comparison-specific winner content is retained, but old tall
   comparison hero rules can no longer enlarge the shell. */
@media (min-width:1101px){
  body:not(.block-editor-page) .t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap{
    position:relative!important;
    height:var(--t5cb-shared-page-hero-stage,454px)!important;
    min-height:var(--t5cb-shared-page-hero-stage,454px)!important;
    margin-top:var(--t5cb-shared-page-hero-gap,14px)!important;
    margin-bottom:24px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    height:var(--t5cb-shared-page-hero-panel,408px)!important;
    min-height:var(--t5cb-shared-page-hero-panel,408px)!important;
    max-height:var(--t5cb-shared-page-hero-panel,408px)!important;
    margin:0 calc(50% - 50vw + 14px)!important;
    padding:20px var(--t5cb-content-side-padding,22px) 34px!important;
    overflow:hidden!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero > .t5cb-standalone-hero-inner{
    height:100%!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1.06fr) minmax(300px,.74fr)!important;
    gap:clamp(20px,2.5vw,34px)!important;
    align-items:center!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-standalone-hero-copy h1{
    font-size:clamp(32px,3vw,44px)!important;
    line-height:1.02!important;
    margin:0 0 9px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-intro,
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-intro p{
    font-size:clamp(14px,1vw,16px)!important;
    line-height:1.36!important;
    margin:0 0 8px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-meta-row{
    margin-top:8px!important;
    gap:6px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-meta-row span{
    padding:5px 9px!important;
    font-size:11px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-standalone-hero-card-shell{
    width:100%!important;
    max-width:480px!important;
    padding:8px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-standalone-hero-card{
    min-height:0!important;
    max-height:360px!important;
    padding:13px 15px!important;
    overflow:hidden!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-standalone-hero-card h2{
    font-size:clamp(24px,2vw,31px)!important;
    line-height:1.05!important;
    margin:5px 0 7px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-standalone-hero-card p{
    font-size:13px!important;
    line-height:1.3!important;
    margin:0 0 7px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-score-card{
    margin:7px 0!important;
    padding:9px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-score-number{
    font-size:30px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-score-bars{
    gap:5px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-score-track{
    height:5px!important;
  }
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-standalone-btn,
  body:not(.block-editor-page) .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-btn{
    padding:7px 11px!important;
    font-size:12px!important;
  }
}
@media (max-width:1100px){
  .t5cb-generated-comparison-page .t5cb-generated-comparison-hero-wrap{
    height:auto!important;
    min-height:0!important;
  }
  .t5cb-generated-comparison-page .t5cb-generated-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}


/* v1.1.348: generated comparison hero exact top gap and vertically centred
   natural-height winner card. The comparison template, article and hero wrapper
   now have one spacing owner only: the wrapper supplies the 14px navigation
   gap, while the hero panel itself starts at zero. This prevents theme/content
   wrappers and shared manual-hero rules from stacking extra top space. */
@media (min-width:1101px){
  html body.single-t5cb_comparison .pinxs-t5-comparison-template,
  html body.t5cb-generated-comparison .pinxs-t5-comparison-template,
  html body.single-t5cb_comparison main.pinxs-theme-plugin-canvas,
  html body.t5cb-generated-comparison main.pinxs-theme-plugin-canvas{
    margin-top:0!important;
    padding-top:0!important;
  }
  html body.single-t5cb_comparison article.t5cb-generated-comparison-page,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page{
    margin-top:0!important;
    padding-top:0!important;
  }
  html body.single-t5cb_comparison article.t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap{
    top:auto!important;
    transform:none!important;
    margin-top:14px!important;
    margin-right:0!important;
    margin-bottom:24px!important;
    margin-left:0!important;
  }
  html body.single-t5cb_comparison article.t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap > section.t5cb-generated-hero,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap > section.t5cb-generated-hero{
    top:auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-inner,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-inner{
    align-items:center!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card-shell,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card-shell{
    align-self:center!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card{
    align-self:center!important;
    height:auto!important;
    min-height:0!important;
    max-height:330px!important;
    padding:12px 14px!important;
  }
}

/* v1.1.349: generated comparison hero parity at tablet and desktop widths.
   The previous compact rules began at 1101px, so iPads and narrower laptops
   fell back to the legacy tall comparison hero. Use the same compact two-column
   stage from 768px upward and keep the winner card concise. */
@media (min-width:768px){
  html body.single-t5cb_comparison .pinxs-t5-comparison-template,
  html body.t5cb-generated-comparison .pinxs-t5-comparison-template,
  html body.single-t5cb_comparison main.pinxs-theme-plugin-canvas,
  html body.t5cb-generated-comparison main.pinxs-theme-plugin-canvas,
  html body.single-t5cb_comparison article.t5cb-generated-comparison-page,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page{
    margin-top:0!important;
    padding-top:0!important;
  }
  html body.single-t5cb_comparison article.t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap{
    position:relative!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    height:454px!important;
    min-height:454px!important;
    margin:14px 0 24px!important;
    padding:0!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap > section.t5cb-generated-hero,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap > section.t5cb-generated-hero{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    height:408px!important;
    min-height:408px!important;
    max-height:408px!important;
    margin:0 calc(50% - 50vw + 14px)!important;
    padding:20px var(--t5cb-content-side-padding,22px) 34px!important;
    overflow:hidden!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-inner,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-inner{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.62fr)!important;
    gap:clamp(18px,2.4vw,32px)!important;
    align-items:center!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card-shell,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card-shell{
    align-self:center!important;
    width:100%!important;
    max-width:430px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:7px!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-generated-winner-card,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-generated-winner-card{
    height:auto!important;
    min-height:0!important;
    max-height:300px!important;
    padding:11px 13px!important;
    overflow:hidden!important;
  }
  .t5cb-generated-winner-card .t5cb-standalone-badge{
    font-size:10px!important;
    line-height:1!important;
    padding:5px 8px!important;
    margin:0 0 6px!important;
  }
  .t5cb-generated-winner-card h2{
    font-size:clamp(21px,2vw,27px)!important;
    line-height:1.04!important;
    margin:0 0 6px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .t5cb-generated-winner-card .t5cb-generated-winner-best-for{
    font-size:12px!important;
    line-height:1.25!important;
    margin:0 0 7px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .t5cb-generated-winner-score{
    background:#f8fafc!important;
    border:1px solid #e5e7eb!important;
    border-radius:13px!important;
    padding:8px 10px!important;
    margin:0 0 7px!important;
  }
  .t5cb-generated-winner-score-main{
    display:flex!important;
    align-items:flex-end!important;
    gap:3px!important;
    margin-bottom:6px!important;
  }
  .t5cb-generated-winner-score-main > strong{
    font-size:27px!important;
    line-height:.9!important;
    color:#0f172a!important;
  }
  .t5cb-generated-winner-score-main > span{
    font-size:13px!important;
    font-weight:800!important;
    color:#64748b!important;
  }
  .t5cb-generated-winner-score-main > em{
    margin-left:auto!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-style:normal!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    color:#64748b!important;
  }
  .t5cb-generated-winner-score-rows{
    display:grid!important;
    gap:4px!important;
  }
  .t5cb-generated-winner-score-row > div{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    font-size:10px!important;
    line-height:1.15!important;
    color:#334155!important;
  }
  .t5cb-generated-winner-score-row > i{
    display:block!important;
    height:4px!important;
    margin-top:2px!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:#e5e7eb!important;
  }
  .t5cb-generated-winner-score-row > i > b{
    display:block!important;
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,var(--t5cb-primary,#2563eb),var(--t5cb-accent,#22c55e))!important;
  }
  .t5cb-generated-winner-card .t5cb-btn,
  .t5cb-generated-winner-card .t5cb-standalone-btn{
    padding:7px 10px!important;
    font-size:11px!important;
    line-height:1.1!important;
    margin:0!important;
  }
}
@media (max-width:767px){
  .t5cb-generated-comparison-page .t5cb-generated-comparison-hero-wrap,
  .t5cb-generated-comparison-page .t5cb-generated-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .t5cb-generated-comparison-page .t5cb-generated-hero .t5cb-standalone-hero-inner{
    grid-template-columns:1fr!important;
  }
}


/* v1.1.350: definitive generated comparison hero geometry.
   The theme previously retained top padding on the comparison template while
   the generated hero wrapper also supplied its own gap. The same legacy card
   rules could stretch the winner panel beyond the compact hero and position
   its badge against the card edge. These selectors are intentionally tied to
   the generated comparison wrapper and are the final owner of this layout. */
@media (min-width:768px){
  html body.single-t5cb_comparison .pinxs-main,
  html body.t5cb-generated-comparison .pinxs-main,
  html body.single-t5cb_comparison .pinxs-t5-comparison-template,
  html body.t5cb-generated-comparison .pinxs-t5-comparison-template,
  html body.single-t5cb_comparison .pinxs-comparison-content,
  html body.t5cb-generated-comparison .pinxs-comparison-content,
  html body.single-t5cb_comparison main.pinxs-theme-plugin-canvas,
  html body.t5cb-generated-comparison main.pinxs-theme-plugin-canvas{
    margin-top:0!important;
    padding-top:0!important;
  }
  html body.single-t5cb_comparison .pinxs-t5-comparison-template > article.t5cb-generated-comparison-page,
  html body.t5cb-generated-comparison .pinxs-t5-comparison-template > article.t5cb-generated-comparison-page,
  html body.single-t5cb_comparison .pinxs-comparison-content > article.t5cb-generated-comparison-page,
  html body.t5cb-generated-comparison .pinxs-comparison-content > article.t5cb-generated-comparison-page,
  html body.single-t5cb_comparison article.t5cb-generated-comparison-page,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page{
    margin-top:0!important;
    padding-top:0!important;
  }
  html body.single-t5cb_comparison article.t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap,
  html body.t5cb-generated-comparison article.t5cb-generated-comparison-page > .t5cb-generated-comparison-hero-wrap{
    display:block!important;
    width:100%!important;
    height:454px!important;
    min-height:454px!important;
    margin:14px 0 24px!important;
    padding:0!important;
    top:auto!important;
    transform:none!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap > section.t5cb-generated-hero,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap > section.t5cb-generated-hero{
    height:408px!important;
    min-height:408px!important;
    max-height:408px!important;
    margin-top:0!important;
    padding-top:20px!important;
    padding-bottom:34px!important;
    overflow:hidden!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-inner,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-inner{
    height:100%!important;
    align-items:center!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card-shell,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card-shell{
    align-self:center!important;
    justify-self:end!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:410px!important;
    height:auto!important;
    min-height:0!important;
    max-height:318px!important;
    padding:7px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-generated-winner-card,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-generated-winner-card{
    position:relative!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:304px!important;
    margin:0!important;
    padding:12px 14px!important;
    overflow:hidden!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-generated-winner-badge,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-generated-winner-badge{
    position:static!important;
    inset:auto!important;
    display:inline-flex!important;
    width:auto!important;
    max-width:calc(100% - 8px)!important;
    margin:0 0 6px!important;
    padding:5px 9px!important;
    border:1px solid #dbeafe!important;
    border-radius:999px!important;
    background:#eaf2ff!important;
    color:#1d4ed8!important;
    box-shadow:none!important;
    opacity:1!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-winner-card h2,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card h2{
    font-size:clamp(20px,1.8vw,25px)!important;
    line-height:1.04!important;
    margin:0 0 6px!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-generated-winner-best-for,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-generated-winner-best-for{
    font-size:11px!important;
    line-height:1.22!important;
    margin:0 0 6px!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-generated-winner-score,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-generated-winner-score{
    padding:7px 9px!important;
    margin:0 0 6px!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-generated-winner-score-main,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-generated-winner-score-main{
    margin-bottom:4px!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-generated-winner-score-main > strong,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-generated-winner-score-main > strong{
    font-size:25px!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-generated-winner-score-rows,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-generated-winner-score-rows{
    gap:3px!important;
  }
  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-btn,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-btn{
    min-height:36px!important;
    margin:0!important;
    padding:7px 10px!important;
    font-size:11px!important;
  }
}


/* v1.1.351: final generated-comparison hero ownership.
   The active theme has legacy canonical .pinxs-block-hero rules with greater
   specificity that set a 620px minimum height, 68px vertical padding and their
   own 14px top margin. Those rules were overriding the compact comparison
   geometry below tablet/desktop widths. This block targets the exact generated
   comparison markup and owns the stage, gap and winner-card containment. */
@media (min-width:768px){
  html body.single-t5cb_comparison .pinxs-t5-comparison-template > article.t5cb-wrap.t5cb-generated-comparison-page,
  html body.t5cb-generated-comparison .pinxs-t5-comparison-template > article.t5cb-wrap.t5cb-generated-comparison-page,
  html body.single-t5cb_comparison .pinxs-comparison-content > article.t5cb-wrap.t5cb-generated-comparison-page,
  html body.t5cb-generated-comparison .pinxs-comparison-content > article.t5cb-wrap.t5cb-generated-comparison-page{
    margin:0!important;
    padding:0 0 80px!important;
  }

  html body.single-t5cb_comparison .pinxs-t5-comparison-template > article.t5cb-wrap.t5cb-generated-comparison-page > div.t5cb-generated-comparison-hero-wrap,
  html body.t5cb-generated-comparison .pinxs-t5-comparison-template > article.t5cb-wrap.t5cb-generated-comparison-page > div.t5cb-generated-comparison-hero-wrap,
  html body.single-t5cb_comparison .pinxs-comparison-content > article.t5cb-wrap.t5cb-generated-comparison-page > div.t5cb-generated-comparison-hero-wrap,
  html body.t5cb-generated-comparison .pinxs-comparison-content > article.t5cb-wrap.t5cb-generated-comparison-page > div.t5cb-generated-comparison-hero-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:406px!important;
    min-height:406px!important;
    max-height:406px!important;
    margin:14px 0 24px!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
  }

  html body.single-t5cb_comparison .pinxs-t5-comparison-template > article.t5cb-wrap.t5cb-generated-comparison-page > div.t5cb-generated-comparison-hero-wrap > section.pinxs-block-hero.t5cb-generated-hero,
  html body.t5cb-generated-comparison .pinxs-t5-comparison-template > article.t5cb-wrap.t5cb-generated-comparison-page > div.t5cb-generated-comparison-hero-wrap > section.pinxs-block-hero.t5cb-generated-hero,
  html body.single-t5cb_comparison .pinxs-comparison-content > article.t5cb-wrap.t5cb-generated-comparison-page > div.t5cb-generated-comparison-hero-wrap > section.pinxs-block-hero.t5cb-generated-hero,
  html body.t5cb-generated-comparison .pinxs-comparison-content > article.t5cb-wrap.t5cb-generated-comparison-page > div.t5cb-generated-comparison-hero-wrap > section.pinxs-block-hero.t5cb-generated-hero{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    display:flex!important;
    width:calc(100vw - (var(--pinxs-hero-side-gap,14px) * 2))!important;
    max-width:calc(100vw - (var(--pinxs-hero-side-gap,14px) * 2))!important;
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    margin:0 calc(50% - 50vw + var(--pinxs-hero-side-gap,14px))!important;
    padding:20px var(--pinxs-content-side-padding,22px) 28px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap > section.pinxs-block-hero.t5cb-generated-hero .t5cb-standalone-hero-inner,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap > section.pinxs-block-hero.t5cb-generated-hero .t5cb-standalone-hero-inner{
    width:100%!important;
    max-width:var(--pinxs-max,1180px)!important;
    height:100%!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr)!important;
    gap:30px!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }

  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card-shell,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-standalone-hero-card-shell{
    align-self:center!important;
    justify-self:end!important;
    width:100%!important;
    max-width:410px!important;
    height:auto!important;
    min-height:0!important;
    max-height:292px!important;
    margin:0!important;
    padding:7px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.single-t5cb_comparison .t5cb-generated-comparison-hero-wrap .t5cb-generated-winner-card,
  html body.t5cb-generated-comparison .t5cb-generated-comparison-hero-wrap .t5cb-generated-winner-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:278px!important;
    margin:0!important;
    padding:11px 14px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.single-t5cb_comparison .t5cb-generated-winner-card h2,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card h2{
    font-size:clamp(19px,1.65vw,23px)!important;
    line-height:1.03!important;
    margin:0 0 5px!important;
  }

  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-generated-winner-best-for,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-generated-winner-best-for{
    font-size:10.5px!important;
    line-height:1.18!important;
    margin:0 0 5px!important;
  }

  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-generated-winner-score,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-generated-winner-score{
    margin:0 0 5px!important;
    padding:6px 8px!important;
  }

  html body.single-t5cb_comparison .t5cb-generated-winner-card .t5cb-btn,
  html body.t5cb-generated-comparison .t5cb-generated-winner-card .t5cb-btn{
    min-height:34px!important;
    padding:6px 10px!important;
    font-size:10.5px!important;
  }
}

/* v1.1.353: generated comparison content inside the shared page hero shell. */
.t5cb-standalone-hero-comparison .t5cb-standalone-hero-inner{
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.78fr)!important;
  gap:clamp(24px,3vw,44px)!important;
}
.t5cb-standalone-hero-comparison .t5cb-standalone-hero-copy > p{
  max-width:780px!important;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.t5cb-standalone-hero-comparison .t5cb-standalone-hero-card-shell{
  align-self:center!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.t5cb-standalone-hero-comparison .t5cb-standalone-hero-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:18px 20px!important;
  overflow:visible!important;
}
.t5cb-standalone-hero-comparison .t5cb-side-card-badge{
  margin-bottom:10px!important;
  padding:6px 11px!important;
  font-size:10px!important;
}
.t5cb-standalone-hero-comparison .t5cb-standalone-hero-card-heading-row{
  padding-right:64px!important;
  margin-bottom:7px!important;
}
.t5cb-standalone-hero-comparison .t5cb-standalone-hero-card-heading-row h2{
  font-size:clamp(21px,2vw,28px)!important;
  line-height:1.08!important;
  margin:0!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.t5cb-standalone-hero-comparison .t5cb-comparison-hero-best-for{
  margin:0 0 10px!important;
  font-size:13px!important;
  line-height:1.35!important;
  color:#59708f!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.t5cb-comparison-hero-scorecard{
  margin:0 0 11px!important;
  padding:10px 12px!important;
  border:1px solid rgba(39,92,165,.15)!important;
  border-radius:16px!important;
  background:#f7f9fc!important;
  box-shadow:none!important;
}
.t5cb-comparison-hero-score-main{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:7px!important;
}
.t5cb-comparison-hero-score-main > span{
  display:flex!important;
  align-items:flex-end!important;
  gap:3px!important;
}
.t5cb-comparison-hero-score-main strong{
  font-size:29px!important;
  line-height:.9!important;
  color:#101a2d!important;
}
.t5cb-comparison-hero-score-main em{
  font-style:normal!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#60728f!important;
}
.t5cb-comparison-hero-score-main b{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#60728f!important;
}
.t5cb-comparison-hero-score-rows{
  display:grid!important;
  gap:5px!important;
}
.t5cb-comparison-hero-score-row{
  display:grid!important;
  grid-template-columns:minmax(72px,.75fr) minmax(70px,1fr) 26px!important;
  align-items:center!important;
  gap:7px!important;
  font-size:10px!important;
  line-height:1.1!important;
  color:#26354d!important;
}
.t5cb-comparison-hero-score-row > span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.t5cb-comparison-hero-score-row > div{
  height:5px!important;
  border-radius:999px!important;
  background:#e4e9f1!important;
  overflow:hidden!important;
}
.t5cb-comparison-hero-score-row > div i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#2364ff,#21c66b)!important;
}
.t5cb-comparison-hero-score-row > strong{
  text-align:right!important;
  font-size:10px!important;
  color:#17243b!important;
}
.t5cb-comparison-hero-cta{
  display:inline-flex!important;
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
  background:#2364ff!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
  align-items:center!important;
  justify-content:center!important;
}
@media (max-width:900px){
  .t5cb-standalone-hero-comparison .t5cb-standalone-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(300px,.82fr)!important;
    gap:20px!important;
  }
  .t5cb-standalone-hero-comparison .t5cb-standalone-hero-copy > p{
    -webkit-line-clamp:4;
  }
  .t5cb-standalone-hero-comparison .t5cb-standalone-hero-card{
    padding:15px 16px!important;
  }
}
@media (max-width:619px){
  .t5cb-standalone-hero-comparison .t5cb-standalone-hero-inner{
    grid-template-columns:1fr!important;
  }
  .t5cb-standalone-hero-comparison .t5cb-standalone-hero-copy > p{
    display:block;
  }
}

/* v1.1.354 — unified comparison hero content.
   Normal and saved-search comparison pages now use the standard shared page
   hero geometry. These rules style only the optional scorecard content inside
   that shared side card; they do not own hero spacing, height or columns. */
.t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-card{
  overflow:hidden;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-best-for{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin:6px 0 10px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-scorecard{
  margin:0 0 10px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-main{
  margin-bottom:7px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-row{
  grid-template-columns:minmax(72px,auto) 1fr auto!important;
  gap:8px!important;
  min-height:20px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-cta{
  margin-top:0!important;
}

/* v1.1.356: balanced shared comparison hero content and compact scorecard.
   These rules do not create another hero system; they only format comparison
   content passed into the existing shared sitewide hero renderer. */
.t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-copy > p{
  max-width:720px!important;
  line-height:1.42!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  margin-bottom:12px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-card{
  padding:16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:0!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-side-card-badge{
  margin:0 0 9px!important;
  padding:6px 11px!important;
  font-size:10px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-card-heading-row{
  margin:0 0 6px!important;
  padding-right:66px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-card-heading-row h2{
  font-size:clamp(20px,1.8vw,25px)!important;
  line-height:1.08!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-best-for{
  margin:0 0 9px!important;
  font-size:12px!important;
  line-height:1.32!important;
  -webkit-line-clamp:2!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-scorecard{
  margin:0 0 9px!important;
  padding:9px 11px!important;
  border-radius:14px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-main{
  margin:0 0 7px!important;
  align-items:center!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-main strong{
  font-size:27px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-rows{
  display:grid!important;
  gap:6px!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-row{
  display:grid!important;
  grid-template-columns:minmax(70px,92px) minmax(70px,1fr) 24px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1.1!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-row > span{
  display:block!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-row > div{
  display:block!important;
  width:100%!important;
  height:5px!important;
  margin:0!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-row > strong{
  display:block!important;
  margin:0!important;
  text-align:right!important;
  font-size:10px!important;
  line-height:1!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-cta{
  min-height:34px!important;
  margin:0!important;
  padding:7px 12px!important;
  font-size:10.5px!important;
}
@media (max-width:900px){
  .t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-copy > p{
    -webkit-line-clamp:4!important;
  }
  .t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-card{
    padding:14px 15px!important;
  }
}
@media (max-width:619px){
  .t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-copy > p{
    display:block!important;
    overflow:visible!important;
  }
}


/* v1.1.357: definitive compact comparison scorecard layout.
   Use dedicated child classes so older generic hero/card selectors cannot move
   score labels, bars or values onto separate lines. */
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-scorecard{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 10px!important;
  padding:12px 14px!important;
  background:#f7f9fc!important;
  border:1px solid rgba(39,92,165,.16)!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-main{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:0!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-main > span{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-rows{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-row{
  display:grid!important;
  grid-template-columns:minmax(86px,110px) minmax(90px,1fr) 32px!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-score-label{
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:#26354d!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-score-track{
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  height:6px!important;
  margin:0!important;
  padding:0!important;
  border-radius:999px!important;
  background:#e3e9f1!important;
  overflow:hidden!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-score-track > i{
  display:block!important;
  width:0;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#2364ff,#21c66b)!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-comparison-score-value{
  display:block!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.2!important;
  color:#17243b!important;
}
.t5cb-shared-page-hero-scorecard .t5cb-standalone-hero-card{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
@media (max-width:619px){
  .t5cb-shared-page-hero-scorecard .t5cb-comparison-hero-score-row{
    grid-template-columns:minmax(78px,100px) minmax(70px,1fr) 30px!important;
    column-gap:8px!important;
  }
}

/* v1.1.365 - show the actual comparison links represented by each category count. */
.t5cb-category-directory-children .t5cb-category-directory-comparison{
  background:#eaf1ff;
  border-color:#c7d9ff;
  color:#163b8f!important;
}
.t5cb-category-directory-children .t5cb-category-directory-comparison::before{
  content:"→";
  font-weight:900;
  margin-right:4px;
}
.t5cb-category-directory-children .t5cb-category-directory-comparison:hover{
  background:#dce8ff;
  border-color:#a9c4ff;
}


/* v1.1.396: definitive shared Blog/About hero spacing and compact About content rhythm.
   The About pattern uses the same shared hero renderer as Blog. Put the 14px gap
   on the renderer wrapper rather than on the child section so margins cannot
   collapse through the normal page canvas. Existing saved About pages are fixed
   at render time because the wrapper class is supplied by the block callback. */
body:not(.block-editor-page) .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap,
.editor-styles-wrapper .t5cb-shared-blog-hero-wrap {
  margin:0 !important;
  padding:var(--pinxs-t5-saved-hero-top-gap, var(--pinxs-page-top-gap, 14px)) 0 0 !important;
  box-sizing:border-box !important;
}
body:not(.block-editor-page) .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
.editor-styles-wrapper .t5cb-shared-blog-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero {
  margin-top:0 !important;
}

/* The About pattern previously combined the Group block's inherited block gap
   with a hard-coded 34px margin on every dynamic section. That doubled the visual
   spacing. Keep one compact spacing owner for both existing and newly inserted pages. */
body:not(.block-editor-page) .t5cb-about-pattern-shell.wp-block-group,
.editor-styles-wrapper .t5cb-about-pattern-shell.wp-block-group {
  --wp--style--block-gap:0px !important;
  gap:0 !important;
  margin-top:20px !important;
  margin-bottom:0 !important;
}
body:not(.block-editor-page) .t5cb-about-pattern-shell.wp-block-group > .t5cb-about-section,
.editor-styles-wrapper .t5cb-about-pattern-shell.wp-block-group > .t5cb-about-section {
  margin-top:0 !important;
  margin-bottom:20px !important;
}
body:not(.block-editor-page) .t5cb-about-pattern-shell.wp-block-group > .t5cb-about-section:last-child,
.editor-styles-wrapper .t5cb-about-pattern-shell.wp-block-group > .t5cb-about-section:last-child {
  margin-bottom:0 !important;
}


/* v1.1.398: preserve the established Blog Archive full-width breakout.
   The About page uses the same shared hero block, but only spacing should be
   overridden here. Width, max-width and horizontal positioning remain owned by
   the existing shared hero layout so the Blog Archive cannot shift off-screen. */
body:not(.block-editor-page) .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap,
.editor-styles-wrapper .t5cb-shared-blog-hero-wrap {
  margin-block-start:0!important;
  margin-block-end:0!important;
  padding-top:var(--pinxs-t5-saved-hero-top-gap,var(--pinxs-page-top-gap,14px))!important;
  padding-right:0!important;
  padding-bottom:0!important;
  padding-left:0!important;
  box-sizing:border-box!important;
}
body:not(.block-editor-page) .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
.editor-styles-wrapper .t5cb-shared-blog-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero {
  margin-top:0!important;
}

/* Keep the corrected About page section rhythm without affecting Blog Archive geometry. */
body:not(.block-editor-page) .t5cb-about-pattern-shell.wp-block-group,
body:not(.block-editor-page).pinxs-top5-theme .t5cb-about-pattern-shell.wp-block-group,
.editor-styles-wrapper .t5cb-about-pattern-shell.wp-block-group {
  --wp--style--block-gap:0px!important;
  margin-block-start:16px!important;
  margin-block-end:0!important;
  padding-block:0!important;
  row-gap:0!important;
}
body:not(.block-editor-page) .t5cb-about-pattern-shell.wp-block-group > *,
body:not(.block-editor-page).pinxs-top5-theme .t5cb-about-pattern-shell.wp-block-group > *,
.editor-styles-wrapper .t5cb-about-pattern-shell.wp-block-group > * {
  margin-block-start:0!important;
  margin-block-end:0!important;
}
body:not(.block-editor-page) .t5cb-about-pattern-shell .t5cb-about-section,
body:not(.block-editor-page).pinxs-top5-theme .t5cb-about-pattern-shell .t5cb-about-section,
.editor-styles-wrapper .t5cb-about-pattern-shell .t5cb-about-section {
  margin:0 auto 18px!important;
  padding:0!important;
}
body:not(.block-editor-page) .t5cb-about-pattern-shell .t5cb-about-section:last-child,
body:not(.block-editor-page).pinxs-top5-theme .t5cb-about-pattern-shell .t5cb-about-section:last-child,
.editor-styles-wrapper .t5cb-about-pattern-shell .t5cb-about-section:last-child {
  margin-bottom:0!important;
}


/* v1.1.399: centre the shared Blog/About full-width hero against the viewport.
   The legacy calc-based negative margins resolve against different page canvas
   widths on the Blog Archive and can push the hero beyond the left edge. Keep
   the established full-width panel, but position its centre on the centred page
   canvas so both viewport edges retain the same 14px inset. */
@media (min-width:1101px){
  body:not(.block-editor-page) .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero,
  body:not(.block-editor-page).pinxs-top5-theme .pinxs-editor-content-page > .t5cb-shared-blog-hero-wrap > section.t5cb-standalone-hero.t5cb-manual-hero{
    position:relative!important;
    left:50%!important;
    right:auto!important;
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }
}