/* ===== CHECKOUT v3 (design-runde 2) — 08.11.2026 =====
   Oversat fra designoplaegget. Baerende greb: FELTERNE ER STREGER, IKKE KASSER.
   Typografi: sektioner 11/.16em, labels 11/.1em daempet, indtastning 16px.
   Ingen kort om kvitteringen — kun haarfine streger.
   ---------------------------------------------------------------- */

body.checkout-index-index{
  --ab-ink:#020031; --ab-mute:#6b675f; --ab-body:#4a463f;
  --ab-line:#e6e2db; --ab-fieldline:#ddd9d3; --ab-sort:#111;
  --ab-s1:8px; --ab-s2:16px; --ab-s3:24px; --ab-s4:32px; --ab-s5:48px; --ab-s6:72px;
}

/* --- 1. flader: alt gennemsigtigt, ingen kort ---------------------- */
body.checkout-index-index .checkout-container.am-checkout,
body.checkout-index-index .checkout-block,
body.checkout-index-index .checkout-block.-summary,
body.checkout-index-index .step-content,
body.checkout-index-index .amcheckout-content,
body.checkout-index-index .amcheckout-wrapper,
body.checkout-index-index .payment-method-content,
body.checkout-index-index .opc-block-summary,
body.checkout-index-index .table-totals,
body.checkout-index-index .amcheckout-summary-container{
  background:transparent!important; box-shadow:none!important; border:0!important; border-radius:0!important;
}
body.checkout-index-index .checkout-container.am-checkout{
  max-width:1120px!important; margin:0 auto!important; padding:0 40px var(--ab-s6)!important;
}
body.checkout-index-index .checkout-block{ padding:0!important; margin:0 0 var(--ab-s5)!important; }
body.checkout-index-index .step-content,
body.checkout-index-index .amcheckout-content{ padding:0!important; margin:0!important; }

/* --- 2. gitter ---------------------------------------------------- */
@media (min-width:1100px){
  body.checkout-index-index .opc-wrapper.layout-2columns{
    display:grid!important; grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
    gap:96px!important; align-items:start!important;
  }
  body.checkout-index-index .opc-wrapper.layout-2columns>.checkout-column{
    width:auto!important; max-width:none!important; float:none!important; padding:0!important;
  }
  body.checkout-index-index .opc-wrapper.layout-2columns>.checkout-column:last-child{
    position:sticky!important; top:var(--ab-s3)!important;
  }
}

/* --- 3. typografi ------------------------------------------------- */
body.checkout-index-index .checkout-header{ padding:var(--ab-s6) 0 var(--ab-s5)!important; }
body.checkout-index-index .checkout-header .title{
  font-weight:300!important; font-size:32px!important; letter-spacing:.04em!important;
  text-transform:lowercase!important; color:var(--ab-ink)!important; margin:0!important;
}
body.checkout-index-index .checkout-header .description{ display:none!important; }
/* sektionsoverskrifter: smaa, spaerrede, haarfin streg */
body.checkout-index-index .step-title,
body.checkout-index-index .amcheckout-title .step-title{
  font-size:11px!important; font-weight:400!important; letter-spacing:.16em!important;
  text-transform:lowercase!important; color:var(--ab-ink)!important;
  border-bottom:1px solid var(--ab-line)!important;
  padding:0 0 12px!important; margin:0 0 28px!important;
}

/* --- 4. FELTER SOM STREGER ---------------------------------------- */
body.checkout-index-index .checkout-column .field{ margin:0 0 28px!important; }
body.checkout-index-index .checkout-column .field>.label,
body.checkout-index-index .checkout-column .field .label span{
  font-size:11px!important; letter-spacing:.1em!important; text-transform:lowercase!important;
  color:var(--ab-mute)!important; font-weight:400!important;
}
body.checkout-index-index .checkout-column .field>.label{ margin:0 0 7px!important; display:block!important; }
body.checkout-index-index .checkout-column input[type=text],
body.checkout-index-index .checkout-column input[type=email],
body.checkout-index-index .checkout-column input[type=tel],
body.checkout-index-index .checkout-column input[type=number],
body.checkout-index-index .checkout-column input[type=password],
body.checkout-index-index .checkout-column select{
  height:38px!important; border:0!important; border-bottom:1px solid var(--ab-fieldline)!important;
  border-radius:0!important; background:transparent!important; padding:0 0 2px!important;
  font-size:16px!important; color:var(--ab-ink)!important; box-shadow:none!important; width:100%!important;
}
body.checkout-index-index .checkout-column textarea{
  border:0!important; border-bottom:1px solid var(--ab-fieldline)!important; border-radius:0!important;
  background:transparent!important; padding:8px 0!important; font-size:16px!important;
}
body.checkout-index-index .checkout-column input:focus,
body.checkout-index-index .checkout-column select:focus,
body.checkout-index-index .checkout-column textarea:focus{
  border-bottom-color:var(--ab-ink)!important; outline:none!important; box-shadow:none!important;
}
/* postnummer smalt, saa det laeses sammen med byen */
body.checkout-index-index .checkout-column input[name=postcode]{ max-width:120px!important; }
body.checkout-index-index .checkout-column input[name=telephone]{ max-width:260px!important; }
body.checkout-index-index .checkout-column input[name=vat_id]{ max-width:260px!important; }

/* --- 5. betaling: ro ---------------------------------------------- */
body.checkout-index-index .amcheckout-wrapper .payment-method{
  border:0!important; padding:0 0 var(--ab-s3)!important; margin:0!important; background:transparent!important;
}
body.checkout-index-index .payment-method-title.field.choice{ padding:0!important; margin:0!important; }
body.checkout-index-index .payment-method-title .label{
  font-size:11px!important; letter-spacing:.1em!important; text-transform:lowercase!important;
  color:var(--ab-mute)!important; margin:0 0 var(--ab-s2)!important; display:block!important;
}
body.checkout-index-index .epay_epay_paymenttype{
  margin:0 0 var(--ab-s3)!important; display:flex!important; flex-wrap:wrap!important;
  gap:10px!important; align-items:center!important;
}
body.checkout-index-index .epay_epay_paymenttype img{
  height:18px!important; width:auto!important; opacity:.55!important;
  filter:grayscale(.35)!important;
}
body.checkout-index-index .payment-method-content{ padding:0!important; margin:0!important; }
body.checkout-index-index .payment-method-content>.messages:empty{ display:none!important; }
body.checkout-index-index .payment-method-content p{
  font-size:14px!important; color:var(--ab-body)!important; line-height:1.7!important;
  margin:0 0 var(--ab-s3)!important; max-width:46ch!important;
}

