@charset "UTF-8";
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
/* ------------------------------------------------ 

	air_checkout.css

 ------------------------------------------------ */
.splitCheckout .checkout_section.discountCode_section {
  padding: 0;
}
.splitCheckout .checkout_section.discountCode_section button {
  border: none;
}
.splitCheckout .left-wrapper {
  display: flex;
  flex-direction: column;
}
.splitCheckout .left-wrapper .inner {
  display: flex;
  flex-direction: column;
}
.splitCheckout .right-wrapper {
  display: flex;
  flex-direction: column;
}
.splitCheckout .right-wrapper .inner {
  display: flex;
  flex-direction: column;
}

.splitCheckout .checkout_section.discountCode_section {
  padding: 0;
}
.splitCheckout .checkout_section.discountCode_section button {
  border: none;
}

@media screen and (min-width: 1250px) {
  .splitCheckout {
    max-width: 100% !important;
  }
  .splitCheckout form {
    display: flex;
    align-items: stretch;
    flex-direction: row !important;
    gap: calc(var(--gutter) * 2);
  }
  .checkoutGridReverse.splitCheckout form {
    flex-direction: row-reverse !important;
  }
  .splitCheckout .right-wrapper {
    position: relative;
  }
  .splitCheckout .left-wrapper .inner {
    display: flex;
    flex-direction: column;
  }
  .splitCheckout .right-wrapper {
    float: right;
    width: 50%;
    order: 1;
  }
  .splitCheckout .left-wrapper {
    float: left;
    width: 50%;
    min-height: calc(100vh - 200px);
  }
  .splitCheckout .Snabbkassa_Varukorg_Tabell_Rad {
    padding: calc(var(--gutter) / 2) 0;
  }
  .splitCheckout .checkout_section {
    display: block !important;
  }
  .splitCheckout .checkout_section.discountCode_section > .box {
    display: unset;
  }
  #header.scrolled + #main .splitCheckout .right-wrapper .inner {
    top: var(--gutter);
  }
  .splitCheckout.checkoutStickyCart .right-wrapper .inner {
    position: -webkit-sticky;
    position: sticky;
    top: calc(86px + var(--gutter));
    transition: top 350ms ease;
  }
}
.splitCheckout .left-wrapper, .splitCheckout .right-wrapper,
.splitCheckout .left-wrapper .inner, .splitCheckout .right-wrapper .inner {
  display: flex;
  flex-direction: column;
}

.not-validated .Nyhetsbrev,
.not-validated .Fraktmetoder,
.not-validated .Kundtjanst,
.not-validated .psp_content_overlay_wrapper,
.not-validated .psp_content,
.not-validated .psp_content_validation,
.not-validated #spl-wrapper,
.not-validated #checkout_payment_wrapper,
.not-validated #Adressuppgifter,
.not-validated #contract_consent_button_asterix,
.not-validated .checkout_contracts,
.not-validated .GodkannaVillkorochBestallningsknappRam,
.not-validated small,
.Fraktmetoder_Validering::after {
  display: none;
  opacity: 0;
  pointer-events: none;
}

.not-validated.blur .Nyhetsbrev,
.not-validated.blur .Fraktmetoder,
.not-validated.blur .Kundtjanst,
.not-validated.blur .psp_content_overlay_wrapper,
.not-validated.blur .psp_content,
.not-validated.blur .psp_content_validation,
.not-validated.blur #spl-wrapper,
.not-validated.blur #checkout_payment_wrapper,
.not-validated.blur #Adressuppgifter,
.not-validated.blur #contract_consent_button_asterix,
.not-validated.blur .checkout_contracts,
.not-validated.blur .GodkannaVillkorochBestallningsknappRam,
.not-validated.blur small,
.Fraktmetoder_Validering::after {
  opacity: 0.5;
  filter: blur(3px);
  pointer-events: none;
  display: block;
  opacity: 1;
  pointer-events: none;
}

/* ------------------------ 
	Generellt   
 ------------------------ */
.Kassan {
  max-width: 50rem;
  margin: 0 auto;
}

.Kassan h1 {
  font-size: 2.5em;
}
@media only screen and (min-width: 0rem) and (max-width: 64.1rem) {
  .Kassan h1 {
    font-size: 2em;
  }
}

.Kassan h1:first-child {
  margin: calc(var(--gutter) * 3) 0 var(--gutter);
}
@media only screen and (min-width: 0rem) and (max-width: 64.1rem) {
  .Kassan h1:first-child {
    margin: var(--gutter) 0;
  }
}

.Kassan:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

.Kassan > form {
  display: -webkit-box;
  display: -moz-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#page--checkout button.Varukorg {
  pointer-events: none;
  /* I kassan har vi ju en egen varukorg så det blir dumt att låta denna förbli klickbar */
}

#page--checkout main {
  top: 0;
}

/* ------------------------ 
	Wrapper & layout   
 ------------------------ */
.Snabbkassa_Varukorg,
.Avisering,
.Rubrik_Kundtjanst,
.Rubrik_Medskick,
.Snabbkassa_Medskick,
.Betalning,
.Kunddata,
.Fraktmetoder,
.Fraktmetoder_Extra2,
.Avisering_Extra,
.Dela_Kassan_FB,
.Samleverans,
.Kundkonto,
.Nyhetsbrev,
#AIR_Klarna_Checkout_Wrapper,
#utlamningsstalle_wrapper,
.kundabonnemang_master,
.Rubrik_AbonneraPaVarukorgen,
.Medskick_OrdPris,
#checkout_freight_wrapper,
.Kundtjanst,
.GodkannaVillkorochBestallningsknappRam {
  width: 100%;
  float: left;
}

