.elementor-998 .elementor-element.elementor-element-3199862f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* =========================================================
   DSC – Varukorg
   WooCommerce Cart styling
   ========================================================= */

/* Sida */
body.woocommerce-cart{
  background: linear-gradient(180deg, #f5f7fa 0%, #f7f9fc 100%);
}

/* Innehållsbredd */
body.woocommerce-cart .site-main,
body.woocommerce-cart .content-area,
body.woocommerce-cart .woocommerce{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

/* Sidtitel */
body.woocommerce-cart .entry-title,
body.woocommerce-cart .woocommerce-products-header__title,
body.woocommerce-cart h1{
  color: #0B1F3B;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.06;
  letter-spacing: -.025em;
  margin-bottom: 18px;
}

/* Woo-notices */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart .woocommerce-info{
  border: 1px solid rgba(91,197,242,.24);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,253,.95) 100%);
  color: #223247;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(11,31,59,.05);
  padding: 16px 18px;
  margin-bottom: 18px;
}

/* Layout */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals{
  margin-top: 14px;
}

/* Tabell */
body.woocommerce-cart table.shop_table{
  border: 1px solid rgba(11,31,59,.08);
  border-radius: 24px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  box-shadow:
    0 20px 50px rgba(11,31,59,.08),
    0 6px 18px rgba(11,31,59,.04);
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td{
  border-color: rgba(11,31,59,.08);
  padding: 18px 16px;
  vertical-align: middle;
}

body.woocommerce-cart table.shop_table th{
  background: #f7fbff;
  color: #0B1F3B;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

body.woocommerce-cart table.shop_table td{
  color: #334155;
  font-size: 15px;
  line-height: 1.6;
}

/* Produktnamn */
body.woocommerce-cart table.shop_table td.product-name a{
  color: #0B1F3B;
  font-weight: 700;
  text-decoration: none;
}

body.woocommerce-cart table.shop_table td.product-name a:hover{
  text-decoration: underline;
}

/* Produktbild */
body.woocommerce-cart .product-thumbnail img{
  width: 72px;
  border-radius: 14px;
  border: 1px solid rgba(11,31,59,.08);
  box-shadow: 0 6px 14px rgba(11,31,59,.05);
}

/* Ta bort-knapp */
body.woocommerce-cart a.remove{
  width: 28px;
  height: 28px;
  line-height: 26px;
  border-radius: 999px;
  background: rgba(11,31,59,.06);
  color: #0B1F3B !important;
  font-size: 18px;
  font-weight: 700;
  transition: all .2s ease;
}

body.woocommerce-cart a.remove:hover{
  background: #0B1F3B !important;
  color: #fff !important;
}

/* Coupon/update rad */
body.woocommerce-cart .actions{
  padding: 18px !important;
  background: #fbfdff;
}

body.woocommerce-cart .coupon{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

body.woocommerce-cart .coupon input.input-text{
  min-width: 220px;
  border: 1px solid rgba(11,31,59,.12);
  border-radius: 14px;
  background: #fff;
  color: #1c1f26;
  padding: 12px 14px;
}

/* Knappar generellt */
body.woocommerce-cart .button,
body.woocommerce-cart button.button,
body.woocommerce-cart input.button,
body.woocommerce-cart a.button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 52px;
  padding: 0 22px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 26px rgba(11,31,59,.18);
  transition: all .22s ease !important;
}

/* Primär knapp */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .button[name="apply_coupon"],
body.woocommerce-cart .button[name="update_cart"]{
  background: linear-gradient(135deg, #0B1F3B, #163a6b) !important;
  color: #fff !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .button[name="apply_coupon"]:hover,
body.woocommerce-cart .button[name="update_cart"]:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, #123468, #1a4681) !important;
  box-shadow: 0 16px 34px rgba(11,31,59,.24) !important;
}

/* Inaktiva knappar */
body.woocommerce-cart .button:disabled,
body.woocommerce-cart .button[disabled]{
  opacity: .55;
  box-shadow: none !important;
}

/* Totalkort */
body.woocommerce-cart .cart-collaterals .cart_totals{
  padding: 24px 24px 20px;
  border: 1px solid rgba(11,31,59,.08);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,253,.95) 100%);
  box-shadow:
    0 20px 50px rgba(11,31,59,.08),
    0 6px 18px rgba(11,31,59,.04);
}

body.woocommerce-cart .cart-collaterals .cart_totals h2{
  margin: 0 0 18px;
  color: #0B1F3B;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.1;
}

body.woocommerce-cart .cart-collaterals .cart_totals table{
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
  border: 1px solid rgba(11,31,59,.08);
}

body.woocommerce-cart .cart-collaterals .cart_totals table th,
body.woocommerce-cart .cart-collaterals .cart_totals table td{
  padding: 16px 14px;
  font-size: 15px;
}

/* Frakttext */
body.woocommerce-cart .cart-collaterals .shipping-calculator-button,
body.woocommerce-cart .woocommerce-shipping-destination,
body.woocommerce-cart .woocommerce-shipping-methods,
body.woocommerce-cart .shipping-calculator-form{
  color: #475569;
}

/* Checkout-knappen större */
body.woocommerce-cart .wc-proceed-to-checkout{
  padding-bottom: 0;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  width: 100%;
  min-height: 58px;
  margin-bottom: 12px;
  font-size: 16px !important;
}

/* Google Pay / express knappar lite snyggare spacing */
body.woocommerce-cart .payment-method-google-pay,
body.woocommerce-cart .gpay-button,
body.woocommerce-cart .wc-payment-request-wrapper{
  margin-top: 10px;
}

/* Tom varukorg */
body.woocommerce-cart .cart-empty,
body.woocommerce-cart .return-to-shop{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

body.woocommerce-cart .cart-empty{
  padding: 26px 28px;
  border: 1px solid rgba(11,31,59,.08);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,253,.95) 100%);
  box-shadow:
    0 20px 50px rgba(11,31,59,.08),
    0 6px 18px rgba(11,31,59,.04);
  color: #223247;
}

