/* Visual adapter for the existing static pages. Content, ordering and actions stay intact. */
html{font-size:16px;scroll-padding-top:110px}
body{margin:0;background:var(--bk-warm-paper);color:var(--bk-text);font-family:var(--bk-font-body);font-size:16px;line-height:1.6;letter-spacing:0;word-spacing:.03em;text-rendering:geometricPrecision;font-kerning:normal;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
body :is(h1,h2,h3,h4,p,span,small,b,strong,a,button,input,select,textarea,summary,label){letter-spacing:0}
body :is(h1,h2,h3,h4){font-family:var(--bk-font-display)!important;font-weight:700!important;color:inherit}
body :is(h1,.landing .branch-heading,.page-hero h1,.legal h1){font-size:clamp(38px,5.8vw,76px);font-weight:700;line-height:1.04;letter-spacing:-.025em;word-spacing:.06em;text-wrap:balance}
body .landing h1.seo-heading{font:600 17px/1.5 var(--bk-font-body);letter-spacing:0;color:var(--bk-muted-text)}
body :is(.section h2,.intro h2,.control h2,.hardware-showcase>h2,.comparison h2){font:700 clamp(30px,4.1vw,56px)/1.08 var(--bk-font-display);letter-spacing:-.035em;text-wrap:balance}
body :is(p,small,.small,.lead,.intro p,.plan p,.choice-card p,.hardware-product p,.hardware-product .small,.footer-inner){color:var(--bk-text-2)}
body :is(.small,small){font-size:max(10.5px,.8rem)}
body .wrap{width:min(1200px,calc(100% - 40px));max-width:calc(100% - 40px)}
body :is(main,section,article,.package-grid,.choice-grid,.plan,.choice-card,.hardware-product,.demo-form,.intro){min-width:0}
body .section{padding-block:64px}
body :is(.landing,.page-hero){padding-top:64px;padding-bottom:32px}
body :is(.lead,.intro p){font-size:clamp(16px,1.5vw,19px);line-height:1.65}
body a{color:var(--bk-forest)}
body .top{position:sticky;top:16px;z-index:40;background:transparent;border:0;padding-inline:12px;margin-bottom:20px;backdrop-filter:none}
body .top .nav{width:min(1120px,100%);max-width:100%;margin-inline:auto;min-height:64px;padding:8px 12px 8px 18px;gap:16px;border:1px solid var(--bk-warm-grey);border-radius:999px;background:rgba(255,255,255,.97);box-shadow:var(--bk-shadow-site)}
body .navlinks{gap:10px;min-width:0;justify-content:flex-end}
body .navlinks>a{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px;font-size:14px;font-weight:500;color:var(--bk-text-2)}
body .navlinks a[aria-current=page]{color:var(--bk-forest);text-decoration:underline;text-decoration-color:var(--bk-coral);text-decoration-thickness:2px;text-underline-offset:8px}
body .top .brand{display:flex;flex-shrink:0;align-items:center;min-height:44px;font-size:0;gap:0}
body .top .brand img{display:block;width:157px;height:44px;object-fit:contain}
body :is(.button,.btn,.btn-primary,.btn-secondary,button[type=submit]){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;border-radius:999px;padding:12px 23px;background:var(--bk-forest);border:1px solid var(--bk-forest);color:#fff;font-family:var(--bk-font-body);font-size:15px;font-weight:600;line-height:1.4;text-align:center;white-space:normal;text-decoration:none;box-shadow:var(--bk-shadow-btn);transition:background .15s var(--bk-ease),transform .15s var(--bk-ease)}
body :is(.button,.btn-primary):hover{background:var(--bk-forest-dark);color:#fff}
body :is(.button,.btn,.btn-primary,.btn-secondary,button[type=submit]):active{transform:scale(.98)}
body :is(.button.light,.btn-secondary){background:#fff;color:var(--bk-forest);border-color:var(--bk-line-strong);box-shadow:none}
body .navlinks>.button{color:#fff;padding-inline:18px;font-size:13px}
body :is(.choice-card,.plan,.fact,.start-step,.notice-card,.demo-form,.comparison-lite>div,.hardware-product,.comparison-shell){border:1px solid var(--bk-warm-grey);border-radius:26px;background:#fff;box-shadow:0 0 0 5px rgba(15,76,92,.035),var(--bk-shadow-site)}
body :is(.choice-card,.plan){padding:28px}
body :is(.choice-card:first-child,.package-grid>.cash-choice.is-selected){border-color:var(--bk-forest);box-shadow:0 0 0 5px var(--bk-petrol-soft),var(--bk-shadow-site)}
body :is(.choice-card .arrow,.check-list li::before,.plan .restaurant-addon,.plan .setup-note,.terminal-price,.hardware-cost){color:var(--bk-forest)}
body :is(.eyebrow,.badge,.status,.pos-label,.pos-chip,.pos-tab,.jump-menu a){border-radius:999px;background:var(--bk-petrol-soft);color:var(--bk-forest);border-color:var(--bk-warm-grey)}
body .eyebrow{display:inline-flex;padding:7px 13px;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:uppercase}
body .badge{color:var(--bk-coral-deep);background:var(--bk-coral-soft)}
body :is(.notice-card,.plan .sumup-card){background:var(--bk-soft-cream);border-color:var(--bk-warm-grey);color:var(--bk-text);border-radius:16px}
body :is(.plan .sumup-card p,.plan .optional-addon,.plan .sumup-card .terminal-alternative,.form-help,.comparison-note,.price-table th,.proof,.footer small){color:var(--bk-muted-text)}
body .check-list li{border-color:var(--bk-warm-grey);border-radius:16px;background:#fff}
body :is(.choice-card>strong,.plan strong,.package-price,.plan .price,.hardware-cost,.terminal-price,.chain-calculator output,.chain-calculator #chain-equation,.num,.pos-pay){font-family:var(--bk-font-body);font-weight:700;font-variant-numeric:tabular-nums lining-nums;letter-spacing:0}
body :is(.pos-row:not(.pos-sum)>span:last-child,.pos-pay>span:last-child,.pos-item-price){font-family:var(--bk-font-mono);font-weight:500;font-variant-numeric:tabular-nums lining-nums}
body .pos-sum{font-family:var(--bk-font-display);font-weight:700;font-variant-numeric:tabular-nums lining-nums}
body .pos-pay>span:first-child{font-family:var(--bk-font-body);font-weight:700}
body .plan .price{font-size:40px}
body :is(input,select,textarea){font-family:var(--bk-font-body);font-weight:400;color:var(--bk-text);background:#fff;border:1px solid var(--bk-line-strong);border-radius:14px;max-width:100%;letter-spacing:0}
body :is(input,select){min-height:44px}
body input[type=checkbox]{min-height:0;accent-color:var(--bk-forest)}
body :is(input,select,textarea)::placeholder{color:var(--bk-muted-text);opacity:1}
body :is(input,select,textarea):focus{border-color:var(--bk-coral);box-shadow:0 0 0 4px rgba(244,162,97,.24)}
body :focus-visible{outline:2px solid var(--bk-coral);outline-offset:3px}
body :is(.chain-calculator,.control,.control .dark,.plan.featured,.pos-rail){background:var(--bk-forest);color:#fff;border-color:var(--bk-forest);box-shadow:var(--bk-shadow-site)}
body :is(.chain-calculator,.control,.plan.featured) :is(p,small,.small,.eyebrow){color:#d5e5e8}
body .chain-calculator input{background:#fff;color:var(--bk-text)}
body .control :is(.figure,.figures>div,.control-card){background:#fff;color:var(--bk-text)}
body .control :is(.figure,.figures>div,.control-card) :is(p,small){color:var(--bk-text-2)}
body :is(.proof,.comparison,.price-table td,.price-table th,.faq details,.footer){border-color:var(--bk-warm-grey)}
body .footer{background:var(--bk-forest);color:#fff;border-radius:26px 26px 0 0;margin-top:64px;padding-block:48px}
body .footer :is(a,p,small,b,.footer-inner){color:#fff}
body .price-table{border-radius:16px;overflow:visible}
body .price-table td:last-child{font-family:var(--bk-font-mono);font-weight:500}
body .price-table :is(th,td){border-color:var(--bk-warm-grey);color:var(--bk-text)}
body .equipment-option:has(input:checked){background:var(--bk-petrol-soft)}
body .hardware-lightbox{color:var(--bk-text);border-radius:26px;box-shadow:var(--bk-shadow-pop)}
body .hardware-close{background:var(--bk-petrol-soft);color:var(--bk-forest);border-radius:999px;min-height:44px;border-color:var(--bk-warm-grey)}
body .form-status.success{background:var(--bk-success-soft);color:var(--bk-success)}
body .form-status.error{background:var(--bk-danger-soft);color:var(--bk-danger)}
body .pos-frame{border-color:var(--bk-forest);background:var(--bk-warm-paper);box-shadow:var(--bk-shadow-site)}
body :is(.pos-rail,.pos-nav){background:var(--bk-forest);color:#fff}
body :is(.pos-rail,.pos-nav) :is(span,li,p){color:#d5e5e8}
body .pos-brand{font-family:var(--bk-font-body);font-weight:700;color:var(--bk-forest);background:#fff}
body .pos-brand span{color:var(--bk-forest)}
body .pos-product b{opacity:1;color:var(--bk-text);font-family:var(--bk-font-display)}
body :is(.pos-chip.active,.pos-pay){background:var(--bk-forest);color:#fff}
body :is(.pos-tag,.pos-caption,.pos-category,.pos-product small){color:var(--bk-muted-text)}
body .pos-side{background:var(--bk-forest);color:#fff}
body .pos-side li{color:#d5e5e8;border-radius:999px}
body .pos-side li:first-child{background:#fff;color:var(--bk-forest)}
body .pos-switch button{background:var(--bk-soft-cream);color:var(--bk-forest);border-color:var(--bk-warm-grey);border-radius:999px}
body .pos-switch button[aria-pressed=true]{background:var(--bk-forest);color:#fff}
body .pos-art{color:var(--bk-text);font-family:var(--bk-font-body)}
body .pos-brand{background:#fff url('/assets/butiksklar-logo.svg') center/90% auto no-repeat;font-size:0}
body .pos-brand b{font-size:0}
body .pos-chips span{background:var(--bk-petrol-soft);color:var(--bk-forest)}
body .pos-chips span:first-child{background:var(--bk-forest);color:#fff}
body :is(.pos-bar,.pos-search,.pos-empty){color:var(--bk-muted-text)}
body .comparison .button{background:var(--bk-forest)!important;color:#fff!important;border-color:var(--bk-forest)!important}
body .control .eyebrow{color:var(--bk-forest)!important}
body .control .store :is(p,small){color:var(--bk-muted-text)!important}
body .control .store{background:var(--bk-soft-cream);border-color:var(--bk-warm-grey)}
body .control .flag{background:var(--bk-success-soft);color:var(--bk-success)}
body .control .flag.warn{background:var(--bk-warning-soft);color:var(--bk-coral-deep)}
@media(max-width:900px){body .top .nav{border-radius:30px;flex-wrap:wrap}body .navlinks{flex-wrap:wrap}body .wrap{width:calc(100% - 32px);max-width:calc(100% - 32px)}}
@media(max-width:600px){
 body .top{position:relative;top:12px;padding-inline:12px;margin-bottom:24px}body .top .nav{padding:10px 12px;gap:8px;justify-content:center}body .navlinks{width:100%;justify-content:center;gap:4px 8px}body .navlinks>.button{flex-basis:100%;max-width:100%}
 body .section{padding-block:40px}body :is(.landing,.page-hero){padding-top:32px}body :is(.choice-card,.plan,.demo-form){padding:22px}body :is(h1,.landing .branch-heading,.page-hero h1,.legal h1){font-size:38px;overflow-wrap:anywhere}
 body .price-table{display:block;max-width:100%;overflow-x:auto;contain:inline-size;overscroll-behavior-inline:contain}body .price-table th,body .price-table td{min-width:125px;white-space:normal}body .price-table th:first-child,body .price-table td:first-child{min-width:200px}
 body :is(.price-table,.comparison-table){scrollbar-color:var(--bk-forest) var(--bk-petrol-soft)}
 body :is(button,.button,summary,.jump-menu a,.filters button){min-height:44px}body .jump-menu{flex-wrap:wrap}body .chain-calculator{padding:22px}body .chain-calculator output{font-size:32px;overflow-wrap:anywhere}
 body .footer-inner{display:grid;gap:24px}body .footer-inner a{min-height:44px;align-content:center;overflow-wrap:anywhere}
 body .pos-showcase{min-width:0;max-width:100%}body .pos-frame{min-width:0;max-width:100%}body .comparison-shell{max-width:100%;contain:inline-size}
}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{transition:none!important;animation:none!important}}