.Snabbkassa_Varukorg_Tabell_Rad_Sum,
.Snabbkassa_Varukorg_Tabell_Rad_Delbet {
  order: 1; /* behövs denna? */
}

.checkout_section {
  border: 0;
  padding: var(--gutter) 0;
  margin: 0;
  min-width: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  /* Om man vill 'boxa in' sektionerna: */
  /* background: var(--base-background3);
     border-radius: var(--border-radius1); 
     padding: 1em;
     border-radius: var(--border-radius1);
  margin: 0 0 1em;*/
}

.checkout_section.samleverans_section {
  padding: 0;
}

.checkout_contracts_optional {
  padding: 0 0 1rem;
}

.checkout_section.customer_service_section {
  padding-bottom: 0;
}

.checkout_section.discountCode_section.checkout_discount_code_wrapper {
  border-top: 1px solid var(--border-color1);
}

.checkout_section.discountCode_section summary i.fa-tag {
  display: none;
}

.checkout_section > .box {
  padding: 0;
}

.checkout_section summary:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  font-size: small;
}

.checkout_section summary > span {
  font-weight: 600;
}

.checkout_heading {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.75em;
  font-weight: 600;
}
@media only screen and (min-width: 0rem) and (max-width: 64.1rem) {
  .checkout_heading {
    font-size: 1.375em;
  }
}

/* ------------------------ 
	Fynda i Kassan   
 ------------------------ */
.Fynda .PT_Bildruta {
  min-height: 150px !important;
  line-height: 150px !important;
}

.Fynda .PT_Beskr {
  height: 50px;
}

/* ------------------------ 
	Recommended for free freight / Rekommenderat för fraktfritt   
 ------------------------ */
.Snabbkassa_Rekommenderat {
  margin: var(--gutter);
}

.Snabbkassa_Rekommenderat b {
  font-weight: bold;
}

/* ------------------------ 
	Varukorg / Cart   
 ------------------------ */
.RedigeraAntal {
  display: none;
}

/* Cart wrapper */
table.Snabbkassa_Varukorg_Tabell,
table.Snabbkassa_Varukorg_Tabell tbody {
  display: -webkit-box;
  display: -moz-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.checkout_section .status_message {
  max-width: 100%;
}

/* Cart sum */
.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum,
.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum2 {
  display: block;
  border: none;
  padding: var(--gutter);
  color: var(--theme-color3);
  background: var(--theme-background3);
  border-radius: var(--border-radius2);
}

.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {
  padding: 0;
  background: none;
  border-radius: 0;
}

.Snabbkassa_Varukorg_Tabell_Rad_Sum {
  --totalsum-fontsize: 1.4rem; /* Variabel för att linjera allt på summaraden utefter totalsummans textstorlek */
  border-top: 1px solid var(--border-color1);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.Snabbkassa_Varukorg_Tabell_Rad_Sum td.SumInkInfo,
.Snabbkassa_Varukorg_Tabell_Rad_Sum td.SumExInfo,
.Snabbkassa_Varukorg_Tabell_Rad_Sum td.SumInkPris,
.Snabbkassa_Varukorg_Tabell_Rad_Sum td.SumExPris {
  line-height: var(--totalsum-fontsize);
}

#InfoAttbetala,
.SumInkPris b {
  font-weight: 700;
}

.Snabbkassa_Varukorg_Tabell_Rad_Sum td.SumInkInfo,
.Snabbkassa_Varukorg_Tabell_Rad_Sum td.SumExInfo {
  float: left;
  white-space: initial;
}

.Snabbkassa_Varukorg_Tabell_Rad_Sum td.SumInkPris,
.Snabbkassa_Varukorg_Tabell_Rad_Sum td.SumExPris {
  float: right;
}

#SumInkInfo {
  font-size: var(--text-xs);
}

/* Cart row */
.Snabbkassa_Varukorg_Tabell_Rad {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0;
  padding: var(--gutter) 0;
}

.Snabbkassa_Varukorg_Tabell_Rad td {
  padding: 0;
}

/* Cart row, image */
.Snabbkassa_Varukorg_Tabell_Rad .Bild,
.Snabbkassa_Varukorg_Tabell_Rad .MS_Bild,
.Snabbkassa_Varukorg_Tabell_Rad.totalrabatt_rad .Empty {
  width: 81px;
  padding: 10px;
  height: 102px;
}

.Snabbkassa_Varukorg_Tabell_Rad .Bild a,
.Snabbkassa_Varukorg_Tabell_Rad .MS_Bild {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.Snabbkassa_Varukorg_Tabell_Rad .Bild a {
  width: 100%;
  height: 82px;
  background: var(--base-background1);
}

.Snabbkassa_Varukorg_Tabell_Rad .Bild a:hover {
  opacity: 0.8;
}

.Snabbkassa_Varukorg_Tabell_Rad .Bild img {
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: scale-down;
}

/* Cart row, text */
.Snabbkassa_Varukorg_Tabell_Rad .Antal,
.Snabbkassa_Varukorg_Tabell_Rad .MS_Beskr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex: 1;
  padding: 0.3em 0 0.3em 0;
}

.Snabbkassa_Varukorg_Tabell_Rad .Antal a {
  order: -1;
  width: 100%;
  text-align: left;
  margin-bottom: calc(var(--gutter) * 0.5);
}

.Snabbkassa_Varukorg_Tabell_Rad .Antal a:hover,
.Snabbkassa_Varukorg_Tabell_Rad .MS_Beskr a:hover {
  text-decoration: underline;
}

.Snabbkassa_Varukorg_Tabell_Rad_Beskr {
  margin: 0 20px 0 0;
}

.Snabbkassa_Varukorg_Tabell_Rad .Antal input {
  float: left;
  text-align: center;
  padding: 0 !important;
  line-height: 2rem;
  height: 2rem;
  width: 2rem;
}

/* Cart row, quantity controls */
.checkoutIcon {
  text-align: center;
  width: auto;
  padding: 0;
  min-width: 2rem;
  min-height: 2rem;
  font-size: var(--text-m);
  color: var(--base-color1);
  background: var(--base-background1);
}

.checkoutIcon:focus,
.checkoutIcon:hover {
  color: var(--cta-color2);
  background: var(--cta-background2);
}

.checkoutIcon::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 200;
}