/* --- 6. fragt: en linje, ikke en tabel ---------------------------- */
body.checkout-index-index .table-checkout-shipping-method{ border:0!important; width:100%!important; }
body.checkout-index-index .table-checkout-shipping-method thead{ display:none!important; }
body.checkout-index-index .table-checkout-shipping-method tbody tr{
  border-bottom:1px solid var(--ab-line)!important;
}
body.checkout-index-index .table-checkout-shipping-method tbody tr:last-child{ border-bottom:0!important; }
body.checkout-index-index .table-checkout-shipping-method td{
  border:0!important; padding:0 0 20px!important; font-size:15px!important; vertical-align:middle!important;
}

/* --- 7. kvittering: streger, ingen ramme -------------------------- */
body.checkout-index-index .opc-block-summary .product-item{
  padding:0 0 26px!important; border-bottom:1px solid var(--ab-line)!important; border-top:0!important;
}
body.checkout-index-index .opc-block-summary .product-image-container{ border-radius:0!important; width:76px!important; }
body.checkout-index-index .opc-block-summary .product-item-name{
  font-size:15px!important; line-height:1.45!important; color:var(--ab-ink)!important;
}
body.checkout-index-index .opc-block-summary .item-options,
body.checkout-index-index .opc-block-summary .details-qty{
  font-size:13px!important; color:var(--ab-mute)!important;
}
body.checkout-index-index .table-totals td,
body.checkout-index-index .table-totals th{
  border:0!important; padding:7px 0!important; font-size:14px!important; color:var(--ab-body)!important;
}
body.checkout-index-index .table-totals .grand.totals th{
  font-size:13px!important; letter-spacing:.1em!important; color:var(--ab-mute)!important;
  text-transform:lowercase!important;
}
body.checkout-index-index .table-totals .grand.totals td{
  font-size:26px!important; font-weight:400!important; color:var(--ab-ink)!important;
}
body.checkout-index-index .table-totals .grand.totals td,
body.checkout-index-index .table-totals .grand.totals th{
  padding-top:var(--ab-s3)!important; border-top:1px solid var(--ab-line)!important;
}

