/*------------------------
  MY PAGE
-------------------------*/
.breadcrumb {
  display: none;
}

.din_sida_text {
  text-align: center;
}

.OrderTable tr td {
  padding: 5px;
}

.OrderTable {
  background: #eee !important;
}

.PS_Tabell select {
  min-width: 90px;
}

.Din_Sida_Onskelista_Wrapper {
  text-align: center;
}

.DS_OL_Table_Wrap tr:nth-child(even) td,
.DS_OL_Table_Wrap tr td {
  background: #fff;
}

.DS_OL_Table_ToppFlik .Flik_Normal a {
  display: none;
}

.DS_OL_Table_Artiklar .PrisBOLD,
.DS_OL_Table_Artiklar .PrisREA {
  font-weight: 400;
}

.DS_OL_Table_Wrap .DS_OL_Table_Knappar i {
  font-style: normal;
}

.OrderRader {
  border: 1px solid #eee !important;
}

.OrderRader td {
  background: #fff;
}

.OrderHuvud td {
  background: #f7f2ef;
}

.OrderHuvud {
  border: 10px solid #f7f2ef !important;
}

.LojSammanfattningDiv {
  background: #f1f1f1 !important;
  border: none !important;
  padding: 5px !important
}

.BevakaTabell,
form[name='AIR_Rek_Ret'] table {
  width: 100%;
}

form[name='AIR_Rek_Ret'] table input[type='text'],
form[name='AIR_Rek_Ret'] table textarea,
form[name='AIR_Rek_Ret'] table select {
  width: 100% !important;
}

.Avtal.relative .Snabbkassa_Kunduppgift_Etiketter {
  display: none;
}

.Avtal.relative i {
  padding-top: 7px;
  display: inline-block;
}

/*GENERELLT*/
.mypages-intro {
  font-size: 16px;
}

.dinsida_text,
.din_sida_text,
.KundNyText {
  text-align: center;
  display: block;
}

.Dinsida_Topprubrik,
.reg .t-ac,
.din_sida_text,
.reg .infotext {
  text-align: center;
}

.reg .Minsida_aterstall_h1,
.reg .Dinsida_Topprubrik {
  margin-bottom: 15px;
}

.reg #SKM_Foretag {
  opacity: 1;
}

.reg #Adressblock i,
.reg #AdressblockLoggain i,
.reg #AdressblockPaminnare i {
  font-style: normal;
  font-size: 14px;
  font-family: 'Artico', Arial, Helvetica, sans-serif !important;
}

.Dinsida_Topprubrik_Del1 {
  display: none;
}

/*Profil*/
.reg #Adressblock,
.Tabell_Dinsida_UppdLosen {
  max-width: 450px;
  margin: 0 auto;
  text-align: left;
}

.reg #LankAdressblockAnvnamn,
.reg #LankAdressblockOvrigt {
  display: none !important;
}

.reg p#SKM_Land,
.reg p#SKM_Epost,
.reg p#SKM_Postnr,
.reg p#SKM_Portkod {
  display: inline-block;
}

#Adressblock2 .Knapp_Generell_Tabell,
#Adressblock2 .Knapp_Generell_Tabell *,
.Tabell_Dinsida_UppdLosen * {
  display: block;
}

#Adressblock2 .Knapp_Generell_Tabell .Knapp_Generell {
  margin: 0 auto;
  width: 100%;
}

[id*="Adressblock"] .Knapp_Generell_Tabell {
  margin: 10px 0 30px;
}

#LankAdressblockLeveransadress b {
  display: none !important;
}

.reg #SubmitKnapp,
.Tabell_Dinsida_UppdLosen #SubmitKnapp {
  background-color: var(--bg-dark, #333);
  color: var(--color-secondary-white);
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border: none;
  padding: 0;
  width: 100%;
  transition: background-color 200ms ease-in, color 200ms ease-in;
  margin-inline: auto;
}

.reg #SubmitKnapp:hover,
.Tabell_Dinsida_UppdLosen #SubmitKnapp:hover {
  background-color: var(--cta-primary-hover-color, #6F6464);
}

.BestFormSendBtn_wrap {
  display: none !important;
}