.Add:before {
  content: "\f067";
}

.Sub:before {
  content: "\f068";
}

.remove-it:before {
  content: "\f00d";
}

.remove-it {
  position: absolute;
  top: var(--gutter);
  right: 0;
}

.Snabbkassa_Varukorg_Tabell_Rad .Antal > div {
  /* Bestämda beställningskvantiteter / Select instead of qty input */
  max-width: 6em;
}

/* Cart row, discount and price */
.Snabbkassa_Varukorg_Tabell_Rad .Rabatt,
.Snabbkassa_Varukorg_Tabell_Rad .MS_Empty {
  width: 10%;
  display: block;
}

.Snabbkassa_Varukorg_Tabell_Rad .Pris,
.Snabbkassa_Varukorg_Tabell_Rad .MS_Pris {
  width: 22%;
  float: right;
  text-align: right;
  margin: 1% 0 0 1%;
  display: block;
}

.Snabbkassa_Varukorg_Tabell_Rad td.Pris b {
  display: inline-block;
}

/* SET och nivåer */
.Snabbkassa_Varukorg_Tabell_Rad.Varukorg_Rad_Niva_0 td, .Snabbkassa_Varukorg_Tabell_Rad.Varukorg_Rad_Niva_1 td {
  display: inline-block;
  width: 100%;
  font-size: var(--text-xs);
}

.Snabbkassa_Varukorg_Tabell_Rad.Varukorg_Rad_Niva_0 td.TAGX_Antal {
  min-width: 25em;
}

.Snabbkassa_Varukorg_Tabell_Rad.Varukorg_Rad_Niva_0 .set-row, .Snabbkassa_Varukorg_Tabell_Rad.Varukorg_Rad_Niva_1 .set-row {
  display: flex;
  padding: 0.2em 0;
}

.Snabbkassa_Varukorg_Tabell_Rad.Varukorg_Rad_Niva_0 .set-qty, .Snabbkassa_Varukorg_Tabell_Rad.Varukorg_Rad_Niva_1 .set-qty {
  padding: 0 0.4em 0 0;
  min-width: 50px;
}

.Varukorg_Rad_Niva_0 .TAGX_Antal i {
  font-style: normal;
  font-size: var(--text-xs);
}

/* Cart misc rows */
.Snabbkassa_Varukorg_Tabell .Varukorg_Rad_Niva_0,
.Snabbkassa_Varukorg_Tabell .TillbehorVal_Rad,
.Snabbkassa_Varukorg_Tabell .TillbehorVal_Avdelare {
  padding: 0.2em 0;
  margin-top: calc(var(--gutter) * -1);
  margin-bottom: var(--gutter);
  flex-wrap: nowrap;
}

.BetChildren_input span {
  border: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: inline-block;
}

.Snabbkassa_Varukorg_Tabell_Rad_Delbet,
.Snabbkassa_Varukorg_Tabell_Rad_Antal {
  display: none;
}

.Beskr.TagXYRad_Beskr,
.totalrabatt_rad td.TxtRabatt {
  flex: 1;
}

.Bild.TagXYRad_Bild {
  display: none;
}

/* Cart tillbehor */
/* (Installning: Visa artiklar i listan "Tillbehor 2" som tillval i det fall sadana finns?) */
.Snabbkassa_Varukorg_Tabell .TillbehorVal_Rad {
  background-color: var(--base-background2);
  padding: 0;
  border-radius: var(--border-radius1);
}

.Snabbkassa_Varukorg_Tabell .TillbehorVal_Rad > td {
  padding: var(--gutter);
}

.TillbehorHeading {
  margin: 0;
}

.Tillbehor_produkt {
  background-color: var(--base-background1);
  padding: calc(var(--gutter) * 0.5);
  border-radius: var(--border-radius2);
  margin-top: calc(var(--gutter) * 0.5);
}

.TillbehorValStilProduktnamn {
  display: block;
  margin-bottom: calc(var(--gutter) * 0.5);
}
.TillbehorValStilProduktnamn:hover {
  text-decoration: underline;
}

.TillbehorVal_Rad input[type=text] {
  text-align: center;
  padding: 0 !important;
  line-height: 2rem;
  height: 2rem;
  width: 2rem !important;
}

.TillbehorVal_Rad .remove-it {
  display: none;
}

.Tillbehor_produkt .Pris {
  width: auto;
  white-space: nowrap;
}

.TillbehorValStilCB input[type=checkbox] {
  width: auto;
  height: 2.25em;
  padding: 0 1em;
  background: var(--cta-background1) !important;
  color: var(--cta-color1) !important;
  border-radius: var(--border-radius2) !important;
  border: none !important;
  display: grid;
  place-content: center;
  font-weight: 700;
  font-size: 0.9em;
  margin: 0;
}

.TillbehorValStilCB input[type=checkbox]:hover {
  filter: brightness(0.8);
  transition: 200ms ease-in-out all;
}

.TillbehorValStilCB input[type=checkbox]::after {
  all: unset;
  content: attr(data-add);
}

.Tillbehor_produkt.Tillbehor_produkt__checked .TillbehorValStilCB input[type=checkbox]::after {
  content: attr(data-remove);
}

