/** Shopify CDN: Minification failed

Line 304:0 Unexpected "}"
Line 466:1 Expected "}" to go with "{"

**/
/* =================================================
   KBENTZ THEME STYLES
   Strukturert og ryddet versjon
================================================= */


/* =================================================
   1. GLOBAL LAYOUT
================================================= */

@media (min-width:1600px){
  :root{
    --page-width:140rem;
  }
}

.page-width{
  max-width:var(--page-width,120rem);
  margin-inline:auto;
  padding-inline:1.6rem;
}


/* =================================================
   2. CURSOR & INTERAKSJON
================================================= */

a,
button,
[role="button"],
.button,
.product-form__submit,
.quick-add__submit,
.shopify-payment-button__button{
  cursor:pointer;
}


/* =================================================
   3. COLLECTION LIST (FJERN PILER)
================================================= */

.collection-list .icon-arrow,
.collection-list a.link--text::after,
.collection-list .card__heading a::after{
  display:none !important;
}

.collection-list .animate-arrow .icon-arrow path{
  transform:none;
  transition:none;
}


/* =================================================
   4. HEADER / MENY PILLS
================================================= */

.header__menu-item,
.header__menu-item a,
.site-nav__link{
  color:#fff;
  background:#91988A;
  padding:6px 10px;
  border-radius:6px;
  margin:0 10px 6px;
  font-size:1.4rem;
  font-weight:500;
  display:inline-block;
}

.header__menu-item svg,
.site-nav__link svg,
.header__menu-item .icon-caret,
.site-nav__link .icon-caret{
  display:none;
}


/* =================================================
   5. PRODUKTKORT
================================================= */

.card__content,
.card__information{
  padding-top:1rem;
}

.card__heading{
  font-size:1.6rem;
}

.price,
.price-item,
.card-information .price{
  font-size:1.3rem;
}

@media(max-width:749px){

  .card__heading{
    font-size:1.4rem;
  }

  .price,
  .price-item,
  .card-information .price{
    font-size:1.3rem;
  }

}


/* =================================================
   6. PRODUKTBILDE HOVER
================================================= */

.card--product .media--hover-effect{
  position:relative;
}

.card--product .media--hover-effect > img + img{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}

@media(hover:hover) and (pointer:fine){

  .card--product .card__inner:hover .media--hover-effect > img{
    opacity:0;
  }

  .card--product .card__inner:hover .media--hover-effect > img + img{
    opacity:1;
  }

}

@media(max-width:749px),(hover:none),(pointer:coarse){

  .card--product .media--hover-effect > :first-child{
    display:block !important;
  }

  .card--product .media--hover-effect > :not(:first-child){
    display:none !important;
  }

}


/* =================================================
   7. VARIANTVELGER
================================================= */

.product-form__input,
.product-form__input fieldset{
  border:0;
  box-shadow:none;
  margin-bottom:12px;
}

.product-form__input input[type="radio"] + label,
.variant-picker .swatch__button,
.product-form__input .button--choice{
  border-radius:6px;
  padding:8px 12px;
}

.product-form__input .form__label{
  font-size:14px;
  font-weight:500;
  margin-bottom:6px;
}


/* =================================================
   8. QUANTITY STYLING
================================================= */

.quantity{
  border:1.5px solid #373737;
  border-radius:10px;
  height:44px;
  display:inline-flex;
  align-items:center;
}

.quantity__button{
  background:#ede7db;
  width:38px;
  font-size:20px;
  color:#373737;
}

.quantity__input{
  border:none;
  width:48px;
  text-align:center;
  font-size:16px;
  font-weight:500;
  color:#373737;
}


/* =================================================
   9. QUICK ADD / PRODUKTKNAPPER
================================================= */

.quick-add__submit{
  background:#B9975B;
  color:#fff;
  border:none;
}


/* =================================================
   10. HERO CTA
================================================= */