@media (width <=1050px) {

  .reg #SubmitKnapp,
  .Tabell_Dinsida_UppdLosen #SubmitKnapp {
    height: 45px;
    line-height: 45px;
  }
}

/*Beställningar*/
.reg table.OrderTable,
.reg table.BevakaTabell,
.dinsida_presentkort table,
.dinsida_betyg table,
.OrderRader,
.OrderHuvud {
  border-collapse: collapse;
  margin: 0 auto;
}

.reg table.OrderTable tbody,
.reg table.BevakaTabell tbody,
.dinsida_presentkort table tbody,
.dinsida_betyg tbody {
  width: 100%;
  display: table;
}

.reg table.OrderTable tr,
.reg table.BevakaTabell tr,
.dinsida_presentkort table tr,
.dinsida_betyg table td {
  background: #fff !important;
}

.reg table.OrderTable td,
.reg table.BevakaTabell td,
.dinsida_presentkort table td,
.dinsida_betyg table td {
  padding: 15px 15px 15px 0;
}

.OrderHuvud td {
  padding: 10px;
}

.OrderRader td {
  padding: 15px;
}

.OrderRader tr td:last-child {
  display: none;
}

.reg table.OrderTable td:last-child,
.reg table.BevakaTabell td:last-child,
.dinsida_presentkort table td:last-child,
.dinsida_betyg table td:last-child {
  padding-right: 0;
}

.OrderTable,
.BevakaTabell,
.dinsida_presentkort table,
.dinsida_betyg table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

.OrderTable tr td:last-child {
  display: none;
}

.OrderradFet b {
  white-space: nowrap;
}

a.Din_Sida_Order_ID {
  text-decoration: underline;
}

td.status a {
  float: right;
  text-decoration: underline;
  font-family: 'Artico', Arial, Helvetica, sans-serif;
  color: #333333;
}

td.bettyp {
  display: none;
}

/*Avtalstabell*/
.avtalstabell a.button {
  margin: 5px;
  white-space: nowrap;
}

.avtalstabell {
  margin-bottom: 50px;
}

/*Uppdatera lösen*/
.reg .Tabell_Dinsida_UppdLosen tr {
  margin: 0 0 15px;
  display: block;
  border: none;
}

.Tabell_Dinsida_UppdLosen {
  margin-bottom: var(--general-margin);
}

.Tabell_Dinsida_UppdLosen td {
  display: inline-block;
  width: 100%;
  padding: 0;
}

.Tabell_Dinsida_UppdLosen td:empty {
  display: none;
}

/* Recensioner */
.dinsida_betyg table tr:first-child,
.OrderTable tr:first-child,
.OrderRader b {
  font-family: 'Artico', Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.dinsida_betyg table,
.OrderTable,
.OrderRader {
  border-bottom: 1px solid #f1f1f1;
}

.dinsida_betyg table tr,
.OrderTable tr,
.OrderRader tr {
  border-top: 1px solid #f1f1f1;
}

.dinsida .PT_Beskr,
.dinsida_betyg .PT_Beskr {
  font-size: 12px;
  line-height: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dinsida .Knapp_Generell,
.dinsida .Knapp_Generell a,
.dinsida_betyg .Knapp_Generell,
.dinsida_betyg .Knapp_Generell a {
  width: 160px;
  max-width: 100%;
  height: 40px;
  line-height: 40px;
}

.dinsida .Knapp_Generell a,
.dinsida_betyg .Knapp_Generell a {
  font-size: 12px;
  padding: 0 10px;
}

@media screen and (max-width: 665px) {

  .dinsida .PT_Beskr,
  .dinsida_betyg .PT_Beskr {
    height: 26px;
  }

  .giftcard-table {
    position: relative;
  }

  .gift-print {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 !important;
  }
}

/* fraktmetod */
.OrderTable {
  /*border-spacing: 0 30px; border-collapse: separate !important;*/
  background: #fff !important;
  padding-bottom: 20px;
}

.OrderTable tr {
  position: relative;
}

table.OrderTable tr:not(:first-child) td {
  padding: 15px 15px 25px 5px !important;
}

table.OrderTable tr:not(:first-child) td.order_fraktmetod {
  /*position: absolute; right: 3px; padding: 0 !important;*/
  font-size: 10px;
  bottom: 3px;
  z-index: 1;
  text-align: right;
  max-width: 65px;
  padding: 15px 5px 35px 0 !important;
  display: flex !important;
}

table.OrderTable tr:not(:first-child) td.order_fraktmetod img {
  display: block;
}

#mypages-container.dinsida {
  max-width: 100%;
}

.reg table.OrderTable td {
  /*padding-left: 5px;*/
  background-color: #fff !important;
}

td.status a {
  font-size: 14px;
}

@media only screen and (min-width: 1050px) {
  table.OrderTable tr:not(:first-child) td.status {
    padding-right: 70px !important;
  }
}

@media only screen and (max-width: 750px) {
  table.OrderTable tr:not(:first-child) td.order_fraktmetod {
    max-width: 80px;
  }

  td.ordernskickad {
    display: none;
  }

  table.OrderTable td {
    font-size: 12px;
  }

  .reg table.OrderTable td {
    padding-right: 5px;
  }

  td.status a {
    float: none;
    margin-top: 5px;
    display: block;
  }
}

/* mypages rework 2026 */
#mypages-container,
.Minsida_aterstall_losenord,
.login-section-outer {
  --light-pink: #F4EFEB;
  --general-margin: 50px;
  --inline-margin-mobile: 15px;
}

.dinsida_order_visa {
  --desktop-mw: 550px;
}

.section:has(> #main) {
  max-width: 100%;
  padding-inline: 0;
}

#mypages-container {
  max-width: 100%;
}