.Tillbehor_produkt.Tillbehor_produkt__checked .TillbehorValStilCB input[type=checkbox] {
  /* När denna är checkad stylar vi den som en kryssknapp ist */
  text-align: center;
  width: auto;
  padding: 0;
  min-width: 2rem;
  min-height: 2rem;
  height: unset;
  font-size: var(--text-m);
  color: var(--base-color1) !important;
  background: var(--base-background1) !important;
  position: absolute;
  top: calc(var(--gutter) * 0.25);
  right: calc(var(--gutter) * 0.25);
}
.Tillbehor_produkt.Tillbehor_produkt__checked .TillbehorValStilCB input[type=checkbox]::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 200;
  content: "\f00d" !important;
}

.Tillbehor_produkt.Tillbehor_produkt__unchecked {
  /* Innan produkt är tillagd */
  color: var(--lowlight-color1);
  background-color: var(--base-background2);
  border: 1px solid var(--border-color1);
}
.Tillbehor_produkt.Tillbehor_produkt__unchecked .Tillbehor_Bild {
  border-radius: var(--border-radius2);
  background-color: var(--base-background1);
  filter: brightness(0.95);
}
.Tillbehor_produkt.Tillbehor_produkt__unchecked .Add, .Tillbehor_produkt.Tillbehor_produkt__unchecked .Sub, .Tillbehor_produkt.Tillbehor_produkt__unchecked input[type=text], .Tillbehor_produkt.Tillbehor_produkt__unchecked .select-wrapper, .Tillbehor_produkt.Tillbehor_produkt__unchecked .TillbehorValStilPris {
  display: none;
}
.Tillbehor_produkt.Tillbehor_produkt__unchecked .Pris {
  color: var(--lowlight-color1);
}

/* ------------------------ 
	Medskickskampanj   
 ------------------------ */
.Medskick_Val i {
  font-style: normal;
}

.Snabbkassa_Medskick_Tabell {
  display: block;
  font-size: var(--text-s);
}

.Snabbkassa_Medskick_Tabell > tbody {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.Snabbkassa_Medskick_Tabell > tbody > * {
  scroll-snap-align: start;
}

.Snabbkassa_Medskick_Tabell > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: end;
  flex-shrink: 0;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 calc(var(--gutter) / 4);
  margin-bottom: var(--gutter);
}

@media only screen and (min-width: 47.1rem) {
  .Snabbkassa_Medskick_Tabell > tbody > tr {
    flex-basis: 33%;
    max-width: 33%;
  }
}
.Snabbkassa_Medskick_Tabell .Medskick_Info {
  width: 100%;
  padding: 0;
}

.Snabbkassa_Medskick_Tabell .Medskick_Info a[name^=KAMPANJ_Bildlank] {
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}

.Snabbkassa_Medskick_Tabell .Medskick_Info a[name^=KAMPANJ_Bildlank] img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  object-fit: scale-down;
  max-height: 100%;
  max-width: 100%;
  justify-items: center;
  align-items: center;
  border-radius: var(--pt-border-radius1);
}

.Snabbkassa_Medskick_Tabell .Medskick_Info a[name^=KAMPANJ_Bildlank]::after {
  border-radius: var(--pt-border-radius1);
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--mask-background);
  position: absolute;
  pointer-events: none;
}

.Medskick_OrdPris,
.Snabbkassa_Medskick_PrisFaltTot {
  width: auto;
  padding: 3px;
}

.Snabbkassa_Medskick_PrisFaltTot {
  color: var(--sale-color1);
}

.Medskick_OrdPris {
  order: 2;
}

.Medskick_Input {
  order: 3;
  width: 100%;
}

.Snabbkassa_Medskick_Tabell .Medskick_Input input[type=checkbox] {
  width: 100%;
  height: 30px;
  background: var(--cta-background1) !important;
  color: var(--cta-color1) !important;
  border-radius: var(--border-radius2) !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  margin: 0;
  border: 0;
  padding: calc(var(--input-and-button-padding-size) / 3);
  min-height: calc(var(--input-and-button-padding-size) * 1.5);
  display: grid;
  place-content: center;
}

.Snabbkassa_Medskick_Tabell .Medskick_Input input[type=checkbox]:checked {
  background: var(--cta-background2) !important;
  color: var(--cta-color2) !important;
}

.Medskick_Input input[type=checkbox]:hover {
  filter: brightness(0.8);
  transition: 200ms ease-in-out all;
}

.Medskick_Input input[type=checkbox]:after {
  all: unset;
  content: attr(data-add);
}

.Medskick_Input input[type=checkbox]:checked:after {
  content: attr(data-remove);
}

.Snabbkassa_Medskick_PrisFaltTot {
  margin-left: 0.5rem;
}

.Snabbkassa_Medskick_Tabell .Medskick_Val {
  width: 100%;
}

