/* Pricing v2 – SMS slider + Grunnleggerpris (Havbris) */
#pris .pp-founder{display:flex;gap:14px;align-items:flex-start;background:#F7E7C6;color:#0D4A57;border-radius:18px;padding:14px 18px;margin:0 0 18px}
#pris .pp-founder p{margin:0;font-size:15px;line-height:1.5}
#pris .pp-badge{flex:none;background:#0D4A57;color:#fff;border-radius:999px;padding:5px 12px;font-family:Jost,sans-serif;font-weight:600;font-size:14px;white-space:nowrap}
#pris .pp-slider{margin:18px 0 22px}
#pris .pp-slider label{display:block;font-size:16px;margin-bottom:8px}
#pris .pp-slider label b{font-family:Jost,sans-serif;font-size:22px;color:#0D4A57;margin-left:6px}
#pris .pp-slider input[type=range]{width:100%;accent-color:#0D4A57;height:28px;cursor:pointer}
#pris .pp-ticks{display:flex;justify-content:space-between;font-size:12px;opacity:.7}
#pris .pp-hint{font-size:13px;opacity:.85;margin:8px 0 0}
#pris .pp-ord{font-size:12.5px;margin:2px 0 0;opacity:.85;min-height:1em}
#pris .pp-ord s{opacity:.7}
#pris .pp-sms{font-weight:600;font-size:14px;margin:6px 0 0;color:#0D4A57}
#pris .pp-how{margin:18px 0 6px;font-size:14px}
#pris .pp-how summary{cursor:pointer;font-weight:600}
#pris .pp-how ul{margin:8px 0 0 18px;padding:0}
@media (max-width:700px){#pris .pp-founder{flex-direction:column;gap:8px}}
html[data-theme=dark] #pris .pp-founder,.dark #pris .pp-founder{background:rgba(247,231,198,.12);color:inherit}
html[data-theme=dark] #pris .pp-sms,html[data-theme=dark] #pris .pp-slider label b{color:#A5E8FD}

/* Basic plan: 4 cards */
@media (min-width:1100px){#pris .plans{grid-template-columns:repeat(4,1fr)}}
@media (min-width:700px) and (max-width:1099px){#pris .plans{grid-template-columns:repeat(2,1fr)}}
/* price never wraps (2026-10-10): plan card is a size container, price scales with card width */
#pris .plan{container-type:inline-size}
#pris .plan .price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:2px}
#pris .plan .price b{white-space:nowrap;font-size:clamp(30px,20cqi,48px)}
#pris .plan .price span{white-space:nowrap}

/* pricing2 */
@media(min-width:1181px){#pris .plans{grid-template-columns:repeat(5,minmax(0,1fr))}}#pris .wrap.x-narrow{width:min(1360px,calc(100% - 64px));max-width:none}@media(max-width:820px){#pris .wrap.x-narrow{width:calc(100% - 40px)}}@media(min-width:821px) and (max-width:1180px){#pris .plans{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){#pris .plans{grid-template-columns:1fr}}.pp-addons{margin:28px auto 0;max-width:980px;padding:22px 26px;border-radius:18px;background:#f4f7f8}.pp-addons h3{margin:0 0 4px}.pp-addons-sub{margin:0 0 12px;opacity:.7;font-size:14px}.pp-addons ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}.pp-addons li{display:flex;gap:10px;align-items:baseline;font-size:15px}.pp-addons li b{min-width:44px;font-size:17px}@media(max-width:700px){.pp-addons ul{grid-template-columns:1fr}}

/* pricing2-mob */
#pris .pp-addons,#pris .pp-how,#pris .x-bar{box-sizing:border-box;width:100%;max-width:980px;margin-left:auto;margin-right:auto}#pris .pp-how{margin-top:22px;padding:0 4px}#pris .pp-how summary{cursor:pointer;font-weight:600}#pris .pp-how ul{padding-left:1.2em;margin:10px 0 0}#pris .pp-addons li{display:grid;grid-template-columns:3.2em 1fr;gap:10px;align-items:baseline}#pris .pp-addons li b{min-width:0;text-align:right;font-variant-numeric:tabular-nums}#pris .plans>.plan{min-width:0}#pris .pp-slider{max-width:100%;overflow:hidden}#pris .pp-slider input[type=range]{width:100%;box-sizing:border-box}@media(max-width:820px){#pris .pp-addons{padding:18px 16px}#pris .pp-addons ul{grid-template-columns:1fr}#pris .pp-addons li{font-size:14.5px}#pris .plans{gap:14px}#pris .x-bar{flex-direction:column;align-items:stretch;gap:12px}}@media(min-width:600px) and (max-width:820px){#pris .plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}@media(max-width:400px){#pris .pp-slider .ticks,#pris .pp-ticks{font-size:11px}#pris .plan{padding-left:18px;padding-right:18px}}
/* price format kr (2026-10-13) */
#pris .plan .price .pp-kr{font-weight:700;font-size:clamp(18px,10cqi,26px);margin-left:-2px}#pris .plan .price .pp-mo{font-size:14px;opacity:.65;margin-left:-4px}
#pris .pp-addons li{grid-template-columns:1fr auto;gap:16px;padding:6px 0;border-bottom:1px solid rgba(15,40,50,.08)}#pris .pp-addons li .pp-amt{order:2;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-size:16px}#pris .pp-addons li .pp-amt small{font-size:12px;font-weight:500;opacity:.6;margin-left:1px}#pris .pp-addons li>span{order:1}