/* --- 8. knappen --------------------------------------------------- */
body.checkout-index-index button.action.primary.checkout,
body.checkout-index-index .action.primary.checkout{
  background:var(--ab-sort)!important; color:#fff!important; border:0!important; border-radius:0!important;
  width:100%!important; min-height:58px!important; margin:var(--ab-s4) 0 0!important;
  font-size:13px!important; letter-spacing:.18em!important; text-transform:lowercase!important;
  font-weight:400!important; float:none!important; transition:background .15s!important;
}
body.checkout-index-index button.action.primary.checkout:hover{ background:#000!important; }
body.checkout-index-index .checkout-block.-summary .actions-toolbar{
  display:block!important; overflow:visible!important; margin:0!important; padding:0!important;
}

/* --- 9. smaating -------------------------------------------------- */
body.checkout-index-index .checkout-agreements-block{
  font-size:12px!important; color:var(--ab-mute)!important; line-height:1.7!important;
  padding:20px 0 0!important;
}
body.checkout-index-index .checkout-container a{
  color:var(--ab-ink)!important; text-decoration:underline!important; text-underline-offset:2px!important;
}
body.checkout-index-index input[type=checkbox],
body.checkout-index-index input[type=radio]{ accent-color:var(--ab-ink)!important; }
body.checkout-index-index .opc-estimated-wrapper{ display:none!important; }

/* --- 10. mobil ---------------------------------------------------- */
@media (max-width:1099px){
  body.checkout-index-index .checkout-container.am-checkout{ padding:0 20px var(--ab-s5)!important; }
  body.checkout-index-index .checkout-header{ padding:var(--ab-s4) 0 var(--ab-s3)!important; }
  body.checkout-index-index .checkout-header .title{ font-size:26px!important; }
  body.checkout-index-index .checkout-block{ margin-bottom:var(--ab-s5)!important; }
  body.checkout-index-index .checkout-column input[name=telephone],
  body.checkout-index-index .checkout-column input[name=vat_id]{ max-width:100%!important; }
  body.checkout-index-index .checkout-column input[name=postcode]{ max-width:104px!important; }
  /* knappen klaeber til bunden */
  body.checkout-index-index .checkout-block.-summary .actions-toolbar{
    position:sticky!important; bottom:0!important; z-index:30!important;
    background:#F6F4F1!important; border-top:1px solid var(--ab-line)!important;
    margin:var(--ab-s3) -20px 0!important; padding:14px 20px 18px!important;
  }
  body.checkout-index-index button.action.primary.checkout{ margin:0!important; min-height:56px!important; }
}

/* --- 11. runde 3: Jespers fire ---------------------------------- */
/* a) ingen hvid kasse om kortlogoerne */
body.checkout-index-index .payment-method-title.field.choice,
body.checkout-index-index .amcheckout-wrapper .payment-method._active{
  background:transparent!important; border:0!important; box-shadow:none!important;
}
/* b) Magentos standard-spoergsmaalstegn vaek */
body.checkout-index-index .field-tooltip,
body.checkout-index-index .field-tooltip-action{ display:none!important; }
body.checkout-index-index .control._with-tooltip input{ padding-right:0!important; }

/* c) produktbilledet: mindre, uden kasse-virkning */
body.checkout-index-index .opc-block-summary .product-image-container{
  width:64px!important; flex:0 0 64px!important; border:0!important; background:transparent!important;
}
body.checkout-index-index .opc-block-summary .product-image-photo{ border:0!important; }

/* d) kvitteringen kortere: varelinje paa een raekke, stramme totalraekker */
body.checkout-index-index .opc-block-summary .block.items-in-cart>.title{
  font-size:11px!important; letter-spacing:.1em!important; text-transform:lowercase!important;
  color:var(--ab-mute)!important; padding:0 0 12px!important; margin:0 0 20px!important;
  border-bottom:1px solid var(--ab-line)!important;
}
body.checkout-index-index .opc-block-summary .block.items-in-cart{
  margin:0 0 var(--ab-s3)!important; padding:0!important;
}
body.checkout-index-index .opc-block-summary .minicart-items .product-item{
  padding:0 0 20px!important; margin:0 0 20px!important;
}
body.checkout-index-index .opc-block-summary .product{
  display:flex!important; gap:16px!important; align-items:flex-start!important;
}
body.checkout-index-index .opc-block-summary .product-item-details{ flex:1 1 auto!important; min-width:0!important; }
body.checkout-index-index .opc-block-summary .minicart-items .product-item-name{ margin:0 0 4px!important; }
body.checkout-index-index .table-totals tr{ line-height:1.25!important; }
body.checkout-index-index .table-totals td,
body.checkout-index-index .table-totals th{ padding:5px 0!important; line-height:1.4!important; }
/* totalen stor nok til at vaere svaret */
body.checkout-index-index .opc-block-summary .table-totals .grand.totals td,
body.checkout-index-index .opc-block-summary .table-totals .grand.totals td .price,
body.checkout-index-index .table-totals .grand.totals .price{
  font-size:26px!important; font-weight:400!important; color:var(--ab-ink)!important;
}
body.checkout-index-index .amcheckout-additional-options{ margin:var(--ab-s3) 0 0!important; }

/* --- 12. runde 4 ------------------------------------------------- */
/* varianterne vises direkte — ikke bag en harmonika der fylder 265 px */
body.checkout-index-index .opc-block-summary .product.options{
  display:block!important; margin:6px 0 0!important; padding:0!important;
}
body.checkout-index-index .opc-block-summary .product.options>.title{ display:none!important; }
body.checkout-index-index .opc-block-summary .product.options>.content{
  display:block!important; margin:0!important; padding:0!important;
}
body.checkout-index-index .opc-block-summary .product.options .item-options{
  margin:0!important; padding:0!important; font-size:13px!important; color:var(--ab-mute)!important;
}
body.checkout-index-index .opc-block-summary .product.options .item-options dt,
body.checkout-index-index .opc-block-summary .product.options .item-options dd{
  display:inline!important; margin:0!important; padding:0!important; float:none!important;
}
body.checkout-index-index .opc-block-summary .product.options .item-options dt{ display:none!important; }
body.checkout-index-index .opc-block-summary .product.options .item-options dd:not(:first-of-type):before{
  content:"\00b7"; margin:0 .45em 0 .2em; opacity:.6;
}
body.checkout-index-index .opc-block-summary .product-item-inner{ display:block!important; margin:0!important; }
body.checkout-index-index .opc-block-summary .details-qty{ margin:6px 0 0!important; }

/* kun EEN stor total — den med moms. Uden moms staar smaat under. */
body.checkout-index-index .table-totals .grand.totals.excl td,
body.checkout-index-index .table-totals .grand.totals.excl th{
  font-size:13px!important; color:var(--ab-mute)!important; font-weight:400!important;
  padding:6px 0 0!important; border-top:0!important; letter-spacing:0!important;
}
body.checkout-index-index .table-totals .grand.totals.excl td .price{
  font-size:13px!important; font-weight:400!important; color:var(--ab-mute)!important;
}

/* --- 13. de hvide kanter paa produktfotoet ----------------------- */
/* MAALT: filen er 150x150 og de yderste ~20 px i hver side er rent hvidt.
   Magento padder et hoejformat-foto op til kvadrat (frame=true i view.xml).
   mix-blend-mode:multiply blev proevet og VIRKER IKKE her: den sticky
   hoejrespalte skaber en stakkontekst, som isolerer blandingen. Bevist med
   roed baggrund paa spalten — miniaturen forblev hvid.
   Den rigtige rettelse er <frame>false</frame> i temaets view.xml. */

/* --- 14. fremmede streger i kvitteringen ------------------------- */
/* Magento/temaet tegner fire ekstra rammer oven i mine: items-in-cart 2px bund,
   table-totals 1px top, og BEGGE totalraekker 2px top. Nulstil dem alle,
   og tegn kun de streger designet beder om. */
body.checkout-index-index .opc-block-summary .block.items-in-cart,
body.checkout-index-index .opc-block-summary .data.table.table-totals,
body.checkout-index-index .table-totals tr,
body.checkout-index-index .table-totals .grand.totals,
body.checkout-index-index .table-totals .grand.totals th,
body.checkout-index-index .table-totals .grand.totals td,
body.checkout-index-index .table-totals .grand.totals .mark,
body.checkout-index-index .table-totals .grand.totals .amount,
body.checkout-index-index .checkout-block.-summary .actions-toolbar{
  border:0!important;
}
/* een streg over totalen — og kun een */
body.checkout-index-index .table-totals .grand.totals.incl th,
body.checkout-index-index .table-totals .grand.totals.incl td{
  border-top:1px solid var(--ab-line)!important; padding-top:var(--ab-s3)!important;
}
/* ingen streg under varelinjen naar den er den sidste */
body.checkout-index-index .opc-block-summary .minicart-items .product-item:last-child{
  border-bottom:0!important; margin-bottom:0!important; padding-bottom:0!important;
}
/* tom hale i betalingsblokken + strammere afstand mellem blokke */
body.checkout-index-index .checkout-block{ margin:0 0 var(--ab-s4)!important; }
body.checkout-index-index .payment-group .payment-method:last-child{ padding-bottom:0!important; }
body.checkout-index-index .checkout-agreements-block:empty{ display:none!important; }

/* --- 15. toppen: slank brandbjaelke ------------------------------ */
/* Butikkens header er 206 px hoej ved 1920 px med et 90 px logo. Paa en
   checkout er det doed plads — kunden er forbi at blive praesenteret.
   Maalt: toppen til overskriften var 290 px, heraf 162 px tomt. */
body.checkout-index-index .page-header{
  padding:18px 0!important; margin-bottom:0!important; border-bottom:1px solid var(--ab-line)!important;
}
body.checkout-index-index .page-header img{ max-height:48px!important; width:auto!important; }
body.checkout-index-index .page-header .logo{ margin:0!important; }
body.checkout-index-index .page-main{ padding-top:0!important; }
body.checkout-index-index .checkout-header{
  padding:44px 0 32px!important; margin-top:0!important;
}
@media (max-width:1099px){
  body.checkout-index-index .page-header{ padding:12px 0!important; }
  body.checkout-index-index .page-header img{ max-height:34px!important; }
  body.checkout-index-index .checkout-header{ padding:28px 0 24px!important; }
}

/* --- 16. typeskala strammet ------------------------------------- */
/* Flere tekster stod som "indhold" men er hjaelpetekst. De traekkes ned,
   saa oejet gaar til det der betyder noget: varen, beloebet, knappen.
   ? Felter beholder 16px paa mobil — under 16 zoomer iOS ind ved fokus. */
@media (min-width:1100px){
  body.checkout-index-index .checkout-column input[type=text],
  body.checkout-index-index .checkout-column input[type=email],
  body.checkout-index-index .checkout-column input[type=tel],
  body.checkout-index-index .checkout-column input[type=number],
  body.checkout-index-index .checkout-column select{ font-size:15px!important; }
}
/* hjaelpetekst under e-mail */
body.checkout-index-index .checkout-column .field .note,
body.checkout-index-index .checkout-column .field-note,
body.checkout-index-index #customer-email-fieldset .note{
  font-size:13px!important; color:var(--ab-mute)!important; line-height:1.6!important;
}
/* afkrydsningstekster */
body.checkout-index-index .payment-method-billing-address label span,
body.checkout-index-index .amcheckout-additional-options label,
body.checkout-index-index .amcheckout-additional-options .admin__field-label,
body.checkout-index-index .checkout-column .field.choice label span{
  font-size:14px!important; color:var(--ab-body)!important; font-weight:400!important;
}
/* fragtlinjen */
body.checkout-index-index .table-checkout-shipping-method td{ font-size:14px!important; }
/* varelinjen i kvitteringen */
body.checkout-index-index .opc-block-summary .product-item-name{ font-size:14px!important; }
body.checkout-index-index .opc-block-summary .minicart-items .price{ font-size:14px!important; }
/* "i alt"-etiketten er en etiket, ikke indhold */
body.checkout-index-index .table-totals .grand.totals th,
body.checkout-index-index .table-totals .grand.totals .mark{
  font-size:12px!important; font-weight:400!important; letter-spacing:.1em!important;
  text-transform:lowercase!important; color:var(--ab-mute)!important;
}
/* betalingsteksten */
body.checkout-index-index .payment-method-content p{ font-size:13px!important; }