.Snabbkassa_Medskick_Tabell .Medskick_Val i {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.medskick-select-wrapper,
.Snabbkassa_Medskick_Tabell .select-wrapper {
  --input-and-button-padding-size: 1rem;
}

/* scrollbar */
.Snabbkassa_Medskick_Tabell > tbody {
  --scrollbar-foreground-color: var(--base-color3);
  --scrollbar-background-color: var(--base-background3);
  /* Foreground, Background */
  scrollbar-color: var(--scrollbar-foreground-color) var(--scrollbar-background-color);
}

.Snabbkassa_Medskick_Tabell > tbody::-webkit-scrollbar {
  width: 3px; /* Mostly for vertical scrollbars */
  height: 3px; /* Mostly for horizontal scrollbars */
}

.Snabbkassa_Medskick_Tabell > tbody::-webkit-scrollbar-thumb { /* Foreground */
  background: var(--scrollbar-foreground-color);
}

.Snabbkassa_Medskick_Tabell > tbody::-webkit-scrollbar-track { /* Background */
  background: var(--scrollbar-background-color);
}

/* ------------------------ 
	Presentkort/Värdekod/Gift card
 ------------------------ */
.discountCode_Wrapper {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 1rem;
}

.checkout_discount_code_wrapper summary span:hover {
  text-decoration: underline;
}

details summary::-webkit-details-marker {
  display: none;
}

.checkout_section.discountCode_section {
  padding: var(--gutter) 0;
  margin-top: var(--gutter);
}

.discountCode_section .ae_s {
  max-width: 20em;
}
@media only screen and (max-width: 47.99rem) {
  .discountCode_section .ae_s {
    max-width: 100%;
  }
}

.discountCode_section .aria-expanded_toggle-dd {
  padding: var(--gutter);
  max-width: 22.2em;
}

.discountCode_section .status_message {
  margin-bottom: var(--gutter);
}

/* Firefox fix */
.discountCode_section .aria-expanded_toggle-dd > * {
  float: left;
}

.discountCode_section .aria-expanded_toggle-dd > a.btn {
  float: right;
}

/* ------------------------ 
	Kunddata / Customer data   
 ------------------------ */
/* EJ KLART */
.Kunddata {
  padding: var(--gutter) 0;
}
.Kunddata #checkout_customer_wrapper {
  padding: 0.5rem var(--gutter) var(--gutter);
  margin: var(--gutter) 0;
  background: var(--base-background3);
  border-radius: var(--border-radius1);
}
.Kunddata #AdresslistaEgna {
  margin-top: calc(var(--gutter) * 0.5) !important;
}
.Kunddata p.Snabbkassa_Kundfalt_Marginal, .Kunddata a[href="javascript:AIR_Paminnare();"] {
  margin-top: calc(var(--gutter) * 0.5);
  margin-bottom: 0;
}
.Kunddata .KundprofilFaltOK_Kort,
.Kunddata .KundprofilFaltOK,
.Kunddata .KundprofilFaltFEL_Kort,
.Kunddata .KundprofilFaltFEL {
  width: calc(100% - 25px);
}
.Kunddata .KundprofilFaltFEL_Kort,
.Kunddata .KundprofilFaltFEL {
  box-shadow: var(--invalid-inset-shadow);
}
.Kunddata .Pnr_Tabell {
  width: 100%;
}

/* Kunddata rubrik */
.Kunddata .Rubrik_Kunddata .Snabbkassa_Flik_Normal div {
  font-size: 1.5em;
  font-weight: bold;
}
.Kunddata .Rubrik_Kunddata td[bgcolor="#CCCCCC"] {
  display: none;
}

/* 'Jag har ett konto och vill logga in' */
.Kunddata #AdressblockLoggain, .Kunddata #AdressblockPaminnare {
  max-width: 20em;
}
@media only screen and (max-width: 47.99rem) {
  .Kunddata #AdressblockLoggain, .Kunddata #AdressblockPaminnare {
    max-width: 100%;
  }
}
.Kunddata #AdressblockLoggain .Snabbkassa_Kundfalt_Marginal input, .Kunddata #AdressblockPaminnare .Snabbkassa_Kundfalt_Marginal input {
  width: 100%;
}
.Kunddata #AdressblockLoggain table, .Kunddata #AdressblockPaminnare table {
  width: 100%;
}
.Kunddata #AdressblockLoggain table tr, .Kunddata #AdressblockPaminnare table tr {
  display: flex;
  flex-direction: column;
}
.Kunddata #AdressblockLoggain table tr td, .Kunddata #AdressblockPaminnare table tr td {
  text-align: left !important;
}
.Kunddata #AdressblockLoggain table tr input, .Kunddata #AdressblockPaminnare table tr input {
  width: 100%;
}

/* Kunddata selects*/
.Kunddata select {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.Kunddata select:focus {
  background-image: linear-gradient(45deg, black 50%, transparent 50%), linear-gradient(135deg, transparent 50%, black 50%), linear-gradient(to right, #ccc, #ccc) !important;
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.Kunddata .select-wrapper:after {
  display: none;
}

/* Kunddata loading spinners */
#LaddaOmPostnr, #LaddaOmLand {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: var(--gutter) !important;
  background-color: rgba(255, 255, 255, 0) !important;
}
#LaddaOmPostnr i, #LaddaOmLand i {
  font-style: normal;
  font-size: 0.8em;
}

/* ------------------------ 
	Fraktvalidering / Freightvalidation
 ------------------------ */
#FraktvalideringRam {
  display: grid;
  gap: calc(var(--gutter) * 0.5);
  grid-gap: calc(var(--gutter) * 0.5);
  grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
  align-items: end;
}

.Fraktmetoder_Validering__field {
  display: grid;
  text-align: left;
}
.Fraktmetoder_Validering__field label {
  display: none;
}

#FraktvalideringRam button {
  border-radius: var(--border-radius2);
}

/* ------------------------ 
	Frakt, Aviseringar och Betalmetoder
	Freight, Notification and Payment methods   
 ------------------------ */
/* OBS! Denna sektion handlar inte om betalmetoder så som Klarna, Qliro eller liknande. 
Detta gäller bara för 'standard' kassor och integrated=0 */
#BetalningsmetoderRam > br,
#AviseringsmetoderRam > br,
#FraktmetoderRam > br {
  display: none;
}

#BetalningsmetoderRam > span,
#FraktmetoderRam > span,
#AviseringsmetoderRam > span {
  display: inline-block;
  margin: 0.5% 0;
  padding: var(--gutter);
  position: relative;
  width: 100%;
  border: 1px solid var(--border-color1);
  border-radius: var(--border-radius2);
  line-height: 25px;
}

