/* Webbshopen: mockupens butik.css (godkänd 2026-10-16) + det WordPress-bygget lägger till */

.hb-mina{font-weight:600;text-decoration:none;white-space:nowrap}
.hb-korgknapp{min-width:0;padding:0 18px}
.hb-antal{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--g);color:#fff;font-size:14px}
.hb-korgknapp:hover .hb-antal{background:var(--gul);color:var(--g)}
.hb-band{background:var(--band)}
.hb-band__rad{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding-top:14px;padding-bottom:14px}
.hb-sok{display:flex;flex:1;gap:8px;max-width:760px}
.hb-sok input{flex:1;min-width:0;height:48px;padding:0 16px;border:0;border-radius:4px;font:inherit;font-size:17px;color:var(--g)}
.hb-band__lankar{display:flex;gap:20px;margin-left:auto}
.hb-band__lankar a{color:#fff;font-weight:600;text-decoration:none;font-size:16px;white-space:nowrap}
.hb-band__lankar a:hover{color:var(--gul)}
.hb-h1{font-size:clamp(30px,3.4cqi,44px)}
.hb-exempel{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--gul);padding:2px 6px;border-radius:3px;vertical-align:middle}
.hb-lista{padding:32px 0 64px;scroll-margin-top:170px}
.hb-lista__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.hb-filter{position:sticky;top:160px;background:#fff;border-radius:var(--r);padding:20px}
.hb-filter h3{font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:18px 0 8px}
.hb-filter h3:first-of-type{margin-top:0}
.hb-filter__mobil{display:none}
.hb-katlista{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:330px;overflow:auto}
.hb-katlista label{display:flex;gap:8px;align-items:center;font-size:15px;padding:4px 0;cursor:pointer}
.hb-katlista span{margin-left:auto;font-size:13px;opacity:.6;font-variant-numeric:tabular-nums}
.hb-kryss{display:flex;gap:10px;align-items:center;font-size:16px;padding:5px 0;cursor:pointer}
.hb-filter input,.hb-kryss input{accent-color:var(--g);width:18px;height:18px;margin:0}
.hb-resultat{min-width:0}
.hb-resultat__topp{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.hb-traffar{margin:0;font-weight:600}
.hb-sortera{font-size:15px;display:flex;gap:8px;align-items:center}
.hb-sortera select{height:40px;border:1px solid rgba(22,51,0,.3);border-radius:4px;font:inherit;font-size:15px;padding:0 8px;color:var(--g);background:#fff}
.hb-tabell{overflow-x:auto;background:#fff;border-radius:var(--r)}
.hb-tabell table{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
.hb-tabell th{text-align:left;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:14px 12px 10px;font-weight:600;border-bottom:1px solid var(--linje)}
.hb-tabell th.hb-h{text-align:right}
.hb-tabell td{padding:12px;border-top:1px solid var(--linje);vertical-align:middle}
.hb-tabell td:first-child a{text-decoration:none}
.hb-tabell td:first-child a:hover b{text-decoration:underline}
.hb-tabell td:first-child>span{display:block;font-size:14px;opacity:.75}
.hb-tabell td .site-etikett{margin:4px 6px 0 0}
.hb-nr{font-size:13px!important;opacity:.6!important;font-variant-numeric:tabular-nums}
.hb-lager{font-size:14px;white-space:nowrap;opacity:.75}
.hb-lager--ja{opacity:1;font-weight:600;color:var(--band)}
.hb-pris{text-align:right;font-style:italic;opacity:.55;white-space:nowrap}
.hb-kop{text-align:right;white-space:nowrap}
.hb-st{width:72px;height:44px;border:1px solid rgba(22,51,0,.35);border-radius:4px;font:inherit;font-size:16px;text-align:center;color:var(--g);background:#fff;margin-right:8px}
.hb-kopknapp{min-width:0;padding:0 18px}
.hb-kopt{background:var(--g)!important;color:#fff!important}
.hb-sidor{display:flex;gap:16px;align-items:center;justify-content:center;padding:20px 0}
.hb-sidor button{font:inherit;font-weight:600;height:44px;padding:0 18px;border:2px solid var(--g);background:none;color:var(--g);border-radius:4px;cursor:pointer}
.hb-sidor button:disabled{opacity:.3;cursor:default}
.hb-loggain{padding:56px 0 80px}
.hb-loggain__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;max-width:1040px}
.hb-kort{background:#fff;border-radius:var(--r);padding:30px;min-width:0}
.hb-form{display:grid;gap:8px;margin-top:8px}
.hb-form label:not(.hb-kryss){font-size:15px;font-weight:600;margin-top:8px}
.hb-form input:not([type=checkbox]){height:48px;padding:0 14px;border:1px solid rgba(22,51,0,.35);border-radius:4px;font:inherit;font-size:17px;color:var(--g)}
.hb-form .site-knapp{margin-top:12px}
.hb-loggain__info{padding-top:12px}
.hb-bock{list-style:none;padding:0;margin:24px 0;display:grid;gap:8px}
.hb-bock li{padding-left:28px;position:relative}
.hb-bock li::before{content:"";position:absolute;left:4px;top:8px;width:12px;height:7px;border-left:2px solid var(--band);border-bottom:2px solid var(--band);transform:rotate(-45deg)}
.hb-produkt{padding:16px 0 64px}
.hb-produkt__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.hb-produkt__bild img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r)}
.hb-produkt__bild p{margin-top:8px}
.hb-produkt h1{font-size:clamp(28px,3cqi,40px);margin-bottom:4px}
.hb-sv{font-size:20px;opacity:.8;margin-bottom:10px}
.hb-etiketter{margin-bottom:16px}
.hb-etiketter .site-etikett{margin:0 6px 0 0}
.hb-produkt .hb-tabell{margin:20px 0 12px;border:1px solid var(--linje)}
.hb-minikort{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hb-mini{display:flex;flex-direction:column;gap:4px;background:var(--bg);border-radius:var(--r);padding:18px;text-decoration:none;min-width:0}
.hb-mini span{font-size:14px;opacity:.8}
.hb-korg__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.hb-ta{min-height:44px;padding:0 10px;background:none;border:0;font:inherit;font-size:14px;text-decoration:underline;color:var(--g);cursor:pointer;opacity:.75}
.hb-snabb{margin-top:24px;background:#fff;border-radius:var(--r);padding:24px}
.hb-snabb textarea{width:100%;border:1px solid rgba(22,51,0,.35);border-radius:4px;padding:12px;font:15px/1.5 ui-monospace,Consolas,monospace;color:var(--g)}
.hb-snabb .site-knappar{margin-top:12px}
.hb-summa{position:sticky;top:160px;background:#fff;border-radius:var(--r);padding:24px;display:grid;gap:12px}
.hb-summa h3{margin:0}
.hb-summa dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0;font-variant-numeric:tabular-nums}
.hb-summa dt{opacity:.8}.hb-summa dd{margin:0;font-weight:600;text-align:right}
.hb-summa label{font-size:15px;font-weight:600}
.hb-summa input{height:46px;padding:0 12px;border:1px solid rgba(22,51,0,.35);border-radius:4px;font:inherit;font-size:16px;color:var(--g)}
.hb-summa .site-knapp{width:100%}
.hb-summalista{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.hb-summalista li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--linje);padding-bottom:8px}
.hb-summalista b{white-space:nowrap}
.hb-kassa{display:grid;gap:24px;background:#fff}
.hb-kassa fieldset{border:0;padding:0;margin:0;min-width:0}
.hb-kassa legend{font-weight:600;font-size:20px;margin-bottom:12px;padding:0}
.hb-val2,.hb-val3{display:grid;gap:12px;margin-bottom:16px}
.hb-val2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hb-val3{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-d .site-formruta .hb-valkort{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:start;border:1px solid rgba(22,51,0,.3);border-radius:6px;padding:14px;cursor:pointer;font-weight:300!important;margin:0!important}
.hb-valkort input{grid-row:span 2;width:18px!important;min-height:0!important;height:18px;margin-top:3px;accent-color:var(--g)}
.hb-valkort b{font-size:17px}
.hb-valkort span{font-size:14px;opacity:.8}
.hb-valkort:has(input:checked){border-color:var(--g);box-shadow:inset 0 0 0 1px var(--g);background:var(--bg)}
.hb-kassa .gform_fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.hb-kassa .gfield--hel{grid-column:1/-1}
.hb-epost{background:#fbf3c4;border-radius:6px;padding:14px}
.hb-epost p{margin:6px 0 0}
.hb-tack{max-width:1100px}
.hb-tack__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.hb-ko{margin-top:24px}
.hb-flikar{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--linje);margin-bottom:20px;overflow:hidden}
.hb-flikar button{font:inherit;font-weight:600;font-size:17px;background:none;border:0;padding:12px 16px;color:var(--g);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.hb-flikar button[aria-selected=true]{border-color:var(--gul)}
.hb-order{background:#fff;border-radius:var(--r);margin-bottom:12px}
.hb-order summary{display:grid;grid-template-columns:110px 140px minmax(0,1fr) 90px 110px;gap:12px;align-items:center;padding:16px 20px;cursor:pointer;list-style:none}
.hb-order summary::-webkit-details-marker{display:none}
.hb-order__d{font-variant-numeric:tabular-nums;opacity:.8}
.hb-order .hb-tabell{border-top:1px solid var(--linje);border-radius:0}
.hb-order .site-knappar{padding:0 20px 20px;margin-top:16px}
.hb-status{display:inline-block;font-size:13px;font-weight:600;padding:3px 10px;border-radius:12px;background:var(--bg);white-space:nowrap}
.hb-status--klar{background:#e8f0d8}
.hb-liten-knapp{min-height:38px;min-width:0;padding:0 14px;font-size:15px}
.hb-listkort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hb-konto dl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px 16px;margin:0 0 16px}
.hb-konto dt{font-weight:600}.hb-konto dd{margin:0}
.hb-saknas{color:#a33a00;font-weight:600}
@container ram (max-width:1100px){
 .hb-band__lankar{margin-left:0;width:100%;flex-wrap:wrap;gap:6px 18px}
 .hb-korg__grid{grid-template-columns:minmax(0,1fr) 300px}
}
@container ram (max-width:860px){
 .hb-mina{font-size:15px}
 .hb-huvud-mobil{gap:12px}
 .hb-korgknapp{padding:0 12px;font-size:0!important;gap:0}
 .hb-korgknapp::before{content:"Korg";font-size:16px;margin-right:6px}
 .hb-band__rad{padding-top:10px;padding-bottom:10px}
 .hb-sok .site-knapp{display:none}
 .hb-lista{padding-top:16px}
 .hb-lista__grid,.hb-loggain__grid,.hb-produkt__grid,.hb-korg__grid,.hb-tack__grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .hb-filter{position:static;padding:0;background:none}
 .hb-filter__mobil{display:inline-flex;width:100%}
 .hb-filter__inner{display:none;background:#fff;border-radius:var(--r);padding:16px;margin-top:10px}
 .hb-filter.hb-oppen .hb-filter__inner{display:block}
 .hb-resultat__topp{flex-wrap:wrap}
 .hb-tabell thead{display:none}
 .hb-tabell table,.hb-tabell tbody,.hb-tabell tr,.hb-tabell td{display:block}
 .hb-tabell tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px;border-top:1px solid var(--linje)}
 .hb-tabell td{padding:0;border:0}
 .hb-tabell td:first-child{grid-column:1/-1}
 .hb-pris{text-align:left}
 .hb-kop{grid-column:1/-1;display:flex;gap:8px}
 .hb-kop .hb-kopknapp{flex:1}
 .hb-produkt__bild img{aspect-ratio:16/10}
 .hb-minikort,.hb-listkort{grid-template-columns:minmax(0,1fr)}
 .hb-summa{position:static}
 .hb-val2,.hb-val3,.hb-kassa .gform_fields{grid-template-columns:minmax(0,1fr)}
 .hb-order summary{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:14px}
 .hb-order summary>b{grid-row:1;grid-column:1}
 .hb-order summary>.hb-status{grid-row:1;grid-column:2;justify-self:end}
 .hb-tabell td .hb-status{justify-self:start}
 .hb-flikar button{padding:10px 12px;font-size:16px}
 .hb-tabell td .site-etikett{display:inline-block}
 .hb-konto dl{grid-template-columns:minmax(0,1fr)}
 .hb-konto dd{margin-bottom:8px}
 .hb-kort{padding:20px}
}
.hb-vanliga{background:#fff;border-radius:var(--r);padding:20px 22px;margin-bottom:24px}
.hb-vanliga__topp{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}
.hb-vanliga h2{font-size:22px;margin:0}
.hb-vanliga__rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hb-vkort{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;align-items:start;background:var(--bg);border-radius:8px;padding:12px;min-width:0}
.hb-vkort b{display:block;font-size:15px;line-height:1.25}
.hb-vkort span{display:block;font-size:13px}
.hb-vkort .hb-kop{grid-column:1/-1;display:flex;gap:8px;text-align:left}
.hb-vkort .hb-st{width:64px;height:40px;margin:0}
.hb-vkort .hb-kopknapp{flex:1;min-height:40px}
.hb-vanliga .site-liten{margin:10px 0 0}
.hb-tumme{float:left;width:56px;height:56px;object-fit:cover;border-radius:6px;margin:0 12px 0 0;background:var(--bg)}
.hb-vkort .hb-tumme{float:none;margin:0}
.hb-tumme--tom{display:block;background:linear-gradient(135deg,#eef0e6,#e2e6d6)}
.hb-tabell td:first-child::after{content:"";display:block;clear:both}
.hb-egenskaper{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}
.hb-egenskaper li{font-size:14px;background:#fff;border:1px solid var(--linje);border-radius:3px;padding:3px 10px}
@container ram (max-width:1100px){.hb-vanliga__rad{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container ram (max-width:860px){.hb-vanliga__rad{grid-template-columns:minmax(0,1fr)}.hb-vanliga{padding:16px}}
.hb-prisnot{font-size:14px;line-height:1.4;background:var(--bg);border-radius:6px;padding:10px 12px;margin:0}
.hb-vkort{grid-template-rows:auto 1fr auto}
.hb-vkort>div:nth-child(2){grid-row:1/3}
.hb-vkort .hb-kop{grid-row:3;align-self:end}
.hb-tabell th{white-space:nowrap}
.hb-produkt__bild img{aspect-ratio:3/2}
.hb-tabell td .site-etikett{margin-left:0}


.hb-kopform{display:contents}
.hb-notiser:has(.mht-notice){padding-top:16px}
.hb-notiser .mht-notice{background:#fff;border-left:4px solid var(--g);border-radius:4px;padding:12px 16px;margin:0 0 8px}
.hb-notiser .mht-notice p{margin:0}
.hb-notiser .mht-notice-error{border-left-color:#a33a00}
.hb-tabell td>.hal-product-image,.hb-vkort>.hal-product-image{float:left;width:56px;height:56px;margin:0 12px 0 0;border-radius:6px;overflow:hidden;background:var(--bg)}
.hb-vkort>.hal-product-image{float:none;margin:0}
.hb-tabell td>.hal-product-image img,.hb-vkort>.hal-product-image img{width:100%;height:100%;object-fit:cover}
span.hb-tumme.hal-product-image{display:block}
.hb-produkt__bild .hal-product-image img{display:block;width:100%;height:auto;border-radius:var(--r)}
.hal-product-image .mht-spinner{display:none}
.hb-kassa .gfield--type-radio .gfield_label,.hb-kassa .gsection_title{font-size:20px!important;font-weight:600!important;margin:8px 0 12px!important}
.hb-kassa .gsection{grid-column:1/-1;border:0!important;padding:0!important;margin:0!important}
.hb-kassa .gfield_radio{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hb-kassa .hb-lev .gfield_radio{grid-template-columns:repeat(3,minmax(0,1fr))}
.hb-kassa .gfield_radio .gchoice{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:start;border:1px solid rgba(22,51,0,.3);border-radius:6px;padding:14px;margin:0!important;background:#fff}
.hb-kassa .gfield_radio .gchoice input{width:18px!important;height:18px!important;min-height:0!important;margin:3px 0 0!important;accent-color:var(--g)}
.hb-kassa .gfield_radio .gchoice label{display:grid!important;gap:2px;margin:0!important;font-weight:300!important;cursor:pointer;max-width:none!important}
.hb-kassa .gfield_radio .gchoice label::after{content:"";position:absolute;inset:0}
.hb-kassa .gfield_radio .gchoice b{font-size:17px;font-weight:600}
.hb-kassa .gfield_radio .gchoice span{font-size:14px;opacity:.8}
.hb-kassa .gfield_radio .gchoice:has(input:checked){border-color:var(--g);box-shadow:inset 0 0 0 1px var(--g);background:var(--bg)}
.hb-kassa:not(.hb-kassa--utan-epost) .hal-field-customer-email .gfield_description{display:none}
.hb-kassa .gfield_description{font-size:15px;opacity:.85;padding-top:6px!important}
@container ram (max-width:860px){.hb-kassa .gfield_radio,.hb-kassa .hb-lev .gfield_radio{grid-template-columns:minmax(0,1fr)}}
#hb-loggain{display:grid;gap:4px;margin-top:8px}
#hb-loggain p{display:grid;gap:6px;margin:0 0 10px}
#hb-loggain label{font-size:15px;font-weight:600}
#hb-loggain .input{height:48px;padding:0 14px;border:1px solid rgba(22,51,0,.35);border-radius:4px;font:inherit;font-size:17px;color:var(--g)}
#hb-loggain .login-remember label{display:flex;gap:8px;align-items:center;font-weight:300}
#hb-loggain .login-remember input{accent-color:var(--g);width:18px;height:18px;margin:0}
@container ram (max-width:700px){#hb-loggain .login-remember label{min-height:44px}.hb-loggain .site-liten a{display:inline-block;padding:12px 0}}
#hb-loggain .button{width:100%;margin-top:12px;height:48px;padding:0 36px;background:var(--gul);color:var(--g);border:0;border-radius:var(--r);font:600 17px/48px var(--font);cursor:pointer;justify-self:start}
#hb-loggain .button:hover{background:var(--g);color:#fff}
.hb-order .site-knappar form,.hb-listkort .site-knappar form,.hb-tabell td form{margin:0}
.hb-epostform{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.hb-epostform input{height:44px;padding:0 12px;border:1px solid rgba(22,51,0,.35);border-radius:4px;font:inherit;font-size:16px;min-width:0;flex:1}
.hb-uppdatera{margin:12px 0 0;text-align:right}
.hb-sidor a.site-knapp{min-width:0}
@media print{.site-ram,.hb-band,.site-knappar,.hb-notiser{display:none!important}}
.site-d input.hb-st{width:72px!important;height:44px!important;min-height:0!important;padding:0 4px!important;flex:none}
.site-d .hal-checkout{display:block!important}
.site-d .site-formruta input.gfield-choice-input{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;border:0;flex:none}
.site-d .hb-sokfalt{background:#fff!important;color:var(--g)!important}
.site-d .hb-sokfalt::placeholder{color:rgba(22,51,0,.65)}
.site-d .hb-pris{opacity:1!important;font-style:normal!important}
.site-d .hb-tabell td:first-child>span.hb-nr{opacity:.85}
.site-d .hb-band__lankar a{display:inline-block;padding:10px 0}
.hb-filter__visa{display:none}
.hb-loggain h1{font-size:clamp(24px,2.6cqi,30px)}
@container ram (max-width:860px){
 .site-d .hb-tabell td.hb-kop{display:flex;gap:8px}
 .site-d .hb-tabell td.hb-kop .hb-kopknapp{flex:1}
 .site-d .hb-kassa.site-formruta .gform_fields{grid-template-columns:minmax(0,1fr)!important}
 .site-d .hb-kassa.site-formruta .gfield{grid-column:1/-1!important}
 .hb-filter__visa{display:inline-flex;width:100%;margin-top:16px}
 .site-d .hb-ta{display:inline-flex;align-items:center;min-height:44px}
}
.site-d .hb-tabell td:first-child>span.site-etikett{display:inline-block;font-size:12px;opacity:1}
.site-d input.hb-st{color:var(--g)!important}
.site-d .hb-kassa .hb-lev>.gfield_label,.site-d .hb-kassa .hb-lev legend.gfield_label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hb-ko--nere{background:#fff;border-left:4px solid var(--gul);border-radius:4px;padding:12px 16px;margin:0 0 24px}
.site-d .hb-order .hb-status{white-space:nowrap;width:auto;justify-self:start}
.site-d .hb-tack .site-steg{padding-left:0;margin-left:0}
.hb-katlista li.hb-noll{opacity:.45}
.hb-rensa{margin-left:12px;font-weight:600;color:var(--g);text-decoration:underline;text-decoration-color:var(--gul);text-decoration-thickness:2px;text-underline-offset:3px}
.hb-vanliga__rad{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.hb-vkort{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto;gap:12px 14px;padding:14px;border:1px solid var(--linje);border-radius:var(--r)}
.hb-vkort>div:nth-child(2){grid-row:auto;display:flex;flex-direction:column;gap:2px;min-width:0}
.hb-vkort .hb-tumme,.hb-vkort>.hal-product-image{width:64px;height:64px;border-radius:6px;object-fit:cover}
.hb-vkort b{font-size:16px;font-weight:600;line-height:1.3;overflow-wrap:break-word}
.hb-vkort b a{text-decoration:none}
.hb-vkort span{font-size:15px;line-height:1.3}
.hb-vkort .hb-kop{grid-row:auto;grid-column:1/-1;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px}
.hb-vkort .hb-kopform{display:contents}
.hb-vkort .hb-st{width:72px;height:44px}
.hb-vkort .hb-kopknapp{min-height:44px;min-width:0}