/* --- 17. logo og total justeret (Jesper) ------------------------- */
/* Logoet tilbage til 48 px: fejlen var de 116 px tomme luft i headeren,
   ikke logoets stoerrelse. Ved betaling er brandet det der giver tryghed. */
body.checkout-index-index .page-header{ padding:22px 0!important; }
/* totalen: stadig det stoerste tal paa siden, men den raaber ikke */
body.checkout-index-index .opc-block-summary .table-totals .grand.totals td,
body.checkout-index-index .opc-block-summary .table-totals .grand.totals td .price,
body.checkout-index-index .table-totals .grand.totals .price{ font-size:20px!important; }
@media (max-width:1099px){
  body.checkout-index-index .page-header{ padding:14px 0!important; }
}

/* --- 18. laesbarhed: stoerrelse og kontrast --------------------- */
/* Maalt: den daempede graa gav 3,79:1 mod #F6F4F1 — kravet er 4,5:1 for
   tekst under 24px. Farven er haevet til #6b675f (5,1:1), og de mindste
   tekster fra 11 til 12px. Sperringen goer 12px lettere at laese end
   12px uden, saa sektionerne kan baere det. */
body.checkout-index-index .checkout-column .field>.label,
body.checkout-index-index .checkout-column .field .label span,
body.checkout-index-index .payment-method-title .label{
  font-size:12px!important; color:#6b675f!important;
}
body.checkout-index-index .step-title,
body.checkout-index-index .amcheckout-title .step-title{ font-size:12px!important; }
body.checkout-index-index .opc-block-summary .block.items-in-cart>.title{
  font-size:12px!important; color:#6b675f!important;
}
body.checkout-index-index .table-totals .grand.totals th,
body.checkout-index-index .table-totals .grand.totals .mark{ color:#6b675f!important; }
body.checkout-index-index .opc-block-summary .item-options,
body.checkout-index-index .opc-block-summary .details-qty,
body.checkout-index-index .opc-block-summary .product.options .item-options{
  color:#6b675f!important;
}
body.checkout-index-index .checkout-agreements-block{ color:#6b675f!important; }

/* --- 19. miniaturen i 4:5 --------------------------------------- */
/* view.xml giver nu 120x150 med frame:false, saa billedet har samme
   format som 93 % af produktfotoene — ingen hvid padding, ingen beskaering. */
body.checkout-index-index .opc-block-summary .product-image-container{
  width:64px!important; flex:0 0 64px!important; height:auto!important;
}
body.checkout-index-index .opc-block-summary .product-image-photo{
  width:64px!important; height:80px!important; object-fit:cover!important; display:block!important;
}
body.checkout-index-index .opc-block-summary .product-image-wrapper{
  width:64px!important; height:80px!important; padding:0!important; overflow:hidden!important;
}

/* --- 20. totalerne ned + kurv-skuffen --------------------------- */
/* ? Mit eget afsnit 17 satte ALLE .grand.totals .price til 20px og
   overskrev dermed min egen excl-regel fra afsnit 12. Derfor stod begge
   totaler stort. Her er de adskilt med hoejere specificitet. */
body.checkout-index-index .table-totals .grand.totals.incl td,
body.checkout-index-index .table-totals .grand.totals.incl td .price{
  font-size:18px!important; font-weight:400!important; color:var(--ab-ink)!important;
}
body.checkout-index-index .table-totals .grand.totals.excl td,
body.checkout-index-index .table-totals .grand.totals.excl td .price,
body.checkout-index-index .table-totals .grand.totals.excl th{
  font-size:13px!important; font-weight:400!important; color:#6b675f!important;
  letter-spacing:0!important; text-transform:none!important;
}

/* kurv-skuffen: billedet fylder kassen, ingen baggrund i kanten.
   ? Temaet bruger en ID-selektor (#minicart-content-wrapper), som vejer
   langt tungere end klasser. Derfor matches hele kaeden + body. */
body .minicart-wrapper #minicart-content-wrapper .minicart-items .product-image-container,
body .minicart-wrapper #minicart-content-wrapper .minicart-items .product-image-wrapper{
  width:68px!important; height:85px!important; background:transparent!important;
  border:0!important; border-radius:0!important; padding:0!important;
  overflow:hidden!important; display:block!important; max-width:68px!important;
}
body .minicart-wrapper #minicart-content-wrapper .minicart-items .product-image-photo{
  width:68px!important; height:85px!important; max-width:68px!important;
  object-fit:cover!important; display:block!important; border-radius:0!important;
}
body .minicart-wrapper #minicart-content-wrapper .minicart-items .product-item-photo{
  width:68px!important; background:transparent!important;
}