#BetalningsmetoderRam > span > div,
#FraktmetoderRam > span > div,
#AviseringsmetoderRam > span > div {
  float: left !important;
}

.checkout-radio-wrapper {
  display: flex;
  align-items: center;
  float: initial;
  margin-right: 0.25em;
  position: relative;
  top: 0.2em;
}

.checkout-radio-wrapper-label {
  display: -webkit-box;
  display: -moz-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
}

#BetalningsmetoderRam span:hover,
#FraktmetoderRam span:hover,
#AviseringsmetoderRam span:hover {
  background: var(--base-background2);
}

@media (prefers-reduced-motion: no-preference) {
  #BetalningsmetoderRam span:hover,
  #FraktmetoderRam span:hover,
  #AviseringsmetoderRam span:hover {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
#BetalningsmetoderRam span .BetNamn div,
#BetalningsmetoderRam span .BetNamn select {
  width: 100% !important;
  margin: 0;
}

#BetalningsmetoderRam span .BetNamn div table,
#BetalningsmetoderRam span .BetNamn div table td {
  width: 100% !important;
  display: block;
}

/* Betalrad / Aviseringsrad / Fraktrad */
.LevNamn__logo,
.AviNamn__logo,
.BetNamn__logo {
  max-width: 5em;
  max-height: 1.5em;
}

.LevNamn__logo img,
.AviNamn__logo img,
.BetNamn__logo img {
  max-width: 5em;
  max-height: 1.5em;
  display: block;
}

.LevNamn__lank_pris,
.AviNamn__pris,
.BetNamn__lank_pris {
  font-weight: bold;
  margin-left: auto;
}

/*.LevNamn__lank_pris::before,
.AviNamn__pris::before,
.BetNamn__lank_pris::before {
	content: "(";
}
.LevNamn__lank_pris::after,
.AviNamn__pris::after,
.BetNamn__lank_pris::after {
	content: ")";
}*/
/* Specifikt fraktrad */
label.LevNamn::after {
  /* Denna används för att göra klickytan större */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3em;
  max-height: 100%;
  content: " ";
}

#FraktmetoderRam .LevSpan__inforuta {
  /* Motsvarar fältet 'Inforuta som visas i "Kassan"' i webbadmin */
  display: block;
  font-size: 0.9em;
  padding-left: 2.5rem;
}

#FraktmetoderRam .LevSpan__inforuta br {
  display: initial;
}

.spl_wrapper__details {
  display: none;
}

/* SPL, valfritt utlämningsställe */
.Fraktmetoder .select-ul-li {
  margin-top: calc(var(--gutter) * 0.5);
}

.Fraktmetoder .select-ul-li:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 200;
  content: "\f078";
  position: absolute;
  top: unset;
  bottom: 0;
  line-height: 2.5em;
  line-height: calc(var(--gutter) * 2.5);
  right: var(--gutter);
  pointer-events: none;
}

.LevSpan__supermetod_select.select-wrapper, .spl_wrapper {
  width: 100%;
  max-width: 100%;
}

.LevSpan__supermetod_select {
  display: none;
}

.Fraktmetoder select {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(var(--input-and-button-padding-size) + 2px), calc(100% - 15px) calc(var(--input-and-button-padding-size) + 2px), calc(100% - 2.5em) calc(var(--input-and-button-padding-size) / 1.5);
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.Fraktmetoder select:focus {
  background-image: linear-gradient(45deg, black 50%, transparent 50%), linear-gradient(135deg, transparent 50%, black 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) var(--input-and-button-padding-size), calc(100% - 20px) var(--input-and-button-padding-size), calc(100% - 2.5em) calc(var(--input-and-button-padding-size) / 1.5);
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.Fraktmetoder .select-wrapper:after {
  display: none;
}

.spl_wrapper select.not_loaded + details,
.spl_wrapper select[disabled] + details,
.spl_wrapper:has(> select option:checked[value="-1"]) details {
  display: none;
}

.spl_wrapper,
select[id^=slbGrupp] {
  width: 100%;
  margin-top: var(--gutter);
}

.spl_wrapper details {
  cursor: pointer;
}

.spl_wrapper details[open] summary i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.spl_wrapper details summary {
  font-weight: bold;
  font-size: 13px;
  margin-top: 5px;
}

.spl_wrapper details .spl_info_wrapper {
  line-height: normal;
  padding: calc(var(--gutter) / 2) var(--gutter);
  background: var(--base-color6);
}

#FraktmetoderRam .disabled {
  opacity: 0.5;
}

#FraktmetoderRam .disabled:hover, #FraktmetoderRam .disabled a:hover, #FraktmetoderRam .disabled .spl_wrapper .spl_select {
  cursor: not-allowed;
}

#FraktmetoderRam input[type=radio] {
  width: 2rem;
  height: 2rem;
}

#FraktmetoderRam input[type=radio]:checked {
  background: var(--base-background9);
}

#FraktmetoderRam input[type=radio]:checked:after {
  content: "\f00c";
  speak: never;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2rem;
  color: var(--base-color7);
  position: absolute;
  top: 0.4rem;
  left: 0.3rem;
}

/* ------------------------ 
	Specifika betalmetoder 
 ------------------------ */
/* Kreditor */
#KreditorInfo {
  width: 98% !important;
  padding: 5px;
  font-size: var(--text-xs);
}

/* Klarna delbetalning / faktura */
#Klarna_PartpaymentContainer,
#Klarna_InvoiceContainer {
  margin: 5px 0 0 !important;
}

#LankBetalmetoderFler img,
#LankBetalmetoderFarre img,
#LankFraktmetoderFler img,
#LankFraktmetoderFarre img {
  display: inline;
}

