/** Shopify CDN: Minification failed

Line 429:0 Unexpected "}"

**/
/* ── Google Font import ── */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;600;700&display=swap');

/* ── Fargevariabler ── */
:root {
  --hf-copper: #0f0f0fff;
  --hf-copper-light: #D4956A;
  --hf-copper-dark: #8B5A2B;
  --hf-forest: #2C4A2E;
  --hf-forest-light: #3D6B40;
  --hf-moss: #5A7247;
  --hf-stone: #8B8578;
  --hf-cream: #FAF0E8;
  --hf-cream-dark: #E8E0D0;
  --hf-parchment: #FAF7F2;
  --hf-charcoal: #2A2A28;
  --hf-rust: #C1440E;
}

/* ── Generell body-stil ── */
body {
  font-family: 'Commissioner', sans-serif !important;
  background-color: var(--hf-parchment) !important;
  color: var(--hf-charcoal) !important;
}

/* ── Overskrifter ── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

/* ── Knapper (primær) — kun CTA-knapper ── */
.product-form__submit,
.cart__submit,
a.button[href],
.shopify-challenge__button,
button[type="submit"]:not(.quantity-minus):not(.quantity-plus):not(.slides-control--next):not(.slides-control--previous):not(.slideshow-control),
.hf-featured-cart-btn,
.hf-collection-cta {
  background-color: var(--hf-copper) !important;
  color: var(--hf-cream) !important;
  border: 2px solid var(--hf-copper) !important;
  font-family: 'Commissioner', sans-serif !important;
  font-size: 0.8rem !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
  padding: 14px 32px !important;
}


/* Announcement bar — DM Sans */
.shopify-section:has([class*="announcement"]),
[class*="announcement-bar"],
[class*="announcement"] {
  font-family: 'DM Sans', sans-serif !important;
}


/* ── Lenker ── */
a {
  color: var(--hf-copper) !important;
  transition: color 0.3s ease !important;
}


/* ── Produktkort (Dawn-tema) ── */
.card-wrapper {
  border-radius: 0 !important;
}

.card {
  background: var(--hf-cream) !important;
  border: 1px solid var(--hf-cream-dark) !important;
  border-radius: 0 !important;
  transition: all 0.4s ease !important;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.08) !important;
}

.card__heading,
.card__heading a {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: var(--hf-charcoal) !important;
}

.price-item {
  font-family: 'Commissioner', sans-serif !important;
  color: var(--hf-copper-dark) !important;
  font-weight: 500 !important;
}

.cart__title,
.cart h1 {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: #2A2A28 !important;
}

/* ── Badge / merkelapp ── */
.badge {
  background-color: var(--hf-copper) !important;
  color: var(--hf-cream) !important;
  border-radius: 0 !important;
  font-size: 0.65rem !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

/* ── Input-felt ── */
input[type="email"],
input[type="text"],
input[type="password"],
input[type="number"],
textarea,
select {
  border: 1px solid var(--hf-cream-dark) !important;
  background: var(--hf-parchment) !important;
  font-family: 'DM Sans', sans-serif !important;
  border-radius: 0 !important;
  color: var(--hf-charcoal) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--hf-copper) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--hf-copper) !important;
}


/* ── Scroll-animasjoner ── */
.hf-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.hf-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Featured Product (Høyfjellet tema) ── */

/* Bakgrunn for hele seksjonen */
[data-shopify-editor-block*="featured_product_information"] {
  background: #F5F0E8 !important;
}

/* Produkttittel */
.productTitleLink,
.productTitleLink p,
.productTitleLink div {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 2.4rem !important;
  color: #2A2A28 !important;
  text-decoration: none !important;
}

product-price,
product-price .text-block {
  font-family: 'Commissioner', sans-serif !important;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  color: #8B5A2B !important;
}

/* Legg i kurv-knapp */
.add-to-cart-button,
button[ref="addToCartButton"] {
  background: #B87333 !important;
  color: #F5F0E8 !important;
  border: 2px solid #B87333 !important;
  border-radius: 0 !important;
  font-family: 'Commissioner', sans-serif !important;
  font-size: 0.78rem !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: 16px 40px !important;
  transition: all 0.3s ease !important;
}

.add-to-cart-button:hover,
button[ref="addToCartButton"]:hover {
  background: transparent !important;
  color: #B87333 !important;
}

/* Antall-velger styling */
.quantity-selector-component {
  border-radius: 0 !important;
}

.quantity-selector-component input {
  font-family: 'DM Sans', sans-serif !important;
  color: #2A2A28 !important;
}

.quantity-selector-component button {
  color: #2A2A28 !important;
}

/* Produktbilde */
.product-media_image {
  border-radius: 0 !important;
}

.group-block__media-wrapper {
  border-radius: 0 !important;
  background: white !important;
}

/* ── Global bakgrunnsfarge ── */
body,
.page-body,
main,
.main-content,
.shopify-section {
  background-color: #FAF7F2 !important;
}

/* ── Tving header bakgrunn ── */
header-component,
header-component.header {
  background-color: #FAF7F2 !important;
  background: #FAF7F2 !important;
  --color-background: 250 247 242 !important;
}