/* --- 21. kvitteringen foerst, betaling derefter ------------------ */
/* Kunden skal se HVAD de koeber, foer HVORDAN de betaler.
   Knappen ligger inde i kvitteringsblokken, saa en simpel ombytning ville
   saette den foer betalingsvalget. Loesningen: display:contents paa
   kvitteringsblokken, saa dens boern bliver direkte flex-boern af spalten
   og kan ordnes hver for sig. Raekkefoelge: varer+totaler > betaling >
   nyhedsbrev > knap. */
@media (min-width:1100px){
  body.checkout-index-index .opc-wrapper.layout-2columns>.checkout-column:last-child{
    display:flex!important; flex-direction:column!important;
  }
  body.checkout-index-index .checkout-block.-summary{ display:contents!important; }
  body.checkout-index-index .opc-block-summary{ order:1!important; margin:0 0 48px!important; }
  body.checkout-index-index .checkout-column:last-child>.checkout-block:not(.-summary){ order:2!important; }
  body.checkout-index-index .amcheckout-additional-options{ order:3!important; }
  body.checkout-index-index .checkout-payment-method.submit{ order:4!important; }
}
/* --- 22. luk hullet mellem adresse-afkrydsningen og koebsknappen ---
   Maalt 08.11.2026: 144 px tomt. Det var ikke EEN margin, men fem ting
   der stablede sig: afkrydsningens 28, en tom adresse-detalje-div,
   betingelses-blokkens 20 px toppolstring omkring en tom div, feltets
   20 px bund og blokkens 32 px. Ingen af dem viser noget. */
body.checkout-index-index .billing-address-same-as-shipping-block{ margin-bottom:0!important; }
body.checkout-index-index .checkout-billing-address{ margin-bottom:0!important; }
body.checkout-index-index .billing-address-details:empty{ display:none!important; }
body.checkout-index-index .payment-method-content .checkout-agreements-block{
  padding-top:0!important; margin:0!important;
}
body.checkout-index-index .payment-method-content .checkout-agreements-block > div:empty{
  display:none!important;
}
body.checkout-index-index .payment-method-content .fieldset{ margin-bottom:0!important; }
body.checkout-index-index li.checkout-payment-method .step-content{ margin-bottom:0!important; }
@media (min-width:1100px){
  body.checkout-index-index .checkout-column:last-child > .checkout-block:not(.-summary){
    margin-bottom:0!important;
  }
  body.checkout-index-index .amcheckout-additional-options{ margin-top:20px!important; }
}

/* --- 23. hullet over "betaling" og kvitteringens indrykning ---
   Maalt 08.11.2026: 96 px mellem sidste totallinje og betalingstitlen
   (20 bundmargin + 28 bundpolstring + 48 blokmargin), og kvitteringen
   laa 24 px laengere inde end betalingen under den, fordi polstringen
   var tilbage fra dengang den var et kort. */
body.checkout-index-index .opc-block-summary{
  padding:0!important; margin:0 0 40px!important;
}
body.checkout-index-index .opc-block-summary > .step-content{ margin-bottom:0!important; }

/* --- 24. radioknapper i browserens blaa (#0b5ed7) — skal vaere sorte
       som resten af checkout. accent-color styrer baade prik og ring. */
body.checkout-index-index input[type="radio"],
body.checkout-index-index input[type="checkbox"],
body.checkout-cart-index input[type="radio"],
body.checkout-cart-index input[type="checkbox"]{
  accent-color:#111!important;
}

/* --- 25. stregerne en tand lettere, og halve paa retina.
       Jesper 08.11.2026: "linierne er lidt for tykke". Samme tone
       som kurven, saa hele koebsflowet staar ens. Felternes egne
       understreger roeres IKKE — de skal kunne ses som felter. */
body.checkout-index-index{ --ab-line:#ece9e4!important; }

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){
  body.checkout-index-index .checkout-block,
  body.checkout-index-index .opc-block-summary,
  body.checkout-index-index .step-title,
  body.checkout-index-index .amcheckout-title,
  body.checkout-index-index .amcheckout-title .step-title,
  body.checkout-index-index .opc-block-summary .minicart-items li.product-item,
  body.checkout-index-index .table-totals tr,
  body.checkout-index-index .table-totals th,
  body.checkout-index-index .table-totals td,
  body.checkout-index-index .table-checkout-shipping-method tr,
  body.checkout-index-index .table-checkout-shipping-method td{
    border-top-width:0.5px!important; border-bottom-width:0.5px!important;
  }
}

/* --- 26. varelinjerne i kvitteringen stod 32 px inde i forhold til
       "súhrn objednávky" og totallinjerne. Billedbeholderen baerer en
       venstremargin; afstanden mellem billede og tekst laves med gap
       i stedet, saa linjen flugter med resten af blokken. */
body.checkout-index-index .opc-block-summary .minicart-items li.product-item > .product{
  padding-left:0!important; margin-left:0!important; gap:16px!important;
}
body.checkout-index-index .opc-block-summary .minicart-items .product-image-container,
body.checkout-index-index .opc-block-summary .minicart-items .product-item-photo{
  margin-left:0!important; padding-left:0!important;
}

/* 26b. .product baerer et clearfix-::before (content:"" ; display:table).
       I en flexbox bliver et saadant pseudo-element et RIGTIGT flex-barn,
       og min gap skubbede derfor billedet 16 px ind. Det slaas fra. */
body.checkout-index-index .opc-block-summary .minicart-items li.product-item > .product::before,
body.checkout-index-index .opc-block-summary .minicart-items li.product-item > .product::after{
  display:none!important; content:none!important;
}