#Klarna_InvoiceContainer {
  padding: 0 !important;
}

.terms {
  margin: 5px 0 0 0 !important;
}

.terms a {
  font-weight: normal !important;
  font-size: var(--text-xs);
}

#Klarna_InvoiceContainer,
#Klarna_PartpaymentContainer {
  padding: 0 !important;
}

#Klarna_InvoiceContainer a:before,
#Klarna_PartpaymentContainer a:before {
  content: "\f05a";
  font-weight: 300;
  padding: 0 2px 0 0;
}

#KlarnaAvbetalID {
  margin: 10px 0 0 !important;
}

.KCO_Lank {
  text-align: left;
}

/* Handelsbanken delbetalning */
#BetalningsmetoderRam span #HBS_info {
  background: var(--base-background1);
  min-width: 500px !important;
  box-shadow: 0 0 10px #ddd;
  position: absolute;
  z-index: 1;
  padding: 10px;
}

#BetalningsmetoderRam span #HBS_info table td {
  display: table-cell;
}

/* ------------------------ 
	Kundtjänst / Customer service   
 ------------------------ */
label[for=Kassan_Kommentar] {
  display: inline;
}

#Kassan_Kommentar {
  /* Ibland är denna en input, ibland en textarea. Beror på inställningar */
  min-height: 3em;
  width: 100%;
}

/* ------------------------ 
	Contracts / Avtal   
 ------------------------ */
.contract_label_wrap {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.contract_label_wrap input[type=checkbox] {
  margin-right: calc(var(--gutter) * 0.5);
  position: relative;
  top: 0.2em;
}

.contract_label_wrap a:hover {
  text-decoration: underline;
}

button.contract_consent_button {
  margin: var(--gutter) auto;
}

div#contract_consent_button_asterix {
  width: 100%;
  border-top: var(--border-std);
  font-size: var(--text-xs);
  margin: var(--gutter) 0;
}

.checkout_contracts_required .required-icon, .checkout_contracts .required-icon {
  font-size: 0.7em;
  position: relative;
  top: -0.3em;
}
.checkout_contracts_required .required-icon i::before, .checkout_contracts .required-icon i::before {
  font-weight: 600;
}

/* ------------------------ 
	Betalmetod integrated (typ Klarna, Qliro, Svea osv)   
 ------------------------ */
.psp_content_overlay_wrapper .checkout_heading + .Rubrik_PSP {
  display: none;
}

/* ------------------------ 
	Godkänn / Send order   
 ------------------------ */
.GodkannaVillkorochBestallningsknappRam {
  --text-and-btn-height: 3rem;
  margin: var(--gutter) 0;
  padding: var(--gutter) 0;
  min-height: auto !important;
  background: var(--base-background2);
  border-radius: var(--border-radius2);
}

.Samleverans div {
  padding: 0 !important;
}

#GodkannaVillkorRam a:hover {
  text-decoration: underline;
}

#GodkannaVillkorRam {
  line-height: var(--text-and-btn-height);
}

div#GodkannaVillkorRam[style="border: 3px solid rgb(255, 0, 0); padding: 5px;"] { /* Error styling */
  box-shadow: var(--invalid-inset-shadow);
  border: none !important;
  padding: 0 0.5em 0 0.5em !important;
}

.bestallningsknapp {
  height: var(--text-and-btn-height);
  text-transform: uppercase;
}

/* ------------------------ 
	Tacksida / Order sent   
 ------------------------ */
.KassanSlutfort {
  text-align: center;
}

.KassanSlutfort table {
  border: 1px solid var(--border-color1);
  padding: 10px 20px;
  margin: 0 auto;
}

.KassanSlutfort table tr {
  border-bottom: 1px solid var(--border-color1);
  display: block;
  padding: 5px 0;
}

.KassanSlutfort table tr:last-of-type {
  border-bottom: none;
}

.KassanSlutfort table td {
  background: var(--base-background1) !important;
}

.KassanSlutfort table td img {
  max-height: 25px;
}

/* ------------------------ 
	Statusmeddelanden / Inforutor   
 ------------------------ */
/* INFORUTOR */
.SnabbkassanVarukorgSaldofelText {
  font-size: var(--text-xs) !important;
  font-style: normal !important;
  color: initial !important;
}

.Varukorg_Saldofel {
  width: 100%;
  margin: 10px 0 !important;
  display: inline-block !important;
  padding: 10px !important;
  background: var(--lowlight-color1);
}

.Varukorg_Saldofel img,
br.saldofel_br {
  display: none;
}

/* Felmeddelanden (generell styling finns i air_afterload.css) */
.SnabbkassanVarukorgSaldofelText {
  font-size: var(--text-n) !important;
  font-style: normal !important;
  color: initial !important;
}

.SnabbkassanVarukorgSaldofelText {
  font-size: var(--text-n) !important;
  font-style: normal !important;
  color: var(--danger-color) !important;
}

/* ------------------------ 
	Misc   
 ------------------------ */
/* HIDE ELEMENTS */
.MellanrumTransp,
#KreditorInfo img,
#KreditorInfo b,
.Divider img,
.BetDelare,
.LevDelare,
#antal1 br,
#AdressblockLoggain img,
.Snabbkassa_Medskick .MellanrumGra,
.Medskick_Val br,
.AH_Felkod img,
span.snabbkassa_dold_rabattkodsrubrik {
  display: none !important;
}

/* input number in checkout */
/* Chrome, Safari, Edge, Opera */
.Kassan input::-webkit-outer-spin-button,
.Kassan input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.Kassan input[type=number] {
  -moz-appearance: textfield;
}