.mypages-general-heading,
.all-orders {
  max-width: var(--site-max-width);
  margin-inline: auto;
}

#main:has(#mypages-menu-dropdown) {
  padding: 0;
  margin-block: 0;
  max-width: 100%;
}

#mypages-upper {
  padding: 20px 15px 15px;
  background-color: var(--light-pink);
  margin-bottom: 30px;
}

#mypages-upper .mypages-heading {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--neutrals-primary);
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
}

.mypages-sub-heading {
  font-size: 16px;
  text-align: center;
  margin-bottom: 25px;
}

#mypages-menu-dropdown {
  background: #fff;
  border-radius: var(--cta-input-radius);
  font-size: 16px;
  color: var(--neutrals-primary);
  width: 100%;
  --item-padding: 15px;
  position: relative;
  margin-inline: auto;
  max-width: 450px;
}

#mypages-menu-dropdown .selected-menu-item {
  padding: var(--item-padding);
  display: block;
  cursor: pointer;
}

#mypages-menu-dropdown.active .selected-menu-item {
  outline: 1px solid var(--header-background-color);
}

#mypages-menu-dropdown.active,
#mypages-menu-dropdown.active .selected-menu-item {
  border-radius: var(--cta-input-radius) var(--cta-input-radius) 0 0;
  z-index: 1;
}

#mypages-menu-dropdown ul {
  display: none;
  flex-direction: column;
  position: absolute;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  border-radius: 0 0 var(--cta-input-radius) var(--cta-input-radius);
  outline: 1px solid var(--header-background-color);
  backdrop-filter: blur(7px);
}

#mypages-menu-dropdown .mypages-menu-dropdown-ul .m_selected {
  display: none;
}

#mypages-menu-dropdown.active ul {
  display: flex;
}

#mypages-menu-dropdown li,
#mypages-menu-dropdown li a {
  display: flex;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  transition: background-color 200ms ease-in;
}

#mypages-menu-dropdown li a:hover {
  background-color: color-mix(in srgb, var(--light-pink) 50%, transparent);
}

#mypages-menu-dropdown .mypages-menu-dropdown-ul li a {
  padding: var(--item-padding);
}

#mypages-menu-dropdown .mypages-menu-dropdown-ul li:not(:last-child) {
  border-bottom: 1px solid var(--light-pink);
}

#mypages-menu-dropdown svg {
  --dim: 15px;
  width: var(--dim);
  height: var(--dim);
  flex-shrink: 0;
}

#mypages-menu-dropdown svg.chevron {
  margin-left: auto;
  rotate: 180deg;
}

#mypages-menu-dropdown.active svg.chevron {
  rotate: 0deg;
}

