/**
 * Menypriser Sverige v1.0.7 — pixel design from fiyatmenu.com
 * cm-* article classes + cmx-* header + cm-footnav + ch-* homepage modules.
 * Blue #27408b/#4169e1 / yellow #ffcc00 / ink #1A202C. No blue.
 */

/* --------------------------------------------------------------------------
 * Base + mobile safety
 * ------------------------------------------------------------------------ */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#19191b}
html,body{overflow-x:clip}

/* Dölj Hello Elementors eget sidhuvud/sidfot samt Elementors turkiska
   sidfotsmall (#colophon) — pluginet renderar egna. */
.site-header,#site-header,#masthead,#site-footer,#colophon{display:none!important}
/* Dölj temats sidtitel ("Hem") ovanför heron på startsidan. */
.home .page-header{display:none!important}

/* Varumärkets standardlänkfärg. "body a" (0-0-2) slår Hello Elementors
   rosa a-regel (0-0-1) oavsett laddordning. */
body a{color:#4169e1;text-decoration:underline;text-underline-offset:2px}
a:hover{color:#27408b}

/* --------------------------------------------------------------------------
 * Sidhuvud — rött sticky cmx-header (verbatim från turkiye-header)
 * ------------------------------------------------------------------------ */
.cmx-site-header{background:#27408b;position:-webkit-sticky;position:sticky;top:0;z-index:999}
body.admin-bar .cmx-site-header{top:32px}
.cmx-hdr-inner{max-width:1140px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding:14px 16px}
.cmx-logo{color:#ffffff;font-style:italic;font-weight:700;font-size:24px;line-height:1.2;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:11px}
.cmx-logo:hover{color:#ffcc00;text-decoration:none}
.cmx-logo-icon{flex-shrink:0;width:36px;height:36px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.cmx-burger{display:none!important;background:none;border:0;cursor:pointer;padding:10px;flex-shrink:0}
.cmx-burger span{display:block;width:24px;height:3px;background:#ffffff;border-radius:2px;margin:5px 0;transition:transform .25s ease,opacity .25s ease}
.cmx-nav{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:flex-end;align-items:center;list-style:none;margin:0;padding:0}
.cmx-nav a{color:#ffffff;font-style:italic;font-weight:600;font-size:15px;text-decoration:none}
.cmx-nav a:hover{color:#ffcc00}

/* Yazar künyesi: avatar-rozett på alla inlägg */
.cm-byline{display:flex;align-items:center;gap:12px;margin-top:34px;padding-top:20px;border-top:1px solid #EDF2F7}
.cm-byline::before{content:"";flex-shrink:0;width:46px;height:46px;border-radius:50%;background:#27408b url(../img/hugo-persson.jpg) center/cover no-repeat}
.cm-byline em{font-style:normal;color:#4A5568;font-size:14px;line-height:1.5}

/* Breadcrumb: ovanför rubriken */
.cm-crumb{font-size:13px;color:#718096;margin:0 0 16px;line-height:1.6}
.cm-crumb a{color:#718096;text-decoration:none}
.cm-crumb a:hover{color:#27408b;text-decoration:underline}
.cm-crumb .cm-crumb-sep{margin:0 8px;color:#CBD5E0}
.cm-crumb [aria-current="page"]{color:#4A5568;font-weight:600}

/* Ankarmål under det fasta sidhuvudet */
.cm-h2,.cm-pill,.cm-faq,.cm-toc,.cm-infobox{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
 * Sidfot — röd, 3 kolumner (logotyp+namn | cm-footnav | copyright)
 * ------------------------------------------------------------------------ */
.se-footer{background:#27408b;color:#ffffff;margin-top:64px}
.se-footer-inner{max-width:1140px;margin:0 auto;padding:26px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap}
.se-footer-brand a{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.se-footer-brand img{width:44px;height:44px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.se-footer-brand span{color:#F7FAFC;font-style:italic;font-weight:700;font-size:22px;line-height:1.2}
.se-footer-brand a:hover span{color:#ffcc00}
.se-footer nav{flex:1 1 auto;display:flex;justify-content:center}
.cm-footnav{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;list-style:none;margin:0;padding:0}
.cm-footnav a{color:#fff;font-style:italic;font-weight:600;font-size:15px;text-decoration:none}
.cm-footnav a:hover{color:#ffcc00}
.se-footer-copy{margin:0;color:#ffffff;font-size:14px;text-align:right;line-height:1.5}

/* --------------------------------------------------------------------------
 * Artikelklasser — cm-* (verbatim från article-style.css)
 * ------------------------------------------------------------------------ */
.cm-h2{color:#1A202C;font-weight:700;font-size:28px;text-align:center;margin:38px 0 20px;line-height:1.4}
.cm-pill{background:linear-gradient(135deg,#4169e1,#27408b);color:#fff;font-weight:700;font-size:23px;text-align:center;border-radius:76px 85px 87px;padding:12px 26px;margin:32px 0 18px;line-height:1.4}
.cm-lead{font-size:18px;line-height:1.7}
.cm-fig{margin:6px 0 24px}
.cm-fig img{width:100%;height:auto;border-radius:8px;display:block}
.cm-miss{text-align:center;font-weight:700;font-size:17px;margin:28px 0;line-height:1.6}
.cm-miss a{color:#4169e1;text-decoration:underline}
.cm-miss a:hover{color:#a80000}
.cm-toc{margin:28px 0;text-align:center}
.cm-toc summary{display:inline-block;background:#27408b;color:#fff;font-weight:700;font-size:17px;padding:13px 36px;border-radius:999px;cursor:pointer;list-style:none}
.cm-toc summary::-webkit-details-marker{display:none}
.cm-toc summary::before{content:"\2630  "}
.cm-toc summary:hover{background:#1e3a8a}
.cm-toc-box{background:#27408b;border:1px solid #ffcc00;border-radius:18px;padding:24px 32px;margin-top:16px;text-align:left}
.cm-toc-title{color:#fff;font-weight:700;font-size:19px;margin:0 0 12px}
.cm-toc-box ol{margin:0;padding-left:24px;color:#fff}
.cm-toc-box ol ol{padding-left:22px;margin-top:4px}
.cm-toc-box li{margin:6px 0;color:#fff}
.cm-toc-box a{color:#fff;text-decoration:none;font-weight:600}
.cm-toc-box a:hover{color:#ffcc00}
.cm-table{width:100%;border-collapse:separate;border-spacing:0;margin:4px 0 30px;font-size:16px;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(39,64,139,.12)}
.cm-table thead th,.cm-table th{background:linear-gradient(135deg,#4169e1,#27408b);color:#fff;font-weight:800;text-align:left;padding:14px 16px;border:none}
.cm-table td{padding:12px 16px;border:none;color:#1A202C}
.cm-table tbody tr:nth-child(odd){background:#fff}
.cm-table tbody tr:nth-child(even){background:#EEF3FF}
.cm-table tbody tr:hover{background:#FFF8DC}
.cm-table td:last-child{font-weight:800;color:#27408b;background:#FFF4CC}
.cm-table tbody tr:nth-child(even) td:last-child{background:#FFEEB0}
.cm-table td:last-child,.cm-table th:last-child{text-align:center;white-space:nowrap}
.cm-table th,.cm-table td{overflow-wrap:anywhere}
.cm-btn{display:inline-block;background:#27408b;color:#fff!important;font-weight:700;font-size:16px;padding:13px 32px;border-radius:999px;text-decoration:none;margin:8px 6px 8px 0}
.cm-btn:hover{background:#1e3a8a}
.cm-btn-center{text-align:center;margin:28px 0}
.cm-infobox{border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;margin:30px 0}
.cm-infobox-head{background:#27408b;color:#fff;font-weight:700;text-align:center;padding:13px;font-size:18px;margin:0}
.cm-infobox-body{padding:18px 24px;line-height:1.65}
.cm-infobox-body ul{margin:0;padding-left:20px}
.cm-infobox-body li{margin:9px 0}
.cm-faq{border:1px solid #27408b;border-radius:14px;overflow:hidden;margin:32px 0}
.cm-faq-head{background:#27408b;color:#fff;font-weight:700;font-size:20px;text-align:center;padding:14px;margin:0}
.cm-faq details{border-bottom:1px solid #f3d9d9}
.cm-faq details:last-child{border-bottom:none}
.cm-faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#27408b;color:#fff;font-weight:700;font-size:16px;line-height:1.45;padding:14px 20px;cursor:pointer;list-style:none;border-radius:10px;margin:10px}
.cm-faq summary::-webkit-details-marker{display:none}
.cm-faq summary::after{content:"+";font-size:24px;font-weight:700;flex-shrink:0}
.cm-faq details[open] summary::after{content:"\2212"}
.cm-faq .cm-a{padding:2px 24px 22px;color:#19191b;line-height:1.65;margin:0}
.cm-verdict{border:2px solid #38B2AC;border-radius:12px;padding:20px 26px;margin:30px 0;line-height:1.7;font-size:17px}
.cm-sim{margin:36px 0 10px}
.cm-sim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.cm-sim-card{border:1px solid #E2E8F0;border-radius:10px;overflow:hidden;text-decoration:none;display:block}
.cm-sim-card img{width:100%;height:150px;object-fit:cover;display:block}
.cm-sim-card span{display:block;padding:12px 14px;color:#1A202C;font-weight:700;font-size:15px;line-height:1.4}
.cm-sim-card:hover span{color:#27408b}
@media(max-width:767px){
  .cm-sim-grid{grid-template-columns:1fr}
  .cm-pill{font-size:19px}
  .cm-h2{font-size:24px}
}

/* --------------------------------------------------------------------------
 * Startsidemoduler — ch-* (verbatim från fiyatmenus startsida)
 * ------------------------------------------------------------------------ */
.ch-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.ch-sec{padding:64px 0}
.ch-wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.ch-hero{background:linear-gradient(135deg,#4169e1 0%,#27408b 100%);position:relative;overflow:hidden}
.ch-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1.5px,transparent 1.6px);background-size:26px 26px;pointer-events:none}
.ch-hero-inner{position:relative;max-width:840px;margin:0 auto;text-align:center}
.ch-badge{display:inline-block;background:#ffcc00;color:#1A202C;font-weight:800;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:9px 22px;border-radius:999px;margin-bottom:24px}
.ch-hero h1{color:#ffffff;font-size:46px;font-weight:800;line-height:1.15;margin:0 0 18px}
.ch-sub{color:rgba(255,255,255,.93);font-size:18px;line-height:1.6;margin:0 0 30px}
.ch-search{display:flex;background:#ffffff;border-radius:999px;padding:6px;box-shadow:0 18px 44px rgba(0,0,0,.28);max-width:620px;margin:0 auto}
.ch-search input{flex:1;border:0;outline:0;font-size:16px;padding:12px 22px;border-radius:999px;min-width:0;background:transparent}
.ch-search button{background:#4169e1;color:#fff;border:0;font-weight:700;font-size:16px;padding:13px 34px;border-radius:999px;cursor:pointer;white-space:nowrap}
.ch-search button:hover{background:#27408b}
.ch-tags{margin:22px 0 0;color:rgba(255,255,255,.85);font-size:14px}
.ch-tags a{display:inline-block;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:7px 16px;margin:4px;font-size:14px;font-weight:600}
.ch-tags a:hover{background:#ffcc00;border-color:#ffcc00;color:#1A202C}
.ch-kicker{color:#dd0000;font-weight:800;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 10px;text-align:center}
.ch-title{color:#1A202C;font-size:34px;font-weight:800;margin:0 0 10px;text-align:center;line-height:1.25}
.ch-sub2{color:#4A5568;font-size:16px;text-align:center;margin:0 0 38px}
.ch-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
/* Skydd: wpautop kan lägga <br> mellan tiles — de får aldrig bli grid-celler. */
.ch-cat-grid br{display:none}
.ch-cat{position:relative;border-radius:16px;overflow:hidden;display:block;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.10);aspect-ratio:4/3;background:#eee;min-width:0;max-width:none;margin:0;justify-self:stretch}
.ch-cat img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.ch-cat:hover img{transform:scale(1.08)}
.ch-cat span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;color:#fff;font-weight:800;font-size:20px;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.58));text-shadow:0 2px 8px rgba(0,0,0,.45)}
.ch-feat{display:grid;grid-template-columns:1.9fr 1fr;gap:26px}
.ch-feat-main{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.10);text-decoration:none;display:block;transition:transform .35s ease,box-shadow .35s ease}
.ch-feat-main:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(0,0,0,.14)}
.ch-feat-img{position:relative}
.ch-feat-img img{width:100%;height:340px;object-fit:cover;display:block}
.ch-feat-badge{position:absolute;top:16px;left:16px;background:#ffcc00;color:#1A202C;font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:8px 15px;border-radius:999px}
.ch-feat-body{padding:26px 30px 30px}
.ch-feat-body h3{margin:0 0 10px;font-size:26px;font-weight:800;color:#1A202C;line-height:1.3}
.ch-feat-main:hover .ch-feat-body h3{color:#dd0000}
.ch-feat-body p{color:#4A5568;font-size:15px;line-height:1.65;margin:0 0 18px}
.ch-feat-meta{display:flex;align-items:center;justify-content:space-between}
.ch-feat-meta time{color:#718096;font-size:13px}
.ch-more{color:#dd0000;font-weight:700;font-size:15px}
.ch-minis{display:flex;flex-direction:column;gap:14px}
.ch-mini{display:flex;gap:14px;background:#fff;border-radius:14px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.07);transition:transform .3s ease,box-shadow .3s ease;align-items:center;padding:10px}
.ch-mini:hover{transform:translateX(5px);box-shadow:0 10px 26px rgba(0,0,0,.11)}
.ch-mini img{width:112px;height:84px;object-fit:cover;border-radius:10px;flex-shrink:0}
.ch-mini small{color:#dd0000;font-weight:800;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
.ch-mini b{color:#1A202C;font-size:15px;line-height:1.4;display:block;font-weight:700}
.ch-mini:hover b{color:#dd0000}
.ch-stats{background:#1A202C;border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:40px 30px;text-align:center}
.ch-stat b{display:block;color:#ffcc00;font-size:40px;font-weight:800;line-height:1.1}
.ch-stat span{color:#CBD5E0;font-size:14px}
.ch-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ch-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);text-decoration:none;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}
.ch-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.13)}
.ch-card img{width:100%;height:190px;object-fit:cover;display:block}
.ch-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.ch-card small{color:#dd0000;font-weight:800;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.ch-card h3{margin:8px 0;font-size:19px;font-weight:800;color:#1A202C;line-height:1.35}
.ch-card:hover h3{color:#dd0000}
.ch-card p{color:#4A5568;font-size:14px;line-height:1.6;margin:0 0 16px;flex:1}
.ch-card-foot{display:flex;justify-content:space-between;align-items:center}
.ch-card-foot time{color:#718096;font-size:13px}
.ch-cta{background:linear-gradient(135deg,#dd0000,#9a0000);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;padding:34px 26px;min-height:300px;transition:transform .35s ease}
.ch-cta:hover{transform:translateY(-6px)}
.ch-cta b{color:#fff;font-size:23px;font-weight:800;text-align:center;margin-bottom:16px;line-height:1.35}
.ch-cta span{background:#ffcc00;color:#1A202C;font-weight:800;padding:13px 28px;border-radius:999px;font-size:15px}
.ch-trend{display:flex;flex-direction:column;gap:14px;max-width:880px;margin:0 auto}
.ch-tr{display:flex;align-items:center;gap:20px;background:#fff;border-radius:14px;padding:14px 22px 14px 14px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}
.ch-tr:hover{transform:translateX(6px);box-shadow:0 10px 26px rgba(0,0,0,.10)}
.ch-tr i{font-style:normal;font-size:42px;font-weight:800;color:#ffcc00;min-width:66px;text-align:center;-webkit-text-stroke:1.2px #dd0000}
.ch-tr img{width:98px;height:74px;object-fit:cover;border-radius:10px;flex-shrink:0}
.ch-tr b{color:#1A202C;font-size:17px;flex:1;font-weight:700}
.ch-tr:hover b{color:#dd0000}
.ch-tr em{font-style:normal;color:#dd0000;font-weight:800;font-size:20px}
.ch-nl{background:linear-gradient(135deg,#4169e1 0%,#27408b 100%);border-radius:24px;padding:56px 40px;text-align:center;position:relative;overflow:hidden}
.ch-nl::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1.5px,transparent 1.6px);background-size:24px 24px;pointer-events:none}
.ch-nl-inner{position:relative;max-width:580px;margin:0 auto}
.ch-nl h2{color:#fff;font-size:30px;font-weight:800;margin:0 0 12px}
.ch-nl p{color:rgba(255,255,255,.92);margin:0 0 26px;font-size:16px}
.ch-nl-form{display:flex;background:#fff;border-radius:999px;padding:6px;max-width:480px;margin:0 auto}
.ch-nl-form input{flex:1;border:0;outline:0;padding:12px 22px;font-size:15px;border-radius:999px;min-width:0;background:transparent}
.ch-nl-form button{background:#ffcc00;color:#1A202C;border:0;font-weight:800;padding:13px 30px;border-radius:999px;cursor:pointer;font-size:15px;white-space:nowrap}
.ch-nl-form button:hover{background:#ffd633}
.ch-nl-ok{color:#ffcc00;font-weight:700;font-size:18px;margin:0}

/* --------------------------------------------------------------------------
 * Specificitets-härdning mot Hello Elementors reset.css (rosa #c36!)
 * Dubbla klass-selektorer (0-2-0+) slår alltid temats [type=submit]/button.
 * ------------------------------------------------------------------------ */
.ch-search .ch-search-input,
.ch-search input[type="search"]{flex:1 1 auto;width:auto;min-width:0;border:0;outline:0;font-size:16px;padding:12px 22px;border-radius:999px;background:transparent;color:#19191b}
.ch-search .ch-search-button,
.ch-search button[type="submit"]{flex:0 0 auto;width:auto;background:#4169e1;color:#ffffff;border:0;font-weight:700;font-size:16px;padding:13px 34px;border-radius:999px;cursor:pointer;white-space:nowrap}
.ch-search .ch-search-button:hover,
.ch-search button[type="submit"]:hover{background:#27408b;color:#ffffff}
.ch-nl-form .ch-nl-input,
.ch-nl-form input[type="email"]{flex:1 1 auto;width:auto;min-width:0;border:0;outline:0;padding:12px 22px;font-size:15px;border-radius:999px;background:transparent;color:#19191b}
.ch-nl-form .ch-nl-button,
.ch-nl-form button[type="submit"]{flex:0 0 auto;width:auto;background:#ffcc00;color:#1A202C;border:0;font-weight:800;padding:13px 30px;border-radius:999px;cursor:pointer;font-size:15px;white-space:nowrap}
.ch-nl-form .ch-nl-button:hover,
.ch-nl-form button[type="submit"]:hover{background:#ffd633}

/* --------------------------------------------------------------------------
 * Mobil
 * ------------------------------------------------------------------------ */
@media(max-width:900px){
  .ch-feat{grid-template-columns:1fr}
  .ch-cards{grid-template-columns:repeat(2,1fr)}
  .ch-cat-grid{grid-template-columns:repeat(2,1fr)}
  .ch-stats{grid-template-columns:repeat(2,1fr);gap:26px}
  .ch-hero h1{font-size:34px}
  .ch-title{font-size:28px}
  .se-footer-inner{justify-content:center;text-align:center}
  .se-footer-copy{text-align:center}
}
@media(max-width:767px){
  .cmx-hdr-inner{flex-wrap:nowrap;padding:10px 12px;gap:8px}
  .cmx-logo{font-size:19px}
  .cmx-logo-icon{width:30px;height:30px}
  .cmx-burger{display:block!important}
  .cmx-nav-wrap{display:none;position:absolute;top:100%;left:0;right:0;background:#1e3a8a;box-shadow:0 18px 30px rgba(0,0,0,.25)}
  .cmx-site-header.cmx-open .cmx-nav-wrap{display:block}
  .cmx-nav{flex-direction:column;align-items:stretch;gap:0;padding:8px 0 12px}
  .cmx-nav li{border-top:1px solid rgba(255,255,255,.14)}
  .cmx-nav li:first-child{border-top:0}
  .cmx-nav a{display:block;padding:13px 20px;font-size:16px;font-style:normal}
  .cmx-site-header.cmx-open .cmx-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .cmx-site-header.cmx-open .cmx-burger span:nth-child(2){opacity:0}
  .cmx-site-header.cmx-open .cmx-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .cm-footnav{flex-direction:column;align-items:stretch;gap:0;text-align:center}
  .cm-footnav li{border-top:1px solid rgba(255,255,255,.14)}
  .cm-footnav li:first-child{border-top:0}
  .cm-footnav a{display:block;padding:13px 10px;font-size:16px;font-style:normal}
}
@media(max-width:600px){
  .ch-cards{grid-template-columns:1fr}
  .ch-search{flex-direction:column;border-radius:22px}
  .ch-nl-form{flex-direction:column;border-radius:22px}
  .ch-tr i{font-size:32px;min-width:48px}
  .ch-tr img{width:76px;height:60px}
}
@media(max-width:782px){
  body.admin-bar .cmx-site-header{top:46px}
}
/* Veckans jämförelse – VS face-off (autop-säker: inga radbrytningar i HTML:en). */
.ch-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:0 6px;align-items:stretch;max-width:960px;margin:0 auto}
.ch-vs-badge{align-self:center;justify-self:center;width:64px;height:64px;border-radius:50%;background:#ffcc00;color:#1A202C;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:2}
.ch-vs-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.10);text-decoration:none;display:block;transition:transform .3s ease}
.ch-vs-card:hover{transform:translateY(-5px)}
.ch-vs-card img{width:100%;height:210px;object-fit:cover;display:block}
.ch-vs-body{padding:22px 24px 24px;text-align:center}
.ch-vs-body h3{margin:0 0 8px;font-size:22px;font-weight:800;color:#1A202C}
.ch-vs-price{margin:0 0 14px;font-size:17px;font-weight:800;color:#4169e1}
.ch-vs-link{color:#dd0000;font-weight:700;font-size:15px}
.ch-vs-cta{text-align:center;margin-top:28px}
.ch-vs-cta a{display:inline-block;background:#4169e1;color:#fff;font-weight:700;font-size:16px;padding:14px 36px;border-radius:999px;text-decoration:none}
.ch-vs-cta a:hover{background:#27408b}
@media(max-width:700px){.ch-vs{grid-template-columns:1fr;gap:18px}.ch-vs-badge{margin:2px auto}}

/* Header/footer länkar förblir vita trots body a!important-regeln. */
.cmx-site-header a,.se-footer a{color:#fff!important}
.cmx-logo:hover,.cmx-nav a:hover,.cm-footnav a:hover,.se-footer-brand a:hover span{color:#ffcc00!important}