/* Mobile */
@media only screen and (max-width: 47.99rem) {
  /* ------------------------ 
  	Generellt   
  ------------------------ */
  .Kassan {
    width: 100%;
  }
  /* ------------------------ 
  	Wrapper & layout   
  ------------------------ */
  /*section.checkout_section {

  }*/
  /* ------------------------ 
  	Rubriker / Headings   
  ------------------------ */
  .Kunddata .Rubrik_Kunddata .Snabbkassa_Flik_Normal div {
    text-align: center;
    font-size: var(--text-l);
  }
  /* ------------------------ 
  	Varukorg / Cart   
  ------------------------ */
  .checkout_section.Snabbkassa_Varukorg > .box {
    padding: 0;
  }
  /* Cart row */
  .Snabbkassa_Varukorg_Tabell_Rad {
    flex-wrap: wrap;
    font-size: var(--text-xs);
    padding-top: calc(var(--gutter) * 0.5);
    padding-bottom: calc(var(--gutter) * 0.5);
  }
  /* Cart row, image*/
  .Snabbkassa_Varukorg_Tabell_Rad .Bild,
  .Snabbkassa_Varukorg_Tabell_Rad .MS_Bild,
  .Snabbkassa_Varukorg_Tabell_Rad.totalrabatt_rad .Empty {
    width: 20%;
    padding: 2%;
    height: auto;
  }
  /* Cart row, text */
  /* Cart row, discount and price */
  /* Cart row, quantity controls */
  /* ------------------------ 
  	Medskickskampanj   
  ------------------------ */
  /* ------------------------ 
  	Frakt, Aviseringar och Betalmetoder
  	Freight, Notification and Payment methods   
  ------------------------ */
  /* ------------------------ 
  	Kundtjä¤nst / Customer service   
  ------------------------ */
  /* ------------------------ 
  	Presentkort / Rabattkod  
  ------------------------ */
}
@media only screen and (max-width: 47.99rem) and (min-width: 0rem) and (max-width: 64.1rem) {
  .Snabbkassa_Varukorg_Tabell_Rad .Bild {
    width: 18%;
    padding: 2% 2% 2% 0;
  }
}
@media only screen and (max-width: 47.99rem) {
  .Snabbkassa_Varukorg_Tabell_Rad .Antal,
  .Snabbkassa_Varukorg_Tabell_Rad .MS_Beskr {
    margin: 0;
    width: 80%;
    flex: unset;
  }
}
@media only screen and (max-width: 47.99rem) and (min-width: 0rem) and (max-width: 64.1rem) {
  .Snabbkassa_Varukorg_Tabell_Rad .Antal {
    width: 60%;
  }
}
@media only screen and (max-width: 47.99rem) {
  .Snabbkassa_Varukorg_Tabell_Rad .Rabatt,
  .Snabbkassa_Varukorg_Tabell_Rad .MS_Empty {
    width: 100%;
  }
}
@media only screen and (max-width: 47.99rem) and (min-width: 0rem) and (max-width: 64.1rem) {
  .Snabbkassa_Varukorg_Tabell_Rad .Rabatt {
    margin: 1.6rem 0 0 0;
    width: 10%;
  }
}
@media only screen and (max-width: 47.99rem) {
  .Snabbkassa_Varukorg_Tabell_Rad .Pris,
  .Snabbkassa_Varukorg_Tabell_Rad .MS_Pris {
    width: 20%;
    margin: 0 0 0 0;
  }
}
@media only screen and (max-width: 47.99rem) and (min-width: 0rem) and (max-width: 64.1rem) {
  .Snabbkassa_Varukorg_Tabell_Rad .Pris {
    width: 10%;
    margin: 2rem 0 0 0.2rem;
  }
}
@media only screen and (max-width: 47.99rem) {
  .remove-it {
    top: 1.5em;
    right: -1em;
  }
  .Snabbkassa_Medskick_Tabell {
    font-size: var(--text-xs);
  }
  #BetalningsmetoderRam,
  #AviseringsmetoderRam,
  #FraktmetoderRam {
    font-size: var(--text-xs);
  }
  .gammal_kundtjanst {
    font-size: var(--text-xs);
  }
  .Snabbkassa_Presentkort {
    font-size: var(--text-s);
  }
  .Snabbkassa_Presentkort input,
  .Snabbkassa_Presentkort .btn {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.gammal_kundtjanst__kassanFraktfriBesparing {
  display: none;
}

.spl_wrapper__details summary:after {
  display: none;
}

#checkout_customer_service_wrapper {
  padding: 0 10px;
}
#checkout_customer_service_wrapper summary i.fa-headset {
  display: none;
}
#checkout_customer_service_wrapper summary span :hover {
  text-decoration: underline;
}

.checkout_pricewrap {
  display: flex;
  justify-content: flex-end;
  gap: 0.3rem;
}
.checkout_pricewrap b {
  display: flex !important;
  align-items: flex-end;
}
.checkout_pricewrap .lowest_price {
  text-decoration: line-through;
  color: var(--lowlight-color1);
}
@media only screen and (max-width: 47.99rem) {
  .checkout_pricewrap {
    justify-content: unset;
    flex-wrap: wrap;
  }
}

/* ------------------------ 
	PT_list - Kan användas för alternativt utseende på cellerna utan att byta HTML-struktur 
 ------------------------ */
.PT_list-wrapper .PT_Wrapper {
  width: calc(20% - var(--gutter));
  min-width: 185px;
}
.PT_list-wrapper .PT_Wrapper .box {
  align-items: initial;
  flex-direction: row;
  gap: 1rem;
}
.PT_list-wrapper .PT_Wrapper .box > * {
  flex: 0 60%;
}
.PT_list-wrapper .PT_Wrapper .box > *:first-child {
  flex: 0 40%;
}