.mypages-general-heading {
  font-size: 20px;
  color: var(--neutrals-primary);
  margin-bottom: 15px;
  text-transform: uppercase;
  text-align: center;
}

#main:has(.mypages-general-heading + .mypages-sub-heading) .mypages-general-heading {
  margin-bottom: 5px;
}

.mypages-dashboard-paragraph {
  font-size: 16px;
  color: var(--neutrals-primary);
  margin-bottom: 30px;
  max-width: 500px;
  margin-inline: auto;
  text-align: center;
  margin-bottom: var(--general-margin);
  padding-inline: calc(var(--inline-margin-mobile) * 2);
}

.mypages-order-heading {
  font-size: 16px;
  color: var(--neutrals-primary);
  margin-bottom: 15px;
  text-transform: uppercase;
  text-align: center;
  margin-inline: var(--inline-margin-mobile);
}

.latest-order-outer,
.order-outer,
.order-details {
  max-width: 400px;
  width: 100%;
  background-color: var(--bg-lightergrey, #F9F9F9);
  padding: 25px;
  margin-inline: auto;
  margin-bottom: var(--general-margin);
}

.order-details {
  max-width: var(--desktop-mw);
  padding: 25px 40px;
  margin-bottom: 0;
  background-color: #fff;
}

.latest-order-wrapper,
.order-wrapper,
.orders-loading-card {
  margin-inline: var(--inline-margin-mobile);
}

.latest-order-wrapper,
.latest-order-outer {
  height: 100%;
}

.latest-order-detail-rows,
.order-details-grid {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}

.latest-order-detail,
.order-detail-row {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  width: 50%;
}

.order-detail-row.full-width {
  flex-grow: 1;
}

.order-detail-row.empty {
  width: 1%;
}

.latest-order-detail:nth-child(even),
.order-detail-row:nth-child(even) {
  text-align: end;
}

.latest-order-detail:has(.track),
.order-detail-row:has(.track) {
  justify-content: center;
}

.order-label,
.order-detail-label {
  font-size: 14px;
  color: var(--neutrals-disabled);
}

.order-value,
.order-detail-value {
  font-size: 16px;
  color: var(--neutrals-primary);
}

.order-value.track,
.order-detail-value.track {
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 10px;
}

.order-value.track:not(.trackable),
.order-detail-value.track:not(.trackable) {
  display: none;
}

.order-value.track:not(.trackable) a,
.order-detail-value.track:not(.trackable) a {
  pointer-events: none;
}

.order-value.track svg,
.order-detail-value.track svg {
  flex-shrink: 0;
}

.order-product-images {
  display: flex;
  justify-content: center;
  margin-block: 10px 20px;
  column-gap: 5px;
}

.order-product-images img {
  aspect-ratio: 67 / 78;
  width: 67px;
  display: block;
  flex-shrink: 0;
  object-fit: cover;
}

.order-wrapper .order-product-images {
  margin-block: 5px 15px;
}

.product-image-blurred,
.product-image {
  position: relative;
}

.product-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 21, 21, 0.03);
  border-radius: var(--default-border-radius, 0px);
}

.product-image-blurred::before {
  content: '';
  background-color: rgb(249, 249, 249);
  opacity: 0.9;
  inset: 0;
  position: absolute;
}

/* .product-image-blurred::after {
    content: '';
    background-color: rgb(0, 0, 0);
    opacity: 0.02;
    inset: 0;
    position: absolute;
} */

.product-image-blurred-text {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  pointer-events: none;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 12px;
}

.latest-order-link {
  font-size: 16px;
  width: 300px;
  max-width: 100%;
  background: var(--bg-dark);
  color: #fff;
  margin-inline: auto;
  height: 45px;
  line-height: 45px;
  border-radius: var(--cta-input-radius);
  transition: background-color 200ms ease-in;
}

.latest-order-link a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  display: block;
}