/* --- 28. fragtvalget paa mobil (maalt paa .dk 08.11.2026) ---
   Tabellen har fire celler: radio | pris | beskrivelse | transportoer.
   Paa 375 px fik beskrivelsen 72 px, saa butiksadressen brak over seks
   linjer og raekken blev 141 px hoej. Her stables den:
       ( ) afhentning i butikken          0,00 DKK
           Tullinsgade 21, 1618 København V (tirs-fre ...)
   Cellerne kan kun skelnes paa position — to af dem deler klassen
   col-method — derfor nth-child. */
@media (max-width:767px){
  body.checkout-index-index .table-checkout-shipping-method,
  body.checkout-index-index .table-checkout-shipping-method tbody{
    display:block!important; width:100%!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody tr{
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr) auto!important;
    column-gap:12px!important; row-gap:2px!important;
    align-items:start!important;
    padding:14px 0!important; margin:0!important;
    border-bottom:1px solid var(--ab-line)!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody tr:last-child{
    border-bottom:0!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody td{
    display:block!important; padding:0!important; border:0!important;
    width:auto!important; vertical-align:top!important;
  }
  /* 1: radioknappen */
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(1){
    grid-column:1!important; grid-row:1!important;
  }
  /* 4: navnet paa fragtmetoden — det vigtigste, saa det staar foerst */
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(4){
    grid-column:2!important; grid-row:1!important;
    font-size:15px!important; line-height:1.4!important;
  }
  /* 2: prisen til hoejre paa samme linje */
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(2){
    grid-column:3!important; grid-row:1!important;
    text-align:right!important; white-space:nowrap!important; font-size:15px!important;
  }
  /* 3: beskrivelsen/adressen under, daempet og i fuld bredde */
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(3){
    grid-column:2/-1!important; grid-row:2!important;
    font-size:13px!important; line-height:1.5!important; color:var(--ab-mute)!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(3):empty{
    display:none!important;
  }
}

/* --- 29. 15 px af betalingssektionen blev klippet af i venstre side ---
   Maalt paa .dk mobil 08.11.2026: .items.payment-methods har
   margin:0 -15px (Amastys gutter), mens .opc-wrapper har
   overflow-x:hidden. Resultatet var at "betalingsmetode", "dankort",
   "du vælger ..." og "jeg accepterer ..." manglede de foerste par tegn.
   Rammer alle sprogbutikker, ikke kun .dk. */
body.checkout-index-index .items.payment-methods,
body.checkout-index-index .amcheckout-payment-methods,
body.checkout-index-index .opc-payment .items{
  margin-left:0!important; margin-right:0!important;
}

/* --- 30. butiksadressen ude af fragtvalget paa mobil ---
   Jesper 08.11.2026: "den fylder for meget, den maa komme et andet sted".
   Cellen baerer width:40px fra temaet, saa den braekker ord for ord
   uanset hvor bred gitterkolonnen er. Den skjules paa mobil; paa
   desktop staar den paa EEN linje og faar lov at blive. */
@media (max-width:767px){
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(3){
    display:none!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody tr{
    grid-template-columns:26px minmax(0,1fr) auto!important;
  }
  /* overskriftsraekken fylder kun luft */
  body.checkout-index-index .table-checkout-shipping-method thead{ display:none!important; }
  body.checkout-index-index .checkout-shipping-method .step-content{ margin-top:0!important; }
  body.checkout-index-index #checkout-shipping-method-load{ margin-top:0!important; }
}

/* --- 31. "jeg accepterer handelsbetingelserne" stod i browserblaa --- */
body.checkout-index-index .checkout-agreements-block a,
body.checkout-index-index .checkout-agreements a,
body.checkout-index-index .action-show.checkout-agreements-item-action{
  color:var(--ab-ink)!important; text-decoration:underline!important;
  text-underline-offset:3px!important;
}
body.checkout-index-index .checkout-agreements-block a:hover{ color:#000!important; }

/* --- 32. kortlogoerne mindre ---
   De ligger i en iframe fra ePay (iframe.epay_epay_paymenttype), saa
   indholdet kan ikke styles herfra. Rammen skaleres i stedet ned, og
   den plads transformen ikke frigiver tages med en negativ bundmargin. */
body.checkout-index-index iframe.epay_epay_paymenttype{
  transform:scale(.72)!important; transform-origin:0 0!important;
  margin-bottom:-14px!important; display:block!important; border:0!important;
}

/* --- 33. "du kan oprette en konto efter bestilling" fjernet ---
   Jesper 08.11.2026. Det er den eneste note med ._with-tooltip paa
   siden; log ind-noten laengere nede roeres ikke. */
body.checkout-index-index .control._with-tooltip > .note{ display:none!important; }

/* --- 34. betingelses-linket stod i Magento-blaa (#006bb4) ---
   Det er en <button class="action action-show">, ikke et <a>. */
body.checkout-index-index .checkout-agreement .action.action-show,
body.checkout-index-index .checkout-agreements .action.action-show{
  color:var(--ab-ink)!important; text-decoration:underline!important;
  text-underline-offset:3px!important; background:transparent!important;
  border:0!important; padding:0!important; font-size:14px!important;
}
body.checkout-index-index .checkout-agreement .action.action-show:hover{ color:#000!important; }

/* --- 35. fragtmetodernes navne i smaa bogstaver som resten af sitet --- */
body.checkout-index-index .table-checkout-shipping-method .col-carrier,
body.checkout-index-index .table-checkout-shipping-method .col-method{
  text-transform:lowercase!important;
}

/* --- 36. betingelses-linket i smaa bogstaver som resten af sitet.
       Kun dette ene — saetningen om ePay roeres ikke, fordi
       text-transform ville goere "ePays" til "epays". */
body.checkout-index-index .checkout-agreement .action.action-show{
  text-transform:lowercase!important;
}

/* --- 37. butiksadressen ude af fragtvalget paa ALLE bredder ---
   Jesper 08.11.2026: "den adresse paa butikken skal ogsaa vaek paa
   desktop, det fylder for meget". Celle 3 i fragttabellen baerer
   metodens beskrivelse; paa .dk er det butikkens adresse og
   aabningstider. Den er tom for alle andre fragtmetoder, saa det
   koster ikke information andre steder.
   (Erstatter den mobil-kun-regel i afsnit 30.) */
body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(3){
  display:none!important;
}

/* ===== 38. ORDREBEKRAEFTELSEN — 08.11.2026 =====
   Siden var helt uroert af redesignet: intet CSS nogen steder ramte
   checkout-onepage-success. Samme sprog som kurv og checkout nu:
   ingen kort, haarfine streger, sort knap, smaa bogstaver.
   Markup'en er Amastys thank-you-side + Magentos standard ordrevisning. */
body.checkout-onepage-success{
  --ab-ink:#020031; --ab-mute:#6b675f; --ab-body:#4a463f;
  --ab-line:#ece9e4; --ab-sort:#111;
}

/* 38.1 overskrift og de to foerste linjer */
body.checkout-onepage-success .page-title-wrapper .page-title{
  font-weight:300!important; letter-spacing:.04em!important; text-transform:lowercase!important;
}
body.checkout-onepage-success .checkout-success .success-messages p{
  font-size:15px!important; line-height:1.7!important; color:var(--ab-body)!important;
  margin:0 0 8px!important;
}
body.checkout-onepage-success .success-messages .order-number,
body.checkout-onepage-success .success-messages span{ color:var(--ab-ink)!important; }

/* 38.2 sektionstitler i samme tone som "din ordre" i checkout */
body.checkout-onepage-success .block-order-details .block-title strong,
body.checkout-onepage-success .block-order-details-view .block-title strong,
body.checkout-onepage-success .order-details-items .order-title strong,
body.checkout-onepage-success .box-title > strong,
body.checkout-onepage-success .box-title > span{
  font-size:12px!important; letter-spacing:.16em!important; font-weight:400!important;
  text-transform:lowercase!important; color:var(--ab-ink)!important;
}
body.checkout-onepage-success .block-order-details .block-title,
body.checkout-onepage-success .order-details-items .order-title{
  padding:0 0 12px!important; margin:0 0 20px!important;
  border-bottom:1px solid var(--ab-line)!important;
}
body.checkout-onepage-success .order-date{
  font-size:14px!important; color:var(--ab-mute)!important; margin:0 0 32px!important;
}

/* 38.3 ingen kort om varelisten — det var den sidste kasse paa sitet */
body.checkout-onepage-success .order-details-items,
body.checkout-onepage-success .order-details-items .table-wrapper,
body.checkout-onepage-success #my-orders-table{
  background:transparent!important; border:0!important; box-shadow:none!important;
  border-radius:0!important; padding:0!important;
}

/* 38.4 varelisten */
body.checkout-onepage-success #my-orders-table thead th{
  font-size:11px!important; letter-spacing:.14em!important; font-weight:400!important;
  text-transform:lowercase!important; color:var(--ab-mute)!important;
  border-bottom:1px solid var(--ab-line)!important; padding:0 0 12px!important;
  background:transparent!important;
}
body.checkout-onepage-success #my-orders-table tbody td{
  border:0!important; border-bottom:1px solid var(--ab-line)!important;
  padding:18px 0!important; background:transparent!important;
  font-size:15px!important; font-weight:400!important; color:var(--ab-ink)!important;
}
body.checkout-onepage-success #my-orders-table .price,
body.checkout-onepage-success #my-orders-table .col.subtotal{
  font-weight:400!important; color:var(--ab-ink)!important;
}
body.checkout-onepage-success #my-orders-table .col.sku{
  font-size:13px!important; color:var(--ab-mute)!important;
}

/* 38.5 totaler — kun etiketterne i smaa bogstaver, ikke beloeb og valuta */
body.checkout-onepage-success #my-orders-table tfoot th,
body.checkout-onepage-success #my-orders-table tfoot .mark{
  text-transform:lowercase!important; font-weight:400!important;
  color:var(--ab-body)!important; font-size:14px!important;
  border:0!important; background:transparent!important; padding:8px 0!important;
}
body.checkout-onepage-success #my-orders-table tfoot td,
body.checkout-onepage-success #my-orders-table tfoot .amount{
  border:0!important; background:transparent!important; padding:8px 0!important;
  font-size:14px!important; font-weight:400!important; color:var(--ab-body)!important;
}
body.checkout-onepage-success #my-orders-table tfoot .grand_total th,
body.checkout-onepage-success #my-orders-table tfoot .grand_total .mark{
  font-size:12px!important; letter-spacing:.1em!important; color:var(--ab-mute)!important;
  border-top:1px solid var(--ab-line)!important; padding-top:18px!important;
}
body.checkout-onepage-success #my-orders-table tfoot .grand_total td,
body.checkout-onepage-success #my-orders-table tfoot .grand_total .amount{
  font-size:18px!important; color:var(--ab-ink)!important;
  border-top:1px solid var(--ab-line)!important; padding-top:18px!important;
}