/* Mobil */
@media (max-width: 767px){
  body.woocommerce-cart table.shop_table{
    border-radius: 20px;
  }

  body.woocommerce-cart table.shop_table th,
  body.woocommerce-cart table.shop_table td{
    padding: 14px 12px;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals{
    padding: 20px 18px 18px;
    border-radius: 20px;
  }

  body.woocommerce-cart .coupon{
    flex-direction: column;
  }

  body.woocommerce-cart .coupon input.input-text{
    width: 100%;
    min-width: 0;
  }

  body.woocommerce-cart .button,
  body.woocommerce-cart button.button,
  body.woocommerce-cart input.button,
  body.woocommerce-cart a.button{
    width: 100%;
  }
}

/* =========================================================
   DSC – Varukorg
   Fintrimning layout
   ========================================================= */

/* Intro */
body.woocommerce-cart .dsc-cart-intro{
  max-width: 1180px;
  margin: 0 auto 24px;
}

body.woocommerce-cart .dsc-cart-intro h1{
  margin: 10px 0 10px;
  color: #0B1F3B;
  font-size: clamp(40px, 5vw, 58px);
  line-height: 1.06;
  letter-spacing: -.025em;
}

body.woocommerce-cart .dsc-cart-intro p{
  max-width: 760px;
  margin: 0;
  color: #475569;
  font-size: 16px;
  line-height: 1.75;
}

/* Se till att cart-form verkligen tar full bredd */
body.woocommerce-cart .woocommerce-cart-form{
  width: 100%;
  float: none;
  margin-bottom: 26px;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table{
  width: 100% !important;
  table-layout: auto;
}

/* Collaterals ska inte kännas som en lös liten låda */
body.woocommerce-cart .cart-collaterals{
  width: 100%;
  float: none;
  clear: both;
}

body.woocommerce-cart .cart-collaterals .cart_totals{
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: 0;
}

/* Mer visuell koppling mellan tabell och totalsumma */
body.woocommerce-cart table.shop_table{
  margin-bottom: 12px;
}

body.woocommerce-cart .cart-collaterals .cart_totals{
  margin-top: 0;
}

/* Tabell får lite mjukare känsla */
body.woocommerce-cart table.shop_table td.product-name{
  min-width: 220px;
}

body.woocommerce-cart table.shop_table td.product-price,
body.woocommerce-cart table.shop_table td.product-subtotal,
body.woocommerce-cart table.shop_table td.product-quantity{
  white-space: nowrap;
}

/* Uppdatera varukorg-knappen snyggare placerad */
body.woocommerce-cart .actions{
  text-align: right;
}

body.woocommerce-cart .actions .button{
  width: auto;
  min-width: 180px;
}

/* Totalkortet lite mer markerat */
body.woocommerce-cart .cart-collaterals .cart_totals{
  position: relative;
}

body.woocommerce-cart .cart-collaterals .cart_totals::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(91,197,242,.08);
}

/* Checkout-knappen ska kännas mer premium */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  min-height: 60px;
  letter-spacing: .01em;
}