.latest-order-link:hover {
  background-color: var(--cta-primary-hover-color, #6F6464);
}

.no-orders {
  margin-bottom: var(--general-margin);
}

.order-outer {
  padding: 20px 25px;
  margin-bottom: 0;
}

.order-detail {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-link {
  width: fit-content;
  font-size: 14px;
  padding-inline: 10px;
  text-transform: uppercase;
  font-weight: bold;
  margin-inline: auto;
}

.order-link::after {
  content: '';
  display: block;
  height: 2px;
  background-color: var(--neutrals-primary);
  bottom: 0;
  left: 0;
  right: 0;
  transition: background-color 200ms ease-in;
  margin-top: 8px;
  border-radius: var(--cta-input-radius, 10px);
  width: 100%;
}

.order-link a {
  transition: color 200ms ease-in;
}

.order-link:hover a {
  color: var(--cta-primary-hover-color, #6F6464);
}

.order-link:hover::after {
  background-color: var(--cta-primary-hover-color, #6F6464);
}

.orders-container {
  --gap: 15px;
  display: flex;
  margin-inline: auto;
  justify-content: center;
  gap: var(--gap);
  flex-direction: column;
  position: relative;
}

.regular-orders-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap);
}

.regular-orders-container:not(:has(.order-wrapper)) {
  display: none;
}

.orders-container .latest-order-outer {
  margin-bottom: 0;
}

.orders-loading-overlay {
  position: absolute;
  inset: 0;
  display: none;
  z-index: 0;
  background: var(--bg-lightergrey, #F9F9F9);
}

.orders-loading-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap, 15px);
  height: 100%;
}

.orders-loading-card {
  min-height: 160px;
  border-radius: 4px;
  background: linear-gradient(90deg, #efefef 25%, #f7f7f7 50%, #efefef 75%);
  background-size: 200% 100%;
  animation: ordersSkeletonPulse 1.2s ease-in-out infinite;
}

.orders-mobile-skeleton {
  display: none;
  width: 280px;
  height: 45px;
  margin-inline: auto;
  border-radius: var(--cta-input-radius, 10px);
  background: linear-gradient(90deg, #efefef 25%, #f7f7f7 50%, #efefef 75%);
  background-size: 200% 100%;
  animation: ordersSkeletonPulse 1.2s ease-in-out infinite;
}

.orders-inner.orders-loading-active .orders-loading-overlay {
  display: block;
}

.orders-inner.orders-loading-active .orders-mobile-skeleton {
  display: block;
}

.orders-inner.orders-loading-active .orders-container>*:not(.orders-loading-overlay),
.orders-inner.orders-loading-active .orders-nav-wrapper,
.orders-inner.orders-loading-active .orders-mobile-pagination {
  visibility: hidden;
}

.orders-inner.orders-loading-active .orders-mobile-pagination {
  display: none !important;
}

@keyframes ordersSkeletonPulse {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

.orders-nav {
  --arrow-size: 45px;
  width: var(--arrow-size);
  height: var(--arrow-size);
  min-width: var(--arrow-size);
  min-height: var(--arrow-size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  bottom: 100%;
  transition: 200ms ease opacity;
  right: calc(var(--arrow-size) * -0.5);
  font-weight: 400;
  top: 50%;
  opacity: 1;
  translate: 0 -50%;
  background: var(--bg-dark, #333);
  color: var(--color-secondary-white, #FFFCF7);
  z-index: 6;
  border-radius: var(--cta-input-radius, 10px);
  font-weight: bold;
  transition: 200ms ease-in-out opacity, 100ms ease-in-out transform, 200ms ease-in-out box-shadow, 200ms ease-in-out background-color;
}

.orders-nav:hover {
  background-color: var(--cta-primary-hover-color, #6F6464);
}

.orders-nav-prev {
  left: calc(var(--arrow-size) * -0.5);
  right: initial;
}

.orders-nav-prev svg {
  margin-right: 4px;
}

/* .orders-nav-next svg {
    margin-left: 2px;
} */

.receipt,
.truck {
  display: flex;
  align-items: center;
  column-gap: 10px;
  text-decoration: underline;
  font-size: 18px;
}

.truck {
  justify-content: flex-end;
}

.mypages-tabs {
  display: flex;
  flex-direction: column;
  max-width: var(--desktop-mw);
  margin-inline: auto;
  margin-bottom: var(--general-margin);
  border-bottom: 1px solid var(--color-secondary-pink);
}

.mypages-tab {
  border-top: 1px solid var(--color-secondary-pink);
}

#email-signin-form:not([open]) {
  border-bottom: 1px solid var(--color-secondary-pink);
}

.mypages-tab[open],
.mypages-tabs:has(#order-items[open]) {
  border-color: transparent;
}

.mypages-tab-heading {
  --local-padd: 30px;
  text-align: center;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 25px var(--local-padd);
  cursor: pointer;
}

.mypages-tab-heading svg {
  width: 15px;
  rotate: 180deg;
  position: absolute;
  right: var(--local-padd);
}

.mypages-tab[open] svg {
  rotate: 0deg;
}

.mypages-tab[open] .mypages-tab-heading {
  background-color: var(--light-pink);
}

.mypages-tab-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: var(--neutrals-primary);
}

.mypages-tab-content {
  padding: 30px 40px;
  background: #fff;
}

.order-value img {
  display: none;
}

.order-detail-rows {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

#delivery-details .order-detail-row {
  text-align: start;
}

.payment-detail-rows {
  display: flex;
}

.product-detail-row {
  display: flex;
  column-gap: 10px;
  padding-bottom: 15px;
  padding-inline: 10px;
  border-bottom: 1px solid var(--color-secondary-pink);
}

.product-detail-row.watchlist-row {
  padding-inline-end: 30px;
  align-items: center;
}

.product-order-image {
  width: 75px;
  aspect-ratio: 67 / 78;
  flex-shrink: 0;
}

.product-detail-row:has(.discount-badge) .product-order-name,
.product-detail-row:has(.discount-badge) .product-order-type {
  padding-right: 10px; 
}

.discount-badge {
  position: absolute;
  right: 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--neutrals-primary);
  background-color: var(--color-primary-pink);
  border-radius: calc(var(--cta-input-radius) / 2);
  bottom: calc(100% + 10px);
  line-height: normal;
  height: auto;
  white-space: nowrap;
  padding: 3.5px 6px;
  display: inline-block;
  text-transform: uppercase;
}

.product-order-image img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.product-order-info {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  flex-grow: 1;
}

.product-order-name {
  font-size: 14px;
  color: var(--neutrals-primary);
  text-transform: uppercase;
  font-weight: bold;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.product-order-name b {
  display: none;
}

.product-order-type {
  font-size: 14px;
  color: var(--neutrals-primary);
}

.product-gwp-badge {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--neutrals-primary);
  background-color: var(--color-primary-pink);
  padding: 3.5px 6px;
  border-radius: calc(var(--cta-input-radius) / 2);
  width: fit-content;
}

.product-order-prices {
  font-size: 14px;
  margin-left: auto;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  column-gap: 5px;
  margin-top: auto;
  position: relative;
}

.price-normal {
  font-weight: bold;
  color: var(--neutrals-primary);
}

.price-discount {
  color: #8D485C;
  font-weight: bold;
}

.giftcard-physical-addon {
  font-size: 14px;
  color: var(--neutrals-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--color-secondary-pink);
}

.addon-price {
  font-weight: bold;
  text-transform: uppercase;
}

.giftcard-physcal-additional-addon {
  background-color: var(--bg-lightergrey, #F9F9F9);
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  padding: 10px 20px;
  margin-top: 20px;
  font-size: 14px;
}

.text-gray {
  color: var(--neutrals-disabled);
  margin-right: 3px;
}

.price-original {
  color: var(--neutrals-disabled);
  text-decoration: line-through;
  margin-left: 5px;
}

.product-details-rows {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

#order-items .mypages-tab-content {
  padding-inline: 30px;
}

.all-orders {
  margin-bottom: 30px;
  padding-inline: 20px;
}

.all-orders,
.tertiary-link-outer {
  display: flex;
  column-gap: 10px;
}

.tertiary-link-outer {
  padding-inline: 15px;
}

.all-orders-link,
.tertiary-link {
  font-size: 14px;
  color: var(--neutrals-primary);
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}

.all-orders-link::after,
.tertiary-link::after {
  content: '';
  display: block;
  height: 2px;
  background-color: var(--neutrals-primary);
  transition: background-color 200ms ease-in;
  margin-top: 6px;
  border-radius: var(--cta-input-radius, 10px);
  width: 100%;
}

.Snabbkassa_Kundfalt_Marginal,
#Adressblock2 .Knapp_Generell_Tabell {
  padding-inline: 15px;
}

.product-order-remove {
  cursor: pointer;
}

.product-order-remove:hover path {
  transition: fill 200ms ease-in;
}

.product-order-remove:hover path {
  fill: var(--campaign-price-color, #6F6464);
}

.watchlist-products-container {
  margin-inline: auto;
  max-width: 550px;
  margin-bottom: var(--general-margin);
  padding-inline: 15px;
}

.watchlist-paragraph {
  text-align: center;
  font-size: 16px;
  margin-bottom: 50px;
}

.watchlist-introtext {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}

.watchlist-subtext,
.watchlist-subtext a {
  font-size: 16px;
  text-align: center;
  color: var(--neutrals-disabled);
}

.watchlist-subtext a {
  text-decoration: underline;
}

.watchlist-products-count {
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-secondary-pink);
}

.preferedNotification {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--general-margin);
  display: none;
}

.product-kit-contents {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 5px 0 15px;
  list-style-type: none;
}

.product-kit-contents li {
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-kit-contents li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutrals-primary);
}

.orders-inner {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  position: relative;
  margin-bottom: var(--general-margin);
}

.orders-nav-wrapper {
  display: none;
}

.orders-mobile-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  max-width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 10px 16px;
  margin-inline: auto;
  border: 2px solid var(--bg-dark, #333);
  border-radius: var(--cta-input-radius, 10px);
  color: var(--bg-dark, #333);
  background-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.orders-mobile-pagination-top,
.orders-mobile-skeleton-top {
  margin-bottom: 30px;
}

.orders-mobile-pagination-bottom,
.orders-mobile-skeleton-bottom {
  margin-top: 30px;
}

@media (width >=1051px) {

  .orders-mobile-pagination,
  .orders-mobile-skeleton {
    display: none !important;
  }

  .orders-nav-wrapper {
    display: block;
  }

  .orders-inner {
    width: fit-content;
  }

  #mypages-container,
  .Minsida_aterstall_losenord,
  .login-section-outer {
    --general-margin: 100px;
    --inline-margin-mobile: 0px;
  }

  #mypages-upper {
    padding-block: 25px;
    margin-bottom: 50px;
  }

  .mypages-general-heading {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .mypages-general-heading:not(.dashboard) {
    margin-bottom: 30px;
  }

  .mypages-dashboard-paragraph {
    margin-bottom: var(--general-margin);
  }

  .mypages-order-heading,
  #mypages-upper .mypages-heading {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .mypages-sub-heading {
    margin-bottom: 30px;
  }

  .latest-order-link {
    height: 50px;
    line-height: 50px;
  }

  .regular-orders-container {
    --items: 2;
    grid-template-columns: repeat(var(--items), 1fr);
    flex-basis: calc(var(--items) * var(--basis) + var(--gap));
  }

  .orders-loading-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .orders-loading-grid-first-page {
    grid-template-columns: var(--basis) repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .orders-loading-grid-first-page .orders-loading-card-latest {
    grid-row: 1 / 3;
    min-height: auto;
  }

  .orders-loading-grid-first-page .orders-loading-card:not(.orders-loading-card-latest) {
    min-height: auto;
  }

  .orders-loading-card {
    min-height: 200px;
  }

  .orders-container:not(:has(.latest-order-container)) .regular-orders-container {
    --items: 3;
  }

  .orders-container {
    flex-direction: row;
    --basis: 365px;
  }

  .latest-order-container,
  .order-wrapper {
    flex-basis: var(--basis);
    width: var(--basis);
  }

  .order-details {
    padding: 30px;
    background-color: var(--bg-lightergrey, #F9F9F9);
  }

  .all-orders {
    margin-bottom: -28px;
  }

  .tertiary-link-outer {
    padding-inline: 0;
  }

  .Snabbkassa_Kundfalt_Marginal,
  #Adressblock2 .Knapp_Generell_Tabell,
  .watchlist-products-container {
    padding-inline: 0;
  }

  .product-detail-row.watchlist-row {
    padding-inline-start: 30px;
  }
}