/* 38.6 adresse- og betalingsblokkene */
body.checkout-onepage-success .block-order-details-view .box-content,
body.checkout-onepage-success .box-content{
  font-size:14px!important; line-height:1.7!important; color:var(--ab-body)!important;
}
body.checkout-onepage-success .block-order-details-view .box{ margin-bottom:28px!important; }

/* 38.7 knappen var brun — den skal vaere sort som alle andre knapper */
body.checkout-onepage-success .actions-toolbar .action.primary.continue,
body.checkout-onepage-success .action.primary.continue{
  background:var(--ab-sort)!important; color:#fff!important;
  border:0!important; border-radius:0!important;
  min-height:56px!important; padding:0 40px!important;
  font-size:13px!important; font-weight:400!important; letter-spacing:.18em!important;
  text-transform:lowercase!important;
}
body.checkout-onepage-success .actions-toolbar{ margin:40px 0 0!important; }

/* --- 39. fragtvalget paa desktop ---
   Da beskrivelsescellen blev skjult (afsnit 37), stod pris og navn
   klos op ad hinanden: "45,00 DKKlevering til pakkeshop". Desktop faar
   nu samme opstilling som mobil — navn til venstre, pris til hoejre —
   i stedet for at vaere en tabel med tre tilfaeldigt brede celler. */