/* ── Tving svart announcement bar ── */
.shopify-section:has([class*="announcement"]),
[class*="announcement-bar-section"] {
  background-color: #000000 !important;
}

/* ── Fjern spacing mellom liste og pris ── */
.hf-featured-details {
  margin-bottom: 0px !important;
}



/* ── Fjern hvit bakgrunn på alle produktbilder ── */
.product-media_image,
.group-block__media-wrapper,
.product__media-wrapper {
  background: #F5F0E8 !important;
}

/* ── Karusell-piler styling ── */
.product-media-gallery button[class*="arrow"],
.product-media-gallery button[class*="chevron"],
.product-media-gallery [class*="slideshow-control"] {
  color: #B87333 !important;
  background: rgba(245,240,232,0.9) !important;
  border: 1px solid #E8E0D0 !important;
  border-radius: 0 !important;
  transition: all 0.3s !important;
}

.product-media-gallery button:hover {
  background: #B87333 !important;
  color: #F5F0E8 !important;
}



/* ── Header bakgrunnsfarge ── */
header,
.header,
.shopify-section-header,
[class*="header"] {
  background-color: #FAF7F2 !important;
}





/* ── Hero-knapp (målrettet via href) ── */
a.button[href="/collections/all"],
a.button[href="/collections/all"]:link,
a.button[href="/collections/all"]:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  white-space: nowrap !important;       /* tving teksten på én linje */
  background-color: #FFFFFF !important;
  color: var(--hf-charcoal) !important;
  --button-background-color: #FFFFFF !important;
  --button-label-color: var(--hf-charcoal) !important;
  --button-color: var(--hf-charcoal) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 40px !important;
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  letter-spacing: 1.5px !important;
  text-transform: lowercase !important;
}

/* Sammenligningsbryter-overskrift ("DRA FOR Å SAMMENLIGNE") */
.text-block h4,
[class*="text-block"] h4,
comparison-slider-component ~ * h4,
.text-block.h4 {
  color: #2A2A28 !important;
  --color: #2A2A28 !important;
  --color-foreground-heading: 42 42 40 !important;
}

