/** Shopify CDN: Minification failed

Line 230:0 Unexpected ".404-page"

**/
/* Mentality SC — resten av sajten.
   Mappar Dawns standardklasser till designsystemet sa att varukorg,
   sok, kontakt, 404 och ovriga sidor talar samma sprak som resten. */

/* ---------- Knappar overallt ---------- */

.button,
.shopify-challenge__button,
.customer button,
.cart__checkout-button,
.contact__button {
  min-height: 5.6rem;
  padding: 1.6rem 4rem;
  border: 2px solid rgb(var(--color-foreground));
  border-radius: 0;
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
  font-size: 1.3rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  box-shadow: none;
  transition: background-color var(--duration-short, 0.15s) ease,
    color var(--duration-short, 0.15s) ease;
}

.button::before,
.button::after,
.cart__checkout-button::before,
.cart__checkout-button::after {
  display: none;
}

.button:hover:not([disabled]),
.cart__checkout-button:hover:not([disabled]),
.contact__button:hover:not([disabled]) {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.button--secondary,
.button--tertiary {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.button--secondary:hover,
.button--tertiary:hover {
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
}

/* ---------- Falt ---------- */

.field__input,
.select__select,
.text-area,
.customer .field input,
.search__input {
  min-height: 5.2rem;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid rgba(var(--color-foreground), 0.28);
  font-size: 1.4rem;
}

.field::after,
.select::after,
.customer .field::after {
  display: none;
}

.field__input:focus,
.text-area:focus,
.search__input:focus {
  outline: 0;
  border-color: rgb(var(--color-foreground));
  box-shadow: inset 0 0 0 1px rgb(var(--color-foreground));
}

.field__label {
  font-size: 1.25rem;
  letter-spacing: 0.04em;
}

/* ---------- Sidrubriker ---------- */

.title,
.title-wrapper h1,
.title-wrapper h2,
.main-page-title,
.customer h1,
.customer h2,
.template-search__header h1,
.cart__empty-text,
.shopify-challenge__container h1 {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 0.95;
}

.main-page-title,
.customer h1,
.template-search__header h1 {
  font-size: clamp(2.8rem, 4vw, 5rem);
  margin-bottom: 2.4rem;
}

/* ---------- Varukorgssidan ---------- */

.cart__empty-text {
  font-size: clamp(2.4rem, 3.4vw, 4rem);
  letter-spacing: 0.02em;
}

.cart-item {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
  padding-block: 2.4rem;
}

.cart-item__image {
  border-radius: 0;
  border: 1px solid rgba(var(--color-foreground), 0.12);
  aspect-ratio: 4 / 5;
  object-fit: cover;
  height: auto;
}

.cart-item__name {
  font-size: 1.6rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-decoration: none;
}

.cart-items thead th {
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.15);
}

.cart .quantity,
.quantity {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid rgba(var(--color-foreground), 0.3);
  min-height: 4.4rem;
}

.quantity::after {
  box-shadow: none;
}

.cart__footer .totals__total,
.totals__total {
  font-size: 1.3rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.cart__footer .totals__total-value,
.totals__total-value {
  font-size: 2.4rem;
  font-weight: 800;
}

.cart-remove-button .button {
  min-height: 4rem;
  min-width: 4rem;
  padding: 0;
  border-color: rgba(var(--color-foreground), 0.25);
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

/* ---------- Sok ---------- */

.template-search__header {
  text-align: center;
  margin-bottom: 4rem;
}

.template-search__search {
  max-width: 56rem;
  margin-inline: auto;
}

.search__button,
.search__button:hover {
  min-height: auto;
  border: 0;
  background: none;
  color: rgb(var(--color-foreground));
  padding: 0 1.4rem;
}

/* ---------- Kontakt ---------- */

.contact__fields {
  gap: 1.6rem;
}

.contact .field {
  margin-bottom: 1.6rem;
}

.contact__button {
  width: auto;
  min-width: 24rem;
}

/* ---------- 404 ---------- */

.template-404 {
  padding-block: 12rem;
  text-align: center;
}

.template-404 h1,
.404-page h1 {
  font-size: clamp(6rem, 12vw, 14rem);
  font-weight: 800;
  line-height: 0.85;
  letter-spacing: -0.04em;
  margin-bottom: 1.6rem;
}

/* ---------- Kundkonto ---------- */

.customer table {
  font-size: 1.4rem;
}

.customer th {
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

/* ---------- Vassa horn overallt ---------- */

.card,
.card__inner,
.media,
.global-media-settings,
.shopify-challenge__container {
  border-radius: 0 !important;
}