/* Google Pay lite bättre spacing */
body.woocommerce-cart .wc-proceed-to-checkout + *,
body.woocommerce-cart .wc-payment-request-wrapper{
  margin-top: 12px;
}

/* Desktop: lite bättre andrum */
@media (min-width: 1025px){
  body.woocommerce-cart .woocommerce{
    padding-top: 10px;
    padding-bottom: 24px;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals{
    transform: translateY(-4px);
  }
}

/* Mobil */
@media (max-width: 767px){
  body.woocommerce-cart .dsc-cart-intro{
    margin-bottom: 18px;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals{
    max-width: none;
    margin-left: 0;
  }

  body.woocommerce-cart .actions{
    text-align: left;
  }

  body.woocommerce-cart .actions .button{
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   DSC – Varukorg
   Matcha känslan från Bli medlem
   ========================================================= */

body.woocommerce-cart{
  background: linear-gradient(180deg, #f5f7fa 0%, #f7f9fc 100%);
}

/* Intro */
body.woocommerce-cart .dsc-cart-intro{
  max-width: 1180px;
  margin: 0 auto 26px;
}

body.woocommerce-cart .dsc-cart-intro__eyebrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(91,197,242,.12);
  border: 1px solid rgba(91,197,242,.24);
  color: #0b1f3b;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.woocommerce-cart .dsc-cart-intro h1{
  margin: 0 0 12px;
  color: #0b1f3b;
  font-family: 'Merriweather', serif;
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.02em;
}

body.woocommerce-cart .dsc-cart-intro p{
  max-width: 700px;
  margin: 0;
  color: #3f4a59;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

/* Woo-container */
body.woocommerce-cart .site-main,
body.woocommerce-cart .content-area,
body.woocommerce-cart .woocommerce{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

/* Ta bort extra stora default-rubriker om de krockar */
body.woocommerce-cart .entry-title{
  display: none;
}

/* Cart form */
body.woocommerce-cart .woocommerce-cart-form{
  width: 100%;
  float: none;
  margin-bottom: 26px;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table{
  width: 100% !important;
  border: 1px solid rgba(11,31,59,.08);
  border-radius: 28px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 100%);
  box-shadow:
    0 18px 36px rgba(11,31,59,.06),
    0 4px 12px rgba(11,31,59,.03);
}

/* Tabellen */
body.woocommerce-cart table.shop_table th{
  background: #f4f8fb;
  color: #56708e;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 16px 14px;
  border-color: rgba(11,31,59,.08);
}

body.woocommerce-cart table.shop_table td{
  padding: 18px 14px;
  border-color: rgba(11,31,59,.08);
  color: #4a5565;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 15px;
  line-height: 1.65;
  vertical-align: middle;
}

/* Produktnamn */
body.woocommerce-cart table.shop_table td.product-name a{
  color: #0b1f3b;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

body.woocommerce-cart table.shop_table td.product-name a:hover{
  text-decoration: underline;
}

/* Miniatyr */
body.woocommerce-cart .product-thumbnail img{
  width: 72px;
  border-radius: 16px;
  border: 1px solid rgba(11,31,59,.08);
  box-shadow: 0 8px 16px rgba(11,31,59,.05);
}

/* Remove */
body.woocommerce-cart a.remove{
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 999px;
  background: rgba(11,31,59,.06);
  color: #0b1f3b !important;
  font-size: 18px;
  font-weight: 700;
  transition: all .2s ease;
}

body.woocommerce-cart a.remove:hover{
  background: #0b1f3b !important;
  color: #fff !important;
}

/* Actions rad */
body.woocommerce-cart .actions{
  padding: 18px !important;
  background: transparent;
}

body.woocommerce-cart .coupon{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

body.woocommerce-cart .coupon input.input-text{
  min-width: 220px;
  border: 1px solid rgba(11,31,59,.12);
  border-radius: 14px;
  background: #fff;
  color: #1c1f26;
  padding: 12px 14px;
}

/* Knappar som medlemssidan */
body.woocommerce-cart .button,
body.woocommerce-cart button.button,
body.woocommerce-cart input.button,
body.woocommerce-cart a.button{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 50px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  transition: all .22s ease !important;
  border: 0 !important;
}

/* Mörkblå primärknapp */
body.woocommerce-cart .button[name="apply_coupon"],
body.woocommerce-cart .button[name="update_cart"],
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background: linear-gradient(135deg, #0b1f3b, #163a6b) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(11,31,59,.15) !important;
}

body.woocommerce-cart .button[name="apply_coupon"]:hover,
body.woocommerce-cart .button[name="update_cart"]:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  transform: translateY(-2px);
  background: #112a4d !important;
  color: #fff !important;
}

/* Uppdatera-knappen inte så klumpig */
body.woocommerce-cart .actions{
  text-align: right;
}

body.woocommerce-cart .actions .button[name="update_cart"]{
  min-width: 180px;
}

/* Totals card */
body.woocommerce-cart .cart-collaterals{
  width: 100%;
  float: none;
  clear: both;
}

body.woocommerce-cart .cart-collaterals .cart_totals{
  width: 100%;
  max-width: 430px;
  margin-left: auto;
  padding: 24px 22px 20px;
  border: 1px solid rgba(11,31,59,.08);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 100%);
  box-shadow:
    0 18px 36px rgba(11,31,59,.06),
    0 4px 12px rgba(11,31,59,.03);
}

body.woocommerce-cart .cart-collaterals .cart_totals h2{
  margin: 0 0 16px;
  color: #0b1f3b;
  font-family: 'Merriweather', serif;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  font-weight: 700;
}

/* Totaltabell */
body.woocommerce-cart .cart-collaterals .cart_totals table{
  border: 1px solid rgba(11,31,59,.08);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: none;
}

body.woocommerce-cart .cart-collaterals .cart_totals table th,
body.woocommerce-cart .cart-collaterals .cart_totals table td{
  padding: 14px 12px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
}

body.woocommerce-cart .cart-collaterals .cart_totals table th{
  color: #56708e;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .04em;
}

/* Checkout-knapp */
body.woocommerce-cart .wc-proceed-to-checkout{
  padding-bottom: 0;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  width: 100%;
  min-height: 54px;
  margin-bottom: 12px;
}

/* Empty cart */
body.woocommerce-cart .cart-empty{
  padding: 24px 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 100%);
  border: 1px solid rgba(11,31,59,.08);
  box-shadow:
    0 18px 36px rgba(11,31,59,.06),
    0 4px 12px rgba(11,31,59,.03);
}

/* Mobil */
@media (max-width: 767px){
  body.woocommerce-cart .dsc-cart-intro{
    margin-bottom: 20px;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals{
    max-width: none;
    margin-left: 0;
    padding: 20px 18px 18px;
    border-radius: 22px;
  }

  body.woocommerce-cart .woocommerce-cart-form table.shop_table{
    border-radius: 22px;
  }

  body.woocommerce-cart .actions{
    text-align: left;
  }

  body.woocommerce-cart .actions .button{
    width: 100%;
    min-width: 0;
  }

  body.woocommerce-cart .coupon{
    flex-direction: column;
  }

  body.woocommerce-cart .coupon input.input-text{
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   DSC – Varukorg
   Desktop-layout: tabell + totalsumma bredvid varandra
   ========================================================= */

@media (min-width: 1025px){

  body.woocommerce-cart .woocommerce{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 28px;
    align-items: start;
  }

  /* Intro ska ta hela bredden */
  body.woocommerce-cart .dsc-cart-intro,
  body.woocommerce-cart .woocommerce-notices-wrapper,
  body.woocommerce-cart .woocommerce-message,
  body.woocommerce-cart .woocommerce-error,
  body.woocommerce-cart .woocommerce-info{
    grid-column: 1 / -1;
  }

  body.woocommerce-cart .woocommerce-cart-form{
    grid-column: 1;
    margin-bottom: 0;
  }

  body.woocommerce-cart .cart-collaterals{
    grid-column: 2;
    margin-top: 0;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals{
    max-width: none;
    width: 100%;
    margin: 0;
    position: sticky;
    top: 24px;
  }
}

/* =========================================================
   DSC – Varukorg
   Fix: samma toppstart på korten
   ========================================================= */

@media (min-width: 1025px){

  body.woocommerce-cart .woocommerce{
    align-items: start !important;
  }

  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals{
    align-self: start !important;
    margin-top: 0 !important;
  }

  body.woocommerce-cart .cart-collaterals{
    padding-top: 0 !important;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals{
    margin-top: 0 !important;
    top: 0 !important;
  }

  body.woocommerce-cart .cart-collaterals .cart_totals h2{
    margin-top: 0 !important;
  }
}/* End custom CSS */