/* ── Fjern ramme rundt handlekurv-knappen ── */
.header-actions__action,
button.header-actions__action,
header button[aria-label="Handlekurv"],
header button[aria-haspopup="dialog"] {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

cart-icon,
.header-actions__cart-icon {
  display: inline-flex !important;
  align-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ── Vis alltid handlekurv-ikonet ── */
.header-actions__action[aria-haspopup="dialog"],
button[aria-label="Handlekurv"] {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

cart-icon svg,
.header-actions__cart-icon svg {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* ── Handlekurv samme stil som andre ikoner ── */
.header-actions__action,
button.header-actions__action,
header button[aria-label="Handlekurv"],
header button[aria-haspopup="dialog"] {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

cart-icon svg,
.header-actions__cart-icon svg,
cart-icon svg path,
.header-actions__cart-icon svg path {
  stroke: currentColor !important;
  fill: none !important;
  color: #2A2A28 !important;
}

/* Handlekurv-teller (den lille prikken med tall) */
.cart-bubble,
[class*="cart-bubble"],
[class*="cart-count"] {
  background: #B87333 !important;
  color: #F5F0E8 !important;
}

/* ── Hvite ikoner i USP-stripe ── */
.hf-usp-icon {
  stroke: #F5F0E8 !important;
}


.header__menu a:hover,
.header-menu a:hover,
header nav a:hover,
[class*="header__menu"] a:hover {
  color: #B87333 !important;
}

/* ── Produktside styling ── */

/* Fjern hvit bakgrunn på produktbilder */
.product-media_image,
.product__media-wrapper,
[class*="product-media"],
[class*="product__media"],

}

/* Produkttittel */
.product__title,
.product h1 {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 2rem !important;
  color: #2A2A28 !important;
}

.product .price,
.product .price-item,
.product product-price,
product-price {
  font-family: 'Commissioner', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  color: #8B5A2B !important;
}

/* Legg i handlekurv-knapp */
.product-form__submit,
.product .add-to-cart-button,
button[name="add"] {
  background: #B87333 !important;
  color: #F5F0E8 !important;
  border: 2px solid #B87333 !important;
  border-radius: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.78rem !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

.product-form__submit:hover,
.product .add-to-cart-button:hover,
button[name="add"]:hover {
  background: transparent !important;
  color: #B87333 !important;
}

/* Antall-velger */
.quantity-selector-component,
[class*="quantity-selector"] {
  border-radius: 0 !important;
  border-color: #E8E0D0 !important;
}

.quantity-selector-component button,
[class*="quantity-selector"] button {
  background: #F5F0E8 !important;
  color: #2A2A28 !important;
  border-radius: 0 !important;
}

/* ── Fjern skygge på produkttittel ── */
.product-details h1,
[class*="product-details"] h1,
[class*="text_xrnftG"] h1 {
  text-shadow: none !important;
}

/* ── Prikker på produktsiden ── */
ol.slideshow-controls__dots {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 20px !important;
  padding: 0 !important;
}

ol.slideshow-controls__dots li {
  list-style: none !important;
}

ol.slideshow-controls__dots li button {
  all: unset !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  background: #E8E0D0 !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  transition: background 0.3s !important;
}

ol.slideshow-controls__dots li button::after,
ol.slideshow-controls__dots li button::before {
  display: none !important;
  content: none !important;
}

ol.slideshow-controls__dots li button[aria-selected="true"] {
  background: #B87333 !important;
}

ol.slideshow-controls__dots li button[aria-selected="false"] {
  background: #E8E0D0 !important;
}

/* ── Karusell-piler produktside ── */
button.slides-control--next,
button.slides-control--previous {
  background-color: rgba(245,240,232,0.9) !important;
  background: rgba(245,240,232,0.9) !important;
  border: 1px solid #E8E0D0 !important;
  box-shadow: none !important;
  --button-background-color: rgba(245,240,232,0.9) !important;
  --button-border-color: #E8E0D0 !important;
  color: #B87333 !important;
  --button-color: #B87333 !important;
  transition: all 0.3s !important;
}

button.slides-control--next:hover,
button.slides-control--previous:hover {
  background-color: #B87333 !important;
  background: #B87333 !important;
  --button-background-color: #B87333 !important;
  --button-border-color: #B87333 !important;
  box-shadow: none !important;
  color: #F5F0E8 !important;
}

button.slides-control--next svg,
button.slides-control--previous svg {
  fill: none !important;
  stroke: #B87333 !important;
}

button.slides-control--next:hover svg,
button.slides-control--previous:hover svg {
  stroke: #F5F0E8 !important;
}

/* ── Mellomrom mellom USP-stripe og neste seksjon ── */
.hf-usp-strip {
  margin-bottom: 60px !important;
}

/* ── Handlekurv-side styling ── */

/* Fjern "You may also like" */
[class*="also-like"],
[class*="recommendations"],
[class*="complementary"],
cart-recommendations,
.cart__recommendations {
  display: none !important;
}

/* Overskrift "Cart" */
.cart__title,
.cart h1 {
  font-family: 'Averia Serif Libre', Georgia, serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: #2A2A28 !important;
}

/* ── Handlekurv antall-velger (tving) ── */
cart-quantity-selector-component button.quantity-minus,
cart-quantity-selector-component button.quantity-plus {
  --button-background-color: transparent !important;
  --button-border-color: #E8E0D0 !important;
  --button-color: #2A2A28 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid #E8E0D0 !important;
  color: #2A2A28 !important;
}

cart-quantity-selector-component button.quantity-minus:hover,
cart-quantity-selector-component button.quantity-plus:hover {
  --button-background-color: #E8E0D0 !important;
  background: #E8E0D0 !important;
  background-color: #E8E0D0 !important;
}

cart-quantity-selector-component button.quantity-minus svg,
cart-quantity-selector-component button.quantity-plus svg {
  stroke: #2A2A28 !important;
  fill: none !important;
  color: #2A2A28 !important;
}

/* ── Skjul konto-ikon i header ── */
header [class*="account"],
header a[href*="/account"],
.header-actions [class*="account"] {
  display: none !important;
}

/* ── Større header-ikoner ── */
.header-actions svg,
header svg,
.header-actions__cart-icon svg,
cart-icon svg {
  width: 24px !important;
  height: 24px !important;
}

/* ── Mindre titler på informasjonssider ── */
.page-title,
.article-title,
main h1,
.main-content h1,
[class*="page"] > h1 {
  font-size: 2rem !important;
}

main h2,
.main-content h2 {
  font-size: 1.3rem !important;
}

main h3,
.main-content h3 {
  font-size: 1.2rem !important;
}

/* ── Footer override (lys/pergament) ── */
.footer,
footer,
[class*="footer"] {
  background-color: var(--hf-parchment) !important;
  color: var(--hf-charcoal) !important;
}

/* Overskrifter (inkl. accordion-meny som "HURTIGLENKER") */
.footer .menu__heading,
.footer .menu__heading__default,
.footer summary span,
.footer h2, .footer h3, .footer h4,
[class*="footer"] .menu__heading,
[class*="footer"] .menu__heading__default {
  color: var(--hf-charcoal) !important;
}

/* Lenker */
.footer a,
[class*="footer"] a {
  color: var(--hf-charcoal) !important;
}

.footer a:hover,
[class*="footer"] a:hover {
  color: var(--hf-copper) !important;
}

/* Nyhetsbrev-/påmeldingsoverskrift ("BLI MED I KLUBBEN") */
.footer .email-signup-block h2,
.footer .email-signup-block h3,
.footer .email-signup-block h4,
.footer .email-signup-block .h4,
[class*="footer"] [class*="email-signup"] h2,
[class*="footer"] [class*="email-signup"] h3,
[class*="footer"] [class*="email-signup"] h4,
[class*="email-signup"] [class*="heading"] {
  color: var(--hf-charcoal) !important;
}

/* Sentrer HANDLE NÅ-knappen på mobil */
@media (max-width: 768px) {
  a.button[href="/products/hoyfjellskjea"] {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }
}