.kbentz-cta-hero{

  padding:16px 36px;
  border-radius:6px;

  background:linear-gradient(
    to bottom,
    #f6e3b2,
    #e2bd78,
    #d0a85c 60%,
    #b8893f
  );

  color:#373737;
  font-size:1.9rem;
  font-weight:600;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:150px;
  line-height:1;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.25),
    inset 0 2px 4px rgba(255,255,255,.55),
    inset 0 -2px 6px rgba(0,0,0,.18),
    0 4px 10px rgba(0,0,0,.25);

  transition:.2s ease;
}

.kbentz-cta-hero:hover{

  background:linear-gradient(
    to bottom,
    #f9eac6,
    #e7c785 20%,
    #d6b068,
    #c0924c
  );

  transform:translateY(-2px);
}


/* =================================================
   11. HERO MOBIL
================================================= */

@media(max-width:749px){

.banner__heading{
  font-size:2rem;
  line-height:1.25;
  margin-bottom:6px;
}

}

  .banner__buttons.banner__buttons--multiple{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .banner__buttons.banner__buttons--multiple .kbentz-cta-hero{
    margin:auto;
    padding:12px 10px;
    font-size:1.6rem;
    letter-spacing: 0em;
  }

}
/* KBentz – Hero knapper riktig bredde */
.banner__buttons.banner__buttons--multiple .kbentz-cta-hero{
  width:auto;
  min-width:180px;
  max-width:260px;
}
@media (max-width:749px){

  .banner__buttons.banner__buttons--multiple{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .banner__buttons.banner__buttons--multiple .kbentz-cta-hero{
    margin:auto;
  }

}
@media(max-width:749px){
  .banner__buttons.banner__buttons--multiple .kbentz-cta-hero{
    width:100%;
    min-width:0;
    padding:12px 10px;
    font-size:1.4rem;
    letter-spacing: 0em;
  }
}



/* =================================================
   12. FOOTER
================================================= */

.kb-footer-policies{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  margin:12px auto 18px;
  font-size:15px;
  line-height:1.6;
}

.kb-footer-policies a + a::before{
  content:"•";
  margin:0 12px;
  opacity:.85;
}


/* =================================================
   13. JUDGE.ME
================================================= */

.jdgm-carousel-wrapper{
  background:#ede7db;
  padding:30px 0 10px;
}

.jdgm-carousel .jdgm-review-card{
  background:#fff;
  border-radius:12px;
  padding:20px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}


/* =================================================
   14. PRODUKTBESKRIVELSE
================================================= */

.product__description{
  font-size:1.3rem;
  line-height:1.3;
}

.product__description ul,
.product__description ol{
  margin:6px 0;
}

.product__description li{
  margin-bottom:6px;
}

/* KBENTZ – kort CTA kun på produktkort mobil */
@media screen and (max-width: 749px) {

  .card .quick-add__submit,
  .product-form__submit {
    position: relative;
    color: transparent !important;
  }

  .card .quick-add__submit::after,
  .product-form__submit::after {
    content: "Kjøp";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
  }

}
/* KBENTZ – Legg i handlekurv orange */
.product-form__submit {
  background: #FF6A00 !important;
  border-color: #FF6A00 !important;
  color: #ffffff !important;
}

.product-form__submit:hover {
  background: #FF6A00 !important;
  border-color: #FF6A00 !important;
}

/* Skjul inkludert avgifter */
.product__tax {
  display: none !important;
}
/* Skjul flere betalingsalternativer */
.shopify-payment-button__more-options {
  display: none !important;
}

/* KBENTZ – tettere leveringstekst på produktside */
.kb-delivery-info {
  margin: 8px 0 10px 0 !important;
}

.kb-delivery-info p {
  margin: 0 0 4px 0 !important;
  line-height: 1.2 !important;
}

.kb-delivery-info p:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 749px){
  .header__icon--menu {
    gap: 18px;
  }
  .header__icon--menu::after {
    content: "MENY";
    font-size: 14px;
    color: var(--kb-mork-gronn);
    font-weight: 600;
    position: relative;
    top: -1px;
  }

/* KBentz – større pris på produktside */
.product__info-wrapper .price,
.product__info-wrapper .price-item{
  font-size: 2.2rem;
  font-weight: 500;
}