@media (min-width:768px){
  body.checkout-index-index .table-checkout-shipping-method,
  body.checkout-index-index .table-checkout-shipping-method tbody{
    display:block!important; width:100%!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody tr{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    column-gap:16px!important; align-items:center!important;
    padding:16px 0!important; margin:0!important;
    border-bottom:1px solid var(--ab-line)!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody tr:last-child{
    border-bottom:0!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody td{
    display:block!important; padding:0!important; border:0!important;
    width:auto!important; vertical-align:middle!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(1){
    grid-column:1!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(4){
    grid-column:2!important; text-align:left!important; font-size:15px!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(2){
    grid-column:3!important; text-align:right!important;
    white-space:nowrap!important; font-size:15px!important;
  }
  body.checkout-index-index .table-checkout-shipping-method thead{ display:none!important; }
}

/* 39b. cellerne manglede grid-row. Med kun grid-column angivet placerer
   gitteret dem "sparse": navnet havnede paa raekke 2, 25 px under
   radioknappen og prisen. Alle tre skal ligge paa raekke 1. */
@media (min-width:768px){
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(1),
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(2),
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(4){
    grid-row:1!important; align-self:center!important;
  }
}

/* --- 41. fragtvalget: mindre skrift, prisen taettere paa navnet ---
   Jesper 08.11.2026: "saet font stoerrelsen lidt ned paa tracked
   delivery og ryk beloebet lidt taettere paa".
   Navnekolonnen var minmax(0,1fr), saa den aad al plads i
   formularkolonnen og skubbede prisen ud til hoejre kant ~1150 px
   ude. Foerste forsoeg med max-width paa raekken flyttede prisen
   400 px ind, men efterlod stadig 340 px tomt INDE i navnecellen.
   Nu er begge kolonner auto: prisen staar lige efter navnet.
   Skriften ned fra 15 til 14 px. */
@media (min-width:768px){
  body.checkout-index-index .table-checkout-shipping-method tbody tr{
    grid-template-columns:28px auto auto!important;
    justify-content:start!important;
    column-gap:22px!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(4),
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(2){
    font-size:14px!important;
  }
  body.checkout-index-index .table-checkout-shipping-method tbody td:nth-child(2){
    text-align:left!important;
  }
}

/* ===== 42. HOEJRE KOLONNE RYDDET OP - 08.11.2026 =====
   Jesper: "hoejre siden er den lidt for rodet er der noget friktion
   der?" Kolonnen lavede fem ting paa en gang: opsummering,
   betalingsinfo, et formularfelt, jura og markedsfoering, og til
   sidst knappen. Laeserrekkefoelgen bliver nu:
   hvad du koeber -> hvad det koster -> hvordan du betaler -> handl.
   Alt herunder er ren CSS. Blokken .checkout-block.-summary er
   display:contents, saa dens fire boern ligger direkte i gitteret og
   kan ombyttes med order uden at roere DOM eller Knockout. */

/* --- 42.1 momslinjen var den eneste der lignede en regnefejl ---
   "incl. vat" stod MELLEM subtotal og fragt, som om den indgik i
   summen: 28 + 6,80 + 6 giver ikke 34. Den er oplysning om totalen,
   ikke en post, saa den hoerer under stregen og i mindre skrift. */
body.checkout-index-index .opc-block-summary .table-totals tbody{
  display:flex!important; flex-direction:column!important;
}
body.checkout-index-index .opc-block-summary .table-totals tbody tr{
  display:flex!important; align-items:baseline!important;
  justify-content:space-between!important; gap:16px!important;
  width:100%!important;
}
body.checkout-index-index .opc-block-summary .table-totals tr.totals.sub{ order:1!important; }
body.checkout-index-index .opc-block-summary .table-totals tr.totals.shipping{ order:2!important; }
body.checkout-index-index .opc-block-summary .table-totals tr.grand.totals{ order:3!important; }
body.checkout-index-index .opc-block-summary .table-totals tr.totals-tax{ order:4!important; }
body.checkout-index-index .opc-block-summary .table-totals tr.totals-tax th,
body.checkout-index-index .opc-block-summary .table-totals tr.totals-tax td{
  font-size:12px!important; font-weight:400!important;
  color:#807c74!important; border:0!important;
  padding:8px 0 0!important; background:transparent!important;
}

/* --- 42.2 nyhedsbrevet laa mellem juraen og koebsknappen ---
   Det afbroed vejen til handlingen: man skulle forbi et
   markedsfoerings-tilvalg for at naa knappen. Det flyttes under. */
body.checkout-index-index .checkout-block.-summary > .opc-block-summary{ order:1!important; }
body.checkout-index-index .checkout-block.-summary > .checkout-payment-method{ order:2!important; }
body.checkout-index-index .checkout-block.-summary > .checkout-payment-method.submit{ order:3!important; }
body.checkout-index-index .checkout-block.-summary > .amcheckout-additional-options{
  order:4!important; margin:26px 0 0!important;
}
body.checkout-index-index .amcheckout-additional-options label,
body.checkout-index-index .amcheckout-checkboxes-container label{
  font-size:13px!important; color:#6b675f!important;
}

/* --- 42.3 syv kortlogoer plus en saetning der siger det samme ---
   Saetningen bliver staaende (Jesper 08.11: teksten om at man
   vaelger i naeste vindue skal blive). Logoerne fylder mindre. */
body.checkout-index-index iframe.epay_epay_paymenttype{
  transform:scale(.58)!important; transform-origin:0 0!important;
  margin-bottom:-26px!important;
}

/* --- 42.4 luft om afkrydsningen for fakturaadresse ---
   Den er det eneste felt man kan klikke paa i en kolonne der ellers
   kun skal laeses. Den kan ikke flyttes til venstre kolonne med CSS
   alene, saa den faar i stedet sin egen luft og en roligere vaegt. */
body.checkout-index-index .billing-address-same-as-shipping-block{
  margin:22px 0 18px!important;
}
body.checkout-index-index .billing-address-same-as-shipping-block label{
  font-size:13px!important; color:#6b675f!important;
}

/* --- 42.5 ordenstallene var inerte paa mobil ---
   .checkout-block.-summary er display:contents paa desktop, saa de
   fire boern ligger i gitteret og kan ombyttes med order. Under
   768 px er den display:block, og order gaelder kun flex- og
   gitterboern: nyhedsbrevet blev liggende OVER koebsknappen selvom
   order:4 stod der. Maalt i browseren 08.11.2026. */
@media (max-width:767px){
  body.checkout-index-index .checkout-block.-summary{
    display:flex!important; flex-direction:column!important;
  }
}