/** Shopify CDN: Minification failed

Line 15871:0 Unexpected "}"

**/
@charset "UTF-8";

/*!
  Impulse, by Archetype Themes
  http://archetypethemes.co
*/

@media only screen and (min-width:769px){
  :root{
    --grid-gutter:22px;
    --drawer-gutter:30px;
  }
}

@keyframes spin{
  0%{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }
}

@keyframes preloading{
  0%{ opacity:0; transform:scaleX(0);   transform-origin:0% 50%; }
  40%{ opacity:1; transform:scaleX(1);  transform-origin:0% 50%; }
  41%{ opacity:1; transform:scaleX(1);  transform-origin:100% 50%; }
  to{ opacity:1; transform:scaleX(0); transform-origin:100% 50%; }
}

@keyframes slideshowBars{
  0%{ transform:translateX(-100%); }
  to{ transform:translateX(0); }
}

@keyframes grid-product__loading{
  0%{ opacity:1; }
  60%{ opacity:0; }
  to{ opacity:1; }
}

@keyframes shine{
  to{
    left:-200%;
  }
}

@keyframes overlay-on{
  0%{ opacity:0; }
  to{ opacity:0.6; }
}

@keyframes overlay-off{
  0%{ opacity:0.6; }
  to{ opacity:0; }
}

@keyframes full-overlay-on{
  0%{ opacity:0; }
  to{ opacity:1; }
}

@keyframes full-overlay-off{
  0%{ opacity:1; }
  to{ opacity:0; }
}

@keyframes modal-open{
  0%{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes modal-closing{
  0%{
    opacity:1;
    transform:scale(1);
  }
  to{
    opacity:0;
    transform:scale(0.9);
  }
}

@keyframes rise-up{
  0%{
    opacity:1;
    transform:translateY(120%);
  }
  to{
    opacity:1;
    transform:translateY(0%);
  }
}

@keyframes rise-up-out{
  0%{
    opacity:1;
    transform:translateY(0%);
  }
  to{
    opacity:1;
    transform:translateY(-120%);
  }
}

@keyframes fade-in{
  0%{
    opacity:0;
  }
  to{
    opacity:1;
  }
}

@keyframes fade-out{
  0%{
    opacity:1;
  }
  to{
    opacity:0;
  }
}

@keyframes zoom-fade{
  0%{
    opacity:0;
    transform:scale(1.3);
  }
  to{
    opacity:1;
    transform:scale(1);
  }
}

@keyframes placeholder-shimmer{
  0%{
    background-position:-150% 0;
  }
  to{
    background-position:150% 0;
  }
}

.flickity-enabled{
  position:relative;
}

.flickity-enabled:focus{ outline:none; }

.flickity-viewport{
  height:100%;
  overflow:hidden;
  position:relative;
  transition:height 0.35s;
}

.flickity-slider{
  height:100%;
  position:absolute;
  width:100%;
}

.flickity-enabled.is-draggable{
  -webkit-user-select:none;
             -moz-user-select:none;
          user-select:none;
}

.flickity-enabled.is-draggable .flickity-viewport{
  cursor:move;
  cursor:grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{
  cursor:grabbing;
}

.flickity-button{
  background:var(--colorBtnPrimary);
  border:none;
  border-radius:50%;
  color:var(--colorBtnPrimaryText);
  position:absolute;
}

.hero .flickity-button{
    background-color:var(--colorBody);
    box-shadow:0 5px 5px rgba(0,0,0,.1);
    color:var(--colorTextBody);
}

.flickity-button:hover{
  cursor:pointer;
  opacity:1;
}

.flickity-button:disabled{
  cursor:auto;
  display:none;
  pointer-events:none;
}

.flickity-prev-next-button{
  height:40px;
  top:50%;
  transform:translateY(-50%);
  width:40px;
}

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

.flickity-prev-next-button{
    height:33px;
    width:33px;
}
  }

.flickity-prev-next-button:hover{
  transform:translateY(-50%) scale(1.12);
}

.flickity-prev-next-button:active{
  transform:translateY(-50%) scale(1);
  transition:transform 0.05s ease-out;
}

.flickity-previous{ left:10px; }

.flickity-next{ right:10px; }

.flickity-rtl .flickity-previous{
  left:auto;
  right:10px;
}

.flickity-rtl .flickity-next{
  left:10px;
  right:auto;
}

.flickity-button-icon{
  fill:currentColor;
  height:30%;
  left:35%;
  position:absolute;
  top:35%;
  width:30%;
}

.flickity-page-dots{
  bottom:-25px;
  color:currentColor;
  line-height:1;
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  text-align:center;
  width:100%;
}

.hero .flickity-page-dots{
    bottom:20px;
    color:#fff;
}

.flickity-rtl .flickity-page-dots{ direction:rtl; }

.flickity-page-dots .dot{
  background-color:currentColor;
  border-radius:100%;
  cursor:pointer;
  display:inline-block;
  height:6px;
  margin:0 5px;
  opacity:0.4;
  vertical-align:middle;
  width:6px;
}

.flickity-page-dots .dot:hover{
    opacity:0.6;
  }

.flickity-page-dots .dot.is-selected{
  background-color:currentColor;
  height:9px;
  opacity:1;
  width:9px;
}

.flickity-enabled.is-fade .flickity-slider>*{
  pointer-events:none;
  z-index:0;
}

.flickity-enabled.is-fade .flickity-slider>.is-selected{
  pointer-events:auto;
  z-index:1;
}

.hero[data-arrows=true]{
  overflow:visible;
  z-index:5;
}

.hero[data-arrows=true] .flickity-prev-next-button{
    bottom:-20px;
    top:auto;
    transform:none;
  }

.hero[data-arrows=true] .flickity-prev-next-button:hover{
    transform:scale(1.12);
  }

.hero[data-arrows=true] .flickity-prev-next-button:active{
    transform:scale(1);
  }

.hero[data-arrows=true] .flickity-previous{
    left:auto;
    right:90px;
  }

.hero[data-arrows=true] .flickity-next{
    right:40px;
  }

.hero.flickity-rtl[data-arrows=true] .flickity-previous{
    left:90px;
    right:auto;
  }

.hero.flickity-rtl[data-arrows=true] .flickity-next{
    left:40px;
    right:auto;
  }

@media only screen and (max-width:768px){
    .hero[data-arrows=true] .flickity-prev-next-button{
      bottom:-16px;
    }
    .hero[data-arrows=true] .flickity-previous{
      right:60px;
    }
    .hero[data-arrows=true] .flickity-next{
      right:20px;
    }
    .hero.flickity-rtl[data-arrows=true] .flickity-previous{
      left:60px;
    }
    .hero.flickity-rtl[data-arrows=true] .flickity-next{
      left:20px;
    }
  }

.hero[data-bars=true] .flickity-page-dots{
    bottom:0;
    height:6px;
    line-height:6px;
    z-index:6;
  }

[data-bars=true] .flickity-page-dots .dot{
    background:none;
    border:0;
    border-radius:0;
    height:6px;
    opacity:1;
    overflow:hidden;
    position:relative;
    vertical-align:top;
    width:120px;
  }

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

[data-bars=true] .flickity-page-dots .dot{
      width:45px;
  }
    }

[data-bars=true] .flickity-page-dots .dot:after,[data-bars=true] .flickity-page-dots .dot:before{
      background-color:currentColor;
      content:"";
      display:block;
      height:100%;
      left:0;
      position:absolute;
      width:100%;
    }

[data-bars=true] .flickity-page-dots .dot:before{
      opacity:0.4;
    }

[data-bars=true] .flickity-page-dots .dot:hover:before{
      opacity:0.6;
    }

[data-bars=true] .flickity-page-dots .dot:after{
      transform:translateX(-100%);
      transition:none;
    }

[data-bars=true] .flickity-page-dots .dot.is-selected:after{
      animation:slideshowBars 0s linear forwards;
    }

.noUi-target,.noUi-target *{
   -webkit-touch-callout:none;
   -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   box-sizing:border-box;
   touch-action:none;
   -webkit-user-select:none;
   -moz-user-select:none;
        user-select:none;
 }

.noUi-target{
   position:relative;
 }

.noUi-base,.noUi-connects{
   height:100%;
   position:relative;
   width:100%;
   z-index:1;
 }

.noUi-connects{
   overflow:hidden;
   z-index:0;
 }

.noUi-connect,.noUi-origin{
   position:absolute;
   right:0;
   top:0;
   transform-origin:0 0;
   transform-style:flat;
   will-change:transform;
   z-index:1;
 }

.noUi-connect{
   height:100%;
   width:100%;
 }

.noUi-origin{
   height:10%;
   width:10%;
 }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{
   left:0;
   right:auto;
 }

.noUi-vertical .noUi-origin{
   width:0;
 }

.noUi-horizontal .noUi-origin{
   height:0;
 }

.noUi-handle{
   backface-visibility:hidden;
   position:absolute;
 }

.noUi-touch-area{
   height:100%;
   width:100%;
 }

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{
   transition:transform 0.3s;
 }

.noUi-state-drag *{
   cursor:inherit !important;
 }

.noUi-horizontal{
   height:18px;
 }

.noUi-horizontal .noUi-handle{
   height:28px;
   right:-17px;
   top:-6px;
   width:34px;
 }

.noUi-vertical{
   width:18px;
 }

.noUi-vertical .noUi-handle{
   height:34px;
   right:-6px;
   top:-17px;
   width:28px;
 }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{
   left:-17px;
   right:auto;
 }

.noUi-target{
   background:#faf8f6;
   border:1px solid #d3d3d3;
   border-radius:16px;
   box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;
 }

.noUi-connects{
   border-radius:16px;
 }

.noUi-connect{
   background:#3fb8af;
 }

.noUi-draggable{
   cursor:ew-resize;
 }

.noUi-vertical .noUi-draggable{
   cursor:ns-resize;
 }

.noUi-handle{
   background:#fff;
   border:1px solid #d9d9d9;
   border-radius:16px;
   box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
   cursor:default;
 }

.noUi-active{
   box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;
 }

.noUi-handle:after,.noUi-handle:before{
   background:#e8e7e6;
   content:"";
   display:block;
   height:14px;
   left:14px;
   position:absolute;
   top:6px;
   width:1px;
 }

.noUi-handle:after{
   left:17px;
 }

.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{
   height:1px;
   left:6px;
   top:14px;
   width:14px;
 }

.noUi-vertical .noUi-handle:after{
   top:17px;
 }

[disabled] .noUi-connect{
   background:#b8b8b8;
 }

[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{
   cursor:not-allowed;
 }

.noUi-pips,.noUi-pips *{
   box-sizing:border-box;
 }

.noUi-pips{
   color:#a8a29e;
   position:absolute;
 }

.noUi-value{
   position:absolute;
   text-align:center;
   white-space:nowrap;
 }

.noUi-value-sub{
   color:#ccc;
   font-size:10px;
 }

.noUi-marker{
   background:#ccc;
   position:absolute;
 }

.noUi-marker-sub{
   background:#a8a29e;
 }

.noUi-marker-large{
   background:#a8a29e;
 }

.noUi-pips-horizontal{
   height:80px;
   left:0;
   padding:10px 0;
   top:100%;
   width:100%;
 }

.noUi-value-horizontal{
   transform:translate(-50%, 50%);
 }

.noUi-rtl .noUi-value-horizontal{
   transform:translate(50%, 50%);
 }

.noUi-marker-horizontal.noUi-marker{
   height:5px;
   margin-left:-1px;
   width:2px;
 }

.noUi-marker-horizontal.noUi-marker-sub{
   height:10px;
 }

.noUi-marker-horizontal.noUi-marker-large{
   height:15px;
 }

.noUi-pips-vertical{
   height:100%;
   left:100%;
   padding:0 10px;
   top:0;
 }

.noUi-value-vertical{
   padding-left:25px;
   transform:translateY(-50%);
 }

.noUi-rtl .noUi-value-vertical{
   transform:translateY(50%);
 }

.noUi-marker-vertical.noUi-marker{
   height:2px;
   margin-top:-1px;
   width:5px;
 }

.noUi-marker-vertical.noUi-marker-sub{
   width:10px;
 }

.noUi-marker-vertical.noUi-marker-large{
   width:15px;
 }

.noUi-tooltip{
   background:#fff;
   border:1px solid #d9d9d9;
   border-radius:16px;
   color:#000;
   display:block;
   padding:5px;
   position:absolute;
   text-align:center;
   white-space:nowrap;
 }

.noUi-horizontal .noUi-tooltip{
   bottom:120%;
   left:50%;
   transform:translate(-50%);
 }

.noUi-vertical .noUi-tooltip{
   right:120%;
   top:50%;
   transform:translateY(-50%);
 }

.noUi-horizontal .noUi-origin>.noUi-tooltip{
   bottom:10px;
   left:auto;
   transform:translate(50%);
 }

.noUi-vertical .noUi-origin>.noUi-tooltip{
   right:28px;
   top:auto;
   transform:translateY(-18px);
 }

tool-tip{
  display:none;
}

tool-tip[data-tool-tip-open=true]{
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10001;
}

tool-tip[data-tool-tip-open=true]:before{
    animation:overlay-on 0.3s forwards;
    background-color:#e0e0e0;
    background-color:var(--colorModalBg);
    content:"";
    cursor:pointer;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
  }

.tool-tip__inner{
  animation:modal-close 0.3s forwards;
  opacity:0;
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner{
    animation:modal-open 0.3s forwards;
    background:var(--colorBody);
    box-shadow:0 10px 20px #00000017;
    display:block;
    max-width:720px;
    min-height:250px;
    min-width:250px;
    padding:30px;
    position:fixed;
}

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

tool-tip[data-tool-tip-open=true] .tool-tip__inner{
      max-width:93%;
      width:100%;
}
    }

.tool-tip__content{
  max-height:80vh;
  overflow:auto;
}

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

.tool-tip__content{
    font-size:0.85em;
}
  }

.tool-tip__close{
  position:absolute;
  right:0;
  top:0;
}

.tool-tip__close .icon{
  height:28px;
  width:28px;
}

.tool-tip-trigger{
  background:none;
  border:0;
  cursor:pointer;
}

.tool-tip-trigger .icon{
  height:28px;
  width:28px;
}

.tool-tip-trigger__title{
  display:inline-block;
}

.tool-tip-trigger__title:focus,.tool-tip-trigger__title:hover{
  -webkit-text-decoration:underline;
  text-decoration:underline;
  text-underline-offset:2px;
}

.tool-tip-trigger__content{
  display:none !important;
}

.size-chart__standalone{
  margin:var(--sizeChartMargin);
}

.size-chart__standalone svg{
    margin-left:var(--sizeChartIconMargin);
  }

.text-with-icons__blocks{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin-left:-30px;
  margin-right:-30px;
}

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

.text-with-icons__blocks{
    flex-direction:column;
    margin:0;
}
  }

.has-1-per-row .text-with-icons__block{
  width:100%;
}

.has-2-per-row .text-with-icons__block{
  width:50%;
}

.has-3-per-row .text-with-icons__block{
  width:33.333%;
}

.has-4-per-row .text-with-icons__block{
  width:25%;
}

.has-5-per-row .text-with-icons__block{
  width:20%;
}

.text-with-icons__blocks .text-with-icons__block{
  display:flex;
  flex:none;
  flex-direction:column;
  padding:30px;
}

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

.text-with-icons__blocks .text-with-icons__block{
    padding:0 0 60px;
    width:100%;
}
  }

.text-with-icons__block-icon{
  display:block;
  margin-bottom:10px;
}

.text-with-icons__block-icon .icon{
    height:70px;
    width:70px;
  }

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

.text-with-icons__block-icon .icon{
      height:60px;
      width:60px;
  }
    }

.text-with-icons__button{
  display:flex;
  justify-content:center;
}

newsletter-reminder{
  bottom:20px;
  box-shadow:0 12px 25px rgba(0,0,0,.15);
  left:20px;
  max-width:240px;
  position:fixed;
  transition:opacity 0.3s ease-in-out;
  z-index:10;
}

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

newsletter-reminder{
    max-width:calc(100% - 40px);
}
  }

newsletter-reminder[data-enabled=false]{
    opacity:0;
    pointer-events:none;
    visibility:hidden;
  }

newsletter-reminder[class*=color-scheme-]:not(.color-scheme-none){
    position:fixed;
  }

newsletter-reminder .color-scheme-none{
    background-color:var(--colorBtnPrimary);
    color:var(--colorBtnPrimaryText);
  }

.newsletter-reminder__message.h3{
  cursor:pointer;
  margin:0;
  padding:var(--newsletterReminderPadding);
}

.parallax-image{
  height:100%;
  overflow:hidden;
  transition:transform 0.05s linear;
}

.countdown-wrapper{
  position:relative;
}

.countdown__background-image-wrapper{
  height:100%;
  position:absolute;
  width:100%;
}

.countdown__background-image{
  height:100%;
  left:0;
  -o-object-fit:cover;
     object-fit:cover;
  position:absolute;
  top:0;
  width:100%;
}

.countdown__mobile-image-wrapper{
  height:100%;
  position:absolute;
  width:100%;
}

.countdown__mobile-image{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

.countdown-layout--banner .countdown__content{
    padding:2rem;
  }

@media only screen and (min-width:769px){

.countdown-layout--banner .countdown__content{
      display:flex;
      flex-direction:row;
      flex-wrap:nowrap;
      gap:1rem;
      justify-content:space-around;
      padding:1.6rem 2rem;
  }
    }

.countdown-layout--banner.countdown-blocks--2.page-width .countdown__content{
      justify-content:space-around;
    }

.countdown-layout--banner.countdown-blocks--2 .countdown__content{
      justify-content:center;
    }

@media only screen and (min-width:769px){

.countdown-layout--banner .countdown__block{
      width:33%;
  }
    }

.countdown__content{
  align-items:center;
  display:flex;
  flex-direction:column;
  height:auto;
  justify-content:center;
  max-height:650px;
  padding:5rem 2rem;
  text-align:center;
  width:100%;
}

.page-width .countdown__content{
    position:relative;
}

@media only screen and (min-width:769px){

.countdown-layout--hero .countdown__content{
      height:100vh;
}
    }

.countdown__block{
  margin:1rem auto;
  width:100%;
  z-index:3;
}

.countdown__block--content{
  align-items:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.countdown__block--content .countdown__block--button{
    margin:0;
    width:100%;
  }

@media only screen and (min-width:769px){

.countdown-blocks--2.countdown-layout--banner .countdown__block--content,.countdown-blocks--2.countdown-layout--banner .countdown__block--timer{
      width:50%;
}
    }

@media only screen and (min-width:769px){

.countdown-blocks--2.countdown-layout--banner .countdown__block--button.button-block-active{
      width:50%;
}
    }

.countdown__text-wrapper{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

@media only screen and (min-width:769px){

.countdown-layout--hero .countdown__text-wrapper{
      width:50%;
}
    }

.countdown__text-wrapper--content-alignment-left{
  text-align:left;
}

.countdown__text-wrapper--content-alignment-right{
  text-align:right;
}

.countdown__display{
  display:flex;
  justify-content:center;
  opacity:0;
  visibility:hidden;
}

.countdown__display--loaded{
  opacity:1;
  transition:opacity 0.3s ease-in;
  visibility:visible;
}

.countdown__display--visible+.countdown__timer-message--visible{
  margin-top:1.5rem;
}

.countdown__display--hidden{
  height:0;
  margin:0;
  opacity:0;
  transition:opacity 3s ease-out;
  visibility:hidden;
  width:0;
}

.countdown__display-block{
  align-content:center;
  border-right:1px solid;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  padding:0 1rem;
}

.countdown__display-block h2{
    margin-bottom:16px;
  }

@media only screen and (min-width:769px){

.countdown__display-block h2{
      margin-bottom:4px;
  }
    }

.countdown__display-block span{
    font-size:0.6rem;
    letter-spacing:1.7px;
  }

@media only screen and (min-width:769px){

.countdown__display-block span{
      font-size:0.75rem;
  }
    }

.countdown__display-block:last-child{
    border-right:none;
  }

[dir=rtl] .countdown__display-block:last-child{
      border-right:1px solid;
    }

[dir=rtl] .countdown__display-block:first-child{
      border-right:none;
    }

.countdown__timer-message{
  height:0;
  margin:0;
  opacity:0;
  visibility:hidden;
}

.countdown__timer-message--visible{
  height:auto;
  opacity:1;
  transition:opacity 1s ease-in;
  visibility:visible;
}

.countdown__block--hidden{
  width:0 !important;
}

.countdown__block--hidden{
  margin:0;
  opacity:0;
  transition:opacity 1s ease-out;
  visibility:hidden;
}

.countdown__overlay:after{
    background-color:var(--countdown-overlay-rgba);
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:2;
  }

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

.hotspots-section .index-section{
    margin-bottom:10px;
}
  }

.hotspots-section .hotspots-wrapper{
  display:flex;
  flex-wrap:wrap;
}

.hotspots-section .hotspots-wrapper.is-reverse{
    flex-direction:row-reverse;
  }

.hotspots__title{
  padding-top:1.5rem;
  width:100%;
}

.hotspots{
  position:relative;
  width:70%;
}

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

.hotspots{
    width:100%;
}
  }

.hotspots .grid__image-ratio img{
    height:100%;
    left:0;
    -o-object-fit:cover;
       object-fit:cover;
    opacity:1;
    position:absolute;
    top:0;
    width:100%;
  }

[data-animate_images=true] .hotspots .grid__image-ratio img{
      opacity:1;
  }

.hotspots__buttons{
  background-color:transparent;
  border:0;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.hotspot__button{
  border-radius:50%;
  line-height:0;
  padding:10px;
  position:absolute;
  transform:translate(-50%, -50%);
}

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

.hotspot__button{
    padding:6px;
}
  }

.hotspot__button:hover .hotspot__button-content{
    opacity:1;
    pointer-events:auto;
    visibility:visible;
  }

.hotspot__button-content{
  background-color:var(--colorBody);
  border-radius:16px;
  box-shadow:3px 3px 10px 3px rgba(0,0,0,.2);
  color:var(--colorTextBody);
  left:50%;
  min-width:5rem;
  opacity:0;
  padding:1rem;
  pointer-events:none;
  position:absolute;
  top:calc(100% + 1rem);
  transform:translateX(-50%);
  transition:opacity 0.3s ease-in-out;
  visibility:hidden;
}

.hotspot__button-content p,.hotspot__button-content span{
    margin-bottom:0;
    white-space:nowrap
  }

.hotspot__button-content:before{
    border-color:transparent transparent var(--colorBody) transparent;
    border-style:solid;
    border-width:0 5px 10px 5px;
    content:"";
    height:0;
    left:50%;
    position:absolute;
    top:-10px;
    transform:translateX(-50%);
    width:0;
  }

.hotspot__button-content .content__prices{
    display:flex;
    flex-wrap:nowrap;
  }

.hotspots__content{
  align-items:center;
  display:flex;
  padding:24px;
  width:30%;
}

.page-width .hotspots__content{
    padding-left:40px;
    padding-right:0;
}

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

.page-width .hotspots__content{
      padding-left:0;
}
    }

.page-width.is-reverse .hotspots__content{
    padding-left:0;
    padding-right:40px;
}

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

.page-width.is-reverse .hotspots__content{
      padding-right:20px;
}
    }

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

.hotspots__content{
    padding:1rem 20px 0;
    width:100%;
}
  }

.hotspot-content__block{
  animation:fade-in .5s ease 0s forwards;
  display:none;
  max-height:0;
  position:sticky;
  top:0;
  width:100%;

}

.modal-closing .hotspot-content__block,.modal-open .hotspot-content__block{
    animation:none;
    position:static;

}

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

.hotspot-content__block{
    align-items:center;
    padding-top:0;
    position:relative;

}
  }

.hotspot-content__block.is-active{
    display:block;
    max-height:none;
  }

.hotspot-content__block .grid-product__image-wrap{
    margin:0;
  }

.hotspot-content__block .grid__item{
    display:block;
    float:none;
    padding:0;
  }

.hotspot-content__block .grid-product__tags{
    margin-left:0;
  }

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

.hotspot-content__block .grid-product__tag{
      left:0;
      right:auto;
  }
    }

.hotspot-content__block .grid-item__meta,.hotspot-content__block .grid-product__meta{
    padding-top:10px;
  }

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

.hotspot-content__block .grid-item__meta,.hotspot-content__block .grid-product__meta{
      display:flex;
      flex-direction:column;
      flex-wrap:wrap;
      justify-content:center;
      padding-left:10px;
      padding-top:0;
      text-align:left;
  }

      .hotspot-content__block .grid-item__meta .grid-item__meta-main,.hotspot-content__block .grid-item__meta .grid-item__meta-secondary,.hotspot-content__block .grid-product__meta .grid-item__meta-main,.hotspot-content__block .grid-product__meta .grid-item__meta-secondary{
        flex:none;
        width:100%;
      }
    }

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

    .hotspot-content__block .grid-product{
      padding-left:0;
      padding-right:0;
    }

    .hotspot-content__block .quick-add-btn{
      display:none;
    }
    .hotspot-content__block .grid__item-image-wrapper{
      display:flex;
    }

      .hotspot-content__block .grid__item-image-wrapper .grid-product__image-mask{
        flex:0 0 30%;
      }

    .hotspot-content__block .grid-item__link,.hotspot-content__block .grid-product__link{
      display:flex;
      flex-wrap:nowrap;
    }
    [data-grid-style=grey-round] .hotspot-content__block .grid-item__link{
        border-radius:16px 0 0 16px;
    }
    [data-grid-style=white-round] .hotspot-content__block .grid-item__link{
        border-radius:16px 0 0 16px;
    }

    .hotspot-content__block .grid-product__image-mask,.hotspot-content__block .grid-product__image-wrap,.hotspot-content__block .product-slider{
      width:30%;
    }

    .hotspot-content__block .grid-product__actions{
      left:10px;
      right:auto;
      top:10px;
    }
  }

.hotspot-content__block .modal .grid__item{
  float:left;
}

image-compare{
  background:#222;
  display:block;
  overflow:hidden;
  position:relative;
  width:100%;
}

.comparison__draggable{
  height:100%;
  overflow:hidden;
  position:absolute;
  top:0;
  width:50%;
  z-index:2;
}

.comparison__image{
  animation:none;
  display:block;
  height:100%;
  max-width:none;
  -o-object-fit:cover;
     object-fit:cover;
  opacity:1;
  -webkit-user-select:none;
             -moz-user-select:none;
          user-select:none;
  width:100%;
}

.comparison__image-wrapper{
  height:100%;
  width:100%;
}

.comparison__button{
  align-items:center;
  border:0;
  border:3px solid #fff;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  flex-wrap:nowrap;
  height:64px;
  justify-content:center;
  left:50%;
  padding:0;
  position:absolute;
  top:50%;
  transform:translate(-32px, -50%);
  width:64px;
  z-index:3;
}

.comparison--style-minimal .comparison__button{
    background:transparent;
    border:0;
    transform:translate(-56px, -50%);
    width:112px;
}

.comparison--style-minimal .comparison__button svg{
      margin:0 20px;
    }

@supports (-webkit-touch-callout:none){

.comparison--style-minimal .comparison__button svg{
        position:absolute;
    }

        .comparison--style-minimal .comparison__button svg.icon-chevron-left{
          left:2px;
          width:9px;
        }

        .comparison--style-minimal .comparison__button svg.icon-chevron-right{
          right:2px;
          width:9px;
        }
      }

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

.comparison--style-classic .comparison__button{
      height:48px;
      transform:translate(-24px, -50%);
      width:48px;
}
    }

.comparison__button svg{
    height:auto;
    margin:0 5px;
    pointer-events:none;
    width:12px;
  }

.comparison__button:before{
    background-color:#fff !important;
  }

.comparison__button:before{
    content:"";
    position:absolute;
    width:2px;
  }

.comparison__button:after{
    background-color:#fff !important;
  }

.comparison__button:after{
    bottom:0;
    content:"";
    height:50%;
    left:50%;
    position:absolute;
    transform:translate(-50%);
    width:2px;
  }

.age-verification-popup .rte{
    margin-bottom:20px;
    margin-top:20px;
  }

@media only screen and (min-width:769px){

.age-verification-popup .rte{
      margin-bottom:30px;
  }
    }

.age-verification-popup .age-verification-popup__btns-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
  }

.age-verification-popup__background-image-wrapper{
  height:100%;
  overflow:hidden;
  position:absolute;
  width:100%;
}

.age-verification-popup__background-image{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

.age-verification-popup__content--active{
  opacity:1;
  transition:opacity 1.5s ease-in;
}

.age-verification-popup__content--inactive,.age-verification-popup__content--inactive *,.age-verification-popup__content--inactive .btn{
  border:0;
  font-size:0;
  height:0;
  line-height:0;
  margin:0;
  opacity:0;
  padding:0;
  position:absolute;
  visibility:hidden;
  width:0;
}

.age-verification-popup__decline-content--inactive,.age-verification-popup__decline-content--inactive *,.age-verification-popup__decline-content--inactive .btn{
  border:0;
  font-size:0;
  height:0;
  line-height:0;
  margin:0;
  opacity:0;
  padding:0;
  position:absolute;
  visibility:hidden;
  width:0;
}

.age-verification-popup__decline-content--active{
  opacity:1;
  transition:opacity 1.5s ease-in;
}

.age-verification-popup__content-wrapper{
  margin:0 auto;
  max-width:520px;
  text-align:center;
}

product-recommendations[data-intent=complementary]{
  display:block;
  overflow:hidden;
}

product-recommendations[data-intent=complementary] .product-recommendations__title{
    margin-bottom:20px;
    margin-top:40px;
    max-width:72%;
    text-align:left;
    width:100%;
  }

product-recommendations[data-intent=complementary] .grid{
    margin-left:0;
  }

product-recommendations[data-intent=complementary] .grid-item,product-recommendations[data-intent=complementary] .grid__item{
    margin-bottom:1rem;
    padding-bottom:8px;
    padding-left:0;
  }

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

product-recommendations[data-intent=complementary] .grid-item,product-recommendations[data-intent=complementary] .grid__item{
      margin-left:0 !important;
  }

product-recommendations[data-intent=complementary] .grid-item,product-recommendations[data-intent=complementary] .grid__item{
      flex:0 0 100%;
  }
    }

product-recommendations[data-intent=complementary] .grid-product__image-wrap{
    min-width:90px;
  }

product-recommendations[data-intent=complementary] .grid__image-ratio{
    background-color:transparent;
  }

product-recommendations[data-intent=complementary] img.image-style--circle{
    border-radius:50%;
    bottom:0;
    height:85%;
    left:0;
    margin:auto;
    -o-object-fit:cover;
       object-fit:cover;
    position:absolute;
    right:0;
    top:0;
    width:85%;
  }

product-recommendations[data-intent=complementary] .grid__item-image-wrapper .grid-product__link{
    display:block;
    width:100%;
  }

product-recommendations[data-intent=complementary] .grid-item__link,product-recommendations[data-intent=complementary] .grid-product__link,product-recommendations[data-intent=complementary] .grid__item-image-wrapper{
    align-items:center;
    display:flex;
  }

product-recommendations[data-intent=complementary] .grid-item__link .grid-product__image-mask,product-recommendations[data-intent=complementary] .grid-item__link .grid-product__image-wrap,product-recommendations[data-intent=complementary] .grid-item__link .image-wrap,product-recommendations[data-intent=complementary] .grid-product__link .grid-product__image-mask,product-recommendations[data-intent=complementary] .grid-product__link .grid-product__image-wrap,product-recommendations[data-intent=complementary] .grid-product__link .image-wrap,product-recommendations[data-intent=complementary] .grid__item-image-wrapper .grid-product__image-mask,product-recommendations[data-intent=complementary] .grid__item-image-wrapper .grid-product__image-wrap,product-recommendations[data-intent=complementary] .grid__item-image-wrapper .image-wrap{
      margin:0;
      width:112px;
    }

product-recommendations[data-intent=complementary] .grid-item__link .grid-product__meta,product-recommendations[data-intent=complementary] .grid-product__link .grid-product__meta,product-recommendations[data-intent=complementary] .grid__item-image-wrapper .grid-product__meta{
      margin-left:48px;
      text-align:left;
      width:calc(100% - 112px);
    }

product-recommendations[data-intent=complementary] .grid-product__actions{
    right:0;
    top:0;
  }

product-recommendations[data-intent=complementary] .grid-product__tag{
    bottom:0;
    left:0;
    right:auto;
    top:auto;
  }

product-recommendations[data-intent=complementary] .flickity-viewport{
    width:100%;
  }

product-recommendations[data-intent=complementary] .flickity-previous{
    left:auto;
    right:50px;
    top:-32px;
  }

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

product-recommendations[data-intent=complementary] .flickity-previous{
      right:45px;
  }
    }

product-recommendations[data-intent=complementary] .flickity-next{
    right:0;
    top:-32px;
  }

product-recommendations[data-intent=complementary] .flickity-page-dots{
    bottom:auto;
    right:0;
    top:-41px;
    width:auto;
  }

product-recommendations[data-intent=complementary] .flickity-button:disabled{
    display:block;
    opacity:0.35;
  }

.product-recommendations__slide{
  display:block;
  margin:0;
  overflow:hidden;
  padding:0;
  width:100%;
}

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

.product-recommendations__slide{
    display:flex;
    flex-wrap:wrap;
}
  }

.product-recommendations__slide .grid__item:last-child{
    margin-bottom:0;
    padding-bottom:0;
  }

.product-recommendations--title-missing{
  margin-top:80px;
}

.countdown__background-image-wrapper image-element,.fading-images__item-wrapper image-element,.grid__image-ratio image-element,.image-wrap:not(.image-wrap__thumbnail) image-element,.social-section__image-wrapper image-element,.svg-mask image-element{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
  }

img{
  border:0 none;
  display:block;
  height:auto;
  max-width:100%;
}

/* Bildene laa paa opacity:0 til AOS rakk aa legge paa .aos-animate, og AOS bor
   i deferred theme.js. Siden malte derfor tomme kort foerst, og bildene tonet
   inn etterpaa - forskjovet opptil 360 ms per kolonne av row-of-N-reglene
   under. Effekten var knyttet til at JS startet, ikke til at bildet var lastet,
   saa selv ferdig cachede bilder stod usynlige og ventet. Leses som flimmer,
   ikke som en designet fade. Samme moenster som hover-bildet hadde.
   17.08.2026 - se ogsaa animation:none paa fade-in-regelen under. */
.image-element{
  opacity:1;
}

.image-element[loading=eager]{
    opacity:1;
  }

.template-giftcard .image-element{
    opacity:1;
}

[data-animate_images=false] .image-element{
    opacity:1;
}

[data-media-gallery-layout=stacked] .image-element{
    opacity:1;
}

/* Maa staa sammen med opacity:1 over: fade-in-keyframene starter paa opacity:0,
   saa en synlig base alene hadde fortsatt gitt samme innton (og samme flimmer). */
.aos-animate[data-aos=image-fade-in] .image-element{
    animation:none;
}

.aos-animate[data-aos=image-fade-in] .image-element.loader-logo__img{
      animation:pulse-fade 0.4s linear infinite;
    }

[data-animate_images=false] .aos-animate[data-aos=image-fade-in] .image-element{
      animation:none;
}

[data-media-gallery-layout=stacked] .aos-animate[data-aos=image-fade-in] .image-element{
      animation:none;
}

.aos-animate[data-aos=image-fade-in] .image-element.scheme-image{
      animation:none;
    }

.aos-animate[data-aos=image-fade-in] .image-element.hero__image{
      animation:none;
    }

.no-js .image-element{
    opacity:1;
}

.image-wrap img{
  height:auto;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

.rte div[style*="text-align: center"] img,.rte p[style*="text-align: center"] img{
    margin-left:auto;
    margin-right:auto;
  }

.svg-mask{
  background:transparent !important;
  background-color:transparent !important;
  padding-bottom:100% !important;
  position:relative !important;
}

.svg-mask .grid__image-ratio{
    background:transparent !important;
    background-color:transparent !important;
  }

.svg-mask img,.svg-mask svg:not(.icon),.svg-mask video{
    height:100% !important;
    -o-object-fit:cover !important;
       object-fit:cover !important;
    position:absolute !important;
  }

.svg-mask img,.svg-mask svg:not(.icon),.svg-mask video{
    -webkit-mask-position:center;
            mask-position:center;
    -webkit-mask-repeat:no-repeat;
            mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
            mask-size:100% 100%;
  }

.svg-mask--landscape{
  padding-bottom:56.25% !important;
}

.svg-mask--portrait{
  padding-bottom:150% !important;
}

.svg-mask--square{
  padding-bottom:100% !important;
}

.svg-mask--rounded-top img,.svg-mask--rounded-top svg:not(.icon),.svg-mask--rounded-top video{
  border-top-left-radius:50%;
  border-top-right-radius:50%;
}

.svg-mask--rounded img,.svg-mask--rounded svg:not(.icon),.svg-mask--rounded video{
  border-radius:50%;
}

.svg-mask--star img,.svg-mask--star svg:not(.icon),.svg-mask--star video{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjg0IiBoZWlnaHQ9IjEyNTEiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGQ9Im02NDIgMCAxNzcuMDA3IDI5MC40NDEgMzM3LjQ0My00Mi42OTctMTE2LjcyIDMxOS40NzYgMjQzLjc3IDIzNy4xOTktMzIyLjU0NCAxMDcuOTQtMzMuNDYxIDMzOC40ODFMNjQyIDEwNjUuOTZsLTI4NS40OTYgMTg0Ljg4LTMzLjQ2LTMzOC40ODFMLjQ5NyA4MDQuNDE5IDI0NC4yNjggNTY3LjIyIDEyNy41NTUgMjQ3Ljc0NGwzMzcuNDM4IDQyLjY5N0w2NDIgMFoiLz48L3N2Zz4=");
          mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjg0IiBoZWlnaHQ9IjEyNTEiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGQ9Im02NDIgMCAxNzcuMDA3IDI5MC40NDEgMzM3LjQ0My00Mi42OTctMTE2LjcyIDMxOS40NzYgMjQzLjc3IDIzNy4xOTktMzIyLjU0NCAxMDcuOTQtMzMuNDYxIDMzOC40ODFMNjQyIDEwNjUuOTZsLTI4NS40OTYgMTg0Ljg4LTMzLjQ2LTMzOC40ODFMLjQ5NyA4MDQuNDE5IDI0NC4yNjggNTY3LjIyIDEyNy41NTUgMjQ3Ljc0NGwzMzcuNDM4IDQyLjY5N0w2NDIgMFoiLz48L3N2Zz4=");
}

.svg-mask--rounded-wave img,.svg-mask--rounded-wave svg:not(.icon),.svg-mask--rounded-wave video{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDY2IiBoZWlnaHQ9IjEwNjYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGQ9Ik00OTIuNTA5IDMxLjgzYzEwLjU0NS00Mi4xNDUgNzAuNDM3LTQyLjE0NSA4MC45ODIgMCA4LjkzMyAzNS43MDEgNTYuMzQyIDQzLjIxIDc1Ljg3IDEyLjAxNkM2NzIuNDEzIDcuMDIzIDcyOS4zNzQgMjUuNTMgNzI2LjM4IDY4Ljg3Yy0yLjUzNyAzNi43MTUgNDAuMjMxIDU4LjUwNiA2OC40NDMgMzQuODczIDMzLjMwMi0yNy44OTcgODEuNzU3IDcuMzA3IDY1LjUxNiA0Ny42LTEzLjc1OCAzNC4xMzQgMjAuMTgzIDY4LjA3NSA1NC4zMTcgNTQuMzE3IDQwLjI5My0xNi4yNDEgNzUuNDk3IDMyLjIxNCA0Ny42IDY1LjUxNi0yMy42MzMgMjguMjEyLTEuODQyIDcwLjk4IDM0Ljg3MyA2OC40NDMgNDMuMzQxLTIuOTk0IDYxLjg1MSA1My45NjcgMjUuMDIxIDc3LjAxOS0zMS4xOSAxOS41MjgtMjMuNjgxIDY2LjkzNyAxMi4wMiA3NS44NyA0Mi4xNCAxMC41NDUgNDIuMTQgNzAuNDM3IDAgODAuOTgyLTM1LjcwMSA4LjkzMy00My4yMSA1Ni4zNDItMTIuMDIgNzUuODcgMzYuODMgMjMuMDUyIDE4LjMyIDgwLjAxMy0yNS4wMjEgNzcuMDE5LTM2LjcxNS0yLjUzNy01OC41MDYgNDAuMjMxLTM0Ljg3MyA2OC40NDMgMjcuODk3IDMzLjMwMi03LjMwNyA4MS43NTctNDcuNiA2NS41MTYtMzQuMTM0LTEzLjc1OC02OC4wNzUgMjAuMTgzLTU0LjMxNyA1NC4zMTcgMTYuMjQxIDQwLjI5My0zMi4yMTQgNzUuNDk3LTY1LjUxNiA0Ny42LTI4LjIxMi0yMy42MzMtNzAuOTgtMS44NDItNjguNDQzIDM0Ljg3MyAyLjk5NCA0My4zNDEtNTMuOTY3IDYxLjg1MS03Ny4wMTkgMjUuMDIxLTE5LjUyOC0zMS4xOS02Ni45MzctMjMuNjgxLTc1Ljg3IDEyLjAyLTEwLjU0NSA0Mi4xNC03MC40MzcgNDIuMTQtODAuOTgyIDAtOC45MzMtMzUuNzAxLTU2LjM0Mi00My4yMS03NS44Ny0xMi4wMi0yMy4wNTIgMzYuODMtODAuMDEzIDE4LjMyLTc3LjAxOS0yNS4wMjEgMi41MzctMzYuNzE1LTQwLjIzMS01OC41MDYtNjguNDQzLTM0Ljg3My0zMy4zMDIgMjcuODk3LTgxLjc1Ny03LjMwNy02NS41MTYtNDcuNiAxMy43NTgtMzQuMTM0LTIwLjE4My02OC4wNzUtNTQuMzE3LTU0LjMxNy00MC4yOTMgMTYuMjQxLTc1LjQ5Ny0zMi4yMTQtNDcuNi02NS41MTYgMjMuNjMzLTI4LjIxMiAxLjg0Mi03MC45OC0zNC44NzMtNjguNDQzLTQzLjM0IDIuOTk0LTYxLjg0OC01My45NjctMjUuMDI1LTc3LjAxOSAzMS4xOTQtMTkuNTI4IDIzLjY4NS02Ni45MzctMTIuMDE3LTc1Ljg3LTQyLjE0NC0xMC41NDUtNDIuMTQ0LTcwLjQzNyAwLTgwLjk4MiAzNS43MDItOC45MzMgNDMuMjEtNTYuMzQyIDEyLjAxNy03NS44N0M3LjAyMyAzOTMuNTg3IDI1LjUzIDMzNi42MjYgNjguODcgMzM5LjYyYzM2LjcxNSAyLjUzNyA1OC41MDYtNDAuMjMxIDM0Ljg3My02OC40NDMtMjcuODk3LTMzLjMwMiA3LjMwNy04MS43NTcgNDcuNi02NS41MTYgMzQuMTM0IDEzLjc1OCA2OC4wNzUtMjAuMTgzIDU0LjMxNy01NC4zMTctMTYuMjQxLTQwLjI5MyAzMi4yMTQtNzUuNDk3IDY1LjUxNi00Ny42IDI4LjIxMiAyMy42MzMgNzAuOTggMS44NDIgNjguNDQzLTM0Ljg3My0yLjk5NC00My4zNCA1My45NjctNjEuODQ4IDc3LjAxOS0yNS4wMjUgMTkuNTI4IDMxLjE5NCA2Ni45MzcgMjMuNjg1IDc1Ljg3LTEyLjAxN1oiLz48L3N2Zz4=");
          mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDY2IiBoZWlnaHQ9IjEwNjYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGQ9Ik00OTIuNTA5IDMxLjgzYzEwLjU0NS00Mi4xNDUgNzAuNDM3LTQyLjE0NSA4MC45ODIgMCA4LjkzMyAzNS43MDEgNTYuMzQyIDQzLjIxIDc1Ljg3IDEyLjAxNkM2NzIuNDEzIDcuMDIzIDcyOS4zNzQgMjUuNTMgNzI2LjM4IDY4Ljg3Yy0yLjUzNyAzNi43MTUgNDAuMjMxIDU4LjUwNiA2OC40NDMgMzQuODczIDMzLjMwMi0yNy44OTcgODEuNzU3IDcuMzA3IDY1LjUxNiA0Ny42LTEzLjc1OCAzNC4xMzQgMjAuMTgzIDY4LjA3NSA1NC4zMTcgNTQuMzE3IDQwLjI5My0xNi4yNDEgNzUuNDk3IDMyLjIxNCA0Ny42IDY1LjUxNi0yMy42MzMgMjguMjEyLTEuODQyIDcwLjk4IDM0Ljg3MyA2OC40NDMgNDMuMzQxLTIuOTk0IDYxLjg1MSA1My45NjcgMjUuMDIxIDc3LjAxOS0zMS4xOSAxOS41MjgtMjMuNjgxIDY2LjkzNyAxMi4wMiA3NS44NyA0Mi4xNCAxMC41NDUgNDIuMTQgNzAuNDM3IDAgODAuOTgyLTM1LjcwMSA4LjkzMy00My4yMSA1Ni4zNDItMTIuMDIgNzUuODcgMzYuODMgMjMuMDUyIDE4LjMyIDgwLjAxMy0yNS4wMjEgNzcuMDE5LTM2LjcxNS0yLjUzNy01OC41MDYgNDAuMjMxLTM0Ljg3MyA2OC40NDMgMjcuODk3IDMzLjMwMi03LjMwNyA4MS43NTctNDcuNiA2NS41MTYtMzQuMTM0LTEzLjc1OC02OC4wNzUgMjAuMTgzLTU0LjMxNyA1NC4zMTcgMTYuMjQxIDQwLjI5My0zMi4yMTQgNzUuNDk3LTY1LjUxNiA0Ny42LTI4LjIxMi0yMy42MzMtNzAuOTgtMS44NDItNjguNDQzIDM0Ljg3MyAyLjk5NCA0My4zNDEtNTMuOTY3IDYxLjg1MS03Ny4wMTkgMjUuMDIxLTE5LjUyOC0zMS4xOS02Ni45MzctMjMuNjgxLTc1Ljg3IDEyLjAyLTEwLjU0NSA0Mi4xNC03MC40MzcgNDIuMTQtODAuOTgyIDAtOC45MzMtMzUuNzAxLTU2LjM0Mi00My4yMS03NS44Ny0xMi4wMi0yMy4wNTIgMzYuODMtODAuMDEzIDE4LjMyLTc3LjAxOS0yNS4wMjEgMi41MzctMzYuNzE1LTQwLjIzMS01OC41MDYtNjguNDQzLTM0Ljg3My0zMy4zMDIgMjcuODk3LTgxLjc1Ny03LjMwNy02NS41MTYtNDcuNiAxMy43NTgtMzQuMTM0LTIwLjE4My02OC4wNzUtNTQuMzE3LTU0LjMxNy00MC4yOTMgMTYuMjQxLTc1LjQ5Ny0zMi4yMTQtNDcuNi02NS41MTYgMjMuNjMzLTI4LjIxMiAxLjg0Mi03MC45OC0zNC44NzMtNjguNDQzLTQzLjM0IDIuOTk0LTYxLjg0OC01My45NjctMjUuMDI1LTc3LjAxOSAzMS4xOTQtMTkuNTI4IDIzLjY4NS02Ni45MzctMTIuMDE3LTc1Ljg3LTQyLjE0NC0xMC41NDUtNDIuMTQ0LTcwLjQzNyAwLTgwLjk4MiAzNS43MDItOC45MzMgNDMuMjEtNTYuMzQyIDEyLjAxNy03NS44N0M3LjAyMyAzOTMuNTg3IDI1LjUzIDMzNi42MjYgNjguODcgMzM5LjYyYzM2LjcxNSAyLjUzNyA1OC41MDYtNDAuMjMxIDM0Ljg3My02OC40NDMtMjcuODk3LTMzLjMwMiA3LjMwNy04MS43NTcgNDcuNi02NS41MTYgMzQuMTM0IDEzLjc1OCA2OC4wNzUtMjAuMTgzIDU0LjMxNy01NC4zMTctMTYuMjQxLTQwLjI5MyAzMi4yMTQtNzUuNDk3IDY1LjUxNi00Ny42IDI4LjIxMiAyMy42MzMgNzAuOTggMS44NDIgNjguNDQzLTM0Ljg3My0yLjk5NC00My4zNCA1My45NjctNjEuODQ4IDc3LjAxOS0yNS4wMjUgMTkuNTI4IDMxLjE5NCA2Ni45MzcgMjMuNjg1IDc1Ljg3LTEyLjAxN1oiLz48L3N2Zz4=");
}

.svg-mask--splat-1 img,.svg-mask--splat-1 svg:not(.icon),.svg-mask--splat-1 video{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDQ4IiBoZWlnaHQ9IjEwNTIiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTU3MC45MDUgMTUyLjM0OEM2ODguNDQxIDE0MC4zMyA3NzEuMTg3LTI3LjkxNSA4ODQuOTQxIDQuMDI2IDk4Ny45OTcgMzIuOTYyIDEwMDYuMjMgMTc4LjE4OCAxMDMyLjYgMjgxLjk4NWMyMy4xNiA5MS4xNjkgMTkuNjUgMTg2LjE0OS02Ljg0IDI3Ni40MDMtMjQuMDYgODEuOTQ4LTg1LjQ2MiAxNDIuMTUxLTEzNi4yMDggMjEwLjgzMS01NS41MyA3NS4xNTYtOTQuMjUyIDE2NS4yNDEtMTc1LjYwMiAyMTEuMTc4LTkxLjYzMiA1MS43NDMtMjAzLjg0MiA5My4xMDMtMzAzLjUxNCA1OS4zNzMtOTkuMjUtMzMuNTktMTM0LjUwOS0xNTIuMzY1LTIwMy43NTktMjMxLjAzMy02OS45NzQtNzkuNDg5LTE5Mi4wMjMtMTI4Ljc1OS0yMDUuNDUzLTIzMy44My0xMy40MzktMTA1LjE0NCA4Ny4wNjYtMTg2LjQ3NCAxMzkuOTk3LTI3OC4yOTUgNDcuMzk1LTgyLjIxOCA2NC40MjItMjAyLjEzIDE1NC4zNTQtMjMyLjMyNCA5My4yMzQtMzEuMzAzIDE3Ny40OTYgOTguMDYzIDI3NS4zMyA4OC4wNloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
          mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDQ4IiBoZWlnaHQ9IjEwNTIiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTU3MC45MDUgMTUyLjM0OEM2ODguNDQxIDE0MC4zMyA3NzEuMTg3LTI3LjkxNSA4ODQuOTQxIDQuMDI2IDk4Ny45OTcgMzIuOTYyIDEwMDYuMjMgMTc4LjE4OCAxMDMyLjYgMjgxLjk4NWMyMy4xNiA5MS4xNjkgMTkuNjUgMTg2LjE0OS02Ljg0IDI3Ni40MDMtMjQuMDYgODEuOTQ4LTg1LjQ2MiAxNDIuMTUxLTEzNi4yMDggMjEwLjgzMS01NS41MyA3NS4xNTYtOTQuMjUyIDE2NS4yNDEtMTc1LjYwMiAyMTEuMTc4LTkxLjYzMiA1MS43NDMtMjAzLjg0MiA5My4xMDMtMzAzLjUxNCA1OS4zNzMtOTkuMjUtMzMuNTktMTM0LjUwOS0xNTIuMzY1LTIwMy43NTktMjMxLjAzMy02OS45NzQtNzkuNDg5LTE5Mi4wMjMtMTI4Ljc1OS0yMDUuNDUzLTIzMy44My0xMy40MzktMTA1LjE0NCA4Ny4wNjYtMTg2LjQ3NCAxMzkuOTk3LTI3OC4yOTUgNDcuMzk1LTgyLjIxOCA2NC40MjItMjAyLjEzIDE1NC4zNTQtMjMyLjMyNCA5My4yMzQtMzEuMzAzIDE3Ny40OTYgOTguMDYzIDI3NS4zMyA4OC4wNloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

.svg-mask--splat-2 img,.svg-mask--splat-2 svg:not(.icon),.svg-mask--splat-2 video{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NzciIGhlaWdodD0iODk2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjYTQ5NWZiIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NzUuNjg0IDM4MS44MzJjMTcuMjYzIDk1LjAzMy0xNDAuMjE0IDEyOS4yMzEtMTg3LjE3NyAyMTMuNjY2LTUyLjEzOCA5My43MzcgOC41MTUgMjg4LjA5NS05OC4yNTMgMjk5LjUwMy0xMjcuMTc1IDEzLjU4Ny0xMzguMDQ5LTExNS4zNjItMjYzLTE0Mi42My0xMDkuNTg1LTIzLjkxNC0yMjQuNTM1IDkxLjg5NC0zMDguNzE1IDE3Ljg2NC04NC41NDMtNzQuMzQ4IDExOC42ODgtMjA3LjM3MyA5My44MjktMzE3LjA5NEMxOTAuMjE5IDM1NS4zODEgOC4xNzEgMzQ4LjI2My4yOTcgMjQ4LjM0MS02LjU3IDE2MS4yMjMgMTA3LjMxOCAxMTIuMTY0IDE4MS44OTMgNjYuNDRjNjYuMTYzLTQwLjU2NyAxNDIuNTMxLTc2LjcwNSAyMTkuMDgyLTYzLjc3IDcxLjM4MyAxMi4wNjIgMTQwLjQ4NiA2Mi43NzMgMTY4Ljg1MiAxMjkuMzIgOS45MjkgMjMuMjkzIDI1LjgzOSA1NC41MjggNjkuOTIgNzguNTE3IDkxLjg1OSA0OS45OSAzMDQuODE2IDAgMzM1LjkzNyAxNzEuMzI1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
          mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NzciIGhlaWdodD0iODk2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjYTQ5NWZiIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NzUuNjg0IDM4MS44MzJjMTcuMjYzIDk1LjAzMy0xNDAuMjE0IDEyOS4yMzEtMTg3LjE3NyAyMTMuNjY2LTUyLjEzOCA5My43MzcgOC41MTUgMjg4LjA5NS05OC4yNTMgMjk5LjUwMy0xMjcuMTc1IDEzLjU4Ny0xMzguMDQ5LTExNS4zNjItMjYzLTE0Mi42My0xMDkuNTg1LTIzLjkxNC0yMjQuNTM1IDkxLjg5NC0zMDguNzE1IDE3Ljg2NC04NC41NDMtNzQuMzQ4IDExOC42ODgtMjA3LjM3MyA5My44MjktMzE3LjA5NEMxOTAuMjE5IDM1NS4zODEgOC4xNzEgMzQ4LjI2My4yOTcgMjQ4LjM0MS02LjU3IDE2MS4yMjMgMTA3LjMxOCAxMTIuMTY0IDE4MS44OTMgNjYuNDRjNjYuMTYzLTQwLjU2NyAxNDIuNTMxLTc2LjcwNSAyMTkuMDgyLTYzLjc3IDcxLjM4MyAxMi4wNjIgMTQwLjQ4NiA2Mi43NzMgMTY4Ljg1MiAxMjkuMzIgOS45MjkgMjMuMjkzIDI1LjgzOSA1NC41MjggNjkuOTIgNzguNTE3IDkxLjg1OSA0OS45OSAzMDQuODE2IDAgMzM1LjkzNyAxNzEuMzI1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}

.svg-mask--splat-3 img,.svg-mask--splat-3 svg:not(.icon),.svg-mask--splat-3 video{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDcyIiBoZWlnaHQ9IjEwNTEiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYxOC45MTMgMjE1LjM4M0M3NDUuNzc1IDIyNS42NTcgODQxLjc1IDE4LjAwNSA5NjAuNjc4IDYzLjMyM2MxMDkuMTcyIDQxLjYwMSAxMDkuNzUyIDIwNy45MzkgMTExLjMxMiAzMjQuNzA1IDEuMjYgOTQuMjYtOTkuOTY0IDE2Mi44MjctMTAzLjU0MSAyNTcuMDI3LTQuMzAyIDExMy4yNzYgMTM1LjI0MSAyMjMuMjQzIDgxLjUxMSAzMjMuMDcxLTQ5LjcyIDkyLjM3NC0xOTMuNDkyIDcwLjY5NC0yOTguMDg0IDc5LjI4NC04Ny41NiA3LjE5LTE3OC4yMTIgNy4wMy0yNTYuMDA2LTMzLjc3LTcxLjEzOS0zNy4zMDktODYuMDM2LTEzNC45NTEtMTUyLjI4OC0xODAuMzY4QzI0MS4zNDkgNzYzLjE5IDY2LjQgNzkzLjQxNiAxMi4xMTkgNjgyLjAyM2MtNDkuNjkzLTEwMS45NzkgNjcuMTU3LTIwOS40ODUgMTAzLjI4My0zMTcuMDE1IDQxLjI3LTEyMi44NDQtLjA4Mi0zMjMuMTUyIDEyNC4xOTYtMzYwLjA4MiAxNDEuNDgzLTQyLjA0NCAyMzIuMTkzIDE5OC41NDIgMzc5LjMxNSAyMTAuNDU3WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
          mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDcyIiBoZWlnaHQ9IjEwNTEiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYxOC45MTMgMjE1LjM4M0M3NDUuNzc1IDIyNS42NTcgODQxLjc1IDE4LjAwNSA5NjAuNjc4IDYzLjMyM2MxMDkuMTcyIDQxLjYwMSAxMDkuNzUyIDIwNy45MzkgMTExLjMxMiAzMjQuNzA1IDEuMjYgOTQuMjYtOTkuOTY0IDE2Mi44MjctMTAzLjU0MSAyNTcuMDI3LTQuMzAyIDExMy4yNzYgMTM1LjI0MSAyMjMuMjQzIDgxLjUxMSAzMjMuMDcxLTQ5LjcyIDkyLjM3NC0xOTMuNDkyIDcwLjY5NC0yOTguMDg0IDc5LjI4NC04Ny41NiA3LjE5LTE3OC4yMTIgNy4wMy0yNTYuMDA2LTMzLjc3LTcxLjEzOS0zNy4zMDktODYuMDM2LTEzNC45NTEtMTUyLjI4OC0xODAuMzY4QzI0MS4zNDkgNzYzLjE5IDY2LjQgNzkzLjQxNiAxMi4xMTkgNjgyLjAyM2MtNDkuNjkzLTEwMS45NzkgNjcuMTU3LTIwOS40ODUgMTAzLjI4My0zMTcuMDE1IDQxLjI3LTEyMi44NDQtLjA4Mi0zMjMuMTUyIDEyNC4xOTYtMzYwLjA4MiAxNDEuNDgzLTQyLjA0NCAyMzIuMTkzIDE5OC41NDIgMzc5LjMxNSAyMTAuNDU3WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}

.svg-mask--splat-4 img,.svg-mask--splat-4 svg:not(.icon),.svg-mask--splat-4 video{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTgiIGhlaWdodD0iNTA0IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjQTQ5NUZCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMDMuNzkzIDg0LjY3M2MxNi4xNDkgMjMuODQ4IDMxLjczNyA0My41OCA1Ni40OTYgNDguNzI0IDQzLjM1NCA5LjAwNyA5NC4xMzItMzUuNjY1IDEzMC4xOS05Ljk0IDI5LjgzMiAyMS4yODIgMzMuMzIxIDg3LjE4OSAyMCAxMTIuNTQyLTE1LjUgMjkuNS01Mi4yMDEgNDQuMDQxLTY3LjUgNzQtMTguMzUgMzUuOTMyIDEwLjc2MSA3NC45NjgtMzIuNSAxMDMuNS0zMi45MDEgMjEuNjk5LTY4LjY2My0xNS42MjctMTA2LjY4Ni01LjMwMS01OS45MDcgMTYuMjY4LTk0LjU5MyA5Ni4zNDMtMTU2LjY0NSA5NC44MDEtNTcuODA3LTEuNDM2LTExNS42MzgtNDguMTYzLTEzNi42NjktMTAyLjA5MS0yMS4yMjctNTQuNDMxLTguMDQ0LTEyNS44NTIgMzAuNzM2LTE2OS41NDJDNjkuNSAxOTkuNSAxMDUgMTg5IDEyMi40OCAxMzljOS40NTUtMjcuMDQ3LTMtMTAzIDUxLjg5Ny0xMzIuMDUgNDUuMjQtMjMuOTQgOTIuMDY1IDE3LjA3MiAxMjkuNDE2IDc3LjcyM1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
          mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTgiIGhlaWdodD0iNTA0IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjQTQ5NUZCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMDMuNzkzIDg0LjY3M2MxNi4xNDkgMjMuODQ4IDMxLjczNyA0My41OCA1Ni40OTYgNDguNzI0IDQzLjM1NCA5LjAwNyA5NC4xMzItMzUuNjY1IDEzMC4xOS05Ljk0IDI5LjgzMiAyMS4yODIgMzMuMzIxIDg3LjE4OSAyMCAxMTIuNTQyLTE1LjUgMjkuNS01Mi4yMDEgNDQuMDQxLTY3LjUgNzQtMTguMzUgMzUuOTMyIDEwLjc2MSA3NC45NjgtMzIuNSAxMDMuNS0zMi45MDEgMjEuNjk5LTY4LjY2My0xNS42MjctMTA2LjY4Ni01LjMwMS01OS45MDcgMTYuMjY4LTk0LjU5MyA5Ni4zNDMtMTU2LjY0NSA5NC44MDEtNTcuODA3LTEuNDM2LTExNS42MzgtNDguMTYzLTEzNi42NjktMTAyLjA5MS0yMS4yMjctNTQuNDMxLTguMDQ0LTEyNS44NTIgMzAuNzM2LTE2OS41NDJDNjkuNSAxOTkuNSAxMDUgMTg5IDEyMi40OCAxMzljOS40NTUtMjcuMDQ3LTMtMTAzIDUxLjg5Ny0xMzIuMDUgNDUuMjQtMjMuOTQgOTIuMDY1IDE3LjA3MiAxMjkuNDE2IDc3LjcyM1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

.feature-row__item--overlap-images .feature-row__first-image{
    width:55%;
  }

.feature-row__item--overlap-images .feature-row__second-image{
    width:60%;
  }

.feature-row__item--placeholder-images .placeholder-image-wrap{
    width:50%;
  }

.feature-row-wrapper .feature-row__images{
  min-width:0;
  width:100%;
}

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

.feature-row-wrapper .feature-row__images{
    padding-top:30px;
}
  }

.feature-row-wrapper .feature-row__text{
  min-width:0;
  width:100%;
}

@media only screen and (min-width:769px){

.feature-row-wrapper .feature-row__text{
    flex:0 1 43%;
    min-width:43%;
}
  }

.feature-row--33 .feature-row__images{
    max-width:50%;
  }

@media only screen and (min-width:769px){

.feature-row--33 .feature-row__images{
      flex:0 1 33.333%;
      max-width:none;
  }
    }

.feature-row--50 .feature-row__images{
    max-width:100%;
    padding-left:20px;
    padding-right:20px;
  }

@media only screen and (min-width:769px){

.feature-row--50 .feature-row__images{
      flex:0 1 50%;
      max-width:none;
      padding-left:0;
      padding-right:0;
  }
    }

.feature-row--66 .feature-row__images{
    max-width:100%;
    padding-left:20px;
    padding-right:20px;
  }

@media only screen and (min-width:769px){

.feature-row--66 .feature-row__images{
      flex:0 1 66.666%;
      max-width:none;
      padding-left:0;
      padding-right:0;
  }
    }

.scrolling-text{
  direction:ltr;
  overflow:hidden;
}

.scrolling-text__inner{
  animation:scrolling-text var(--move-speed) linear infinite;
  animation-play-state:running;
  display:inline-flex;
  margin:0.15em 0;
  visibility:visible;
  white-space:nowrap;
}

.scrolling-text__inner--right{
  animation:scrolling-text-right var(--move-speed) linear infinite;
}

.scrolling-text span{
  white-space:nowrap;
}

.scrolling-text:focus .scrolling-text__inner,.scrolling-text:hover .scrolling-text__inner{
  animation-play-state:paused;
}

@keyframes scrolling-text{
  0%{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

@keyframes scrolling-text-right{
  0%{
    transform:translateX(-50%);
  }
  to{
    transform:translateX(0);
  }
}

.newsletter-container{
  margin:0 auto !important;
  padding:0 !important;
}

.newsletter-section{
  align-items:center;
  display:flex;
  gap:40px;
  padding:60px 0;
}

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

.newsletter-section{
    flex-direction:column;
    padding:30px 0;
}
  }

.newsletter-section--image-left{
  flex-direction:row-reverse;
}

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

.newsletter-section--image-left{
    flex-direction:column-reverse;
}
  }

.newsletter-section__content{
  flex:100%;
  margin:0 auto;
  max-width:800px;
  padding-left:20px;
}

.newsletter-section--no-image .newsletter-section__content{
    flex:100%;
}

.newsletter-section__content form{
    display:flex;
    width:100%;
  }

.text-left .newsletter-section__content form{
      justify-content:flex-start;
  }

.text-center .newsletter-section__content form{
      justify-content:center;
  }

.text-right .newsletter-section__content form{
      justify-content:flex-end;
  }

.newsletter-section__content .newsletter__input-group{
    margin:0;
  }

.newsletter-section__image{
  width:100%;
}

.newsletter-section__image img{
    display:block;
    height:auto;
    margin:0 auto;
    -o-object-fit:cover;
       object-fit:cover;
  }

.newsletter-section__image--33{
  flex:33.333% 0 0;
}

.newsletter-section__image--50{
  flex:50% 0 0;
}

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

.newsletter-section__image--50{
    max-width:100%;
}
  }

.newsletter-section__image--66{
  flex:66.666% 0 0;
}

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

.newsletter-section__image--66{
    max-width:100%;
}
  }

.text-left .newsletter-form-group{
    margin:0;
}

.text-right .newsletter-form-group{
    margin:0;
}

.predictive-overflow-hidden{
  overflow:hidden;
}

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

.predictive-overflow-hidden{
    overflow:auto;
}
  }

predictive-search{
  align-items:center;
  display:flex;
  margin:0 auto;
  max-width:960px;
  position:relative;
  width:100%;
}

predictive-search.is-active{
    flex:99;
  }

predictive-search.is-active .predictive__screen{
    display:block;
    z-index:3;
  }

predictive-search.is-active .btn--close-search{
    align-items:center;
    display:flex;
    justify-content:center;
  }

[data-dark=true] input{
    color:#fff !important;
  }

[data-dark=true] .btn--search path{
    stroke:#fff !important;
  }

[data-dark=false] input{
    color:#000 !important;
  }

[data-dark=false] .btn--search path{
    stroke:#000 !important;
  }

.predictive__screen{
  background:var(--colorModalBg);
  display:none;
  height:100vh;
  left:0;
  position:fixed;
  top:0;
  width:100vw;
}

predictive-search form{
  display:flex;
  flex-wrap:wrap;
  position:relative;
  width:100%;
  z-index:4;
}

.search__input-wrap{
  flex:5;
  position:relative;
  transition:flex 0.3s ease-in-out;
}

.search__input{
  background:var(--colorNavSearch, #fff);
  border-radius:calc(var(--roundness, 0)*2);
  color:var(--color-body-text);
  flex:1;
  padding-left:16px;
  padding-right:16px;
  width:100%;
}

.btn--search{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
}

.btn--search .icon{
    height:25px;
    width:25px;
  }

@media only screen and (min-width:769px){

.btn--search{
    right:10px;
}
  }

[dir=rtl] .btn--search{
    left:15px;
    right:auto;
}

@media only screen and (min-width:769px){

[dir=rtl] .btn--search{
      left:10px;
}
    }

.btn--close-search{
  display:none;
  flex:30px 0 0;
  margin-left:10px;
}

.btn--close-search .icon{
    height:25px;
    width:25px;
  }

.btn--close-search .icon path{
    stroke:var(--colorNavText) !important;
  }

.search__results{
  background:var(--color-body);
  color:var(--color-body-text);
  container-type:inline-size;
  display:none;
  margin-top:10px;
  max-height:80vh;
  overflow-y:auto;
  padding:0;
  position:absolute;
  top:100%;
  width:100%;
}

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

.search__results{
    margin-left:calc(var(--pageWidthPadding, 17px)*-1);
    margin-right:calc(var(--pageWidthPadding, 17px)*-1);
    max-height:75vh;
    width:calc(100% + var(--pageWidthPadding, 17px)*2);
}

.template-search .page-content .search__results{
      max-height:50vh;
}
  }

.results{
  display:block;
  padding:0 20px 20px;
  width:100%;
}

.results ul{
    list-style:none;
    margin:0;
    padding:0;
  }

.results li{
    margin-bottom:0;
    padding:10px;
    transition:background 0.2s ease;
  }

.results li:hover{
      background:rgba(0,0,0,.05);
    }

.results li a{
      align-items:center;
      display:flex;
    }

.results--queries span{
    font-weight:bolder;
  }

.results--queries mark{
    background-color:transparent;
    font-weight:400;
  }

.results--products span{
  margin-left:10px;
}

.results--products #predictive-search-products{
  margin-bottom:20px;
}

.results-products__image{
  height:80px;
  max-width:80px;
  min-width:80px;
  width:100%;
}

.results-products__info{
  display:flex;
  flex-direction:column;
}

.predictive-search-results{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  overflow-y:auto;
  padding:40px 0 0;
}

.predictive-search-results h3{
    border-bottom:1px solid;
    border-color:var(--colorBorder);
    margin-bottom:10px;
    padding-bottom:10px;
  }

.predictive-search-results--none{
  padding-top:20px;
}

.predictive-search__no-results{
  display:block;
  width:100%;
}

.predictive-search__no-results:hover{
    opacity:0.5;
  }

.results__group-1{
  flex:100% 0 0;
}

.results__group-1>div:not(.results--queries){
    display:none;
  }

.results__group-2{
  flex:100% 0 0;
}

.results__search-btn{
  border:1px solid;
  border-color:var(--colorBorder);
  padding:10px;
  transition:background-color 0.2s ease;
  width:100%;
}

.results__search-btn:hover{
    background-color:rgba(0,0,0,.05);
  }

@container (min-width: 800px){
  .predictive-search-results{
    flex-direction:row;
    flex-wrap:nowrap;
  }

  .results{
    padding:0 40px 20px;
  }

  .results__group-1{
    flex:1 0 0;
  }

    .results__group-1 div:not(.results--queries){
      display:block;
    }

  .results__group-2{
    flex:2 0 0;
  }

    .results__group-2>div:not(.results--products){
      display:none;
    }

  .results__search-btn{
    padding:10px 0 10px 40px;
    text-align:left;
  }
}

.recipient-form{
  display:block;
  margin:2em auto;
  position:relative;
}

.recipient-form .field{
    position:relative;
  }

.recipient-form .field__label{
    color:inherit;
    left:0;
    margin:0;
    padding:8px 10px;
    pointer-events:none;
    position:absolute;
    top:0;
    transform-origin:0 0;
    transition:opacity .1s ease-in-out,transform .1s ease-in-out;
  }

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

.recipient-form .field__label{
      padding:10px;
  }
    }

.recipient-form .field__label:not(.variant__button-label):not(.text-label),.recipient-form label:not(.variant__button-label):not(.text-label){
    font-weight:400;
  }

.recipient-form .field__input{
    margin-bottom:1.5em;
  }

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

.recipient-form .field__input{
      margin-bottom:0.6em;
  }
    }

.recipient-form .field__input.text-area{
      height:150px;
      margin-bottom:0;
    }

.recipient-form .field__input::-webkit-input-placeholder{
      color:transparent;
    }

.recipient-form .field__input::-moz-placeholder{
      color:transparent;
    }

.recipient-form .field__input:not(:-moz-placeholder-shown)~label{
      font-size:0.8em;
      opacity:0.65;
      transform:scale(0.85) translateY(-0.4em) translateX(0.15em);
    }

.recipient-form .field__input:focus~label,.recipient-form .field__input:not(:placeholder-shown)~label{
      font-size:0.8em;
      opacity:0.65;
      transform:scale(0.85) translateY(-0.4em) translateX(0.15em);
    }

.recipient-form .field__input:not(:-moz-placeholder-shown){
      padding:16px 10px 0;
    }

.recipient-form .field__input:focus,.recipient-form .field__input:not(:placeholder-shown){
      padding:16px 10px 0;
    }

.recipient-form .field__input--error{
    background-color:#fff6f6;
    border-color:#d02e2e;
    color:#d02e2e;
  }

.recipient-form .field__input--error~label{
      color:#d02e2e;
    }

.recipient-form .recipient-form__checkbox-wrapper{
    align-items:center;
    display:flex;
    margin-bottom:2em;
  }

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

.recipient-form .recipient-form__checkbox-wrapper{
      margin-bottom:1.5em;
  }
    }

.recipient-form input[type=checkbox]{
    background-color:inherit;
    border:1px solid;
    border-color:var(--colorBorder);
    border-radius:0;
    height:16px;
    width:16px;
  }

.recipient-form .checkbox-label{
    cursor:pointer;
    display:block;
    margin-bottom:0;
  }

.recipient-form .recipient-form-field-label--space-between>span{
    font-size:0.8em;
  }

.recipient-form .recipient-fields{
    display:none;
  }

*,:after,:before,input{
  box-sizing:border-box;
}

body,html{
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
  display:block;
}

audio,canvas,progress,video{
  display:inline-block;
  vertical-align:baseline;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
  height:auto;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}

.grid{
  list-style:none;
  margin:0;
  margin-left:-22px;
  padding:0;
}

.grid:after{clear:both;content:"";display:table;}

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

.grid{
    margin-left:-17px;
}

html[dir=rtl] .grid{
      margin-left:0;
      margin-right:-17px;
}
  }

html[dir=rtl] .grid{
    margin-left:0;
    margin-right:-22px;
}

.grid--small{
  margin-left:-10px;
}

.grid--small .grid__item{
    padding-left:10px;
  }

.grid__item{
  float:left;
  min-height:1px;
  padding-left:22px;
  width:100%;
}

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

.grid__item{
    padding-left:17px;
}

html[dir=rtl] .grid__item{
      padding-left:0;
      padding-right:17px;
}
  }

html[dir=rtl] .grid__item{
    float:right;
    padding-left:0;
    padding-right:22px;
}

.grid--no-gutters{
  margin-left:0;
}

.grid--no-gutters .grid__item{
    padding-left:0;
  }

.grid--flush-bottom{
  margin-bottom:-22px;
  overflow:auto;
}

.grid--flush-bottom>.grid__item{
    margin-bottom:22px;
  }

.grid--center{
  text-align:center;
}

.grid--center .grid__item{
    display:inline-block;
    float:none;
    text-align:left;
    vertical-align:top;
  }

html[dir=rtl] .grid--center .grid__item{
      text-align:right;
  }

.grid--full{
  margin-left:0;
}

.grid--full>.grid__item{
    padding-left:0;
  }

@media only screen and (min-width:769px){
  .grid--table-large{
    display:table;
    table-layout:fixed;
    width:100%;
  }

    .grid--table-large>.grid__item{
      display:table-cell;
      float:none;
      vertical-align:middle;
    }
}

@media only screen and (max-width:768px){
  .small--grid--flush{
    margin-left:-2px;
  }
  .page-width .small--grid--flush{
      margin-left:-17px;
      margin-right:-15px;
  }

    .small--grid--flush>.grid__item{
      padding-left:2px;
    }
}

.text-column__grid{
  display:grid;
  gap:24px 16px;
  grid-template-columns:repeat(2, 1fr);
}
@media (max-width:768px){
  .text-column__grid{
    overflow:hidden;
  }
  .text-column__grid>*{
    min-width:0;
  }
  .text-column__grid .image-wrap{
    padding-bottom:75% !important;
  }
  .text-column__grid h3{
    font-size:0.95rem;
    line-height:1.3;
  }
  .text-column__grid .rte-setting{
    font-size:0.8rem;
  }
  .text-column__grid .btn{
    all:unset;
    font-size:0.8rem;
    font-weight:600;
    color:#1c1917;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:4px;
  }
  .text-column__grid .btn::after{
    content:"→";
  }
}
.text-column__grid>*>h3,
.text-column__grid>*>.rte-setting,
.text-column__grid>*>.btn{
  max-width:350px;
  margin-left:auto;
  margin-right:auto;
}

@media (min-width:769px){
  .text-column__grid{
    display:grid;
    gap:40px 32px;
    grid-template-columns:repeat(3, 1fr);
  }
  .text-column__grid>*{
    grid-column:span 1;
  }
  .text-column__grid:has(>:nth-child(3):last-child)>*{
    grid-column:span 1;
  }
  .text-column__grid:has(>:nth-child(odd):last-child:not(:nth-child(3)))>:nth-last-child(-n+3){
    grid-column:span 1;
  }
}

.one-whole{width:100%;}

.one-half{width:50%;}

.one-third{width:33.33333%;}

.two-thirds{width:66.66667%;}

.one-quarter{width:25%;}

.two-quarters{width:50%;}

.three-quarters{width:75%;}

.one-fifth{width:20%;}

.two-fifths{width:40%;}

.three-fifths{width:60%;}

.four-fifths{width:80%;}

.one-sixth{width:16.66667%;}

.two-sixths{width:33.33333%;}

.three-sixths{width:50%;}

.four-sixths{width:66.66667%;}

.five-sixths{width:83.33333%;}

@media only screen and (max-width:768px){.small--one-whole{width:100%;}.small--one-half{width:50%;}.small--one-third{width:33.33333%;}.small--two-thirds{width:66.66667%;}.grid--uniform .small--one-half:nth-of-type(odd),.grid--uniform .small--one-third:nth-of-type(3n+1){clear:both;}.small--one-quarter{width:25%;}.small--two-quarters{width:50%;}.small--three-quarters{width:75%;}.grid--uniform .small--one-quarter:nth-of-type(4n+1){clear:both;}.small--one-fifth{width:20%;}.small--two-fifths{width:40%;}.small--three-fifths{width:60%;}.small--four-fifths{width:80%;}.grid--uniform .small--one-fifth:nth-of-type(5n+1){clear:both;}.small--one-sixth{width:16.66667%;}.small--two-sixths{width:33.33333%;}.small--three-sixths{width:50%;}.small--four-sixths{width:66.66667%;}.small--five-sixths{width:83.33333%;}.grid--uniform .small--one-sixth:nth-of-type(6n+1),.grid--uniform .small--three-sixths:nth-of-type(odd),.grid--uniform .small--two-sixths:nth-of-type(3n+1){clear:both;}}

@media only screen and (min-width:769px){.medium-up--one-whole{width:100%;}.medium-up--one-half{width:50%;}.medium-up--one-third{width:33.33333%;}.medium-up--two-thirds{width:66.66667%;}.grid--uniform .medium-up--one-half:nth-of-type(odd),.grid--uniform .medium-up--one-third:nth-of-type(3n+1){clear:both;}.medium-up--one-quarter{width:25%;}.medium-up--two-quarters{width:50%;}.medium-up--three-quarters{width:75%;}.grid--uniform .medium-up--one-quarter:nth-of-type(4n+1){clear:both;}.medium-up--one-fifth{width:20%;}.medium-up--two-fifths{width:40%;}.medium-up--three-fifths{width:60%;}.medium-up--four-fifths{width:80%;}.grid--uniform .medium-up--one-fifth:nth-of-type(5n+1){clear:both;}.medium-up--one-sixth{width:16.66667%;}.medium-up--two-sixths{width:33.33333%;}.medium-up--three-sixths{width:50%;}.medium-up--four-sixths{width:66.66667%;}.medium-up--five-sixths{width:83.33333%;}.grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),.grid--uniform .medium-up--three-sixths:nth-of-type(odd),.grid--uniform .medium-up--two-sixths:nth-of-type(3n+1){clear:both;}}

.show{display:block !important;}

.hide{display:none !important;}

.text-left{text-align:left !important;}

.text-right{text-align:right !important;}

.text-center{text-align:center !important;}

@media only screen and (max-width:768px){.small--show{display:block !important;}.small--hide{display:none !important;}.small--text-left{text-align:left !important;}.small--text-right{text-align:right !important;}.small--text-center{text-align:center !important;}}

@media only screen and (max-width:959px){.medium-down--show{display:block !important;}.medium-down--hide{display:none !important;}.medium-down--text-left{text-align:left !important;}.medium-down--text-right{text-align:right !important;}.medium-down--text-center{text-align:center !important;}}

@media only screen and (min-width:769px){.medium-up--show{display:block !important;}.medium-up--hide{display:none !important;}.medium-up--text-left{text-align:left !important;}.medium-up--text-right{text-align:right !important;}.medium-up--text-center{text-align:center !important;}}

.flex-grid{
  display:flex;
  flex:1 1 100%;
  flex-wrap:wrap;
}

[data-center-text=true] .flex-grid{
    justify-content:center;
}

.flex-grid--center{
  align-items:center;
}

.flex-grid--gutters{
  margin-left:-15px;
  margin-top:-15px;
}

.flex-grid__item{
  align-items:stretch;
  display:flex;
  flex:0 1 100%;
}

.flex-grid--gutters .flex-grid__item{
    padding-left:15px;
    padding-top:15px;
}

.flex-grid__item>*{
    flex:1 1 100%;
  }

.flex-grid__item--stretch{
  flex:1 1 100%;
}

.flex-grid__item--stretch:first-child{
    min-width:250px;
  }

@media only screen and (min-width:769px){
  .flex-grid__item--33{
    flex-basis:33.33%;
  }

  .flex-grid__item--50{
    flex-basis:50%;
  }
}

@media only screen and (max-width:768px){
  .flex-grid__item--mobile-second{
    order:2;
  }
}

.clearfix:after{clear:both;content:"";display:table;}

html:not(.no-js):not(.tab-outline) :focus{
  outline:none;
}

.is-transitioning{
  display:block !important;
  visibility:visible !important;
}

.display-table{
  display:table;
  table-layout:fixed;
  width:100%;
}

.display-table-cell{
  display:table-cell;
  float:none;
  vertical-align:middle;
}

@media only screen and (min-width:769px){
  .medium-up--display-table{
    display:table;
    table-layout:fixed;
    width:100%;
  }

  .medium-up--display-table-cell{
    display:table-cell;
    float:none;
    vertical-align:middle;
  }
}

.visually-hidden{
  clip:rect(0 0 0 0);
  border:0;
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.visually-invisible{
  opacity:0 !important;
}

.skip-link:focus{
  clip:auto;
  background-color:var(--colorBody);
  color:var(--colorTextBody);
  height:auto;
  margin:0;
  opacity:1;
  padding:10px;
  transition:none;
  width:auto;
  z-index:10000;
}

html{
  touch-action:manipulation;
}

html[dir=rtl]{
  direction:rtl;
}

body,html{
  background-color:var(--colorBody);
  color:var(--colorTextBody);
}

@media only screen and (max-width:768px){
  .supports-touch.lock-scroll{
    overflow:hidden;
  }
    @supports (-webkit-touch-callout:none){
  .supports-touch.lock-scroll{
      overflow:initial;
  }
    }
}

.page-width{
  margin:0 auto;
  max-width:1500px;
}

.page-full,.page-width{
  padding:0 17px;
}

@media only screen and (min-width:769px){

.page-full,.page-width{
    padding:0 40px;
}
  }

.page-width--narrow{
  max-width:1000px;
}

.page-width--tiny{
  max-width:450px;
}

@media only screen and (max-width:768px){
  .page-width--flush-small{
    padding:0;
  }
}

.page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container{
  padding-bottom:40px;
  padding-top:40px;
}

@media only screen and (min-width:769px){

.page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container{
    padding-bottom:75px;
    padding-top:75px;
}
  }

.shopify-email-marketing-confirmation__container{
  text-align:center;
}

.page-content--top,.page-content--with-blocks{
  padding-bottom:0;
}

.page-content--bottom{
  padding-top:0;
}

.main-content{
  display:block;
  min-height:300px;
}

@media only screen and (min-width:769px){

.main-content{
    min-height:700px;
}
  }

.template-challange .main-content{
    min-height:0;
}

.hr--large,.hr--medium,.hr--small,hr{
  border:0;
  border-top:1px solid;
  border-top-color:var(--colorBorder);
  height:1px;
}

.hr--small{
  margin:15px auto;
}

.hr--medium{
  margin:25px auto;
}

@media only screen and (min-width:769px){

.hr--medium{
    margin:35px auto;
}
  }

.hr--large{
  margin:30px auto;
}

@media only screen and (min-width:769px){

.hr--large{
    margin:45px auto;
}
  }

.page-blocks+.hr--large,.page-blocks+[data-section-type=recently-viewed] .hr--large{
    margin-top:0;
}

.hr--clear{
  border:0;
}

@media only screen and (max-width:768px){
    .table--responsive thead{
      display:none;
    }

    .table--responsive tr{
      display:block;
    }

    .table--responsive td,.table--responsive tr{
      clear:both;
      float:left;
      width:100%;
    }

    .table--responsive td,.table--responsive th{
      display:block;
      padding:15px;
      text-align:right;
    }

    .table--responsive td:before{
      content:attr(data-label);
      float:left;
      font-size:12px;
      padding-right:10px;
    }
  }

@media only screen and (max-width:768px){
  .table--small-hide{
    display:none !important;
  }

  .table__section+.table__section{
    margin-top:10px;
    padding-top:15px;
    position:relative;
  }

    .table__section+.table__section:after{
      border-bottom:1px solid;
      border-bottom-color:var(--colorBorder);
      content:"";
      display:block;
      left:15px;
      position:absolute;
      right:15px;
      top:0;
    }
}

details summary::-webkit-details-marker{
  display:none;
}

.faux-select,body,button,input,select,textarea{
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
  font-family:var(--typeBasePrimary), var(--typeBaseFallback);
  font-size:calc(var(--typeBaseSize)*0.92);
  letter-spacing:var(--typeBaseSpacing);
  line-height:var(--typeBaseLineHeight);
  text-rendering:optimizeSpeed;
}

@media only screen and (min-width:769px){

.faux-select,body,button,input,select,textarea{
    font-size:var(--typeBaseSize);
}
  }

body{
  font-weight:var(--typeBaseWeight);
}

p{
  margin:0 0 15px 0;
}

p img{
    margin:0;
  }

em{
  font-style:italic;
}

b,strong{
  font-weight:700;
}

p[data-spam-detection-disclaimer],small{
  font-size:0.85em;
}

sub,sup{
  font-size:60%;
  position:relative;
  vertical-align:baseline;
}

sup{
  top:-0.5em;
}

sub{
  bottom:-0.5em;
}

.rte blockquote,blockquote{
  margin:0;
  padding:15px 30px 40px;
}

.rte blockquote p,blockquote p{
    margin-bottom:0;
  }

.rte blockquote p+cite,blockquote p+cite{
      margin-top:15px;
    }

.rte blockquote cite,blockquote cite{
    display:block;
  }

code,pre{
  background-color:#faf7f5;
  border:0 none;
  color:#51ab62;
  font-family:Consolas,monospace;
  font-size:1em;
  padding:0 2px;
}

pre{
  margin:0 0 30px;
  overflow:auto;
  padding:15px;
}

.label,label:not(.variant__button-label):not(.text-label){
  font-size:0.8em;
  letter-spacing:0.3em;
  text-transform:uppercase;
}

label{
  display:block;
  margin-bottom:10px;
}

.label-info{
  display:block;
  margin-bottom:10px;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
  display:block;
  margin:0 0 10px;
}

@media only screen and (min-width:769px){

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin:0 0 15px;
}
  }

.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-weight:inherit;
    -webkit-text-decoration:none;
    text-decoration:none;
  }

.h1,.h2,.h3,h1,h2,h3{
  font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight:var(--typeHeaderWeight);
  letter-spacing:var(--typeHeaderSpacing);
  line-height:var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .h1,[data-type_header_capitalize=true] .h2,[data-type_header_capitalize=true] .h3,[data-type_header_capitalize=true] h1,[data-type_header_capitalize=true] h2,[data-type_header_capitalize=true] h3{
    text-transform:uppercase;
}

.h1,h1{
  font-size:calc(var(--typeHeaderSize)*0.85);
}

.h2,h2{
  font-size:calc(var(--typeHeaderSize)*0.73);
}

.h3,h3{
  font-size:calc(var(--typeHeaderSize)*0.62);
}

@media only screen and (min-width:769px){
  .h1,h1{
    font-size:var(--typeHeaderSize);
  }

  .h2,h2{
    font-size:calc(var(--typeHeaderSize)*0.85);
  }

  .h3,h3{
    font-size:calc(var(--typeHeaderSize)*0.65);
  }
}

.h4,h4{
  font-size:0.8em;
  letter-spacing:0.3em;
  text-transform:uppercase;
}

.h5,.h6,h5,h6{
  font-size:0.8em;
  letter-spacing:0.3em;
  margin-bottom:10px;
  text-transform:uppercase;
}

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

.h5,.h6,h5,h6{
    margin-bottom:5px;
}
  }

.subheading{
  letter-spacing:0.3em;
  text-transform:uppercase;
}

.text-spacing,.text-spacing.rte:last-child{
  margin-bottom:15px;
}

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

      .rte table td,.rte table th{
        padding:6px 8px;
      }
    }

.collapsible-content .rte table td,.collapsible-content .rte table th{
        padding:6px 8px;
      }

.comment-author{
  margin-bottom:0;
}

.comment-date{
  display:block;
  font-size:calc(var(--typeBaseSize)*0.85);
  margin-top:3px;
}

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

.comment-date{
    margin-bottom:15px;
}
  }

.ajaxcart__subtotal{
  font-size:0.8em;
  letter-spacing:0.3em;
  text-transform:uppercase;
}

.rte .enlarge-text{
    font-size:1.3em;
    margin:0;
  }

@media only screen and (min-width:769px){

.rte .enlarge-text--offset p{
        padding-right:15%;
    }

.text-center .rte .enlarge-text--offset p{
          padding:0 5%;
    }
      }

@media only screen and (min-width:769px){
  .table--small-text{
    font-size:calc(var(--typeBaseSize)*0.85);
  }
}

.index-section--footer h3{
    font-size:1.5em;
  }

html[dir=rtl] .text-left{
    text-align:right !important;
  }

html[dir=rtl] .text-right{
    text-align:left !important;
  }

.icon-and-text{
  align-items:center;
  display:flex;
  flex-wrap:nowrap;
}

.icon-and-text .icon{
    flex:0 0 auto;
  }

ol,ul{
  margin:0 0 15px 30px;
  padding:0;
  text-rendering:optimizeLegibility;
}

ol ol{
  list-style:lower-alpha;
}

ol{ list-style:decimal; }

ol ol,ol ul,ul ol,ul ul{ margin:4px 0 5px 20px; }

li{ margin-bottom:0.25em; }

ul.square{ list-style:square outside; }

ul.disc{ list-style:disc outside; }

ol.alpha{ list-style:lower-alpha outside; }

.no-bullets{
  list-style:none outside;
  margin-left:0;
}

.inline-list{
  margin:0;
  padding:0;
}

.inline-list li{
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle;
  }

table{
  background:var(--colorBorder);
  border:0 none;
  border-spacing:1px;
  position:relative;
  width:100%;
}

.table-wrapper{
  -webkit-overflow-scrolling:touch;
  max-width:100%;
  overflow:auto;
}

td,th{
  background:var(--colorBody);
  border:0 none;
  padding:10px 15px;
  text-align:left;
}

html[dir=rtl] td,html[dir=rtl] th{
    text-align:right;
}

th{
  font-weight:700;
}

.table__title,th{
  font-weight:700;
}

.text-link,a{
  background:transparent;
  color:var(--colorTextBody);
  -webkit-text-decoration:none;
  text-decoration:none;
}

.text-link:hover,a:hover{
    color:var(--colorTextBody);
  }

.text-link{
  background:none;
  border:0 none;
  display:inline;
  margin:0;
  padding:0;
}

.rte a,.shopify-email-marketing-confirmation__container a,.shopify-policy__container a{
  color:var(--colorLink);
}

button{
  color:currentColor;
  overflow:visible;
}

button[disabled],html input[disabled]{
  cursor:default;
}

.btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded{
  -webkit-appearance:none;
  -moz-appearance:none;
  background:var(--colorBtnPrimary);
  border:1px solid transparent;
  border-radius:var(--buttonRadius);
  color:var(--colorBtnPrimaryText);
  cursor:pointer;

  display:inline-block;

  font-size:calc(var(--typeBaseSize) - 4px);
  font-size:max(calc(var(--typeBaseSize) - 4px), 13px);
  font-weight:700;
  letter-spacing:0.3em;
  line-height:1.42;
  margin:0;
  min-width:90px;
  padding:11px 20px;
  text-align:center;
  -webkit-text-decoration:none;
  text-decoration:none;
  text-transform:uppercase;
  -webkit-user-select:none;
             -moz-user-select:none;
          user-select:none;
  vertical-align:middle;
  white-space:normal;
  width:auto;
}

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

.btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded{
    font-size:calc(var(--typeBaseSize) - 5px);
    font-size:max(calc(var(--typeBaseSize) - 5px), 11px);
    padding:9px 17px;
}
  }

.btn:hover,.rte .btn:hover,.shopify-payment-button .shopify-payment-button__button--unbranded:hover{
    background-color:var(--colorBtnPrimary);
    color:var(--colorBtnPrimaryText);
  }

.btn.disabled,.btn[disabled],.rte .btn.disabled,.rte .btn[disabled],.shopify-payment-button .shopify-payment-button__button--unbranded.disabled,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]{
    background-color:#f6f6f6;
    color:#b6b6b6;
    cursor:default;
  }

.btn.disabled:hover,.btn[disabled]:hover,.rte .btn.disabled:hover,.rte .btn[disabled]:hover,.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover{
      background-color:#f6f6f6;
      color:#b6b6b6;
    }

[data-button_style=angled] .btn.disabled:after,[data-button_style=angled] .btn.disabled:before,[data-button_style=angled] .btn[disabled]:after,[data-button_style=angled] .btn[disabled]:before,[data-button_style=angled] .rte .btn.disabled:after,[data-button_style=angled] .rte .btn.disabled:before,[data-button_style=angled] .rte .btn[disabled]:after,[data-button_style=angled] .rte .btn[disabled]:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:before{
        background-color:#f6f6f6;
        border-bottom:1px solid;
        border-bottom-color:#b6b6b6;
        border-top:1px solid;
        border-top-color:#b6b6b6;
      }

[data-button_style=angled] .btn,[data-button_style=angled] .rte .btn,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded{
    border:0;
    margin-left:10px;
    margin-right:10px;
    position:relative;
}

[data-button_style=angled] .btn:after,[data-button_style=angled] .btn:before,[data-button_style=angled] .rte .btn:after,[data-button_style=angled] .rte .btn:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:before{
      background-color:inherit;
      bottom:0;
      content:"";
      display:block;
      position:absolute;
      top:0;
      transform:skewX(-12deg);
      width:20px;
    }

[data-button_style=angled] .btn:before,[data-button_style=angled] .rte .btn:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:before{
      left:-6px;
    }

[data-button_style=angled] .btn:after,[data-button_style=angled] .rte .btn:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:after{
      right:-6px;
    }

[data-button_style=angled] .btn.btn--small:before,[data-button_style=angled] .rte .btn.btn--small:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.btn--small:before{
        left:-5px;
      }

[data-button_style=angled] .btn.btn--small:after,[data-button_style=angled] .rte .btn.btn--small:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.btn--small:after{
        right:-5px;
      }

[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static){
      overflow:hidden;
      position:relative;
      transition:background 0.2s ease 0s;
    }

[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after{
        background-image:linear-gradient(90deg,transparent, hsla(0,0%,100%,.25),transparent);
        content:"";
        height:100%;
        left:150%;
        position:absolute;
        top:0;
        transform:skewX(-20deg);
        width:200%;
      }

[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after{
        animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
      }

[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover{
        background:var(--colorBtnPrimaryLight);
        transition-delay:0.25s;
      }

[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active{
        background:var(--colorBtnPrimary);
        transition-delay:0s;
      }

.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]){
  background-color:var(--colorBtnPrimary);
  color:var(--colorBtnPrimaryText);
}

.shopify-payment-button__more-options{
  color:inherit;
}

.btn--secondary,.rte .btn--secondary{
  background-color:transparent;
  border:1px solid;
  border-color:var(--colorBorder);
  color:var(--colorTextBody);
}

[data-button_style=angled] .btn--secondary,[data-button_style=angled] .rte .btn--secondary{
    border-bottom:1px solid;
    border-bottom-color:var(--colorBorder);
    border-left:0;
    border-right:0;
    border-top:1px solid;
    border-top-color:var(--colorBorder);
}

[data-button_style=angled] .btn--secondary:after,[data-button_style=angled] .btn--secondary:before,[data-button_style=angled] .rte .btn--secondary:after,[data-button_style=angled] .rte .btn--secondary:before{
      background-color:transparent;
      bottom:-1px;
      top:-1px;
    }

[data-button_style=angled] .btn--secondary:before,[data-button_style=angled] .rte .btn--secondary:before{
      border-bottom:1px solid;
      border-bottom-color:var(--colorBorder);
      border-left:1px solid;
      border-left-color:var(--colorBorder);
    }

[data-button_style=angled] .btn--secondary:after,[data-button_style=angled] .rte .btn--secondary:after{
      border-right:1px solid;
      border-right-color:var(--colorBorder);
      border-top:1px solid;
      border-top-color:var(--colorBorder);
    }

.btn--secondary:hover,.rte .btn--secondary:hover{
    background-color:transparent;
    border-color:var(--colorTextBody);
    color:var(--colorTextBody);
    transition:border 0.3s ease;
  }

.btn--secondary:hover:before,.rte .btn--secondary:hover:before{
      border-color:var(--colorTextBody);
      transition:border 0.3s ease;
    }

.btn--secondary:hover:after,.rte .btn--secondary:hover:after{
      border-color:var(--colorTextBody);
      transition:border 0.3s ease;
    }

.btn--tertiary,.rte .btn--tertiary{
  background-color:transparent;
  border:1px solid;
  border-color:var(--colorBorder);
  color:var(--colorTextBody);
  font-weight:400;
  letter-spacing:normal;
  padding:8px 10px;
  text-transform:none;
  white-space:nowrap;
}

.btn--tertiary:hover,.rte .btn--tertiary:hover{
    background-color:transparent;
    color:var(--colorTextBody);
  }

.btn--tertiary.disabled,.btn--tertiary[disabled],.rte .btn--tertiary.disabled,.rte .btn--tertiary[disabled]{
    background-color:#f6f6f6;
    border-color:#b6b6b6;
    color:#b6b6b6;
    cursor:default;
  }

[data-button_style=angled] .btn--tertiary,[data-button_style=angled] .rte .btn--tertiary{
    margin-left:0;
    margin-right:0;
}

[data-button_style=angled] .btn--tertiary:after,[data-button_style=angled] .btn--tertiary:before,[data-button_style=angled] .rte .btn--tertiary:after,[data-button_style=angled] .rte .btn--tertiary:before{
      content:none;
    }

.btn--tertiary-active{
  background:var(--colorBtnPrimary);
  border-color:var(--colorBtnPrimary);
  color:var(--colorBtnPrimaryText);
}

.btn--tertiary-active:hover{
    background:var(--colorBtnPrimary);
    color:var(--colorBtnPrimaryText);
  }

.btn--body{
  background-color:var(--colorBody);
  border:1px solid;
  border-color:var(--colorBorder);
  color:var(--colorTextBody);
}

.btn--body:active,.btn--body:hover{
    background-color:var(--colorBody);
    border:1px solid;
    border-color:var(--colorBorder);
    color:var(--colorTextBody);
  }

.btn--circle{
  border-radius:50%;
  line-height:1;
  min-width:0;
  padding:10px;
}

.btn--circle .icon{
    height:20px;
    width:20px;
  }

.btn--circle:after,.btn--circle:before{
    background:none;
    content:none;
    width:auto;
  }

.btn--circle.btn--large .icon{
    height:30px;
    width:30px;
  }

.btn--circle.btn--large{
    padding:15px;
  }

[data-button_style=angled] .btn--circle{
    border:1px solid;
    border-color:var(--colorBorder);
}

[data-button_style=angled] .btn--circle:after,[data-button_style=angled] .btn--circle:before{
      display:none;
    }

.btn--small{
  background-position:150% 45%;
  font-size:calc(var(--typeBaseSize) - 6px);
  font-size:max(calc(var(--typeBaseSize) - 6px), 12px);
  min-width:90px;
  padding:8px 14px;
}

[data-button_style=angled] .btn--small{
    margin-left:10px;
    padding-left:16px;
    padding-right:16px;
}

.btn--secondary.btn--small{
  font-weight:400;
}

.btn--large{
  padding:15px 20px;
}

.btn--full{
  padding:11px 20px;
  padding:13px 20px;
  transition:none;
  width:100%;
}

[data-button_style=angled] .btn--full{
    max-width:94%;
}

[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded{
    max-width:94%;
}

.btn--inverse{
  background-color:transparent;
  border:2px solid #fff;
  color:#fff;
}

.btn--inverse:focus,.btn--inverse:hover{
    background-color:transparent;
  }

[data-button_style=angled] .btn--inverse{
    border-bottom:2px solid;
    border-left:0;
    border-right:0;
    border-top:2px solid;
}

[data-button_style=angled] .btn--inverse:after,[data-button_style=angled] .btn--inverse:before{
      background-color:transparent;
      border-color:#fff;
      bottom:-2px;
      top:-2px;
    }

[data-button_style=angled] .btn--inverse:before{
      border-bottom:2px solid;
      border-left:2px solid;
    }

[data-button_style=angled] .btn--inverse:after{
      border-right:2px solid;
      border-top:2px solid;
    }

.hero__link .btn--inverse{
    border-color:var(--colorHeroText);
    color:var(--colorHeroText);
}

[data-button_style=angled] .hero__link .btn--inverse:before{
        border-color:var(--colorHeroText);
      }

[data-button_style=angled] .hero__link .btn--inverse:after{
        border-color:var(--colorHeroText);
      }

.btn--loading{
  background-color:var(--colorBtnPrimaryDim);
  color:var(--colorBtnPrimaryDim);
  position:relative;
  text-indent:-9999px;
}

.btn--loading:active,.btn--loading:hover{
    background-color:var(--colorBtnPrimaryDim);
    color:var(--colorBtnPrimaryDim);
  }

.btn--loading:before{
    animation:spin 1s linear infinite;
    border:3px solid;
    border-color:var(--colorBtnPrimaryText);
    border-radius:50%;
    border-top-color:transparent;
    content:"";
    display:block;
    height:24px;
    left:50%;
    margin-left:-12px;
    margin-top:-12px;
    position:absolute;
    top:50%;
    width:24px;
  }

[data-button_style=angled] .btn--loading:before{
      border-color:var(--colorBtnPrimaryText) !important;
      border-top-color:transparent !important;
    }

[data-button_style=angled] .btn--loading:before{
      border:3px solid;
      height:24px;
      left:50%;
      top:50%;
      transform:none;
      width:24px;
    }

[data-button_style=angled] .btn--loading:after{
      background-color:var(--colorBtnPrimaryDim);
    }

[data-button_style=angled] .btn--loading.btn--secondary:after{
      bottom:1px;
    }

.btn--loading.btn--secondary{
  background:transparent;
  color:var(--colorTextBody);
}

.btn--loading.btn--secondary:before{
    border-color:var(--colorTextBody);
    border-top-color:transparent;
  }

.return-link{
  margin-top:50px;
  padding:15px 25px;
  text-align:center;
}

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

.return-link{
    padding:22px 17px;
    width:100%;
}

[data-button_style=angled] .return-link{
      width:90%;
}
  }

.return-link .icon{
    margin-right:8px;
    width:20px;
  }

.collapsible-trigger-btn{
  text-align:left;
}

[data-center-text=true] .collapsible-trigger-btn{
    text-align:center;
}

.collapsible-trigger-btn{
  display:block;
  font-size:0.8em;
  letter-spacing:0.3em;
  padding:15px 10px 15px 0;
  text-transform:uppercase;
  width:100%;
}

.collection-sidebar__group .collapsible-trigger-btn{
    text-align:left;
}

.collapsible-trigger-btn--borders{
  border:1px solid;
  border-color:var(--colorBorder);
  border-bottom:0;
  padding:12px;
}

.collapsible-trigger-btn--borders .collapsible-trigger__icon{
    right:12px;
  }

@media only screen and (min-width:769px){

.collapsible-trigger-btn--borders{
    padding:15px;
}

    .collapsible-trigger-btn--borders .collapsible-trigger__icon{
      right:15px;
    }
  }

.collapsible-content+.collapsible-trigger-btn--borders{
    margin-top:-1px;
}

.collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner{
    border:1px solid;
    border-color:var(--colorBorder);
    border-top:0;
    font-size:calc(var(--typeBaseSize)*0.92);
    padding:0 20px 20px;
  }

.collapsible-trigger-btn--borders+.collapsible-content--expanded{
    margin-bottom:30px;
  }

.collapsible-trigger-btn--borders+.collapsible-content--expanded:last-child{
      margin-bottom:-1px;
    }

.collapsible-trigger-btn--borders-top{
  border-top:1px solid;
  border-top-color:var(--colorBorder);
}

.shopify-payment-button{
  margin-top:10px;
}

.shopify-payment-button .shopify-payment-button__button--unbranded{
  display:block;
  transition:none;
  width:100%;
}

.payment-buttons .add-to-cart,.payment-buttons .shopify-payment-button,.payment-buttons .shopify-payment-button__button--unbranded{
    min-height:50px;
  }

.add-to-cart.btn--secondary{
  border:1px solid;
  border-color:var(--colorTextBody);
}

[data-button_style=angled] .add-to-cart.btn--secondary{
    border-left:0;
    border-right:0;
}

[data-button_style=angled] .add-to-cart.btn--secondary:after,[data-button_style=angled] .add-to-cart.btn--secondary:before{
      border-color:var(--colorTextBody);
    }

.add-to-cart.btn--secondary.disabled,.add-to-cart.btn--secondary[disabled]{
    border-color:#b6b6b6;
  }

[data-button_style=angled] .add-to-cart.btn--secondary.disabled:after,[data-button_style=angled] .add-to-cart.btn--secondary.disabled:before,[data-button_style=angled] .add-to-cart.btn--secondary[disabled]:after,[data-button_style=angled] .add-to-cart.btn--secondary[disabled]:before{
        border-color:#b6b6b6;
      }

.shopify-payment-button__button--hidden{
  display:none !important;
}

svg:not(:root){
  overflow:hidden;
}

iframe{
  max-width:100%;
}

.video-wrapper{
  height:0;
  height:auto;
  max-width:100%;
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
}

.video-wrapper iframe,.video-wrapper video{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
  }

.video-wrapper--modal{
  width:1000px;
}

.grid__image-ratio{
  background-color:var(--colorSmallImageBg);
  position:relative;
}

.grid__image-ratio img{
    height:100%;
    left:0;
    -o-object-fit:cover;
       object-fit:cover;
    position:absolute;
    top:0;
    width:100%;
  }

.grid__image-ratio img.grid__image-contain{
      -o-object-fit:contain;
         object-fit:contain;
    }

.grid__image-ratio:before{
    content:"";
    display:block;
    height:0;
    width:100%;
  }

.grid__image-ratio .placeholder-svg{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
  }

.grid__image-ratio--object{
  opacity:1;
}

.grid__image-ratio--wide:before{
  padding-bottom:56.25%;
}

.grid__image-ratio--landscape:before{
  padding-bottom:75%;
}

.grid__image-ratio--square:before{
  padding-bottom:100%;
}

.grid__image-ratio--portrait:before{
  padding-bottom:150%;
}

.image-fit{
  font-family:"object-fit: cover";
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  position:relative;
  width:100%;
  z-index:1;
}

.parallax-container{
  height:160%;
  left:0;
  position:absolute;
  top:-30%;
  width:100%;
}

.parallax-image{
  height:110%;
  left:0;
  position:absolute;
  top:-5%;
  width:100%;
}

.parallax-image img{
    display:block;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
    width:100%;
  }

form{
  margin:0;
}

[data-center-text=true] .form-vertical{
    text-align:center;
}

.form-vertical{
  margin-bottom:15px;
}

.form-vertical label{
    text-align:left;
  }

.inline{
  display:inline;
}

@media only screen and (max-width:959px){
  input,select,textarea{
    font-size:16px !important;
  }
}

button,input,textarea{
  -webkit-appearance:none;
  -moz-appearance:none;
}

button{
  background:none;
  border:none;
  cursor:pointer;
  display:inline-block;
}

fieldset{
  border:1px solid;
  border-color:var(--colorBorder);
  padding:15px;
}

legend{
  border:0;
  padding:0;
}

button,input[type=submit]{
  cursor:pointer;
}

input,select,textarea{
  border:1px solid;
  border-color:var(--colorBorder);
  border-radius:0;
  max-width:100%;
  padding:8px 10px;
}

input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{
    border-color:#b6b6b6;
    cursor:default;
  }

input.input-full,select.input-full,textarea.input-full{
    width:100%;
  }

textarea{
  min-height:100px;
}

input[type=checkbox],input[type=radio]{
  margin:0 10px 0 0;
  padding:0;
  width:auto;
}

input[type=checkbox]{
  -webkit-appearance:checkbox;
  -moz-appearance:checkbox;
}

input[type=radio]{
  -webkit-appearance:radio;
  -moz-appearance:radio;
}

input[type=image]{
  padding-left:0;
  padding-right:0;
}

.faux-select,select{
  -webkit-appearance:none;
             -moz-appearance:none;
          appearance:none;
  background-color:transparent;
  color:inherit;
  cursor:pointer;
  padding-right:28px;
  text-indent:0.01px;
  text-overflow:"";
}

select{
  background-image:var(--urlIcoSelect);
  background-position:100%;
  background-position:right 10px center;
  background-repeat:no-repeat;
  background-size:11px;
}

.is-light select{
    background-image:var(--urlIcoSelectWhite);
}

.faux-select .icon{
  height:11px;
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:11px;
}

optgroup{
  font-weight:700;
}

option{
  background-color:#fff;
  color:#000;
}

option[disabled]{
    color:#ccc;
  }

select::-ms-expand{
  display:none;
}

.hidden-label{
  clip:rect(0 0 0 0);
  border:0;
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

label[for]{
  cursor:pointer;
}

.form-vertical input,.form-vertical select,.form-vertical textarea{
    display:block;
    margin-bottom:30px;
  }

.form-vertical .btn,.form-vertical input[type=checkbox],.form-vertical input[type=radio]{
    display:inline-block;
  }

.form-vertical .btn:not(:last-child){
    margin-bottom:30px;
  }

small{
  display:block;
}

input.error,textarea.error{
    background-color:#fff6f6;
    border-color:#d02e2e;
    color:#d02e2e;
  }

label.error{
  color:#d02e2e;
}

.selector-wrapper label{
    margin-right:10px;
  }

.selector-wrapper+.selector-wrapper{
    margin-top:15px;
  }

.input-group{
  display:flex;
}

.input-group .input-group-btn:first-child .btn,.input-group .input-group-field:first-child,.input-group input[type=hidden]:first-child+.input-group-field{
    border-radius:0 0 0 0;
  }

.input-group .input-group-field:last-child{
    border-radius:0 0 0 0;
  }

.input-group .input-group-btn:first-child .btn,.input-group input[type=hidden]:first-child+.input-group-btn .btn{
    border-radius:var(--buttonRadius) 0 0 var(--buttonRadius);
  }

.input-group .input-group-btn:last-child .btn{
    border-radius:0 var(--buttonRadius) var(--buttonRadius) 0;
  }

.input-group input::-moz-focus-inner{
      border:0;
      margin-bottom:-1px;
      margin-top:-1px;
      padding:0;
    }

.input-group-field{
  flex:1 1 auto;
  margin:0;
  min-width:0;
}

.input-group-btn{
  display:flex;
  flex:0 1 auto;
  margin:0;
}

.input-group-btn .icon{
    vertical-align:initial;
  }

[data-button_style=angled] .input-group-btn{
    left:-8px;
    position:relative;
}

.icon{
  fill:currentColor;
  display:inline-block;
  height:20px;
  vertical-align:middle;
  width:20px;
}

.no-svg .icon{
    display:none;
}

svg.icon circle,svg.icon ellipse,svg.icon g,svg.icon line,svg.icon path,svg.icon polygon,svg.icon polyline,svg.icon rect,symbol.icon circle,symbol.icon ellipse,symbol.icon g,symbol.icon line,symbol.icon path,symbol.icon polygon,symbol.icon polyline,symbol.icon rect{
      fill:inherit;
      stroke:inherit;
    }

svg.icon-bag circle,svg.icon-bag ellipse,svg.icon-bag g,svg.icon-bag line,svg.icon-bag path,svg.icon-bag polygon,svg.icon-bag polyline,svg.icon-bag rect,svg.icon-bag-minimal circle,svg.icon-bag-minimal ellipse,svg.icon-bag-minimal g,svg.icon-bag-minimal line,svg.icon-bag-minimal path,svg.icon-bag-minimal polygon,svg.icon-bag-minimal polyline,svg.icon-bag-minimal rect,svg.icon-cart circle,svg.icon-cart ellipse,svg.icon-cart g,svg.icon-cart line,svg.icon-cart path,svg.icon-cart polygon,svg.icon-cart polyline,svg.icon-cart rect,svg.icon-chevron-down circle,svg.icon-chevron-down ellipse,svg.icon-chevron-down g,svg.icon-chevron-down line,svg.icon-chevron-down path,svg.icon-chevron-down polygon,svg.icon-chevron-down polyline,svg.icon-chevron-down rect,svg.icon-circle-checkmark circle,svg.icon-circle-checkmark ellipse,svg.icon-circle-checkmark g,svg.icon-circle-checkmark line,svg.icon-circle-checkmark path,svg.icon-circle-checkmark polygon,svg.icon-circle-checkmark polyline,svg.icon-circle-checkmark rect,svg.icon-close circle,svg.icon-close ellipse,svg.icon-close g,svg.icon-close line,svg.icon-close path,svg.icon-close polygon,svg.icon-close polyline,svg.icon-close rect,svg.icon-email circle,svg.icon-email ellipse,svg.icon-email g,svg.icon-email line,svg.icon-email path,svg.icon-email polygon,svg.icon-email polyline,svg.icon-email rect,svg.icon-filter circle,svg.icon-filter ellipse,svg.icon-filter g,svg.icon-filter line,svg.icon-filter path,svg.icon-filter polygon,svg.icon-filter polyline,svg.icon-filter rect,svg.icon-gift circle,svg.icon-gift ellipse,svg.icon-gift g,svg.icon-gift line,svg.icon-gift path,svg.icon-gift polygon,svg.icon-gift polyline,svg.icon-gift rect,svg.icon-globe circle,svg.icon-globe ellipse,svg.icon-globe g,svg.icon-globe line,svg.icon-globe path,svg.icon-globe polygon,svg.icon-globe polyline,svg.icon-globe rect,svg.icon-hamburger circle,svg.icon-hamburger ellipse,svg.icon-hamburger g,svg.icon-hamburger line,svg.icon-hamburger path,svg.icon-hamburger polygon,svg.icon-hamburger polyline,svg.icon-hamburger rect,svg.icon-heart circle,svg.icon-heart ellipse,svg.icon-heart g,svg.icon-heart line,svg.icon-heart path,svg.icon-heart polygon,svg.icon-heart polyline,svg.icon-heart rect,svg.icon-leaf circle,svg.icon-leaf ellipse,svg.icon-leaf g,svg.icon-leaf line,svg.icon-leaf path,svg.icon-leaf polygon,svg.icon-leaf polyline,svg.icon-leaf rect,svg.icon-lock circle,svg.icon-lock ellipse,svg.icon-lock g,svg.icon-lock line,svg.icon-lock path,svg.icon-lock polygon,svg.icon-lock polyline,svg.icon-lock rect,svg.icon-package circle,svg.icon-package ellipse,svg.icon-package g,svg.icon-package line,svg.icon-package path,svg.icon-package polygon,svg.icon-package polyline,svg.icon-package rect,svg.icon-phone circle,svg.icon-phone ellipse,svg.icon-phone g,svg.icon-phone line,svg.icon-phone path,svg.icon-phone polygon,svg.icon-phone polyline,svg.icon-phone rect,svg.icon-ribbon circle,svg.icon-ribbon ellipse,svg.icon-ribbon g,svg.icon-ribbon line,svg.icon-ribbon path,svg.icon-ribbon polygon,svg.icon-ribbon polyline,svg.icon-ribbon rect,svg.icon-search circle,svg.icon-search ellipse,svg.icon-search g,svg.icon-search line,svg.icon-search path,svg.icon-search polygon,svg.icon-search polyline,svg.icon-search rect,svg.icon-shield circle,svg.icon-shield ellipse,svg.icon-shield g,svg.icon-shield line,svg.icon-shield path,svg.icon-shield polygon,svg.icon-shield polyline,svg.icon-shield rect,svg.icon-size-chart circle,svg.icon-size-chart ellipse,svg.icon-size-chart g,svg.icon-size-chart line,svg.icon-size-chart path,svg.icon-size-chart polygon,svg.icon-size-chart polyline,svg.icon-size-chart rect,svg.icon-tag circle,svg.icon-tag ellipse,svg.icon-tag g,svg.icon-tag line,svg.icon-tag path,svg.icon-tag polygon,svg.icon-tag polyline,svg.icon-tag rect,svg.icon-tcwi-bills circle,svg.icon-tcwi-bills ellipse,svg.icon-tcwi-bills g,svg.icon-tcwi-bills line,svg.icon-tcwi-bills path,svg.icon-tcwi-bills polygon,svg.icon-tcwi-bills polyline,svg.icon-tcwi-bills rect,svg.icon-tcwi-calendar circle,svg.icon-tcwi-calendar ellipse,svg.icon-tcwi-calendar g,svg.icon-tcwi-calendar line,svg.icon-tcwi-calendar path,svg.icon-tcwi-calendar polygon,svg.icon-tcwi-calendar polyline,svg.icon-tcwi-calendar rect,svg.icon-tcwi-cart circle,svg.icon-tcwi-cart ellipse,svg.icon-tcwi-cart g,svg.icon-tcwi-cart line,svg.icon-tcwi-cart path,svg.icon-tcwi-cart polygon,svg.icon-tcwi-cart polyline,svg.icon-tcwi-cart rect,svg.icon-tcwi-charity circle,svg.icon-tcwi-charity ellipse,svg.icon-tcwi-charity g,svg.icon-tcwi-charity line,svg.icon-tcwi-charity path,svg.icon-tcwi-charity polygon,svg.icon-tcwi-charity polyline,svg.icon-tcwi-charity rect,svg.icon-tcwi-chat circle,svg.icon-tcwi-chat ellipse,svg.icon-tcwi-chat g,svg.icon-tcwi-chat line,svg.icon-tcwi-chat path,svg.icon-tcwi-chat polygon,svg.icon-tcwi-chat polyline,svg.icon-tcwi-chat rect,svg.icon-tcwi-gears circle,svg.icon-tcwi-gears ellipse,svg.icon-tcwi-gears g,svg.icon-tcwi-gears line,svg.icon-tcwi-gears path,svg.icon-tcwi-gears polygon,svg.icon-tcwi-gears polyline,svg.icon-tcwi-gears rect,svg.icon-tcwi-gift circle,svg.icon-tcwi-gift ellipse,svg.icon-tcwi-gift g,svg.icon-tcwi-gift line,svg.icon-tcwi-gift path,svg.icon-tcwi-gift polygon,svg.icon-tcwi-gift polyline,svg.icon-tcwi-gift rect,svg.icon-tcwi-globe circle,svg.icon-tcwi-globe ellipse,svg.icon-tcwi-globe g,svg.icon-tcwi-globe line,svg.icon-tcwi-globe path,svg.icon-tcwi-globe polygon,svg.icon-tcwi-globe polyline,svg.icon-tcwi-globe rect,svg.icon-tcwi-open-envelope circle,svg.icon-tcwi-open-envelope ellipse,svg.icon-tcwi-open-envelope g,svg.icon-tcwi-open-envelope line,svg.icon-tcwi-open-envelope path,svg.icon-tcwi-open-envelope polygon,svg.icon-tcwi-open-envelope polyline,svg.icon-tcwi-open-envelope rect,svg.icon-tcwi-package circle,svg.icon-tcwi-package ellipse,svg.icon-tcwi-package g,svg.icon-tcwi-package line,svg.icon-tcwi-package path,svg.icon-tcwi-package polygon,svg.icon-tcwi-package polyline,svg.icon-tcwi-package rect,svg.icon-tcwi-phone circle,svg.icon-tcwi-phone ellipse,svg.icon-tcwi-phone g,svg.icon-tcwi-phone line,svg.icon-tcwi-phone path,svg.icon-tcwi-phone polygon,svg.icon-tcwi-phone polyline,svg.icon-tcwi-phone rect,svg.icon-tcwi-plant circle,svg.icon-tcwi-plant ellipse,svg.icon-tcwi-plant g,svg.icon-tcwi-plant line,svg.icon-tcwi-plant path,svg.icon-tcwi-plant polygon,svg.icon-tcwi-plant polyline,svg.icon-tcwi-plant rect,svg.icon-tcwi-recycle circle,svg.icon-tcwi-recycle ellipse,svg.icon-tcwi-recycle g,svg.icon-tcwi-recycle line,svg.icon-tcwi-recycle path,svg.icon-tcwi-recycle polygon,svg.icon-tcwi-recycle polyline,svg.icon-tcwi-recycle rect,svg.icon-tcwi-ribbon circle,svg.icon-tcwi-ribbon ellipse,svg.icon-tcwi-ribbon g,svg.icon-tcwi-ribbon line,svg.icon-tcwi-ribbon path,svg.icon-tcwi-ribbon polygon,svg.icon-tcwi-ribbon polyline,svg.icon-tcwi-ribbon rect,svg.icon-tcwi-sales-tag circle,svg.icon-tcwi-sales-tag ellipse,svg.icon-tcwi-sales-tag g,svg.icon-tcwi-sales-tag line,svg.icon-tcwi-sales-tag path,svg.icon-tcwi-sales-tag polygon,svg.icon-tcwi-sales-tag polyline,svg.icon-tcwi-sales-tag rect,svg.icon-tcwi-shield circle,svg.icon-tcwi-shield ellipse,svg.icon-tcwi-shield g,svg.icon-tcwi-shield line,svg.icon-tcwi-shield path,svg.icon-tcwi-shield polygon,svg.icon-tcwi-shield polyline,svg.icon-tcwi-shield rect,svg.icon-tcwi-stopwatch circle,svg.icon-tcwi-stopwatch ellipse,svg.icon-tcwi-stopwatch g,svg.icon-tcwi-stopwatch line,svg.icon-tcwi-stopwatch path,svg.icon-tcwi-stopwatch polygon,svg.icon-tcwi-stopwatch polyline,svg.icon-tcwi-stopwatch rect,svg.icon-tcwi-store circle,svg.icon-tcwi-store ellipse,svg.icon-tcwi-store g,svg.icon-tcwi-store line,svg.icon-tcwi-store path,svg.icon-tcwi-store polygon,svg.icon-tcwi-store polyline,svg.icon-tcwi-store rect,svg.icon-tcwi-thumbs-up circle,svg.icon-tcwi-thumbs-up ellipse,svg.icon-tcwi-thumbs-up g,svg.icon-tcwi-thumbs-up line,svg.icon-tcwi-thumbs-up path,svg.icon-tcwi-thumbs-up polygon,svg.icon-tcwi-thumbs-up polyline,svg.icon-tcwi-thumbs-up rect,svg.icon-tcwi-trophy circle,svg.icon-tcwi-trophy ellipse,svg.icon-tcwi-trophy g,svg.icon-tcwi-trophy line,svg.icon-tcwi-trophy path,svg.icon-tcwi-trophy polygon,svg.icon-tcwi-trophy polyline,svg.icon-tcwi-trophy rect,svg.icon-tcwi-truck circle,svg.icon-tcwi-truck ellipse,svg.icon-tcwi-truck g,svg.icon-tcwi-truck line,svg.icon-tcwi-truck path,svg.icon-tcwi-truck polygon,svg.icon-tcwi-truck polyline,svg.icon-tcwi-truck rect,svg.icon-tcwi-wallet circle,svg.icon-tcwi-wallet ellipse,svg.icon-tcwi-wallet g,svg.icon-tcwi-wallet line,svg.icon-tcwi-wallet path,svg.icon-tcwi-wallet polygon,svg.icon-tcwi-wallet polyline,svg.icon-tcwi-wallet rect,svg.icon-truck circle,svg.icon-truck ellipse,svg.icon-truck g,svg.icon-truck line,svg.icon-truck path,svg.icon-truck polygon,svg.icon-truck polyline,svg.icon-truck rect,svg.icon-user circle,svg.icon-user ellipse,svg.icon-user g,svg.icon-user line,svg.icon-user path,svg.icon-user polygon,svg.icon-user polyline,svg.icon-user rect{
      fill:none;
      stroke-width:var(--iconWeight);
      stroke:currentColor;
      stroke-linecap:var(--iconLinecaps);
      stroke-linejoin:var(--iconLinecaps);
    }

svg.icon-cart circle{
  fill:currentColor;
}

.icon__fallback-text{
  clip:rect(0 0 0 0);
  border:0;
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.js-drawer-open{
  overflow:hidden;
}

.drawer{
  -webkit-overflow-scrolling:touch;
  background-color:var(--colorDrawers);
  bottom:0;
  box-shadow:0 0 150px rgba(0,0,0,.1);
  color:var(--colorDrawerText);
  display:none;
  max-width:95%;
  overflow:hidden;
  position:fixed;
  top:0;
  transition:transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index:30;
}

@media screen and (max-height:400px){

.drawer{
    overflow:scroll;
}

    .drawer .drawer__contents{
      height:auto;
    }
  }

.drawer a:not(.btn){
    color:var(--colorDrawerText);
  }

.drawer a:not(.btn):hover{
      color:var(--colorDrawerText);
    }

.drawer input,.drawer textarea{
    border-color:var(--colorDrawerBorder);
  }

.drawer .btn{
    background-color:var(--colorDrawerButton);
    color:var(--colorDrawerButtonText);
  }

.drawer--left{
  left:-350px;
  width:350px;
}

.drawer--left.drawer--is-open{
    display:block;
    transform:translateX(350px);
    transition-duration:0.45s;
  }

.drawer--right{
  right:-350px;
  width:350px;
}

@media only screen and (min-width:769px){

.drawer--right{
    right:-450px;
    width:450px;
}
  }

.drawer--right.drawer--is-open{
    display:block;
    transform:translateX(-350px);
    transition-duration:0.45s;
  }

@media only screen and (min-width:769px){

.drawer--right.drawer--is-open{
      transform:translateX(-450px);
  }
    }

.js-drawer-closing .main-content:after,.js-drawer-open .main-content:after{
  background-color:var(--colorModalBg);
  bottom:0;
  content:"";
  display:block;
  left:0;
  opacity:0;
  position:fixed;
  right:0;
  top:0;
  z-index:26;
}

.js-drawer-open .main-content:after{
  animation:overlay-on 0.35s forwards;
}

.js-drawer-closing .main-content:after{
  animation:overlay-off 0.25s forwards;
}

.drawer__fixed-header,.drawer__footer,.drawer__header,.drawer__scrollable{
  padding-left:var(--drawer-gutter);
  padding-right:var(--drawer-gutter);
}

.drawer__header{
  border-bottom:1px solid;
  border-bottom-color:var(--colorDrawerBorder);
  display:table;
  margin-bottom:0;
  min-height:70px;
  padding:11.53846px 0;
  width:100%;
}

.drawer__fixed-header{
  min-height:70px;
  overflow:visible;
}

.drawer__fixed-header,.drawer__header{
  height:auto;
}

@media only screen and (min-width:769px){
  .drawer__fixed-header,.drawer__header{
    min-height:80px;
  }
}

.drawer__close,.drawer__title{
  display:table-cell;
  vertical-align:middle;
}

.drawer__title{
  width:100%;
}

.drawer__close{
  text-align:center;
  width:1%;
}

.drawer__close-button{
  color:inherit;
  height:100%;
  padding:0 var(--drawer-gutter);
  position:relative;
  right:calc(var(--drawer-gutter)*-1);
}

.drawer__close-button:active{
    background-color:var(--colorDrawersDim);
  }

.drawer__close-button .icon{
    height:28px;
    width:28px;
  }

.drawer__close--left{
  text-align:left;
}

.drawer__close--left .drawer__close-button{
    left:calc(var(--drawer-gutter)*-1);
    right:auto;
  }

.drawer__contents{
  display:flex;
  flex-direction:column;
  height:100%;
}

.drawer__inner,.drawer__scrollable{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  overflow-y:hidden;
}

.drawer__scrollable{
  -webkit-overflow-scrolling:touch;
  overflow:hidden;
  overflow-y:auto;
  padding-top:var(--drawer-gutter);
}

.drawer__footer{
  border-top:1px solid;
  border-top-color:var(--colorDrawerBorder);
  padding-bottom:var(--drawer-gutter);
  padding-top:15px;
}

@media only screen and (min-width:769px){

.drawer__footer{
    padding-top:22.22222px;
}
  }

.drawer__inner.is-loading .drawer__scrollable{
    opacity:0.4;
    transition:opacity 0.3s ease 0.7s;
  }

.cart-notes{
  height:60px;
  margin-bottom:10px;
  margin-top:10px;
  min-height:60px;
}

@media only screen and (min-width:769px){

.cart-notes{
    height:80px;
    min-height:80px;
}
  }

.placeholder-svg{
  fill:#a8a29e;
  background-color:#e1e1e1;
  display:block;
  height:100%;
  max-height:100%;
  max-width:100%;
  padding:30px 0;
  width:100%;
}

.placeholder-noblocks{
  padding:40px;
  text-align:center;
}

.placeholder-content{
  animation:placeholder-shimmer 1.3s linear infinite;
  background-size:400% 100%;
  border-radius:16px;
  margin-bottom:20px;
  overflow:hidden;
}

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

.placeholder-content{
    margin-left:auto;
    margin-right:auto;
}
  }

.animation-delay-20{animation-delay:1.2s;}

.animation-delay-19{animation-delay:1.14s;}

.animation-delay-18{animation-delay:1.08s;}

.animation-delay-17{animation-delay:1.02s;}

.animation-delay-16{animation-delay:0.96s;}

.animation-delay-15{animation-delay:0.9s;}

.animation-delay-14{animation-delay:0.84s;}

.animation-delay-13{animation-delay:0.78s;}

.animation-delay-12{animation-delay:0.72s;}

.animation-delay-11{animation-delay:0.66s;}

.animation-delay-10{animation-delay:0.6s;}

.animation-delay-9{animation-delay:0.54s;}

.animation-delay-8{animation-delay:0.48s;}

.animation-delay-7{animation-delay:0.42s;}

.animation-delay-6{animation-delay:0.36s;}

.animation-delay-5{animation-delay:0.3s;}

.animation-delay-4{animation-delay:0.24s;}

.animation-delay-3{animation-delay:0.18s;}

.animation-delay-2{animation-delay:0.12s;}

.appear-delay-20{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;}

.appear-delay-19{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.34s;}

.appear-delay-18{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s;}

.appear-delay-17{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.22s;}

.appear-delay-16{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.16s;}

.appear-delay-15{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s;}

.appear-delay-14{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.04s;}

.appear-delay-13{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.98s;}

.appear-delay-12{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.92s;}

.appear-delay-11{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.86s;}

.appear-delay-10{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;}

.appear-delay-9{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.74s;}

.appear-delay-8{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.68s;}

.appear-delay-7{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s;}

.appear-delay-6{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s;}

.appear-delay-5{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;}

.appear-delay-4{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s;}

.appear-delay-3{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s;}

.appear-delay-2{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s;}

.appear-delay-1{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;}

.animation-cropper{
  display:inline-flex;
  overflow:hidden;
}

.image-wrap{
  background:var(--colorSmallImageBg);
  overflow:hidden;
  position:relative;
}

.image-wrap .animate-me,.image-wrap svg{
    opacity:0;
  }

.no-js .image-wrap .animate-me,.no-js .image-wrap svg{
      opacity:1;
  }

.aos-animate .image-wrap .animate-me,.aos-animate .image-wrap svg{
    animation:fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  }

.aos-animate[data-aos=row-of-3]:nth-child(3n+2) .image-wrap img{
    animation-delay:150ms;
}

.aos-animate[data-aos=row-of-3]:nth-child(3n+3) .image-wrap img{
    animation-delay:300ms;
}

.aos-animate[data-aos=row-of-4]:nth-child(4n+2) .image-wrap img{
    animation-delay:120ms;
}

.aos-animate[data-aos=row-of-4]:nth-child(4n+3) .image-wrap img{
    animation-delay:240ms;
}

.aos-animate[data-aos=row-of-4]:nth-child(4n+4) .image-wrap img{
    animation-delay:360ms;
}

.aos-animate[data-aos=row-of-5]:nth-child(5n+2) .image-wrap img{
    animation-delay:75ms;
}

.aos-animate[data-aos=row-of-5]:nth-child(5n+3) .image-wrap img{
    animation-delay:150ms;
}

.aos-animate[data-aos=row-of-5]:nth-child(5n+4) .image-wrap img{
    animation-delay:225ms;
}

.aos-animate[data-aos=row-of-5]:nth-child(5n+5) .image-wrap img{
    animation-delay:300ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+2) .image-wrap img{
    animation-delay:50ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+3) .image-wrap img{
    animation-delay:100ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+4) .image-wrap img{
    animation-delay:150ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+5) .image-wrap img{
    animation-delay:200ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+6) .image-wrap img{
    animation-delay:250ms;
}

.aos-animate[data-aos=row-of-3]:nth-child(3n+2) .collection-image{
    animation-delay:150ms;
}

.aos-animate[data-aos=row-of-3]:nth-child(3n+3) .collection-image{
    animation-delay:300ms;
}

.aos-animate[data-aos=row-of-4]:nth-child(4n+2) .collection-image{
    animation-delay:120ms;
}

.aos-animate[data-aos=row-of-4]:nth-child(4n+3) .collection-image{
    animation-delay:240ms;
}

.aos-animate[data-aos=row-of-4]:nth-child(4n+4) .collection-image{
    animation-delay:360ms;
}

.aos-animate[data-aos=row-of-5]:nth-child(5n+2) .collection-image{
    animation-delay:75ms;
}

.aos-animate[data-aos=row-of-5]:nth-child(5n+3) .collection-image{
    animation-delay:150ms;
}

.aos-animate[data-aos=row-of-5]:nth-child(5n+4) .collection-image{
    animation-delay:225ms;
}

.aos-animate[data-aos=row-of-5]:nth-child(5n+5) .collection-image{
    animation-delay:300ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+2) .collection-image{
    animation-delay:50ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+3) .collection-image{
    animation-delay:100ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+4) .collection-image{
    animation-delay:150ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+5) .collection-image{
    animation-delay:200ms;
}

.aos-animate[data-aos=row-of-6]:nth-child(6n+6) .collection-image{
    animation-delay:250ms;
}

.loading:after,.loading:before,.unload:after,.unload:before{
  background:var(--colorBody);
  content:"";
  height:3px;
  left:50%;
  margin:-1px 0 0 -50px;
  opacity:0;
  position:absolute;
  top:50%;
  width:100px;
  z-index:4;
}

.no-js .loading:after,.no-js .loading:before,.no-js .unload:after,.no-js .unload:before{
    display:none;
}

.loading:before,.unload:before{
  background:var(--colorTextBody);
  opacity:1;
}

.loading:after,.unload:after{
  animation:preloading 0.5s ease 0.3s infinite;
  opacity:0;
}

.loading--delayed:before{
  animation-delay:0.8s !important;
  animation-duration:1s !important;
}

.loading--delayed:after{
  animation-delay:1.3s !important;
}

.appear-animation{
  opacity:0;
  transform:translateY(60px);
}

[data-disable-animations=true] .appear-animation{
    opacity:1;
    transform:none;
}

.js-drawer-open .appear-animation{
  opacity:1;
  transform:translateY(0px);
}

.js-drawer-closing .appear-animation{
  transition-delay:0.5s;
  transition-duration:0s;
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner{
  padding:45px;
}

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

tool-tip[data-tool-tip-open=true] .tool-tip__inner{
    padding:45px 20px 20px;
}
  }

.tool-tip__close{
  padding:10px;
}

[data-center-text=true] product-recommendations[data-intent=complementary] .grid-product__colors{
    justify-content:flex-start;
  }

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

predictive-search .search__results{
      margin-left:-20px;
      margin-right:-10px;
      width:calc(100% + 30px);
  }
    }

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

predictive-search form{
      margin:0 10px 0 20px;
  }
    }

[data-center-text=true] .footer-promotions{
    text-align:center;
}

@media only screen and (max-width:768px){
    .footer-promotions .grid__item{
      margin-bottom:32px;
    }

      .footer-promotions .grid__item:last-child{
        margin-bottom:0;
      }
  }

.site-footer{
  background-color:var(--colorFooter);
  color:var(--colorFooterText);
  padding-bottom:30px;
}

@media only screen and (min-width:769px){

.site-footer{
    padding-bottom:60px;
    padding-top:60px;
}
  }

.site-footer .footer__collapsible{
    font-size:calc(var(--typeBaseSize)*0.85);
  }

@media only screen and (min-width:769px){
    .site-footer input,.site-footer select,.site-footer textarea{
      font-size:calc(var(--typeBaseSize)*0.85);
    }
  }

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

[data-center-text=true] .site-footer{
    text-align:center;
}

.site-footer{
    padding-bottom:0;
}
      .site-footer .grid__item:after{
        border-bottom:1px solid;
        border-bottom-color:var(--colorFooterText);
        content:"";
        display:block;
        opacity:0.12;
      }

      .site-footer .grid__item:last-child:after{
        display:none;
      }

    .site-footer button.footer__title{
      margin:0;
    }
  }

.site-footer a{
    color:var(--colorFooterText);
  }

.footer__small-text{
  font-size:max(calc(var(--typeBaseSize)*0.7), 12px);
  margin:0;
  padding:7.5px 0;
  text-align:center;
}

ul+.footer__small-text{
    padding-top:15px;
}

.footer__clear{
  clear:both;
  height:30px;
}

.footer__section{
  margin-bottom:15px;
}

@media only screen and (min-width:769px){

.footer__section{
    margin-bottom:0;
    margin-top:30px;
}
  }

@media only screen and (min-width:769px){
  .footer__item-padding{
    padding-right:60px;
  }
}

.footer__title{
  color:var(--colorFooterText);
}

@media only screen and (min-width:769px){

.footer__title{
    margin-bottom:20px;
}
  }

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

[data-center-text=true] .footer__title{
    text-align:center;
}
  }

.site-footer__linklist{
  margin:0;
}

.site-footer__linklist a{
    color:currentColor;
    display:inline-block;
    padding:4px 0;
  }

.footer__newsletter{
  display:inline-block;
  max-width:300px;
  position:relative;
  width:100%;
}

.footer__newsletter-input{
  background-color:var(--colorFooter);
  border:0;
  border-bottom:2px solid;
  border-bottom-color:var(--colorFooterText);
  border-radius:0;
  color:var(--colorFooterText);
  max-width:300px;
  padding:10px 45px 10px 0;
  width:100%;
}

.footer__newsletter-input:focus{
    border:0;
    border-bottom:2px solid;
    border-bottom-color:var(--colorFooterText);
  }

.footer__newsletter-input::-webkit-input-placeholder{
    color:var(--colorFooterText);
    opacity:1;
  }

.footer__newsletter-input:-moz-placeholder{
    color:var(--colorFooterText);
    opacity:1;
  }

.footer__newsletter-input::-moz-placeholder{
    color:var(--colorFooterText);
    opacity:1;
  }

.footer__newsletter-input:-ms-input-placeholder{
    color:var(--colorFooterText);
    opacity:1;
  }

.footer__newsletter-input::-ms-input-placeholder{
    color:var(--colorFooterText);
    opacity:1;
  }

.footer__newsletter-input--active{
  padding-right:80px;
}

.footer__newsletter-btn{
  color:var(--colorFooterText);
  padding:0;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}

.footer__newsletter-btn .icon{
    height:24px;
    width:26px;
  }

.footer__newsletter-input--active+.footer__newsletter-btn .icon{
      display:none;
    }

.footer__newsletter-input--active+.footer__newsletter-btn .footer__newsletter-btn-label{
      display:block;
    }

.footer__newsletter-btn-label{
  display:none;
  font-size:calc(var(--typeBaseSize)*0.85);
}

.footer__logo{
  margin:15px 0;
}

@media only screen and (min-width:769px){

.footer__logo{
    margin:0 0 20px;
}
  }

.footer__logo a{
    display:block;
  }

.footer__logo img{
    display:inline-block;
    max-height:100%;
    transform:translateZ(0);
  }

.footer__social{
  margin:0;
}

form+.footer__social{
    margin-top:30px;
}

.footer__social li{
    display:inline-block;
    margin:0 15px 15px 0;
  }

.footer__social a{
    display:block;
  }

.footer__social .icon{
    height:22px;
    width:22px;
  }

@media only screen and (min-width:769px){

.footer__social .icon{
      height:24px;
      width:24px;
  }
    }

.footer__social .icon.icon--wide{
      width:40px;
    }

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

.footer__collapsible{
    padding:0 0 15px 0;
}
  }

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

.footer_collapsible--disabled{
    padding-top:15px;
}
  }

.collapsible-content__inner p a:after{
    border-bottom:2px solid;
    border-bottom-color:var(--colorFooterText);
    bottom:-2px;
    content:"";
    left:0;
    position:absolute;
    transition:width 0.5s ease;
    width:0;
  }

.collapsible-content__inner p a{
    border-bottom:2px solid;
    border-color:var(--colorFooterTextAlpha01);
    position:relative;
    -webkit-text-decoration:none;
    text-decoration:none;
  }

.collapsible-content__inner p a:focus:after,.collapsible-content__inner p a:hover:after{
      width:100%;
    }

.site-footer select{
    background-image:var(--urlIcoSelectFooter);
  }

[data-center-text=true] .payment-icons{
    text-align:center;
}

.payment-icons{
  cursor:default;
  -webkit-user-select:none;
             -moz-user-select:none;
          user-select:none;
}

.payment-icons li{
    cursor:default;
    margin:0 4px 0;
  }

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

.footer__follow-on-shop{
    margin:15px 0;
}
  }

.errors,.note{
  border:1px solid transparent;
  border-radius:0;
  margin-bottom:15px;
  padding:6px 12px;
  text-align:left;
}

.errors ol,.errors ul,.note ol,.note ul{
    margin-bottom:0;
    margin-top:0;
  }

.errors li:last-child,.note li:last-child{
    margin-bottom:0;
  }

.errors p,.note p{
    margin-bottom:0;
  }

.note{
  border-color:var(--colorBorder);
}

.errors ul{
    list-style:disc outside;
    margin-left:20px;
  }

.note--success{
  background-color:#ecfef0;
  border-color:#56ad6a;
  color:#56ad6a;
}

.note--success a{
    color:#56ad6a;
    -webkit-text-decoration:underline;
    text-decoration:underline;
  }

.note--success a:hover{
      -webkit-text-decoration:none;
      text-decoration:none;
    }

.errors,.form-error{
  background-color:#fff6f6;
  border-color:#d02e2e;
  color:#d02e2e;
}

.errors a,.form-error a{
    color:#d02e2e;
    -webkit-text-decoration:underline;
    text-decoration:underline;
  }

.errors a:hover,.form-error a:hover{
      -webkit-text-decoration:none;
      text-decoration:none;
    }

.pagination{
  margin:0;
  padding:60px 0;
  text-align:center;
}

.pagination>span{
    display:inline-block;
    line-height:1;
    vertical-align:middle;
  }

.pagination a{
    display:inline-block;
  }

.pagination .page.current,.pagination a{
    padding:8px 12px;
  }

.pagination .page.current{
    opacity:0.3;
  }

.pagination .next,.pagination .prev{
    background:var(--colorBtnPrimary);
    color:var(--colorBtnPrimaryText);
    margin:0 10px;
    width:43px;
  }

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

.pagination .next,.pagination .prev{
      width:35px;
  }
    }

.pagination .next a,.pagination .prev a{
      align-items:center;
      display:flex;
      justify-content:center;
      padding:15px;
    }

.pagination .next .icon,.pagination .prev .icon{
      color:var(--colorBtnPrimaryText);
      height:14px;
      width:13px;
    }

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

.pagination .next .icon,.pagination .prev .icon{
        height:12px;
        width:12px;
    }
      }

.rte{
  margin-bottom:7.5px;
}

.rte:after{clear:both;content:"";display:table;}

@media only screen and (min-width:769px){

.rte{
    margin-bottom:15px;
}
  }

.rte:last-child{
    margin-bottom:0;
  }

.rte+.rte{
    margin-top:30px;
  }

.rte ol,.rte p,.rte table,.rte ul{
    margin-bottom:15px;
  }

@media only screen and (min-width:769px){

.rte ol,.rte p,.rte table,.rte ul{
      margin-bottom:25px;
  }
    }

.rte ol:last-child,.rte p:last-child,.rte table:last-child,.rte ul:last-child{
      margin-bottom:0;
    }

.rte ul ul{
      margin-bottom:0;
    }

.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{
    margin-bottom:25px;
    margin-top:60px;
  }

.rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte h6:first-child{
      margin-top:0;
    }

.rte h1 a,.rte h2 a,.rte h3 a,.rte h4 a,.rte h5 a,.rte h6 a{
      -webkit-text-decoration:none;
      text-decoration:none;
    }

.rte meta:first-child+h1,.rte meta:first-child+h2,.rte meta:first-child+h3,.rte meta:first-child+h4,.rte meta:first-child+h5,.rte meta:first-child+h6{
      margin-top:0;
    }

.rte>div{
    margin-bottom:15px;
  }

.rte>div:last-child{
      margin-bottom:0;
    }

.rte li{
    margin-bottom:0;
  }

.rte table{
    table-layout:fixed;
  }

.rte--block{
  margin-bottom:8px;
}

@media only screen and (min-width:769px){

.rte--block{
    margin-bottom:12px;
}
  }

.rte-setting>p:last-child{
    margin-bottom:0;
  }

.rte a,.rte-setting a{
    -webkit-text-decoration:none;
    text-decoration:none;
  }

.rte img,.rte-setting img{
    height:auto;
  }

.rte a:not(.rte__image):not(.btn),.rte-setting a:not(.rte__image):not(.btn){
    background-image:linear-gradient(currentColor, currentColor);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:0% 2px;
    -webkit-text-decoration:underline;
    text-decoration:underline;
    text-decoration-color:var(--colorTextBodyAlpha015);
    text-decoration-thickness:1px;
    text-underline-offset:3px;
    transition:background-size 0.5s ease;
  }

.rte a:not(.rte__image):not(.btn):hover,.rte-setting a:not(.rte__image):not(.btn):hover{
    background-size:100% 2px;
  }

.rte a:not(.btn):focus:after,.rte a:not(.btn):hover:after,.rte-setting a:not(.btn):focus:after,.rte-setting a:not(.btn):hover:after{
      width:100%;
    }

.rte a.rte__image:after,.rte-setting a.rte__image:after{
    content:none;
  }

.text-center .rte ol,.text-center .rte ul,.text-center.rte ol,.text-center.rte ul{
    list-style-position:inside;
    margin-left:0;
  }

.rte--nomargin{
  margin-bottom:0;
}

.header-layout{
  display:flex;
  justify-content:space-between;
}

.header-layout--center{
  align-items:center;
}

.header-item{
  align-items:center;
  display:flex;
  flex:1 1 auto;
}

.header-item--logo{
  flex:0 0 auto;
}

.header-item--icons{
  flex:0 1 auto;
  justify-content:flex-end;
}

.header-layout--left-center .header-item--icons,.header-layout--left-center .header-item--logo{
    flex:0 0 200px;
    max-width:50%;
  }

@media only screen and (min-width:769px){

.header-layout--left-center .header-item--icons,.header-layout--left-center .header-item--logo{
      min-width:130px;
  }
    }

@media only screen and (min-width:769px){

.header-layout[data-logo-align=center] .header-item--logo{
      margin:0 30px;
  }
    }

.header-layout[data-logo-align=center] .header-item--icons,.header-layout[data-logo-align=center] .header-item--navigation{
    flex:1 1 130px;
  }

.header-layout[data-logo-align=left] .site-header__logo{
    margin-right:10px;
  }

.header-item--logo-split{
  align-items:center;
  display:flex;
  flex:1 1 100%;
  justify-content:center;
}

.header-item--logo-split .header-item:not(.header-item--logo){
    flex:1 1 20%;
    text-align:center;
  }

.header-item--split-left{
  justify-content:flex-end;
}

.header-item--left .site-nav{
    margin-left:-12px;
  }

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

.header-item--left .site-nav{
      margin-left:-7.5px;
  }
    }

.header-item--icons .site-nav{
    margin-right:-12px;
  }

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

.header-item--icons .site-nav{
      margin-right:-7.5px;
  }
    }

.site-header{
  background:var(--colorNav);
  padding:7px 0;
  position:relative;
}

@media only screen and (min-width:769px){

.site-header{
    padding:20px 0;
}

.toolbar+.header-sticky-wrapper .site-header{
      border-top:1px solid;
      border-top-color:var(--colorHeaderTextAlpha01);
}
  }

.site-header--stuck{
  left:0;
  position:fixed;
  right:0;
  top:0;
  transform:translate3d(0, -100%, 0);
  transition:none;
  z-index:20;
}

.js-drawer-open--search .site-header--stuck{
    z-index:28;
}

@media only screen and (min-width:769px){

.site-header--stuck{
    padding:10px 0;
}
  }

@media screen and (min-width:700px) and (max-height:550px){
  .site-header--stuck{
    position:static;
  }
}

.site-header--opening{
  transform:translateZ(0);
  transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.site-header__logo{
  display:block;
  font-size:30px;
  margin:10px 0;
  position:relative;
  z-index:6;
}

@media only screen and (min-width:769px){

.text-center .site-header__logo{
      margin:10px auto;
      padding-right:0;
}
  }

.header-layout[data-logo-align=center] .site-header__logo{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.site-header__logo a{
    max-width:100%;
  }

.site-header__logo a,.site-header__logo a:hover{
    -webkit-text-decoration:none;
    text-decoration:none;
  }

.site-header__logo img{
    display:block;
  }

.site-header .site-header__logo img{
      left:50%;
      position:absolute;
      top:50%;
      transform:translate(-50%, -50%);
  }

.site-header__logo-link{
  align-items:center;
  color:var(--colorNavText);
  display:flex;
  position:relative;
}

.site-header__logo-link:hover{
    color:var(--colorNavText);
  }

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

.site-header__logo-link{
    margin:0 auto;
}
  }

.header-sticky-wrapper{
  position:relative;
  z-index:28;
}

.js-drawer-open:not(.js-drawer-open--search) .header-sticky-wrapper{
    z-index:6;
}

.header-wrapper--sticky{
  background:none;
  background:linear-gradient(180deg, rgba(0,0,0,.3) 0%,transparent);
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:6;
}

.header-wrapper--sticky .site-header:not(.site-header--stuck){
    background:none;
  }

.js-drawer-open--search .header-wrapper--sticky{
    z-index:28;
}

.site-header__search-container{
  bottom:200%;
  display:none;
  height:100%;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  z-index:28;
}

.site-header__search-container.is-active{
    bottom:0;
    display:block;
    overflow:visible;
  }

.site-header__search{
  background-color:var(--colorBody);
  bottom:0;
  box-shadow:0 15px 45px rgba(0,0,0,.1);
  color:var(--colorTextBody);
  display:flex;
  left:0;
  position:absolute;
  right:0;
  top:0;
  transform:translate3d(0, -110%, 0);
  z-index:28;
}

.site-header__search .page-width{
    align-items:stretch;
    display:flex;
    flex:1 1 100%;
  }

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

.site-header__search .page-width{
      padding:0;
  }
    }

.is-active .site-header__search{
    transform:translateZ(0);
}

.site-header__search .icon{
    height:30px;
    width:30px;
  }

.site-header__search-input{
  border:0;
  flex:1 1 auto;
  width:100px;
}

.site-header__search-input:focus{
    border:0;
    outline:0;
  }

.site-header__search-btn{
  padding:0 15px;
}

@media only screen and (min-width:769px){
  .site-header__search-btn--submit{
    padding:0 15px 0 0;
  }

    .site-header__search-btn--submit .icon{
      height:28px;
      position:relative;
      top:-1px;
      width:28px;
    }
}

.predictive-results{
  background-color:var(--colorBody);
  box-shadow:0 10px 20px rgba(0,0,0,.09);
  color:var(--colorTextBody);
  left:0;
  max-height:70vh;
  max-height:calc(90vh - 100%);
  overflow:auto;
  position:absolute;
  right:0;
  top:100%;
}

@media only screen and (min-width:769px){

.predictive-results{
    max-height:calc(100vh - 100% - 33px);
}
  }

.predictive__label{
  border-bottom:1px solid;
  border-bottom-color:var(--colorBorder);
  margin-bottom:20px;
  padding-bottom:5px;
}

.predictive-result__layout{
  display:flex;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px;
  padding:10px;
}

.predictive-result__layout>div{
    margin:0 10px 30px;
  }

.predictive-result__layout>div:last-child{
      margin-bottom:0;
    }

.predictive-result__layout [data-type-products]{
    flex:1 1 60%;
    margin-bottom:0;
  }

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

.predictive-result__layout [data-type-products]{
      margin-left:-17px;
  }

html[dir=rtl] .predictive-result__layout [data-type-products]{
        margin-left:0;
        margin-right:-17px;
  }
    }

.predictive-result__layout [data-type-products] .grid-product__image{
      height:auto;
      opacity:1;
    }

.predictive-result__layout [data-type-collections],.predictive-result__layout [data-type-pages]{
    flex:1 1 200px;
  }

.predictive-result__layout [data-type-articles]{
    flex:1 1 60%;
  }

.predictive-result__layout [data-type-articles] .grid-product__link--inline{
      gap:10px;
    }

.predictive__image-wrap{
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
}

.predictive__image-wrap img{
    -o-object-position:50% 0;
       object-position:50% 0;
  }

.predictive-results__footer{
  padding:0 0 30px;
}

.search-bar{
  max-width:100%;
}

.search-bar--page{
  margin-top:-15px;
  max-width:300px;
}

[data-type_headers_align_text=true] .search-bar--page{
    margin:-15px auto 0;
}

.search-bar--drawer{
  border-bottom:1px solid;
  border-bottom-color:var(--colorDrawerBorder);
  margin-bottom:15px;
  padding-bottom:15px;
}

.search-bar--drawer input{
    border:0;
  }

.search-bar .icon{
  height:24px;
  vertical-align:middle;
  width:24px;
}

.toolbar{
  background:var(--colorNav);
  color:var(--colorNavText);
  font-size:calc(var(--typeBaseSize)*0.85);
}

.toolbar a{
    color:var(--colorNavText);
  }

.site-header--stuck .toolbar{
    display:none;
}

.toolbar--transparent{
  background-color:transparent;
  border-bottom:none;
  color:#fff;
}

.toolbar--transparent a{
    color:#fff;
  }

.toolbar--transparent .toolbar__content{
    border-bottom:1px solid hsla(0,0%,100%,.2);
  }

.toolbar__content{
  align-items:center;
  display:flex;
  justify-content:flex-end;
}

.toolbar__item{
  flex:0 1 auto;
  padding:0 5px;
}

.toolbar__item:first-child{
    padding-left:0;
  }

.toolbar__item:last-child{
    padding-right:0;
  }

.toolbar__item .faux-select,.toolbar__item select{
    font-size:14px;
    padding-bottom:5px;
    padding-left:5px;
    padding-top:5px;
  }

.toolbar__item--menu{
  flex:1 1 auto;
}

.toolbar__menu{
  margin-left:-10px;
}

.toolbar__menu a{
    display:block;
    padding:5px 10px;
  }

.toolbar__social{
  text-align:right;
}

.toolbar__social a{
    display:block;
    padding:5px;
  }

.toolbar__social .icon{
    height:16px;
    position:relative;
    top:-2px;
    width:16px;
  }

.section-header{
  margin-bottom:30px;
}

@media only screen and (min-width:769px){

.section-header{
    margin-bottom:50px;
}
  }

[data-type_headers_align_text=true] .section-header{
    text-align:center;
}

.section-header select{
    display:inline-block;
    vertical-align:middle;
  }

.section-header--flush{
  margin-bottom:0;
}

.section-header--with-link{
  align-items:center;
  display:flex;
}

.section-header--with-link select{
    flex:0 1 auto;
  }

.section-header--hero{
  color:var(--colorHeroText);
  flex:1 1 100%;
  margin-bottom:0;
  position:relative;
}

.section-header--hero a{
    color:var(--colorHeroText);
  }

.section-header__shadow{
  display:inline-block;
  position:relative;
}

.section-header__shadow:before{
    background:radial-gradient(rgba(0, 0, 0, var(--colorImageOverlayTextShadow)) 0%, transparent 60%);
    bottom:0;
    content:"";
    left:0;
    margin:-100px -200px -100px -200px;
    position:absolute;
    right:0;
    top:0;
    z-index:auto;
    z-index:-1;
  }

.section-header__shadow .breadcrumb,.section-header__shadow .section-header__title{
    position:relative;
  }

.section-header__title{
  margin-bottom:0;
}

.section-header--with-link .section-header__title{
    flex:1 1 auto;
}

@media only screen and (min-width:769px){

.section-header--hero .section-header__title{
      font-size:calc(var(--typeHeaderSize)*1.45);
}
  }

.section-header__link{
  flex:0 1 auto;
  margin-top:15px;
}

.section-header--with-link .section-header__link{
    margin-top:0;
}

.section-header--404{
  padding-top:80px;
}

.section-header select{
  margin:10px 0;
}

.section-header p{
  margin:10px 0;
}

.site-nav{
  margin:0;
}

.text-center .site-navigation{
    margin:0 auto;
}

.header-layout--left .site-navigation{
    padding-left:10px;
}

.site-nav__icons{
  white-space:nowrap;
}

.site-nav__item{
  display:inline-block;
  margin:0;
  position:relative;
}

.site-nav__item li{
    display:block;
  }

.site-nav__item .icon-chevron-down{
    height:10px;
    width:10px;
  }

.site-nav__link{
  color:var(--colorNavText);
  display:inline-block;
  padding:7.5px 15px;
  -webkit-text-decoration:none;
  text-decoration:none;
  vertical-align:middle;
  white-space:nowrap;
}

.site-header--heading-style .site-nav__link{
    font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-weight:var(--typeHeaderWeight);
    letter-spacing:var(--typeHeaderSpacing);
    line-height:var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link{
    text-transform:uppercase;
}

.site-nav__link:hover{
    color:var(--colorNavText);
  }

.is-light .site-nav__link{
    color:#fff;
}

.is-light .site-nav__link:hover{
      color:#fff;
    }

.site-nav--has-dropdown>.site-nav__link{
    position:relative;
    z-index:6;
}

.site-nav__link .icon-chevron-down{
    margin-left:5px;
  }

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

.site-nav__link{
    padding:7.5px;
}

.header-layout--center .site-nav__link{
      padding-left:2px;
      padding-right:2px;
}
  }

.site-nav__link--underline{
  position:relative;
}

.site-nav__link--underline:after{
    border-bottom:2px solid;
    border-bottom-color:var(--colorNavText);
    bottom:0;
    content:"";
    display:block;
    left:0;
    margin:0 15px;
    position:absolute;
    right:100%;
    transition:right 0.5s;
  }

[data-disable-animations=true] .site-nav__link--underline:after{
      transition:none;
  }

.is-light .site-nav__item:not(.site-nav--has-dropdown) .site-nav__link--underline:after{
    border-bottom-color:#fff;
}

.site-nav--has-dropdown .site-nav__link--underline:after{
    border-bottom-color:var(--colorNavText);
}

.is-light .site-nav--has-dropdown .site-nav__link--underline:after{
    border-bottom-color:#fff;
}

.site-nav__item:hover .site-nav__link--underline:after{
    right:0;
}

.site-nav__details{
  cursor:pointer;
}

.site-nav--has-dropdown{
  z-index:6;
}

.site-nav--has-dropdown.is-focused,.site-nav--has-dropdown:hover{
    z-index:7;
  }

.site-nav--has-dropdown.is-focused>a,.site-nav--has-dropdown:hover>a{
  color:var(--colorTextBody) !important;
}

.site-nav--has-dropdown.is-focused>a,.site-nav--has-dropdown:hover>a{
  background-color:var(--colorBody);
  opacity:1;
  transition:none;
}

.site-nav__link--icon{
  padding-left:12px;
  padding-right:12px;
}

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

.site-nav__link--icon{
    padding-left:7.5px;
    padding-right:7.5px;
}

    .site-nav__link--icon+.site-nav__link--icon{
      margin-left:-4px;
    }
  }

.site-nav__link--icon .icon{
    height:30px;
    width:30px;
  }

.site-nav__dropdown{
  background-color:var(--colorBody);
  box-shadow:0 10px 20px rgba(0,0,0,.09);
  display:block;
  left:0;
  margin:0;
  min-width:100%;
  padding:10px 0 5px;
  position:absolute;
  transform:translate3d(0, -12px, 0);
  visibility:hidden;
  z-index:5;
}

details[open]>.site-nav__dropdown{
    display:block;
    transform:translateZ(0);
    transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
    visibility:visible;
}

.site-nav__dropdown li{
    margin:0;
  }

.site-nav__dropdown>li{
    position:relative;
  }

.site-nav__dropdown>li>a{
      position:relative;
      z-index:6;
    }

.site-nav__dropdown a{
    background-color:var(--colorBody);
  }

.site-nav__deep-dropdown{
  background-color:var(--colorBody);
  box-shadow:0 10px 20px rgba(0,0,0,.09);
  left:100%;
  margin:0;
  opacity:0;
  position:absolute;
  top:0;
  transform:translate3d(-12px, 0, 0);
  visibility:hidden;
  z-index:5;
}

.is-focused+.site-nav__deep-dropdown,.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown{
    opacity:1;
    transform:translateZ(0);
    transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
    visibility:visible;
}

.site-nav__deep-dropdown:before{
    background-image:linear-gradient(90deg, rgba(0,0,0,.09), transparent);
    bottom:0;
    content:"";
    display:block;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0;
    width:10px;
  }

.site-nav__deep-dropdown-trigger:hover .site-nav__dropdown-link--has-children{
    background-color:var(--colorBodyDim);
}

.site-nav__dropdown-link--has-children:focus,.site-nav__dropdown-link--has-children:hover{
    background-color:var(--colorBodyDim);
  }

.site-nav__deep-dropdown-trigger .icon-chevron-down{
  height:10px;
  position:absolute;
  right:10px;
  top:50%;
  transform:rotate(-90deg) translateX(50%);
  width:10px;
}

.site-nav__details[open] .site-nav__dropdown{
  z-index:8;
}

.mobile-nav{
  margin:calc(var(--drawer-gutter)*-1) calc(var(--drawer-gutter)*-1) 0;
}

.mobile-nav li{
    list-style:none;
    margin-bottom:0;
  }

.mobile-nav__search{
  padding:15px;
}

.mobile-nav__item{
  display:block;
  position:relative;
}

.mobile-nav>.mobile-nav__item{
    background-color:var(--colorDrawers);
}

.mobile-nav__item:after{
    border-bottom:1px solid;
    border-bottom-color:var(--colorDrawerBorder);
    bottom:0;
    content:"";
    left:var(--drawer-gutter);
    position:absolute;
    right:var(--drawer-gutter);
  }

.mobile-nav__faux-link,.mobile-nav__link{
  display:block;
}

.mobile-nav__link--top-level{
  font-size:1.4em;
}

.mobile-nav--heading-style .mobile-nav__link--top-level{
    font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-weight:var(--typeHeaderWeight);
    letter-spacing:var(--typeHeaderSpacing);
    line-height:var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .mobile-nav--heading-style .mobile-nav__link--top-level{
    text-transform:uppercase;
}

.mobile-nav__faux-link,.mobile-nav__link,.mobile-nav__toggle .faux-button,.mobile-nav__toggle button{
  color:var(--colorDrawerText);
  padding:15px var(--drawer-gutter);
  -webkit-text-decoration:none;
  text-decoration:none;
}

.mobile-nav__faux-link:active,.mobile-nav__link:active,.mobile-nav__toggle .faux-button:active,.mobile-nav__toggle button:active{
    color:var(--colorDrawerTextDark);
  }

.mobile-nav__faux-link:active,.mobile-nav__link:active,.mobile-nav__toggle .faux-button:active,.mobile-nav__toggle button:active{
    background-color:var(--colorDrawersDim);
  }

.mobile-nav__child-item{
  display:flex;
}

.mobile-nav__child-item .mobile-nav__link,.mobile-nav__child-item a{
    flex:1 1 auto;
  }

.mobile-nav__child-item .collapsible-trigger:not(.mobile-nav__link--button){
    flex:0 0 43px;
  }

.mobile-nav__child-item .collapsible-trigger__icon{
    margin-right:15px;
    padding:0;
  }

[dir=rtl] .mobile-nav__child-item .collapsible-trigger__icon{
      margin-left:15px;
      margin-right:0;
    }

.mobile-nav__item--secondary a{
    padding-bottom:5px;
    padding-top:10px;
  }

.mobile-nav__item--secondary:after{
    display:none;
  }

.mobile-nav__item:not(.mobile-nav__item--secondary)+.mobile-nav__item--secondary{
  margin-top:10px;
}

.mobile-nav__has-sublist,.mobile-nav__link--button{
  display:flex;
}

.mobile-nav__has-sublist>*,.mobile-nav__link--button>*{
    flex:1 1 auto;
    word-break:break-word;
  }

.mobile-nav__link--button{
  padding:0;
  text-align:left;
  width:100%;
}

.mobile-nav__toggle{
  flex:0 1 auto;
}

.mobile-nav__toggle .icon{
    height:16px;
    width:16px;
  }

.mobile-nav__toggle .faux-button,.mobile-nav__toggle button{
    height:60%;
    margin:20% 0;
    padding:0 30px;
  }

.mobile-nav__toggle button{
    border-left:1px solid;
    border-left-color:var(--colorDrawerBorder);
  }

[dir=rtl] .mobile-nav__toggle button{
      border-left:none;
      border-right:1px solid;
      border-right-color:var(--colorDrawerBorder);
    }

.mobile-nav__sublist{
  margin:0;
}

.mobile-nav__sublist .mobile-nav__item:after{
    border-bottom:none;
    bottom:auto;
    top:0;
  }

.mobile-nav__sublist .mobile-nav__item:last-child{
    padding-bottom:15px;
  }

.mobile-nav__sublist .mobile-nav__faux-link,.mobile-nav__sublist .mobile-nav__link{
    font-weight:400;
    padding:7.5px 25px 7.5px var(--drawer-gutter);
  }

.mobile-nav__grandchildlist{
  margin:0;
}

.mobile-nav__grandchildlist:before{
    background:#000;
    bottom:10px;
    content:"";
    display:block;
    left:17px;
    position:absolute;
    top:10px;
    width:1px;
  }

[dir=rtl] .mobile-nav__grandchildlist:before{
      left:auto;
      right:17px;
    }

.mobile-nav__grandchildlist .mobile-nav__item:last-child{
    padding-bottom:0;
  }

.mobile-nav__grandchildlist .mobile-nav__link{
    padding-left:35px;
  }

.mobile-nav__social{
  display:flex;
  flex-wrap:wrap;
  justify-content:stretch;
  list-style:none outside;
  margin:15px 0 20px 0;
}

@media only screen and (min-width:769px){

.mobile-nav__social{
    margin-left:calc(var(--drawer-gutter)*-1);
    margin-right:calc(var(--drawer-gutter)*-1);
}
  }

.mobile-nav__social a{
    display:block;
    padding:12px 30px;
  }

.mobile-nav__social a .icon{
      position:relative;
      top:-1px;
    }

.mobile-nav__social-item{
  border:1px solid;
  border-color:var(--colorDrawerBorder);
  flex:0 1 33.33%;
  margin:0 0 -1px;
  text-align:center;
}

.mobile-nav__social-item:nth-child(3n-1){
    margin-left:-1px;
    margin-right:-1px;
  }

@media only screen and (min-width:769px){
  .site-nav__link--icon .icon{
    height:28px;
    width:28px;
  }

    .site-nav__link--icon .icon.icon-user{
      position:relative;
      top:1px;
    }
}

.cart-link{
  display:block;
  position:relative;
}

.cart-link__bubble{
  display:none;
}

.cart-link__bubble--visible{
  background-color:var(--colorCartDot);
  border:2px solid var(--colorBody);
  border-radius:50%;
  display:block;
  height:15px;
  position:absolute;
  right:0;
  top:50%;
  width:15px;
}

[data-icon=cart] .cart-link__bubble--visible{
    right:-4px;
    top:0;
}

[data-icon=bag-minimal] .cart-link__bubble--visible{
    right:0;
    top:50%;
}

[data-type_headers_align_text=true] .breadcrumb{
    text-align:center;
}

.breadcrumb{
  font-size:calc(var(--typeBaseSize)*0.85);
  margin:-25px 0 10px;
}

.template-product .breadcrumb{
    margin-top:10px;
}

@media only screen and (min-width:769px){

.template-product .breadcrumb{
      text-align:left;
}
    }

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

.breadcrumb{
    margin-bottom:15px;
}
  }

.breadcrumb__divider{
  color:currentColor;
}

.megamenu{
  line-height:1.8;
  opacity:0;
  padding:39px 0;
  transform:none;
  transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
  transition-delay:0.3s;
}

details[open]>.megamenu{
    opacity:1;
    transition-delay:0s;
}

details[open]>.megamenu .appear-animation{
      opacity:1;
      transform:none;
    }

.site-nav--is-megamenu.site-nav__item{
  position:static;
}

.megamenu__collection-image{
  display:block;
  height:100%;
  margin-bottom:20px;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

.text-center .megamenu .grid{
  text-align:center;
}

.text-center .megamenu .grid .grid__item{
    display:inline-block;
    float:none;
    text-align:left;
    vertical-align:top;
  }

.megamenu .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level){
    font-size:calc(var(--typeBaseSize) - 1px);
    line-height:1.5;
}

.megamenu .h5,.megamenu h5{
  font-weight:700;
  margin-bottom:5px;
}

.modal{
  align-items:center;
  bottom:0;
  color:#fff;
  display:none;
  justify-content:center;
  left:0;
  opacity:1;
  overflow:hidden;
  position:fixed;
  right:0;
  top:0;
  z-index:30;
}

.modal.modal--quick-shop{
    align-items:flex-start;
  }

.modal a,.modal a:hover{
    color:inherit;
  }

.modal .btn:not([disabled]):not(.btn--secondary):not(.btn--body),.modal .btn:not([disabled]):not(.btn--secondary):not(.btn--body):hover{
    color:var(--colorBtnPrimaryText);
  }

.modal-open .modal .modal__inner{
      animation:modal-open 0.5s forwards;
    }

.modal-open .modal:before{
      animation:overlay-on 0.5s forwards;
      background-color:var(--colorModalBg);
      content:"";
      cursor:pointer;
      height:100%;
      left:0;
      position:fixed;
      top:0;
      width:100%;
    }

.modal-closing .modal .modal__inner{
      animation:modal-closing 0.5s forwards;
    }

.modal-closing .modal:before{
      animation:overlay-off 0.5s forwards;
      background-color:var(--colorModalBg);
      content:"";
      height:100%;
      left:0;
      position:fixed;
      top:0;
      width:100%;
    }

.modal-open--solid .modal:before{
    background-color:var(--colorModalBg);
}

.modal-open .modal--solid:before{
      animation:full-overlay-on 0.5s forwards;
      background-color:#000;
    }

.modal-closing .modal--solid:before{
      animation:full-overlay-off 0.5s forwards;
      background-color:#000;
    }

.modal--is-closing{
  display:flex !important;
}

.modal--is-closing{
  overflow:hidden;
}

.modal--is-active{
  display:flex !important;
}

.modal--is-active{
  overflow:hidden;
}

@media only screen and (min-width:769px){
  .modal-open{
    overflow:hidden;
  }
}

.modal__inner{
  align-items:center;
  display:flex;
  flex:0 1 auto;
  margin:15px;
  max-width:calc(100% - 15px);
  transform-style:preserve-3d;
}

@media only screen and (min-width:769px){

.modal__inner{
    margin:40px;
    max-width:calc(100% - 80px);
}
  }

.modal--square .modal__inner{
    background-color:var(--colorBody);
    box-shadow:0 15px 45px rgba(0,0,0,.1);
    color:var(--colorTextBody);
}

.modal__inner img{
    display:block;
    max-height:90vh;
  }

.modal__inner .image-wrap img{
    max-height:none;
  }

.modal__centered{
  flex:0 1 auto;
  max-width:100%;
  min-width:1px;
  position:relative;
}

.modal--square .modal__centered-content{
    -webkit-overflow-scrolling:touch;
    max-height:80vh;
    min-height:200px;
    min-width:200px;
    overflow:auto;
    padding:22.5px;
}

@media only screen and (min-width:769px){

.modal--square .modal__centered-content{
      max-height:90vh;
      max-width:1200px;
      padding:45px;
}
    }

.modal__close{
  border:0;
  color:#fff;
  padding:15px;
  position:fixed;
  right:0;
  top:0;
}

@media only screen and (min-width:769px){

.modal__close{
    padding:30px;
}
  }

.modal__close .icon{
    height:28px;
    width:28px;
  }

.modal__close:focus,.modal__close:hover{
    color:#fff;
  }

.modal--square .modal__close{
    color:var(--colorTextBody);
    padding:10px;
    position:absolute;
}

.modal--square .modal__close:focus,.modal--square .modal__close:hover{
      color:var(--colorTextBody);
    }

.modal .page-content,.modal .page-width{
    padding:0;
  }

.popup-cta{
  margin-bottom:15px;
}

@media only screen and (max-width:768px){
  .modal--mobile-friendly{
    bottom:0;
    overflow:auto;
    top:auto;
  }

    .modal--mobile-friendly.modal--square .modal__centered-content{
      padding:40px 20px;
    }

    .modal--mobile-friendly.modal--is-active{
      overflow:auto;
    }
      .modal-open .modal--mobile-friendly:before{
        display:none;
      }

    .modal--mobile-friendly .modal__inner{
      margin:0;
    }

    .modal--mobile-friendly .h1{
      padding-right:25px;
    }

    .modal--mobile-friendly input{
      font-size:16px !important;
    }

    .modal--mobile-friendly .text-close{
      display:none;
    }
}

.js-qty__wrapper{
  background-color:var(--colorBody);
  color:var(--colorTextBody);
  display:inline-block;
  max-width:80px;
  min-width:60px;
  overflow:visible;
  position:relative;
}

.js-qty__wrapper.is-loading{
    opacity:0.5;
    pointer-events:none;
  }

.js-qty__num{
  background:none;
  display:block;
  margin:0;
  padding:5px 20px;
  text-align:center;
  width:100%;
  z-index:1;
}

.js-qty__adjust{
  fill:var(--colorTextBody);
  backface-visibility:hidden;
  background:none;
  border:0 none;
  bottom:0;
  cursor:pointer;
  display:block;
  line-height:1;
  overflow:hidden;
  padding:0 10px;
  position:absolute;
  text-align:center;
  top:0;
  transition:background-color 0.1s ease-out;
  -webkit-user-select:none;
             -moz-user-select:none;
          user-select:none;
  z-index:2;
}

.js-qty__adjust .icon{
    fill:inherit;
    display:block;
    font-size:8px;
    height:10px;
    vertical-align:middle;
    width:10px;
  }

.js-qty__adjust:hover{
    background-color:var(--colorBodyDim);
    color:var(--colorTextBody);
  }

.js-qty__num:active~.js-qty__adjust,.js-qty__num:focus~.js-qty__adjust{
    border-color:var(--colorTextBody);
}

.js-qty__adjust--plus{
  right:0;
}

.js-qty__adjust--minus{
  left:0;
}

.drawer .js-qty__wrapper{
    background-color:transparent;
    border-color:var(--colorDrawerBorder);
  }

.drawer .js-qty__num{
    color:var(--colorDrawerText);
    padding-bottom:2px;
    padding-top:2px;
  }

.drawer .js-qty__adjust{
    fill:var(--colorDrawerText);
    color:var(--colorDrawerText);
  }

.drawer .js-qty__adjust:hover{
      fill:var(--colorDrawers);
      background-color:var(--colorDrawerText);
      color:var(--colorDrawers);
    }

.currency-flag{
  margin:-0.55rem;
  transform:scale(0.55);
}

@media only screen and (max-width:768px){
  [data-disclosure-currency] .disclosure-list{
    left:50%;
    max-width:95vw;
    transform:translateX(-50%);
  }
}

.collapsibles-wrapper--border-bottom{
  border-bottom:1px solid;
  border-bottom-color:var(--colorBorder);
}

.collapsibles-wrapper--border-bottom+.collapsibles-wrapper--border-bottom .collapsible-trigger-btn--borders{
  border-top:0;
}

.product-block--tab+.product-block--tab .collapsible-trigger-btn--borders{
  border-top:0;
}

.collapsible-trigger{
  color:inherit;
  position:relative;
}

.collapsible-trigger__icon{
  display:block;
  height:10px;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:10px;
}

@media only screen and (min-width:769px){

.collapsible-trigger__icon{
    height:12px;
    width:12px;
}
  }

.mobile-nav__has-sublist .collapsible-trigger__icon{
    right:25px;
}

.collapsible-trigger__icon .icon{
    display:block;
    height:10px;
    transition:all 0.1s ease-in;
    width:10px;
  }

@media only screen and (min-width:769px){

.collapsible-trigger__icon .icon{
      height:12px;
      width:12px;
  }
    }

.collapsible-trigger--inline{
  padding:11px 0 11px 40px;
}

.collapsible-trigger--inline .collapsible-trigger__icon{
    left:0;
    right:auto;
  }

.collapsible-trigger__icon--circle{
  border:1px solid;
  border-color:var(--colorBorder);
  border-radius:16px;
  height:28px;
  text-align:center;
  width:28px;
}

.collapsible-trigger__icon--circle .icon{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
  }

.collapsible-trigger.is-open .collapsible-trigger__icon>.icon-chevron-down{
  transform:scaleY(-1);
}

.collapsible-trigger.is-open .collapsible-trigger__icon--circle>.icon-chevron-down{
  transform:translate(-50%, -50%) scaleY(-1);
}

.collapsible-content{
  transition:opacity 0.3s cubic-bezier(.25,.46,.45,.94),height 0.3s cubic-bezier(.25,.46,.45,.94);
}

.collapsible-content.is-open{
    opacity:1;
    transition:opacity 1s cubic-bezier(.25,.46,.45,.94),height 0.35s cubic-bezier(.25,.46,.45,.94);
    visibility:visible;
  }

.collapsible-content--all{
  backface-visibility:hidden;
  height:0;
  opacity:0;
  overflow:hidden;
  visibility:hidden;
}

.collapsible-content--all .collapsible-content__inner{
    transform:translateY(40px);
  }

@media only screen and (max-width:768px){
  .collapsible-content--small{
    backface-visibility:hidden;
    height:0;
    opacity:0;
    overflow:hidden;
    visibility:hidden;
  }

    .collapsible-content--small .collapsible-content__inner{
      transform:translateY(40px);
    }
}

.collapsible-content__inner{
  transition:transform 0.3s cubic-bezier(.25,.46,.45,.94);
}

.is-open .collapsible-content__inner{
    transform:translateY(0);
    transition:transform 0.5s cubic-bezier(.25,.46,.45,.94);
}

.rte.collapsible-content__inner--faq{
  padding-bottom:30px;
}

.collapsible-trigger[aria-expanded=true] .collapsible-label__closed{
    display:none;
}

.collapsible-label__open{
  display:none;
}

.collapsible-trigger[aria-expanded=true] .collapsible-label__open{
    display:inline-block;
}

.collapsible-content--sidebar{
  backface-visibility:hidden;
  height:0;
  opacity:0;
  overflow:hidden;
  visibility:hidden;
}

@media only screen and (min-width:769px){
    .collapsible-content--sidebar.is-open{
      height:auto;
      opacity:1;
      overflow:initial;
      visibility:visible;
    }
  }

.pswp{
  -webkit-text-size-adjust:100%;
  -webkit-backface-visibility:hidden;
  display:none;
  height:100%;
  left:0;
  outline:none;
  overflow:hidden;
  position:absolute;
  top:0;
  touch-action:none;
  width:100%;
  z-index:1500;
}

.pswp img{
  max-width:none;
}

.pswp--animate_opacity{
  opacity:0.001;
  transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change:opacity; }

.pswp--open{
  display:block; }

.pswp--zoom-allowed .pswp__img{
  cursor:zoom-in; }

.pswp--zoomed-in .pswp__img{
  cursor:grab; }

.pswp--dragging .pswp__img{
  cursor:grabbing; }

.pswp__bg{
  -webkit-backface-visibility:hidden;
  background:var(--colorBody);
  height:100%;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
  transform:translateZ(0);
  width:100%; }

.pswp__scroll-wrap{
  height:100%;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100%; }

.pswp__container,.pswp__zoom-wrap{
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
  touch-action:none; }

.pswp__container,.pswp__img{
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
             -moz-user-select:none;
          user-select:none; }

.pswp__zoom-wrap{
  position:absolute;
  transform-origin:left top;
  transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  width:100%; }

.pswp__bg{
  transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change:opacity; }

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{
  transition:none; }

.pswp__container,.pswp__zoom-wrap{
  -webkit-backface-visibility:hidden; }

.pswp__item{
  bottom:0;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0; }

.pswp__img{
  height:auto;
  left:0;
  position:absolute;
  top:0;
  width:auto; }

.pswp__img--placeholder{
  -webkit-backface-visibility:hidden; }

.pswp--ie .pswp__img{
  height:auto !important;
  width:100% !important; }

.pswp--ie .pswp__img{
  left:0;
  top:0; }

.pswp__error-msg{
  color:#ccc;
  left:0;
  line-height:16px;
  margin-top:-8px;
  position:absolute;
  text-align:center;
  top:50%;
  width:100%; }

.pswp__error-msg a{
  color:#ccc;
  -webkit-text-decoration:underline;
  text-decoration:underline; }

.pswp__button{
  position:relative;
}

.pswp__button:after{
    bottom:0;
    content:"";
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
  }

.pswp__button svg{
    pointer-events:none;
  }

.pswp__button--arrow--left .icon,.pswp__button--arrow--right .icon{
  height:13px;
  margin:8px;
  width:13px;
}

.pswp__button[disabled]{
  opacity:0;
  pointer-events:none;
}

.pswp__ui{
  align-items:center;
  bottom:30px;
  display:flex;
  justify-content:center;
  left:0;
  position:absolute;
  right:0;
  transform:translateY(0);
  transition:transform 0.25s 0.6s;
}

.pswp__ui .btn{
    margin:15px;
  }

.pswp__ui--hidden{
  transform:translateY(150%);
  transition:transform 0.25s;
}

html.pswp-open-in-ios,html.pswp-open-in-ios body{
  background:#444;
  box-sizing:border-box;
  height:var(--window-inner-height);
  overflow:hidden;
}

.pswp-open-in-ios body>*{
  display:none; 
}

.pswp-open-in-ios body .pswp.pswp--open{
  display:block; 
}

.disclosure{
  position:relative;
}

.disclosure__toggle{
  white-space:nowrap;
}

.disclosure-list{
  background-color:var(--colorBody);
  border-radius:0;
  bottom:100%;
  box-shadow:0 0 20px rgba(0,0,0,.09);
  color:var(--colorTextBody);
  display:none;
  margin:0;
  max-height:60vh;
  min-height:92px;
  overflow-y:auto;
  padding:10px 0;
  position:absolute;
}

.disclosure-list a{
    color:currentColor;
  }

.disclosure-list--down{
  bottom:auto;
  top:100%;
  z-index:30;
}

.disclosure-list--left{
  right:0;
}

.disclosure-list--visible{
  display:block;
}

.disclosure-list__item{
  padding:5px 15px 4px;
  text-align:left;
  white-space:nowrap;
}

.disclosure-list__option:focus .disclosure-list__label,.disclosure-list__option:hover .disclosure-list__label{
      -webkit-text-decoration:underline;
      text-decoration:underline;
    }

.disclosure-list__item--current .disclosure-list__label{
    -webkit-text-decoration:underline;
    text-decoration:underline;
  }

.disclosure-list__label{
  display:inline-block;
  text-underline-offset:0.2rem;
  vertical-align:middle;
}

[data-disclosure-currency] .disclosure-list__label{
    padding-left:10px;
}

.disclosure-list__label span{
    border-bottom:2px solid transparent;
  }

.is-active .disclosure-list__label span{
      border-bottom:2px solid currentColor;
  }

.multi-selectors{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.multi-selectors__item{
  margin:0 20px 10px;
}

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

.multi-selectors__item{
    margin:10px 20px;
}
  }

.toolbar .multi-selectors__item{
    margin-bottom:0;
    margin-right:0;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{
    background:var(--colorBody);
    border-color:var(--colorTextBodyAlpha005);
    border-radius:16px;
    opacity:1;
  }

.shopify-model-viewer-ui .shopify-model-viewer-ui__button{
    color:var(--colorTextBody);
  }

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{
      color:var(--colorTextBody);
    }

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{
      background-color:var(--colorTextBodyAlpha005);
      color:var(--colorTextBody);
    }

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{
      border-color:var(--colorTextBodyAlpha005);
    }

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{
    background-color:var(--colorTextBody);
    border:1px solid;
    border-color:var(--colorBodyAlpha05);
    border-radius:100%;
    color:var(--colorBody);
  }

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{
      color:var(--colorBody);
    }

.product-single__view-in-space{
  background-color:var(--colorTextBodyAlpha008);
  color:var(--colorTextBody);
  display:block;
  margin:40px 10% 10px;
  padding:5px 10px 10px;
  width:80%;
  width:calc(80% - 4px);
}

.product-single__view-in-space[data-shopify-xr-hidden]{
    display:none;
  }

.product-single__view-in-space-text{
  display:inline-block;
  font-size:calc(var(--typeBaseSize)*0.85);
  margin-left:5px;
  vertical-align:middle;
}

.shopify-model-viewer-ui,.shopify-model-viewer-ui model-viewer{
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.shopify-model-viewer-ui__button[hidden]{
  display:none;
}

.product-single__close-media{
  position:absolute;
  right:10px;
  top:10px;
  z-index:2;
}

.price-range__slider-wrapper{
  padding:0 8px 8px;
}

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

.price-range__slider-wrapper{
    padding:0 10px 8px;
}
  }

.price-range__input{
  display:none;
}

.price-range__display-wrapper{
  display:flex;
  flex:1 1 auto;
  justify-content:space-between;
  padding:0;
  padding-bottom:8px;
  width:100%;
}

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

.price-range__display-wrapper{
    padding:0;
}
  }

.noUi-horizontal .noUi-handle{
  background:var(--colorTextBody);
  border:0;
  border-radius:50%;
  box-shadow:0 0 1px 2px #fff;
  cursor:pointer;
  height:12px;
  right:-6px;
  top:-3px;
  width:12px;
}

.noUi-horizontal .noUi-handle:focus,.noUi-horizontal .noUi-handle:hover{
    height:14px;
    right:-7px;
    top:-4px;
    width:14px;
  }

.noUi-horizontal .noUi-handle:after,.noUi-horizontal .noUi-handle:before{
    content:none;
  }

.noUi-target{
  background:#f4f4f4;
  border:0;
  box-shadow:none;
}

.noUi-connect{
  background:var(--colorTextBody);
}

.noUi-horizontal{
  height:6px;
}

.countdown__content{
  background-color:var(--countdown-background-color);
  color:var(--countdown-text-color);
}

.countdown__block--button .btn.btn--secondary{
    color:var(--accent-color);
  }

::-webkit-input-placeholder{
   color:inherit;
   opacity:0.5;
}

:-moz-placeholder{
   color:inherit;
   opacity:0.5;
}

:-ms-input-placeholder{
   color:inherit;
   opacity:0.5;
}

::-ms-input-placeholder{
   color:inherit;
   opacity:1;
}

input,select,textarea{
  background-color:inherit;
  color:inherit;
}

input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{
    background-color:#f6f6f6;
    border-color:transparent;
  }

input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{
    border:1px solid;
    border-color:var(--colorTextBody);
  }

input[type=image]{
  background-color:transparent;
}

[data-center-text=true] .social-sharing{
    text-align:center;
}

.social-sharing .icon{
    height:18px;
    width:18px;
  }

.social-sharing__link{
  border-radius:16px;
  color:var(--colorTextBody);
  display:inline-block;
  font-weight:400;
  margin:0 18px 0 0;
  -webkit-text-decoration:none;
  text-decoration:none;
}

.social-sharing__link:last-child{
    margin-right:0;
  }

html[dir=rtl] .social-sharing__link{
    margin:0 0 0 18px;
}

html[dir=rtl] .social-sharing__link:last-child{
      margin-left:0;
    }

.social-sharing__title{
  display:inline-block;
  font-size:calc(var(--typeBaseSize)*0.85);
  padding-left:3px;
  padding-right:15px;
  vertical-align:middle;
}

html[dir=rtl] .social-sharing__title{
    padding-left:15px;
    padding-right:3px;
}

.grid-search{
  margin-bottom:30px;
}

.grid-search__product{
  position:relative;
  text-align:center;
}

.grid-search__page-link{
  background-color:var(--colorBodyLightDim);
  color:var(--colorTextBody);
  display:block;
  overflow:hidden;
  padding:20px;
  text-overflow:ellipsis;
}

.grid-search__page-link:focus,.grid-search__page-link:hover{
    background-color:var(--colorBodyMediumDim);
  }

.grid-search__page-content{
  display:block;
  height:100%;
  overflow:hidden;
}

.grid-search__page-content img{
  display:block;
  margin-bottom:10px;
}

.grid-search__image{
  display:block;
  margin:0 auto;
  max-height:100%;
  max-width:100%;
  padding:20px;
}

@media only screen and (min-width:769px){

.grid-search__image{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
}
  }

.index-section{
  margin:40px 0;
}

.index-section--small{
  margin:18px 0;
}

.index-section+.index-section,.index-section+.index-section--hidden,.main-content+.index-section{
  margin-top:0;
}

.index-section--flush{
  margin:0;
}

.section--divider{
  border-top:1px solid;
  border-top-color:var(--colorBorder);
  padding-top:40px;
}

.index-section--faq{
  margin-bottom:40px;
}

.newsletter-section{
  padding:40px 0;
}

.newsletter-section--with-divider{
  border-top:1px solid;
  border-top-color:var(--colorBorder);
}

.template-challange .index-section--footer{
  display:none;
}

.testimonials-section{
  padding:25.5px 0;
}

.testimonials-section--with-divider{
  border-top:1px solid;
  border-top-color:var(--colorBorder);
}

@media only screen and (min-width:769px){
  .index-section{
    margin:75px 0;
  }

  .index-section--small{
    margin:30px 0;
  }

  .section--divider{
    padding-top:75px;
  }

  .index-section--faq{
    margin:75px 0 37.5px;
  }

  .newsletter-section{
    padding:75px 0;
  }

  .testimonials-section{
    padding:75px 0;
  }
}

.page-blocks--flush .page-width{
  padding:0;
}

.page-blocks>div:first-child .index-section{
    margin-top:0;
  }

.feature-row-wrapper{
  direction:ltr;
  overflow:hidden;
}

.feature-row{
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin:0 auto;
}

@media only screen and (min-width:1050px){

.feature-row{
    margin:0 6%;
}
  }

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

.feature-row{
    flex-direction:column;
    margin:0;
}
  }

@media only screen and (max-width:959px){
  .feature-row--small-none{
    display:block;
  }
}

.feature-row__item{
  flex:0 1 57%;
  margin:0 auto;
}

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

.feature-row__item{
    flex:1 1 auto;
    max-width:100%;
    min-width:100%;
}
  }

.feature-row__item--overlap-images{
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin:0 0 0 -30px;
  padding:0 0 15px;
}

@media only screen and (min-width:769px){

.feature-row__item--overlap-images{
    margin:0 auto;
    padding:50px 0;
}
  }

.feature-row__item--overlap-images>*{
    width:50%;
  }

.feature-row__item--overlap-images>:first-child{
      transform:translate(30px, 30px);
      z-index:1;
    }

@media only screen and (min-width:769px){

.feature-row__item--overlap-images>:first-child{
        transform:translate(50px, 50px);
    }
      }

.feature-row__item--overlap-images svg{
    border:2px solid;
    border-color:var(--colorBody);
  }

.feature-row__image{
  display:block;
  margin:0 auto;
  order:1;
}

@media only screen and (min-width:769px){

.feature-row__image{
    order:2;
}
  }

.feature-row__text{
  flex:0 1 43%;
  min-width:43%;
  padding:0;
}

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

.feature-row__text{
    margin-top:0;
    order:2;
    padding:30px 20px 0;
    padding-bottom:0;
}
  }

.feature-row__text .rte{
    margin:0;
  }

.feature-row__text .btn{
    margin-top:15px;
  }

@media only screen and (min-width:769px){
  .feature-row__text--left{
    padding-left:60px;
  }

  .feature-row__text--right{
    padding-right:60px;
  }
}

.product-block{
  margin-bottom:25px;
}

.product-block hr{
    margin:0;
  }

.product-block--tab+.product-block--tab{
  margin-top:-25px;
}

.product-block--sales-point+.product-block--sales-point{
  margin-top:-20px;
}

.product-block--header+.product-block--price{
  margin-top:-20px;
}

.theme-block{
  margin-bottom:30px;
}

.theme-block:last-child{
    margin-bottom:0;
  }

.size-chart__standalone .tool-tip-trigger__title{
  font-size:0.8em;
  letter-spacing:0.3em;
}

.slideshow-wrapper{
  position:relative;
}

.slideshow__pause:focus{
  clip:auto;
  background-color:var(--colorBtnPrimary);
  color:var(--colorBtnPrimaryText);
  height:auto;
  margin:0;
  padding:10px;
  transition:none;
  width:auto;
  z-index:10000;
}

.video-is-playing .slideshow__pause:focus{
    display:none;
}

.slideshow__pause-stop{
  display:block;
}

.is-paused .slideshow__pause-stop{
    display:none;
}

.slideshow__pause-play{
  display:none;
}

.is-paused .slideshow__pause-play{
    display:block;
}

.slideshow__slide{
  display:none;
  height:100%;
  overflow:hidden;
  position:relative;
  width:100%;
}

.slideshow__slide:first-child{
    display:block;
  }

.flickity-slider .slideshow__slide{
    display:block;
}

.hero{
  background:var(--colorLargeImageBg);
  overflow:hidden;
  position:relative;
}

.hero__media-container{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.hero__image-wrapper,.hero__media{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.hero__image-wrapper:before,.hero__media:before{
    background-color:var(--colorImageOverlay);
    bottom:0;
    content:"";
    left:0;
    opacity:var(--colorImageOverlayOpacity);
    position:absolute;
    right:0;
    top:0;
    z-index:3;
  }

.video-interactable .hero__image-wrapper:before,.video-interactable .hero__media:before{
      pointer-events:none;
  }

.hero__image{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  position:relative;
  width:100%;
  z-index:1;
}

.hero__media{
  background-position:top;
  background-repeat:no-repeat;
  background-size:cover;
  z-index:1;
}

.hero__image-wrapper--no-overlay:before{
  content:none;
}

.hero__media iframe,.hero__media video{
  height:100%;
  pointer-events:none;
  width:100%;
}

.video-interactable .hero__media iframe,.video-interactable .hero__media video{
    pointer-events:auto;
}

.video-parent-section.loading .hero__media iframe,.video-parent-section.loading .hero__media video{
    opacity:0.01;
}

.video-parent-section.loaded .hero__media iframe,.video-parent-section.loaded .hero__media video{
    animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
    opacity:1;
    transition:none;
}

.hero__media video{
  font-family:"object-fit: cover";
  -o-object-fit:cover;
     object-fit:cover;
  position:relative;
}

.hero__media iframe{
  left:0;
  left:-100%;
  max-width:none;
  position:absolute;
  top:0;
  width:300%;
}

@media screen and (min-width:1140px){

.hero__media iframe{
    height:300%;
    left:auto;
    top:-100%;
    width:100%;
}
  }

.vimeo-mobile-trigger{
  display:block;
  margin-top:90px;
  position:absolute;
  width:100%;
  z-index:2;
}

.hero__text-content .vimeo-mobile-trigger{
    bottom:120%;
}

.vimeo-mobile-trigger .icon{
    background-color:#fff;
    border-radius:50%;
    height:40px;
    padding:10px;
    width:40px;
  }

.hero__slide-link{
  display:block;
  height:100%;
  position:absolute;
  width:100%;
  z-index:5;
}

.hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse){
      background:var(--colorBtnPrimaryLight);
      transition-delay:0.25s;
    }

.hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{
        animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
      }

[data-button_style=angled] .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{
          animation:none;
        }

.hero__text-wrap{
  color:var(--colorHeroText);
  height:100%;
  position:relative;
}

.video-interactable .hero__text-wrap{
    pointer-events:none;
}

.hero__text-wrap .page-width{
    display:table;
    height:100%;
    width:100%;
  }

.hero__text-content{
  padding:15px 0;
  position:relative;
  z-index:4;
}

@media only screen and (min-width:769px){

.hero__text-content{
    padding:45px 0;
}
  }

[data-dots=true] .hero__text-content{
    padding-bottom:40px;
}

.hero__text-shadow{
  display:inline-block;
  position:relative;
}

.hero__text-shadow:before{
    background:radial-gradient(rgba(0, 0, 0, var(--colorImageOverlayTextShadow)) 0%, transparent 60%);
    bottom:0;
    content:"";
    left:0;
    margin:-100px -200px -100px -200px;
    position:absolute;
    right:0;
    top:0;
    z-index:auto;
    z-index:-1;
  }

.hero__top-subtitle{
  font-size:1.1em;
  letter-spacing:0.3em;
  margin-bottom:5px;
  text-transform:uppercase;
}

.hero__title{
  display:block;
  margin-bottom:0;
}

.hero__subtext{
  margin-top:20px;
}

.hero__subtitle{
  display:block;
  font-size:1.3em;
  margin-bottom:5px;
  margin-top:5px;
  vertical-align:middle;
}

.hero__link{
  display:block;
  position:relative;
}

.video-interactable .hero__link{
    pointer-events:auto;
}

.hero__link .btn{
    margin:4px 3px 2px 0;
  }

@media only screen and (min-width:769px){

.hero__link .btn{
      margin-right:5px;
      margin-top:0;
  }
    }

[data-button_style=angled] .hero__link .btn{
      margin-left:12px;
  }

.hero__link .btn+.btn{
    margin-left:2px;
  }

@media only screen and (min-width:769px){

.hero__link .btn+.btn{
      margin-left:10px;
  }
    }

[data-button_style=angled] .hero__link .btn+.btn{
      margin-left:12px;
  }

.hero__link .btn .icon-play{
    margin-right:5px;
    position:relative;
    top:-2px;
  }

[data-button_style=angled] .hero__link .animation-cropper{
      padding-right:10px;
    }

.hero__text-content{
  display:table-cell;
}

.hero__text-content .hero__link{
    margin-top:7.5px;
  }

@media only screen and (min-width:769px){

.hero__text-content .hero__link{
      margin-top:15px;
  }
    }

.hero__text-content.horizontal-left{
    text-align:left;
  }

.hero__text-content.horizontal-center{
    text-align:center;
  }

.hero__text-content.horizontal-right{
    text-align:right;
  }

.hero__text-content.vertical-center{
    vertical-align:middle;
  }

.hero__text-content.vertical-bottom{
    vertical-align:bottom;
  }

.overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{
  padding-top:50px;
}

@media only screen and (min-width:769px){

.overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{
    padding-top:90px;
}
  }

.hero--450px{
  height:292.5px;
}

.hero--550px{
  height:357.5px;
}

.hero--650px{
  height:422.5px;
}

.hero--750px{
  height:487.5px;
}

.hero--100vh{
  height:100vh;
}

@media only screen and (min-width:769px){
  .hero--natural[data-natural]{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
  }
  .hero--450px{
    height:450px;
  }
  .hero--550px{
    height:550px;
  }
  .hero--650px{
    height:650px;
  }
  .hero--750px{
    height:750px;
  }
}

@media only screen and (max-width:768px){
  .hero--mobile--auto[data-mobile-natural=true]{
    bottom:0;
    height:auto;
    left:0;
    position:absolute;
    right:0;
    top:0;
  }
  .hero--natural[data-mobile-natural=false]{
    height:500px;
  }
  .hero--mobile--250px[data-mobile-natural=false]{
    height:250px;
  }
  .hero--mobile--300px[data-mobile-natural=false]{
    height:300px;
  }
  .hero--mobile--400px[data-mobile-natural=false]{
    height:400px;
  }
  .hero--mobile--500px[data-mobile-natural=false]{
    height:500px;
  }
  .hero--mobile--100vh[data-mobile-natural=false]{
    height:90vh;
  }
}

.slideshow__slide .animation-cropper,[data-aos=hero__animation] .animation-cropper{
    opacity:0;
  }

.slideshow__slide .animation-contents,[data-aos=hero__animation] .animation-contents{
    opacity:0;
    transform:translateY(15px);
    transition:none;
  }

.slideshow__slide:not(.animate-out) .hero__image,[data-aos=hero__animation]:not(.animate-out) .hero__image{
    opacity:0;
    transition:none;
  }

.slideshow__slide .hero__link .btn,[data-aos=hero__animation] .hero__link .btn{
    opacity:0;
    transition:none;
  }

.slideshow__slide .hero__image-wrapper,[data-aos=hero__animation] .hero__image-wrapper{
    opacity:0;
    transform:translateX(200px);
    transition:none;
  }

.loaded .slideshow__slide.is-selected .animation-cropper,.loaded[data-aos=hero__animation] .animation-cropper{
    opacity:1;
  }

.loaded .slideshow__slide.is-selected .animation-contents,.loaded[data-aos=hero__animation] .animation-contents{
    transform:translateY(0px);
  }

.loaded .slideshow__slide.is-selected .hero__title .animation-contents,.loaded[data-aos=hero__animation] .hero__title .animation-contents{
    animation:0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards;
    animation-name:rise-up;
  }

.loaded .slideshow__slide.is-selected .hero__subtitle .animation-contents,.loaded .slideshow__slide.is-selected .hero__top-subtitle .animation-contents,.loaded[data-aos=hero__animation] .hero__subtitle .animation-contents,.loaded[data-aos=hero__animation] .hero__top-subtitle .animation-contents{
    animation:1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards;
    animation-name:rise-up;
  }

.loaded .slideshow__slide.is-selected .hero__link .animation-contents,.loaded[data-aos=hero__animation] .hero__link .animation-contents{
    opacity:1;
  }

.loaded .slideshow__slide.is-selected .hero__link .btn,.loaded[data-aos=hero__animation] .hero__link .btn{
    animation:fade-in 2s ease 1.3s forwards;
  }

.loaded .slideshow__slide.is-selected .hero__link .btn:nth-child(2),.loaded[data-aos=hero__animation] .hero__link .btn:nth-child(2){
    animation:fade-in 2s ease 1.6s forwards;
  }

.loaded .slideshow__slide.is-selected .hero__image,.loaded .slideshow__slide.is-selected .hero__image--svg,.loaded .slideshow__slide.is-selected .hero__media,.loaded[data-aos=hero__animation] .hero__image,.loaded[data-aos=hero__animation] .hero__image--svg,.loaded[data-aos=hero__animation] .hero__media{
    opacity:1;
    transition:none;
  }

.loaded .slideshow__slide.is-selected .hero__image-wrapper,.loaded[data-aos=hero__animation] .hero__image-wrapper{
    opacity:1;
    transform:translateX(0px);
    transition:transform 0.7s ease,opacity 0.7s ease;
  }

.loaded[data-aos=hero__animation] .hero__image-wrapper{
    transition:opacity 0.7s ease !important;
  }

.no-js .hero__image,.no-js .hero__image-wrapper{
    opacity:1 !important;
  }

.no-js .hero__image,.no-js .hero__image-wrapper{
    transform:none;
  }

.slideshow__slide.animate-out .animation-cropper{
    opacity:0;
    transition:none;
  }

.slideshow__slide.animate-out .hero__image-wrapper{
    opacity:0;
    transform:translateX(-200px);
    transition:transform 0.5s ease-in 0.05s,opacity 0.5s ease-in 0.05s;
  }

.slideshow__slide.animate-out .hero__link{
    opacity:0;
    transition:none;
  }

.collection-content{
  padding-top:22.5px;
}

@media only screen and (min-width:769px){

.collection-content{
    padding-top:45px;
}
  }

.collection-filter{
  align-items:center;
  display:flex;
  justify-content:flex-end;
}

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

.collection-filter{
    flex-wrap:wrap;
    justify-content:space-between;
    position:sticky;
    top:17px;
    z-index:5;
}

.sticky-header .collection-filter{
      top:86px;
}
  }

.collection-filter .btn,.collection-filter select{
    font-size:16px;
    height:44px;
  }

.collection-filter select{
    display:block;
    width:100%;
  }

.collection-filter .btn{
    border:1px solid;
    border-color:var(--colorBorder);
    padding:0 20px;
  }

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

.collection-filter .btn{
      text-align:left;
      width:100%;
  }
    }

.collection-filter .btn .icon{
      margin-right:10px;
      position:relative;
      top:-2px;
    }

.collection-filter__item{
  flex:1 1 auto;
  margin-bottom:15px;
}

.collection-filter .btn:not(.btn--tertiary-active),.collection-filter__sort-container{
  background:var(--colorBody);
}

.collection-filter__item--drawer{
  flex:0 1 48%;
}

.collection-filter__item--count{
  flex:1 1 170%;
  text-align:center;
}

.collection-filter__item--sort{
  flex:0 1 48%;
}

@media only screen and (max-width:768px){
  .collection-filter__item--count{
    flex:1 1 100%;
    order:3;
  }
}

.image-filter__wrapper ul{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(2, 1fr);
}

.image-filter__wrapper ul label{
    align-items:flex-start;
    border:1px solid transparent;
    height:100%;
  }

.image-filter__wrapper ul label:active,.image-filter__wrapper ul label:focus-within,.image-filter__wrapper ul label:hover{
      border-color:var(--colorBorder);
    }

.image-filter__wrapper ul .tag__text{
    margin-bottom:4px;
    margin-left:0;
  }

.image-filter__wrapper .tag--active label{
  border-color:var(--colorTextBody);
}

.image-filter__image-wrapper{
  display:flex;
  flex-direction:column;
  gap:10px;
  text-align:center;
}

.rte.collection__description{
  margin-bottom:45px;
}

.collection-hero{
  background:var(--colorLargeImageBg);
  box-sizing:initial;
  height:250px;
  overflow:hidden;
  position:relative;
  width:100%;
}

@media only screen and (min-width:769px){

.collection-hero{
    height:420px;
}
  }

.collection-hero__content{
  align-items:flex-end;
  bottom:0;
  display:flex;
  left:0;
  padding:15px 0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}

@media only screen and (min-width:769px){

.collection-hero__content{
    padding:30px 0;
}
  }

[data-type_headers_align_text=true] .collection-hero__content{
    align-items:center;
}

.overlaid-header .collection-hero__content{
    padding-top:70px;
}

@media only screen and (min-width:769px){

.overlaid-header .collection-hero__content{
      padding-top:100px;
}
    }

.collection-hero__content .page-width{
    width:100%;
  }

.collection-hero__content:before{
    background-color:var(--colorImageOverlay);
    bottom:0;
    content:"";
    display:block;
    left:0;
    opacity:var(--colorImageOverlayOpacity);
    position:absolute;
    right:0;
    top:0;
    z-index:auto;
  }

.collection-hero__content .section-header{
    animation:fade-in 0.5s 1s forwards;
    opacity:0;
  }

[data-disable-animations=true] .collection-hero__content .section-header{
      animation:none;
      opacity:1;
  }

.collection-hero__image{
  animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  transition:none;
}

[data-disable-animations=true] .collection-hero__image{
    animation:none;
    opacity:1;
}

.collection-grid__wrapper.unload{
  min-height:180px;
  opacity:0.2;
  position:relative;
  transition:opacity 0.3s;
}

.collection-grid__wrapper.unload [data-section-type=collection-grid]{
    animation:grid-product__loading 1.5s ease 1.5s infinite;
  }

.collection-sidebar{
  margin-bottom:20px;
  padding-right:10px;
}

@media only screen and (min-width:769px){
  .grid__item--sidebar{
    max-height:90vh;
    overflow-y:auto;
    position:sticky;
    top:10px;
  }
}

.collection-sidebar__group{
  border-top:1px solid;
  border-top-color:var(--colorDrawerBorder);
  margin-bottom:5px;
  margin-top:5px;
  overflow:hidden;
  padding-top:5px;
}

.collection-sidebar__group:first-child{
    margin-top:0;
  }

.collection-sidebar__group .collapsible-content__inner{
    padding-bottom:5px;
  }

.filter-form div:first-of-type .collection-sidebar__group{
  border-top:0;
  padding-top:0;
}

.is-light .site-header__logo .logo--has-inverted{
    display:none;
}

.site-header__logo .logo--inverted{
  display:none;
}

.is-light .site-header__logo .logo--inverted{
    display:block;
}

@media only screen and (min-width:769px){

.site-header__logo{
    text-align:left;
}
  }

.header-logo a,.site-header__logo a{
  color:var(--colorNavText);
}

.is-light .header-logo a,.is-light .site-header__logo a{
    color:#fff;
}

.is-light .header-logo a:hover,.is-light .site-header__logo a:hover{
      color:#fff;
    }

.is-light .site-header{
    box-shadow:none;
}

.site-header--password{
  color:var(--colorNavText);
}

.site-header--password a,.site-header--password a:hover{
    color:var(--colorNavText);
  }

.is-light .site-header--password{
    color:#fff;
}

.is-light .site-header--password a,.is-light .site-header--password a:hover{
      color:#fff;
    }

.site-nav__dropdown-link{
  display:block;
  padding:8px 15px;
  white-space:nowrap;
}

.megamenu .site-nav__dropdown-link{
    padding:4px 0;
    white-space:normal;
}

.tag-list__header{
  text-align:left;
}

.tag-list .tag-list{
  margin-left:15px;
}

.tag-list a,.tag-list label{
  cursor:pointer;
  display:block;
  line-height:1.4;
}

.tag-list label:hover,.tag:focus-within label{
  -webkit-text-decoration:underline;
  text-decoration:underline;
  text-underline-offset:2px;
}

.tag--active>a,.tag--active>label{
  font-weight:900;
}

.tag-list--active-tags:empty{
  display:none;
}

.tag-list--checkboxes{
  padding-bottom:6px;
}

.tag-list--checkboxes a{
    font-size:calc(var(--typeBaseSize) - 2px);
    font-size:max(calc(var(--typeBaseSize) - 2px), 14px);
    padding-left:25px;
    position:relative;
  }

.tag-list--checkboxes a:before{
      content:"";
      left:0;
      position:absolute;
      top:50%;
      transform:translateY(-50%);
    }

.tag-list--checkboxes a:before{
      border:1px solid;
      border-color:var(--colorBorder);
      height:16px;
      width:16px;
    }

.tag--active .tag__checkbox:after,.tag-list--checkboxes .tag--active a:after,input:checked~.tag__checkbox:after{
  background-color:var(--colorTextBody);
  border-color:var(--colorTextBody);
}

.tag--remove{
  position:relative;
}

.tag--remove a{
    text-align:left;
  }

.tag--remove .icon{
    color:var(--colorBtnPrimaryText);
    pointer-events:none;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
  }

.tag-list--swatches{
  margin-left:-2px;
  margin-top:2px;
}

.drawer .tag-list--swatches{
    margin-left:-2px;
}

.tag-list--swatches li{
    display:inline-block;
  }

label.tag__checkbox-wrapper{
  display:flex;
}

.tag__checkbox{
  padding-left:25px;
  position:relative;
}

.tag__checkbox:after,.tag__checkbox:before{
    content:"";
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
  }

.tag__checkbox:before{
    border:1px solid;
    border-color:var(--colorBorder);
    height:16px;
    width:16px;
  }

.tag__checkbox:after{
    height:10px;
    left:3px;
    width:10px;
  }

.tag__input{
    cursor:pointer;
    height:0;
    opacity:0;
  position:absolute;
    width:0;
}

.variant-input-wrap{
  border:0;
  margin:0 0 -12px;
  padding:0;
  position:relative;
}

.variant-input-wrap input{
    clip:rect(0 0 0 0);
    border:0;
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
  }

.variant-input-wrap label{
    background-color:var(--colorBody);
    box-shadow:0 0 0 1px var(--colorBorder);
    display:inline-block;
    font-family:var(--typeBasePrimary), var(--typeBaseFallback);
    font-size:calc(var(--typeBaseSize)*0.92);
    font-weight:400;
    letter-spacing:var(--typeBaseSpacing);
    line-height:var(--typeBaseLineHeight);
    margin:0 8px 12px 0;
    overflow:hidden;
    padding:7px 15px 7px;
    position:relative;
  }

@media only screen and (min-width:769px){

.variant-input-wrap label{
    font-size:var(--typeBaseSize);
  }
  }

[data-center-text=true] .variant-input-wrap label{
      margin:0 4px 12px;
  }

.variant-input-wrap label.disabled{
      color:var(--colorBorder);
    }

.variant-input-wrap label.disabled:after{
      border-left:1px solid;
      border-color:var(--colorBorder);
      bottom:0;
      content:"";
      left:50%;
      position:absolute;
      top:0;
      transform:rotate(45deg);
    }

.variant-input-wrap input[type=radio]:focus+label{
    border-color:var(--colorTextBodyAlpha005);
    box-shadow:0 0 0 1px var(--colorTextBody);
  }

.variant-input-wrap input[type=radio]:checked+label{
    box-shadow:0 0 0 2px var(--colorTextBody);
  }

.variant-input{
  display:inline-block;
}

select .variant-input{
    display:block;
}

.variant-wrapper+.variant-wrapper{
  margin-top:25px;
}

.no-js .variant-wrapper{
  display:none;
}

.variant-wrapper--dropdown{
  display:inline-block;
  margin-bottom:0;
  margin-right:15px;
  max-width:100%;
}

.variant__label[for]{
  cursor:default;
  display:block;
  margin-bottom:10px;
}

.variant__label-info{
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}

.grid-product{
  margin-bottom:15px;
}

@media only screen and (min-width:769px){

.grid-product{
    margin-bottom:30px;
}
  }

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

.grid-overflow-wrapper .grid-product{
      margin-bottom:0;
}
  }

.grid-product__content{
  position:relative;
  text-align:left;
}

html[dir=rtl] .grid-product__content{
    text-align:right;
}

.grid__item-image-wrapper{
  position:relative;
}

.grid-product__title--heading{
  font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight:var(--typeHeaderWeight);
  letter-spacing:var(--typeHeaderSpacing);
  line-height:var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .grid-product__title--heading{
    text-transform:uppercase;
}

.grid-product__title--heading{
  font-size:calc(var(--typeBaseSize) + 2px);
  line-height:1;
}

[data-type_product_capitalize=true] .grid-product__title{
    font-size:calc(var(--typeBaseSize) - 2px);
    letter-spacing:0.2em;
    text-transform:uppercase;
  }

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

[data-type_product_capitalize=true] .grid-product__title{
      font-size:calc(var(--typeBaseSize) - 3px);
  }
    }

.grid-product__title{
  -webkit-hyphens:auto;
          hyphens:auto;
  word-break:break-word;
}

.grid-product__link{
  display:block;
}

.grid-product__link:after{
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
  }

.grid-product__link--inline{
  display:flex;
}

.grid-product__link--inline .grid-product__image-mask{
    flex:0 0 auto;
    margin-right:10px;
  }

.grid-product__link--inline .grid__image-ratio{
    width:80px;
  }

.grid-product__link--inline .grid-product__meta{
    text-align:left;
  }

.grid-product__image-mask{
  overflow:hidden;
  position:relative;
}

.grid-product__image{
  display:block;
  height:100%;
  margin:0 auto;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

/* Hover-bildet toner naa begge veier med transition, ikke inn med en
   animation som hadde "forwards" og ingen vei ut. Den snappet tilbake til
   usynlig i det pekeren forlot kortet. 14.08.2026 - se .bb-scroller under. */
.grid-product__secondary-image{
  background-color:var(--colorBody);
  bottom:-1px;
  left:-1px;
  opacity:0;
  position:absolute;
  right:-1px;
  top:-1px;
  transition:opacity 0.2s cubic-bezier(0.26, 0.54, 0.32, 1);
}

.grid-product__secondary-image img{
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
    width:100%;
  }

.grid-product__content:hover .grid-product__secondary-image{
    opacity:1;
}

/* Mens siden er i bevegelse staar pekeren stille og kortene glir forbi under
   den. Uten dette utloser hvert kort som passerer innton-effekten, og det
   oppleves som at kortene blinker. Klassen settes fra custom.js under
   scrolling og fjernes ca. 120 ms etter at den stopper. */
.bb-scroller .grid-product__secondary-image{
  opacity:0 !important;
  transition:none !important;
}

@media (prefers-reduced-motion:reduce){
  .grid-product__secondary-image{ transition:none; }
}

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

.supports-touch .grid-product__secondary-image{
      display:none;
}
  }

.grid-product__color-image{
  background-color:var(--colorBody);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  bottom:0;
  left:0;
  opacity:0;
  position:absolute;
  right:0;
  top:0;
  transition:opacity 0.4s ease;
}

.grid-product__color-image.is-active{
    animation:fade-in 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  }

[data-center-text=true] .grid-product__meta{
    text-align:center;
}

.grid-product__meta{
  line-height:var(--typeBaselineHeightMinus01);
  padding:10px 0 6px 0;
  position:relative;
}

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

.small--grid--flush .grid-product__meta{
      padding-left:10px;
      padding-right:10px;
}
  }

.grid-product__vendor{
  font-size:0.8em;
  letter-spacing:0.3em;
  margin-top:5px;
  opacity:0.65;
  text-transform:uppercase;
}

.grid-product__price{
  color:var(--colorPrice);
  font-size:calc(var(--typeBaseSize)*0.85);
  margin-top:5px;
}

.grid-product__price--original{
  margin-right:5px;
  -webkit-text-decoration:line-through;
  text-decoration:line-through;
}

.grid-product__price--savings{
  color:var(--colorTextSavings);
  margin-left:5px;
  white-space:nowrap;
}

.grid-product__tag{
  background-color:var(--colorBtnPrimary);
  color:var(--colorBtnPrimaryText);
  font-size:calc(var(--typeBaseSize)*0.65);
  line-height:1;
  padding:6px 5px 6px 7px;
  position:absolute;
  right:0;
  top:0;
  transition:opacity 0.4s ease;
  z-index:2;
}

.grid-product__tag.grid-product__tag--sold-out{
    background-color:var(--colorBody);
    color:var(--colorTextBody);
  }

@media only screen and (min-width:769px){

.grid-product__tag{
    font-size:calc(var(--typeBaseSize)*0.85);
    padding:7px 7px 7px 9px;
}
  }

.grid-product__tag--sale{
  background-color:var(--colorSaleTag);
  color:var(--colorSaleTagText);
}

.quick-product__btn{
  background-color:var(--colorBtnPrimary);
  bottom:10px;
  color:var(--colorBtnPrimaryText);
  cursor:pointer;
  font-size:calc(var(--typeBaseSize)*0.85);
  left:10px;
  opacity:0;
  overflow:hidden;
  padding:8px 5px;
  position:absolute;
  right:10px;
  text-align:center;
  transform:translateY(5px);
  transition:opacity 0.25s ease,transform 0.25s ease-out,background 0.4s ease;
  width:calc(100% - 20px);
  z-index:2;
}

.no-js .quick-product__btn{
    display:none;
}

.grid-product__content:hover .quick-product__btn{
    opacity:1;
    transform:translateY(0);
    transition:opacity 0.25s ease,transform 0.25s ease-out;
}

.supports-touch .quick-product__btn{
    display:none;
}

.grid-product:focus-within .quick-product__btn{
    opacity:1;
    transform:translateY(0);
    transition:opacity 0.25s ease,transform 0.25s ease-out;
}

.quick-product__btn.btn--not-ready{
    opacity:0 !important;
  }

@media only screen and (max-width:768px){
  .grid-overflow-wrapper{
    -webkit-overflow-scrolling:touch;
    overflow:hidden;
    overflow-x:scroll;
  }

    .grid-overflow-wrapper .grid{
      display:flex;
      white-space:nowrap;
    }

    .grid-overflow-wrapper .grid__item{
      display:inline-block;
      flex:0 0 39vw;
      float:none;
      white-space:normal;
      width:39vw;
    }

      .grid-overflow-wrapper .grid__item:first-child{
        margin-left:17px;
      }

      .grid-overflow-wrapper .grid__item:last-child:after{
        content:"";
        display:inline-block;
        margin-right:17px;
        width:100%;
      }

    .grid-overflow-wrapper .grid__item--view-all{
      align-self:center;
    }

    .grid-overflow-wrapper .grid-product__price,.grid-overflow-wrapper .grid__item{
      font-size:0.75rem;
    }

  [data-aos=overflow__animation]{
    transform:translateX(100vw);
    transition:all 0.8s cubic-bezier(.25, .46, .45, .94);
  }

    .aos-animate[data-aos=overflow__animation]{
      transform:translateX(0);
    }

  [data-disable-animations=true] [data-aos=overflow__animation]{
      transform:none;
      transition:none;
  }
}

.grid-product__see-all{
  border:1px solid;
  border-color:var(--colorBorder);
  display:inline-block;
  margin-top:-60px;
  padding:15px;
  text-align:center;
}

[data-center-text=true] .grid-product__colors{
    text-align:center;
}

.grid-product__colors{
  display:flex;
  flex-wrap:wrap;
  line-height:15px;
  margin-top:3px;
}

@media only screen and (min-width:769px){

.grid-product__colors{
    line-height:19px;
}
  }

[data-center-text=true] .grid-product__colors{
    align-items:center;
    justify-content:center;
}

.grid-product__colors+.grid-product__colors{
    margin-top:4px;
  }

.sales-points{
  list-style:none;
  margin:25px 0;
  padding:0;
}

.quick-add-modal .sales-points{
    display:none;
}

.sales-point{
  display:block;
  margin-bottom:10px;
}

.sales-point:last-child{
    margin-bottom:0;
  }

.sales-point .icon{
    height:25px;
    margin-right:10px;
    position:relative;
    width:25px;
  }

[dir=rtl] .sales-point .icon{
      margin-left:10px;
      margin-right:0;
  }

@media only screen and (max-width:768px){
  .sales-point .icon-and-text{
    justify-content:center;
  }
}

@keyframes inventory-pulse{
  0%{
    opacity:0.5;
  }
  to{
    opacity:0;
    transform:scale(2.5);
  }
}

.icon--inventory:after,.icon--inventory:before{
    background:#54c63a;
    border-radius:16px;
    content:"";
    height:9px;
    left:0;
    margin:8px;
    position:absolute;
    top:0;
    width:9px;
  }

.icon--inventory:before{
    animation:inventory-pulse 2s linear infinite;
  }

.inventory--low .icon--inventory:after,.inventory--low .icon--inventory:before{
      background:#f4af29;
    }

.color-swatch{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:0 0 0 1px var(--colorBorder);
  display:block;
  height:40px;
  margin:0 4px 4px;
  overflow:hidden;
  position:relative;
  text-indent:-9999px;
  transition:box-shadow 0.2s ease;
  width:40px;
}

[data-swatch_style=round] .color-swatch{
    border-radius:100%;
}

.color-swatch:before{
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
  }

.color-swatch:before{
    border:3px solid;
    border-color:var(--colorBody);
  }

[data-swatch_style=round] .color-swatch:before{
      border-radius:100%;
      border-width:4px;
      bottom:-1px;
      left:-1px;
      right:-1px;
      top:-1px;
  }

.tag:focus-within .color-swatch,.tag:not(.tag--active) label:hover .color-swatch:hover,a.color-swatch:hover{
  box-shadow:0 0 0 1px var(--colorTextBody);
}

.tag--active .color-swatch{
  box-shadow:0 0 0 2px var(--colorTextBody);
}

.color-swatch--small{
  height:15px;
  width:15px;
}

@media only screen and (min-width:769px){

.color-swatch--small{
    height:19px;
    width:19px;
}
  }

.color-swatch--small:before{
    border:2px solid;
    border-color:var(--colorBody);
  }

[data-swatch_style=round] .color-swatch--small:before{
      border-width:3px;
  }

.tag--swatch{
  display:inline-block;
}

.tag--swatch>label{
    margin-bottom:0;
  }

.tag--show-label{
  width:100%;
}

.tag--show-label label{
    align-items:center;
    display:flex;
  }

.tag--show-label .tag__text{
    display:block !important;
  }

.tag--show-label .tag__text{
    margin-left:0.5rem;
  }

.color-swatch--filter{
  height:35px;
  width:35px;
}

.tag--active .color-swatch--filter:hover:after{
  border-left:1px solid;
  border-color:var(--colorBorder);
  bottom:0;
  content:"";
  left:50%;
  position:absolute;
  top:0;
  transform:rotate(45deg);
}

.collection-item{
  display:block;
  margin-bottom:17px;
  overflow:hidden;
  position:relative;
}

@media only screen and (min-width:769px){

.collection-item{
    margin-bottom:22px;
}
  }

.grid--no-gutters .collection-item{
    margin-bottom:0;
}

.collection-item:hover .collection-image{
    transform:scale(1.03);
    transition:all 0.8s ease;
  }

[data-disable-animations=true] .collection-item:hover .collection-image{
      transform:none;
      transition:none;
  }

.collection-item:not(.collection-item--below):after{
    background-color:var(--colorGridOverlay);
    bottom:0;
    content:"";
    left:0;
    opacity:var(--colorGridOverlayOpacity);
    position:absolute;
    right:0;
    top:0;
    transition:opacity 0.8s ease;
    z-index:auto;
  }

.collection-item:not(.collection-item--below):hover:after{
    opacity:calc(var(--colorGridOverlayOpacity) + 0.15);
  }

.collection-image{
  position:relative;
  transition:transform 0.3s ease;
}

.collection-image img{
    height:100%;
    left:0;
    -o-object-fit:cover;
       object-fit:cover;
    position:absolute;
    top:0;
    width:100%;
  }

.collection-item--below img{
  -o-object-fit:contain;
     object-fit:contain;
}

.collection-image--placeholder{
  opacity:1;
}

.collection-image--placeholder svg{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
  }

.collection-image--square{
  padding-bottom:100%;
}

.collection-image--landscape{
  padding-top:75%;
}

.collection-image--portrait{
  padding-top:150%;
}

.collection-item__title{
  display:block;
  font-size:calc(var(--typeCollectionTitle)*0.8);
  line-height:1em;
  z-index:2;
}

@media only screen and (min-width:769px){

.collection-item__title{
    font-size:var(--typeCollectionTitle);
}

.medium-up--one-fifth .collection-item__title{
      font-size:16px;
}
  }

[data-type_product_capitalize=true] .collection-item__title span{
      font-size:0.8em;
      letter-spacing:0.2em;
      text-transform:uppercase;
    }

.collection-item--below .collection-item__title{
    margin-top:5px;
}

.collection-item__title--heading{
  font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight:var(--typeHeaderWeight);
  letter-spacing:var(--typeHeaderSpacing);
  line-height:var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .collection-item__title--heading{
    text-transform:uppercase;
}

.collection-item__title--overlaid,.collection-item__title--overlaid-box{
  display:block;
  left:10px;
  position:absolute;
  right:10px;
}

.collection-item__title--overlaid{
  color:#fff;
  text-shadow:0 0 50px #000;
}

.collection-item__title--overlaid-box>span{
    background-color:var(--colorBody);
    -webkit-box-decoration-break:clone;
            box-decoration-break:clone;
    color:var(--colorTextBody);
    display:inline-block;
    padding:8px 15px;
  }

.collection-item__title--bottom-center,.collection-item__title--center,.collection-item__title--top-center{
  text-align:center;
}

.collection-item__title--bottom-right,.collection-item__title--top-right
.collection-item__title--right{
  text-align:right;
}

.collection-item__title--center[class*=collection-item__title--overlaid],.collection-item__title--left[class*=collection-item__title--overlaid],.collection-item__title--right[class*=collection-item__title--overlaid]{
    top:50%;
    transform:translateY(-50%);
  }

.collection-item__title--top-center[class*=collection-item__title--overlaid],.collection-item__title--top-left[class*=collection-item__title--overlaid],.collection-item__title--top-right[class*=collection-item__title--overlaid]{
    top:10px;
  }

@media only screen and (min-width:769px){

.collection-item__title--top-center[class*=collection-item__title--overlaid],.collection-item__title--top-left[class*=collection-item__title--overlaid],.collection-item__title--top-right[class*=collection-item__title--overlaid]{
      top:18px;
  }
    }

.collection-item__title--bottom-center[class*=collection-item__title--overlaid],.collection-item__title--bottom-left[class*=collection-item__title--overlaid],.collection-item__title--bottom-right[class*=collection-item__title--overlaid]{
    bottom:10px;
  }

@media only screen and (min-width:769px){

.collection-item__title--bottom-center[class*=collection-item__title--overlaid],.collection-item__title--bottom-left[class*=collection-item__title--overlaid],.collection-item__title--bottom-right[class*=collection-item__title--overlaid]{
      bottom:18px;
  }
    }

.custom-content{
  align-items:stretch;
  display:flex;
  flex-wrap:wrap;
  margin-bottom:-22px;
  margin-left:-22px;
  width:auto;
}

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

.custom-content{
    margin-bottom:-17px;
    margin-left:-17px;
}
  }

.custom__item{
  flex:0 0 auto;
  margin-bottom:22px;
  max-width:100%;
  padding-left:22px;
}

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

.custom__item{
    flex:0 0 auto;
    margin-bottom:17px;
    padding-left:17px;
}

    .custom__item.small--one-half{
      flex:1 0 50%;
      margin-left:auto;
      margin-right:auto;
      max-width:400px;
    }
  }

.custom__item img{
    display:block;
  }

.custom__item-inner{
  display:inline-block;
  max-width:100%;
  position:relative;
  text-align:left;
  width:100%;
}

.custom__item-inner--html,.custom__item-inner--video{
  display:block;
}

.custom__item-inner--image{
  width:100%;
}

.custom__item-inner--html img{
  display:block;
  margin:0 auto;
}

.custom__item-inner--placeholder-image{
  width:100%;
}

.align--top-middle{
  text-align:center;
}

.align--top-right{
  text-align:right;
}

.align--middle-left{
  align-self:center;
}

.align--center{
  align-self:center;
  text-align:center;
}

.align--middle-right{
  align-self:center;
  text-align:right;
}

.align--bottom-left{
  align-self:flex-end;
}

.align--bottom-middle{
  align-self:flex-end;
  text-align:center;
}

.align--bottom-right{
  align-self:flex-end;
  text-align:right;
}

.article__grid-image{
  display:block;
  margin-bottom:17px;
  text-align:center;
}

@media only screen and (min-width:769px){

.article__grid-image{
    margin-bottom:20px;
}
  }

.article__grid-image img{
    display:block;
  }

.article__title{
  font-size:calc(var(--typeBaseSize) + 2px);
}

.article__card-link{
  display:block;
  text-decoration:none;
  color:inherit;
  -webkit-tap-highlight-color:transparent;
}

.article__grid-image{
  border-radius:16px;
  overflow:hidden;
}

.article__card-link:hover .article__read-more{
  opacity:1;
}

.article__excerpt{
  font-size:calc(var(--typeBaseSize) - 2px);
  margin-top:6px;
  opacity:0.6;
  line-height:1.5;
}

.article__read-more{
  font-size:12px;
  font-weight:700;
  color:#1c1917;
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:4px;
  opacity:0;
  transition:opacity 0.3s ease;
  text-decoration:none;
}


@media (max-width: 768px){
  .article__read-more{
    display:none;
  }

  .article__excerpt{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-top:4px;
    font-size:13px;
    line-height:1.34;
  }

  .article__title{
    font-size:16px !important;
    line-height:1.25;
    margin-bottom:4px;
  }

  .article__grid-image{
    border-radius:16px;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
  }

  .index-section .section-header__link.btn--secondary{
    font-size:12px;
    padding:6px 14px;
    letter-spacing:0.05em;
  }
}

.article__date{
  font-size:max(calc(var(--typeBaseSize)*0.7), 12px);
  margin-bottom:3px;
}

.section-header .article__date{
    margin-bottom:15px;
}

.article__author{
  font-size:max(calc(var(--typeBaseSize)*0.7), 12px);
  margin-top:2px;
}

.article__grid-meta{
  margin-bottom:30px;
}

@media only screen and (min-width:769px){

[data-center-text=true] .article__grid-meta{
    text-align:center;
}
  }

.article__excerpt{
  margin-top:10px;
}

.logo-bar{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:-30px;
  text-align:center;
}

.logo-bar__item{
  flex:0 1 110px;
  margin:0 15px 20px;
  vertical-align:middle;
}

@media only screen and (min-width:769px){

.logo-bar__item{
    flex:0 1 160px;
    margin:0 20px 30px;
}
  }

.logo-bar__image{
  display:block;
  height:100%;
  margin:0 auto;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

.logo-bar__link{
  display:block;
}

[data-aos=logo__animation] .logo-bar__item{
  opacity:0;
}

[data-aos=logo__animation].aos-animate .logo-bar__item{
  animation:fade-in 0.5s ease 0s forwards;
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(2){
  animation-delay:0.2s;
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(3){
  animation-delay:0.4s;
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(4){
  animation-delay:0.6s;
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(5){
  animation-delay:0.8s;
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(6){
  animation-delay:1.0s;
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(7){
  animation-delay:1.2s
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(8){
  animation-delay:1.4s;
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(9){
  animation-delay:1.6s;
}

[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(10){
  animation-delay:1.8s;
}

.background-media-text{
  background:var(--colorLargeImageBg);
  background-size:cover;
  overflow:hidden;
  position:absolute;
  width:100%;
}

.background-media-text__video{
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  bottom:0;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:0;
}

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

.background-media-text__video{
    left:-150%;
    width:400%;
}

    html[dir=rtl] .background-media-text__video{
      left:auto;
      right:-150%;
    }
  }

.background-media-text__video iframe,.background-media-text__video video{
    height:100%;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0;
    width:100%;
  }

@media only screen and (min-width:769px){

.background-media-text__video iframe,.background-media-text__video video{
      height:120%;
      height:150%;
      left:-150%;
      max-width:none;
      width:400%;
  }
    }

@media screen and (min-width:1140px){

.background-media-text__video iframe,.background-media-text__video video{
      height:300%;
      left:auto;
      top:-100%;
      width:100%;
  }
    }

.video-interactable .background-media-text__video iframe,.video-interactable .background-media-text__video video{
    pointer-events:auto;
  }

.background-media-text__inner{
  height:100%;
  position:absolute;
  width:100%;
  z-index:2;
}

.background-media-text__aligner{
  margin:60px;
}

.background-media-text__text{
  background:var(--colorBody);
  font-size:1.1em;
  padding:30px;
  text-align:left;
  width:380px;
}

.background-media-text--left .background-media-text__text{
    text-align:left;
}

.background-media-text--right .background-media-text__text{
    text-align:right;
}

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

.background-media-text__text{
    text-align:center;
}
  }

.background-media-text__text--framed{
  border:7px solid;
  border-color:var(--colorBody);
  box-shadow:inset 0 0 0 2px var(--colorTextBody);
}

@media only screen and (min-width:769px){

.background-media-text__text--framed{
    border-width:10px;
}
  }

.background-media-text__text .btn{
  margin-top:15px;
}

@media only screen and (min-width:769px){
  .background-media-text--left .animation-cropper{
    float:left;
  }

  .background-media-text--right .animation-cropper{
    float:right;
  }
}

.background-media-text__container{
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
}

@media only screen and (max-width:768px){
  .background-media-text{
    position:relative;
  }
  .background-media-text__inner{
    position:relative;
  }
  .background-media-text__container,.background-media-text__video{
    height:240px;
    position:relative;
  }
  .promo-video .background-media-text__container,.promo-video .background-media-text__video{
      height:550px;
  }
  .background-media-text__aligner{
    margin:-6px 6px 6px;
  }
  .background-media-text__text{
    padding:22.5px;
    width:auto;
  }
    .background-media-text.loading:after,.background-media-text.loading:before{
      top:117px;
    }
}

@media only screen and (min-width:769px){
  .background-media-text--450,.background-media-text--450 .background-media-text__video,.background-media-text__spacer.background-media-text--450{
    min-height:450px;
  }
  .background-media-text--550,.background-media-text--550 .background-media-text__video,.background-media-text__spacer.background-media-text--550{
    min-height:550px;
  }
  .background-media-text--650,.background-media-text--650 .background-media-text__video,.background-media-text__spacer.background-media-text--650{
    min-height:650px;
  }
  .background-media-text--750,.background-media-text--750 .background-media-text__video,.background-media-text__spacer.background-media-text--750{
    min-height:750px;
  }
}

[data-aos=background-media-text__animation] .background-media-text__image,[data-aos=background-media-text__animation] .background-media-text__image svg,[data-aos=background-media-text__animation] .background-media-text__video{
  animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  transition:none;
}

[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__image,[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__image svg,[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__video{
    animation:none;
    opacity:1;
}

[data-aos=background-media-text__animation].aos-animate .background-media-text__image,[data-aos=background-media-text__animation].aos-animate .background-media-text__image svg,[data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__video{
  animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  transition:none;
}

[data-disable-animations=true] .aos-animate[data-aos=background-media-text__animation] .background-media-text__image,[data-disable-animations=true] .aos-animate[data-aos=background-media-text__animation] .background-media-text__image svg,[data-disable-animations=true] .loaded.aos-animate[data-aos=background-media-text__animation] .background-media-text__video{
    animation:none;
}

@media only screen and (min-width:769px){
  [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{
    opacity:0;
  }
  .no-js [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{
      animation:none;
      opacity:1;
  }

  [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__inner .animation-contents{
    animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards;
  }

  [data-disable-animations=true] .loaded.aos-animate[data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{
      animation:none;
      opacity:1;
  }
}

.quote-icon{
  display:block;
  margin:0 auto 20px;
}

.testimonial-stars{
  display:block;
  font-size:16px;
  letter-spacing:0.2em;
  margin-bottom:10px;
}

@media only screen and (min-width:769px){

.testimonial-stars{
    font-size:18px;
    margin-bottom:15px;
}
  }

.testimonials-slide{
  display:none;
  opacity:0;
  padding:40px 0 55px;
  width:33%;
}

.testimonials-slide:first-child{
    display:block;
  }

.flickity-slider .testimonials-slide{
    display:block;
    opacity:1;
}

.testimonials-slide .testimonials-slider__text{
    transform:scale(0.95);
    transition:transform 0.5s ease,box-shadow 0.5s ease;
  }

.testimonials-slide.is-selected .testimonials-slider__text{
    box-shadow:0 10px 25px rgba(0,0,0,.1);
    position:relative;
    transform:scale(1.1);
    z-index:10;
  }

@media only screen and (max-width:768px){
    .testimonials-slide{
      width:100%;
    }

    .testimonials-slide .testimonials-slider__text{
      transform:scale(0.86);
    }

    .testimonials-slide.is-selected .testimonials-slider__text{
      transform:scale(1);
    }
  }

.testimonials-slider__text{
  background:var(--colorBody);
  color:var(--colorTextBody);
  margin:0 30px;
  margin-bottom:15px;
  padding:30px 15px;
}

@media only screen and (min-width:769px){

.testimonials-slider__text{
    margin:0;
    margin-bottom:0;
    padding:30px;
}
  }

.testimonials-slider__text cite{
    font-style:normal;
    font-weight:700;
  }

@media only screen and (min-width:769px){

.testimonials-slider__text cite{
      font-size:calc(var(--typeBaseSize) + 1px);
  }
    }

.testimonials-slider__text p{
    margin-bottom:7.5px;
  }

.testimonials-slider__text p+cite{
      margin-top:0;
    }

.testimonials__info{
  font-size:calc(var(--typeBaseSize) - 1px);
}

.testimonial-image{
  background-color:var(--colorBody);
  max-width:142px;
}

.text-center .testimonial-image{
    margin-left:auto;
    margin-right:auto;
}

.testimonial-image .image-wrap{
    background:none;
    height:100%;
    width:100%;
  }

.testimonial-image--round{
  border-radius:16px;
  height:65px;
  max-width:none;
  width:65px;
}

.testimonial-image--round img{
    border-radius:16px;
    height:100%;
    overflow:hidden;
  }

.testimonials-section .flickity-page-dots{
  bottom:0;
}

.announcement-bar{
  background-color:var(--colorAnnouncement);
  border-bottom-color:var(--colorBorder);
  color:var(--colorAnnouncementText);
  font-size:calc(var(--typeBaseSize)*0.75);
  padding:10px 0;
  position:relative;
  text-align:center;
}

@media only screen and (min-width:769px){

.announcement-bar{
    font-size:calc(var(--typeBaseSize)*0.85);
}
  }

.announcement-bar a,.announcement-bar a:visited{
    color:var(--colorAnnouncementText);
  }

.announcement-bar a:active,.announcement-bar a:hover,.announcement-bar a:visited:active,.announcement-bar a:visited:hover{
      color:var(--colorAnnouncementText);
    }

.announcement-slider__slide{
  overflow:hidden;
  padding:0 5px;
  position:relative;
  width:100%;
}

.announcement-link{
  color:var(--colorAnnouncementText);
  display:block;
}

.announcement-link:active,.announcement-link:hover{
    color:var(--colorAnnouncementText);
  }

.announcement-text{
  display:block;
  font-size:0.9em;
  font-weight:700;
  letter-spacing:0.2em;
  text-transform:uppercase;
}

.announcement-link-text{
  display:block;
}

.announcement-link .announcement-link-text{
    -webkit-text-decoration:underline;
    text-decoration:underline;
}

.announcement-link-text a{
    color:inherit;
  }

@media only screen and (min-width:769px){
    .announcement-slider[data-compact=true] .announcement-slider__slide{
      display:none;
    }

      .announcement-slider[data-compact=true] .announcement-slider__slide:first-child{
        display:block;
      }
    .announcement-slider[data-compact=true] .announcement-link-text,.announcement-slider[data-compact=true] .announcement-text{
      display:inline;
    }

    .announcement-slider[data-compact=true] .announcement-text+.announcement-link-text{
      padding-left:5px;
    }

    .announcement-slider.flickity-enabled[data-compact=true] .announcement-slider__slide{
      display:block;
    }
  .announcement-slider[data-compact=false]{
    display:flex;
  }

    .announcement-slider[data-compact=false] .announcement-slider__slide{
      flex:1 1 33%;
    }
}

@media only screen and (max-width:768px){
    .announcement-slider .announcement-slider__slide{
      display:none;
    }

      .announcement-slider .announcement-slider__slide:first-child{
        display:block;
      }

    .announcement-slider.flickity-enabled .announcement-slider__slide{
      display:block;
    }
}

.shopify-challenge__container{
  padding:30px 22px;
}

@media only screen and (min-width:769px){

.shopify-challenge__container{
    padding:120px 0;
}
  }

.newsletter{
  margin:0 auto;
  max-width:520px;
}

.newsletter-section .errors{
  margin-left:auto;
  margin-right:auto;
  max-width:520px;
}

.modal .newsletter .h1{
  margin-bottom:15px;
}

@media only screen and (min-width:769px){

.modal .newsletter .h1{
    margin-bottom:30px;
}
  }

.modal .newsletter .image-wrap{
  margin-bottom:7.5px;
}

@media only screen and (min-width:769px){

.modal .newsletter .image-wrap{
    margin-bottom:15px;
}
  }

.modal .newsletter .text-close{
  -webkit-text-decoration:underline;
  text-decoration:underline;
}

.newsletter__input-group{
  margin:0 auto 20px;
  max-width:400px;
}

.newsletter__input-group:last-child{
    margin-bottom:0;
  }

.newsletter__input::-webkit-input-placeholder{
    color:var(--colorTextBody);
    opacity:1;
  }

.newsletter__input:-moz-placeholder{
    color:var(--colorTextBody);
    opacity:1;
  }

.newsletter__input::-moz-placeholder{
    color:var(--colorTextBody);
    opacity:1;
  }

.newsletter__input:-ms-input-placeholder{
    color:var(--colorTextBody);
  }

.newsletter__input::-ms-input-placeholder{
    color:var(--colorTextBody);
    opacity:1;
  }

@media only screen and (max-width:768px){
  .form__submit--large{
    display:none;
  }

  .form__submit--small{
    display:block;
  }
}

@media only screen and (min-width:769px){
  .form__submit--large{
    display:block;
  }

  .form__submit--small{
    display:none;
  }
}

[data-has-image] .modal__close{
  background-color:var(--colorBody);
  border-radius:50%;
  padding:5px;
  right:10px;
  top:10px;
}

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

[data-has-image] .modal__close{
    background-color:transparent;
    right:0;
    top:0;
}
  }

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

[data-section-type=newsletter-popup]{
    bottom:20px;
    text-align:center;
}

    [data-section-type=newsletter-popup] .modal__inner{
      max-width:calc(100% - 40px);
    }

    .modal--square[data-section-type=newsletter-popup] .modal__close{
      padding:5px;
    }
  }

[data-section-type=newsletter-popup] .h2{
    margin-bottom:0;
  }

@media only screen and (min-width:769px){

[data-section-type=newsletter-popup] .h2{
      margin-bottom:0;
  }
    }

[data-section-type=newsletter-popup] .rte{
    margin-bottom:0;
    margin-top:20px;
  }

@media only screen and (min-width:769px){

[data-section-type=newsletter-popup] .rte{
      margin-bottom:0;
      margin-top:20px;
  }
    }

[data-section-type=newsletter-popup] .popup-cta{
    margin-bottom:0;
  }

[data-section-type=newsletter-popup] .note--success{
    margin-top:15px;
    text-align:center;
  }

[data-section-type=newsletter-popup] .newsletter__input-group{
    margin-bottom:0;
    margin-top:30px;
  }

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

[data-section-type=newsletter-popup] .newsletter__input-group{
      margin-bottom:0;
      margin-top:20px;
  }
    }

[data-section-type=newsletter-popup] .newsletter-button{
    margin-top:30px;
  }

[data-section-type=newsletter-popup] .social-icons a{
    display:inline-block;
    margin-top:30px;
    padding:5px;

  }

.modal__centered-content.newsletter--has-image{
  padding:0;
}

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

.modal__centered-content.newsletter--has-image{
    padding:0;
}
  }

.modal__centered-content.newsletter--has-image .newsletter-popup{
    display:flex;
    max-width:800px;
    min-width:650px;
  }

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

.modal__centered-content.newsletter--has-image .newsletter-popup{
      max-width:none;
      min-width:0;
  }
    }

.modal__centered-content.newsletter--has-image .newsletter-popup.newsletter-popup--image-reversed{
      flex-direction:row-reverse;
    }

.modal__centered-content.newsletter--has-image .form__submit--large{
    display:none;
  }

.modal__centered-content.newsletter--has-image .form__submit--small{
    display:block;
  }

.modal__centered-content.newsletter--has-image .newsletter-popup__image-wrapper{
    position:relative;
    width:50%;
  }

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

.modal__centered-content.newsletter--has-image .newsletter-popup__image-wrapper{
      display:none;
  }
    }

.modal__centered-content.newsletter--has-image .newsletter-popup__image{
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
    position:absolute;
    width:100%;
  }

.modal__centered-content.newsletter--has-image .newsletter-popup__content{
    padding:40px;
    width:50%;
  }

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

.modal__centered-content.newsletter--has-image .newsletter-popup__content{
      padding:0 0 20px;
      width:100%;
  }
    }

newsletter-reminder{
  background-color:var(--colorBtnPrimary);
  color:var(--colorBtnPrimaryText);
}

newsletter-reminder.modal--square .modal__close{
    color:var(--colorBtnPrimaryText);
  }

newsletter-reminder.modal--square .modal__close:hover{
      color:var(--colorBtnPrimaryText);
      opacity:0.5;
    }

newsletter-reminder .newsletter-reminder__message{
    font-size:calc(var(--typeHeaderSize)*0.5);
  }

.form__submit--small{
  line-height:0;
}

.map-section{
  height:650px;
  overflow:hidden;
  position:relative;
  width:100%;
}

@media only screen and (min-width:769px){

.map-section{
    height:500px;
}
  }

.map-section .page-width{
    height:100%;
  }

.map-section--load-error{
  height:auto;
}

.map-onboarding{
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  bottom:0;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:0;
}

.map-section__overlay-wrapper{
  height:100%;
  position:relative;
}

.map-section__overlay{
  background-color:var(--colorBody);
  display:inline-block;
  margin:30px;
  max-width:calc(100% - 60px);
  padding:30px;
  position:relative;
  width:100%;
  z-index:3;
}

@media only screen and (min-width:769px){

.map-section__overlay{
    left:30px;
    margin-top:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:30%;
}
  }

.map-section--load-error .map-section__overlay{
    position:static;
    transform:translateY(0);
}

.map-section__link{
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:2;
}

.map-section__container{
  position:absolute !important;
}

.map-section__container{
  height:150%;
  left:0;
  margin-bottom:-50%;
  top:0;
  width:100%;
}

@media only screen and (min-width:769px){

.map-section__container{
    height:100%;
    margin:0 -30% 0 0;
    width:130%;
}
  }

.display-map--false.bg-image--true .map-section__container{
    height:100%;
    width:100%;
}

.display-map--false.bg-image--true .map-section__container img{
      height:100%;
      -o-object-fit:cover;
         object-fit:cover;
      width:100%;
    }

[data-aos=map-section__animation] .map-section__container{
  animation:fade-out 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  opacity:0;
}

[data-aos=map-section__animation].aos-animate .map-section__container{
  animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
}

.image-row:after{clear:both;content:"";display:table;}

.image-row__placeholder{
  float:left;
  width:33.33%;
}

.image-row--gutters .image-row__placeholder{
    margin:0 1% 2%;
    width:32%;
}

.image-row--gutters .image-row__placeholder:first-child{
      margin-left:0;
    }

.image-row--gutters .image-row__placeholder:last-child{
      margin-right:0;
    }

.image-row__image{
  float:left;
  min-height:1px;
  position:relative;
}

.image-row__image:after{
    content:"";
    display:block;
    height:0;
    width:100%;
  }

.image-row__image img{
    display:block;
    left:0;
    position:absolute;
    top:0;
  }

[data-zoom=true] .image-row__image .js-photoswipe__zoom{
    cursor:zoom-in;
  }

[data-zoom=true] .image-row__image a .js-photoswipe__zoom{
    cursor:pointer;
  }

.promo-grid--space-top{
  padding-top:40px;
}

@media only screen and (min-width:769px){

.promo-grid--space-top{
    padding-top:75px;
}
  }

.promo-grid--space-bottom{
  padding-bottom:40px;
}

@media only screen and (min-width:769px){

.promo-grid--space-bottom{
    padding-bottom:75px;
}
  }

.promo-grid__container{
  align-items:flex-start;
  background-repeat:no-repeat;
  display:flex;
  overflow:hidden;
  position:relative;
}

.promo-grid__container .btn{
    margin-right:10px;
  }

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

.promo-grid__container .btn{
      margin-right:7px;
  }
    }

.promo-grid__container.horizontal-center{
    justify-content:center;
    text-align:center;
  }

.promo-grid__container.horizontal-center .btn{
      margin:2px 5px;
    }

.promo-grid__container.horizontal-right{
    justify-content:flex-end;
    text-align:right;
  }

@media only screen and (max-width:768px){
    .promo-grid__container--boxed .promo-grid__bg{
      height:60%;
    }

    .promo-grid__container--boxed .promo-grid__content{
      box-shadow:0 0 50px rgba(0,0,0,.1);
      margin-top:55%;
      width:100%;
    }
  }

.promo-grid__container--framed:not(.promo-grid__container--boxed):after{
  border:7px solid transparent;
  bottom:0;
  box-shadow:inset 0 0 0 2px var(--colorHeroText);
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:auto;
  z-index:3;
}

@media only screen and (min-width:769px){

.promo-grid__container--framed:not(.promo-grid__container--boxed):after{
    border-width:10px;
}
  }

.type-banner .promo-grid__container--framed:not(.promo-grid__container--boxed):after,.type-product .promo-grid__container--framed:not(.promo-grid__container--boxed):after,.type-sale_collection .promo-grid__container--framed:not(.promo-grid__container--boxed):after{
    box-shadow:inset 0 0 0 2px var(--colorTextBody);
}

.video-interactable.promo-grid__container--framed:not(.promo-grid__container--boxed):after{
  pointer-events:none;
}

.promo-grid__container--tint:before{
  bottom:0;
  content:"";
  left:0;
  opacity:1;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  z-index:auto;
  z-index:2;
}

.promo-grid__slide-link{
  display:block;
  height:100%;
  position:absolute;
  width:100%;
  z-index:5;
}

.promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse){
      background:var(--colorBtnPrimaryLight);
      transition-delay:0.25s;
    }

[data-button_style=square] .promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after,[data-button_style^=round] .promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{
          animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
        }

.promo-grid__content{
  flex:0 1 auto;
  min-width:200px;
  padding:2em 2.5em;
  position:relative;
  z-index:4;
}

.promo-grid__container--framed:not(.promo-grid__container--boxed) .promo-grid__content{
    margin:1.5em;
}

.promo-grid__content p:last-child{
    margin-bottom:0;
  }

.vertical-top .promo-grid__content{
    align-self:flex-start;
}

.vertical-center .promo-grid__content{
    align-self:center;
}

.vertical-bottom .promo-grid__content{
    align-self:flex-end;
}

.video-interactable .promo-grid__content{
  pointer-events:none;
}

.promo-grid__content--boxed{
  background:var(--colorBody);
  color:var(--colorTextBody);
  margin:15px;
}

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

.promo-grid__content--boxed{
    margin:10px;
}
  }

.promo-grid__content--framed.promo-grid__content--boxed{
  border:7px solid;
  border-color:var(--colorBody);
  box-shadow:inset 0 0 0 2px var(--colorTextBody);
}

@media only screen and (min-width:769px){

.promo-grid__content--framed.promo-grid__content--boxed{
    border-width:10px;
}
  }

.type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale),.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale){
    color:var(--colorHeroText);
  }

.type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a{
      border-bottom:2px solid;
      border-bottom-color:var(--colorHeroText);
      color:var(--colorHeroText);
    }

[data-button_style=square] .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style=square] .type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style^=round] .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style^=round] .type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse){
          border-bottom:0;
        }

.type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) .btn--inverse,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) .btn--inverse{
      border-color:var(--colorHeroText);
    }

.type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after{
      background:radial-gradient(rgba(0, 0, 0, var(--colorImageOverlayTextShadow)) 0%, transparent 60%);
      bottom:0;
      content:"";
      left:0;
      margin:-100px -200px -100px -200px;
      position:absolute;
      right:0;
      top:0;
      z-index:auto;
      z-index:2;
    }

.type-advanced .rte--strong,.type-product .rte--strong,.type-sale_collection .rte--strong{
    font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-weight:var(--typeHeaderWeight);
    letter-spacing:var(--typeHeaderSpacing);
    line-height:var(--typeHeaderLineHeight);
  }

[data-type_header_capitalize=true] .type-advanced .rte--strong,[data-type_header_capitalize=true] .type-product .rte--strong,[data-type_header_capitalize=true] .type-sale_collection .rte--strong{
    text-transform:uppercase;
  }

.type-advanced .rte--strong,.type-product .rte--strong,.type-sale_collection .rte--strong{
    line-height:1.1;
  }

.type-advanced .rte--em,.type-product .rte--em,.type-sale_collection .rte--em{
    font-size:0.9375em;
    letter-spacing:0.3em;
    line-height:1.2;
    text-transform:uppercase;
  }

.type-advanced .rte--strong,.type-product .rte--strong{
    font-size:1.6em;
    line-height:1.1;
  }

@media only screen and (min-width:769px){
    .type-advanced .rte--strong,.type-product .rte--strong{
      font-size:2.125em;
    }
      .type-product.flex-grid__item--33 .rte--strong,.type-product.flex-grid__item--50 .rte--strong{
        font-size:1.6em;
      }
}

.promo-grid__bg{
  height:100%;
  left:0;
  position:absolute;
  text-align:left;
  top:0;
  width:100%;
}

.promo-grid__container:not(.promo-grid__container--boxed) .promo-grid__bg:before{
    background-color:var(--colorImageOverlay);
    bottom:0;
    content:"";
    left:0;
    opacity:var(--colorImageOverlayOpacity);
    position:absolute;
    right:0;
    top:0;
    z-index:3;
}

.promo-grid__bg .placeholder-svg{
    left:50%;
    max-width:none;
    padding:0;
    position:absolute;
    top:0;
    transform:translateX(-50%);
    width:auto;
  }

.video-interactable .promo-grid__bg:before{
  pointer-events:none;
}

.promo-grid__bg-image{
  z-index:1;
}

.aos-animate[data-aos=image-fade-in] .promo-grid__bg-image{
    animation:fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
    transition:none;
}

.promo-grid__text{
  position:relative;
  z-index:3;
}

.promo-grid__text .btn{
    margin-bottom:2px;
    margin-top:2px;
  }

.type-advanced .promo-grid__content{
    padding:2em;
  }

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

.type-advanced .promo-grid__content{
      padding:1.5em;
  }
    }

.type-advanced .btn{
    margin-bottom:10px;
  }

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

.type-advanced .btn{
      margin-bottom:7px;
  }
    }

.type-sale_collection{
  flex-grow:1;
  max-height:600px;
}

.type-sale_collection .promo-grid__container{
    align-items:center;
    background:var(--colorSmallImageBg);
  }

.type-sale_collection .promo-grid__content{
    flex:0 1 auto;
    min-width:0;
    padding:2em;
  }

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

.type-sale_collection .promo-grid__content{
      font-size:0.9em;
      padding:1em;
  }
    }

@media only screen and (min-width:769px){
      .type-sale_collection .promo-grid__content:not(.promo-grid__content--small-text){
        font-size:1.5em;
      }
    }

.type-sale_collection .rte--block{
    margin-bottom:7.5px;
  }

.type-sale_collection .rte--block:last-child{
      margin-bottom:0;
    }

.type-sale_collection .rte--strong{
    display:block;
    font-size:3.375em;
    line-height:1;
    position:relative;
    white-space:nowrap;
  }

.type-sale_collection small{
    display:inline;
    font-size:0.25em;
    letter-spacing:0;
    margin-left:-2.9em;
  }

.type-sale-images{
  flex:1 1 50%;
}

.type-sale-images svg{
    display:block;
    float:left;
    width:50%;
  }

.type-sale-images__crop{
  overflow:hidden;
  width:100%;
}

.type-sale-images__image{
  float:left;
  width:50%;
}

.type-simple .promo-grid__content{
    padding:30px;
  }

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

.type-simple .promo-grid__content{
      padding:15px;
  }
    }

.promo-grid__title:last-child{
  margin-bottom:0;
}

.type-image .promo-grid__container{
    background:none;
  }

.type-image .image-wrap,.type-image a,.type-image img{
    width:100%;
  }

.type-banner{
  flex:1 0 100%;
}

.type-banner .promo-grid__container{
    background:none;
  }

.type-banner .promo-grid__container--framed:not(.promo-grid__container--boxed){
    padding:1em;
  }

.type-banner p{
    display:inline-block;
    line-height:1.2;
    margin:5px 10px;
    vertical-align:middle;
  }

.type-banner__link{
  display:block;
  flex:1 1 100%;
}

.type-banner__content{
  align-items:center;
  display:flex;
  justify-content:center;
  padding:0 10px;
  width:100%;
}

.type-banner__text{
  flex:0 1 auto;
  padding:10px 20px;
  position:relative;
  z-index:3;
}

.type-banner__image{
  flex:0 0 45%;
}

@media only screen and (min-width:769px){

.type-banner__image{
    flex:0 0 200px;
}
  }

.type-product__wrapper{
  align-self:center;
  flex:1 1 100%;
  padding:2em 0;
  position:relative;
  z-index:4;
}

.type-product__wrapper.promo-grid__container--tint{
    padding:2em;
  }

.promo-grid__container--framed .type-product__wrapper{
    padding:2em;
}

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

.type-product__content{
    margin-top:15px;
}
  }

.type-product__images{
  margin:10px 0 10px 10px;
  position:relative;
  width:100%;
}

.type-product__image{
  position:relative;
}

.type-product__image:first-child{
    max-width:75%;
    width:100%;
  }

.type-product__image:nth-child(2){
    bottom:40px;
    max-width:30%;
    position:absolute;
    right:0;
    width:100%;
  }

.type-product__labels{
  position:absolute;
  right:-10px;
  text-align:right;
  top:-10px;
  z-index:3;
}

@media only screen and (min-width:769px){
    .type-product__labels .flex-grid__item--33,.type-product__labels .flex-grid__item--50{
      font-size:0.9em;
    }
  }

.type-product__label{
  background-color:var(--colorBtnPrimary);
  clear:both;
  color:var(--colorBtnPrimaryText);
  float:right;
  padding:4px 12px;
}

.type-product__label--secondary{
  background-color:var(--colorBody);
  color:var(--colorTextBody);
}

.store-availability{
  display:flex;
  justify-content:space-around;
}

.store-availability .icon{
    height:12px;
    margin:6px 0 0;
    width:12px;
  }

.store-availability .icon-in-stock{
    fill:#56ad6a;
  }

.store-availability .icon-out-of-stock{
    fill:#d02e2e;
  }

.store-availability+.store-availability{
    margin-top:20px;
  }

.store-availability__info{
  flex:0 1 90%;
  margin-left:10px;
  text-align:left;
}

html[dir=rtl] .store-availability__info{
    margin-left:0;
    margin-right:10px;
    text-align:right;
}

.store-availability__info>div{
    margin-bottom:5px;
  }

.store-availability__info>div:last-child{
      margin-bottom:0;
    }

.store-availability__info a{
    -webkit-text-decoration:underline;
    text-decoration:underline;
  }

.store-availability__small{
  font-size:0.8em;
}

.store-availability__small a{
    display:block;
    margin-top:10px;
  }

.modal .store-availability__small--link{
    display:none;
}

.age-verification-popup{
  bottom:0;
  top:0;
}

.age-verification-popup.age-verification-popup--image-false{
    background-color:var(--colorBody);
  }

.age-verification-popup.age-verification-popup--image-false.modal:before{
      animation:none;
      background-color:var(--colorBody);
    }

.age-verification-popup.age-verification-popup--image-false .modal__inner{
      box-shadow:none;
    }

.age-verification-popup.modal--mobile-friendly.modal--square .modal__centered-content{
    background-color:var(--colorDrawers);
  }

@media only screen and (min-width:769px){
  .cart__page{
    align-items:flex-start;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }

  .cart__page-col:first-child{
    flex:1 1 60%;
    padding-right:100px;
  }

  .cart__page-col:last-child{
    flex:0 1 35%;
    padding:30px;
    position:sticky;
    top:10%;
  }

    .cart__page-col:last-child:after{
      background-color:var(--colorTextBody);
      bottom:0;
      content:"";
      left:0;
      opacity:0.03;
      position:absolute;
      right:0;
      top:0;
      z-index:-1;
    }
}

.cart__item{
  border-bottom:1px solid;
  border-bottom-color:var(--colorBorder);
  display:flex;
  margin-bottom:20px;
  padding-bottom:20px;
}

.cart__item:first-child{
    padding-top:10px;
  }

.cart__item:last-child{
    border-bottom:0;
    margin-bottom:0;
  }

.cart__image{
  flex:0 0 150px;
  margin-right:var(--grid-gutter);
  position:relative;
}

.cart__image a{
    display:block;
    height:100px;
    position:relative;
    width:100%;
  }

.cart__image img{
    display:block;
    height:100%;
    -o-object-fit:contain;
       object-fit:contain;
    position:absolute;
    width:100%;
  }

.drawer .cart__image{
    flex:0 0 100px;
}

.cart__item-details{
  display:flex;
  flex:1 1 auto;
  flex-wrap:wrap;
}

.cart__item-title{
  flex:1 1 100%;
}

.drawer .cart__item-title{
    font-size:calc(var(--typeBaseSize)*0.85);
}

.cart__item-sub{
  display:flex;
  flex:1 1 100%;
  justify-content:space-between;
  line-height:1;
}

.cart__item-sub>div:first-child{
    margin-right:10px;
  }

.cart__item-row{
  margin-bottom:20px;
}

.cart__remove a{
    display:inline-block;
    margin-top:10px;
  }

.drawer .cart__remove{
    display:none;
  }

/* Show bundle-specific remove/lock messages inside the cart drawer */
.drawer .cart__remove--bundle,
.drawer .cart__remove--disabled{
  display:block;
}

.cart__checkout{
  width:100%;
}

.cart__item-name{
  display:block;
  font-size:calc(var(--typeBaseSize) + 1px);
  margin-bottom:8px;
}

.cart__item--variants{
  margin-bottom:10px;
}

.cart__item--variants span{
    font-weight:700;
  }

.cart__price{
  display:block;
}

.cart__price--strikethrough{
  -webkit-text-decoration:line-through;
  text-decoration:line-through;
}

.cart__discount{
  color:var(--colorTextSavings);
}

.cart__terms{
  align-items:center;
  display:flex;
  justify-content:center;
}

.cart__terms label{
    letter-spacing:0;
    margin-bottom:0;
    text-transform:none;
  }

.cart__checkout-wrapper{
  margin-top:20px;
}

.cart__checkout-wrapper .additional-checkout-buttons{
    margin-top:12px;
  }

.drawer .additional-checkout-buttons{
  margin:10px 0;
}

.drawer .additional-checkout-buttons [data-shopify-buttoncontainer]{
    justify-content:center;
  }

.drawer .additional-checkout-buttons [data-shopify-buttoncontainer]>*{
      height:auto !important;
    }

iframe.zoid-component-frame{
  z-index:1 !important;
}

.drawer__cart-empty{
  display:none;
}

.drawer.is-empty .drawer__inner{
    display:none;
  }

.drawer.is-empty .drawer__cart-empty{
    display:block;
  }

.cart__item--properties{
  font-size:calc(var(--typeBaseSize) - 2px);
  line-height:1.3;
  margin-bottom:10px;
}

.cart__item--properties span{
    font-weight:700;
  }

@media only screen and (min-width:769px){
  .product-single__sticky{
    position:sticky;
    top:20px;
  }
  .sticky-header .product-single__sticky{
      top:140px;
  }

  .modal--quick-shop .product-single__sticky{
    top:0;
  }
}

.page-content--product{
  padding-top:55px;
}

@media only screen and (max-width:768px){
  .page-content--product{
    padding-top:0;
  }

  .grid--product-images-right{
    display:flex;
    flex-wrap:wrap;
  }

    .grid--product-images-right .grid__item:first-child{
      order:2;
    }
}

.modal .page-content--product{
  max-width:100%;
  width:1500px;
}

.product-single__meta{
  padding-left:45px;
}

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

.product-single__meta{
    margin-top:15px;
    padding-left:0;
    text-align:center;
}

  /* Bundle/variant names left-aligned on mobile (keep main title centered) */
  .bundle-item__name,
  .bundle-item__name a,
  .product-block__title,
  .product-block__title a,
  [class*=\"productNamePrice__title_container\"],
  [class*=\"productNamePrice__title_container\"] a,
  [class*=\"rbr-productNamePrice__title__container\"],
  [class*=\"rbr-productNamePrice__title__container\"] a,
  [class*=\"productNamePrice__variant_container\"],
  [class*=\"productNamePrice__variant_container\"] a,
  [class*=\"rbr-productNamePrice__variant_container\"],
  [class*=\"rbr-productNamePrice__variant_container\"] a,
  [class*=\"rbr-productNamePrice__variant__container\"],
  [class*=\"rbr-productNamePrice__variant__container\"] a,
  [class*=\"rbr-productNamePrice__tag__container\"],
  [class*=\"rbr-productNamePrice__tag__container\"] a{
    text-align:left !important;
    justify-content:flex-start !important;
  }
  }

.grid--product-images-right .product-single__meta{
    padding-left:0;
    padding-right:45px;
}

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

.grid--product-images-right .product-single__meta{
      padding-right:0;
}
    }

.product-single__meta .social-sharing{
    margin-top:30px;
  }

.product-single__meta .rte{
    text-align:left;
  }

html[dir=rtl] .product-single__meta .rte{
      text-align:right;
  }

.product-single__vendor{
  font-size:0.8em;
  letter-spacing:0.3em;
  margin-bottom:7.5px;
  text-transform:uppercase;
}

.product-single__title{
  word-wrap:break-word;
  margin-bottom:10px;
}

.product-single__sku{
  margin-bottom:5px;
}

.product-single__description-full{
  margin:30px 0;
}

.product-single__description-full+.collapsibles-wrapper{
    margin:0 0;
  }

@media only screen and (min-width:769px){

.product-single__description-full{
    margin:30px 95px;
}

    .product-single__description-full+.collapsibles-wrapper{
      margin:0 95px;
    }
  }

.product-single__variants{
  display:none;
}

.no-js .product-single__variants{
    display:block;
    margin-bottom:30px;
}

.product-image-main{
  position:relative;
}

[data-button_style=angled] .product-image-main .btn:not(.product__photo-zoom){
  display:inline-block;
  position:absolute;
  top:50%;
}

.product__video-wrapper{
  background-color:var(--colorSmallImageBg);
  height:auto;
  max-width:100%;
  overflow:hidden;
  padding-bottom:100%;
  position:relative;
}

.product__video-wrapper iframe{
    height:100%;
    transition:opacity 0.5s ease-in;
    width:100%;
  }

.product__video-wrapper.loaded[data-video-style=muted]:before{
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
  }

.product__video-wrapper.video-interactable:before{
    display:none;
  }

.product__video-wrapper.loaded:after{
    display:none;
  }

.product__video-wrapper.loading iframe{
    opacity:0.01;
  }

.product__video-wrapper.loaded iframe{
    opacity:1;
  }

.product__video{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.product__video-overlay{
  bottom:40px;
  left:0;
  position:absolute;
  top:32px;
  width:40%;
  z-index:3;
}

.product__video-overlay:before{
    content:"";
    display:block;
    height:35%;
    left:100%;
    position:absolute;
    top:0;
    width:60%;
  }

.product__video-overlay+.product__video-overlay{
    left:auto;
    right:0;
  }

.product__video-overlay+.product__video-overlay:before{
      bottom:0;
      left:auto;
      right:100%;
      top:auto;
    }

.product-video-trigger{
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
}

.product__photos--beside{
  display:flex;
  width:100%;
}

.product__photos{
  direction:ltr;
}

.product__photos a{
    display:block;
    max-width:100%;
  }

.product__photos img{
    display:block;
    margin:0 auto;
    max-width:100%;
    width:100%;
  }

.product__main-photos{
  flex:1 1 auto;
  position:relative;
}

.product__main-photos .flickity-page-dots{
    display:none;
  }

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

.product__main-photos{
    margin-bottom:30px;
    margin-left:-17px;
    margin-right:-17px;
}

    .product__main-photos .flickity-page-dots{
      display:block;
    }
  }

.product-main-slide:not(.is-selected) button,.product-main-slide:not(.is-selected) iframe,.product-main-slide:not(.is-selected) model-viewer,.product-main-slide:not(.is-selected) video{
    display:none;
  }

.product-main-slide{
  display:none;
  overflow:hidden;
  width:100%;
}

.product-main-slide:first-child{
    display:block;
  }

.flickity-slider .product-main-slide{
    display:block;
}

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

.grid--product-images--partial .flickity-slider .product-main-slide{
        margin-right:4px;
        width:75%;
}
    }

.product__thumbs{
  position:relative;
}

.product__thumbs--below{
  margin-top:8.5px;
}

@media only screen and (min-width:769px){

.product__thumbs--below{
    margin-top:15px;
}
  }

.product__thumbs--beside{
  flex:0 0 60px;
  margin-left:8.5px;
  max-width:60px;
}

@media only screen and (min-width:769px){

.product__thumbs--beside{
    flex:0 0 80px;
    margin-left:15px;
    max-width:80px;
}

    .product__thumbs--beside.product__thumbs-placement--left{
      margin-left:0;
      margin-right:15px;
      order:-1;
    }
  }

.product__thumbs--scroller{
  -ms-overflow-style:-ms-autohiding-scrollbar;
  scroll-behavior:smooth;
  scrollbar-width:none;
}

.product__thumbs--scroller::-webkit-scrollbar{
    height:0;
    width:0;
  }

.product__thumbs--below .product__thumbs--scroller{
    overflow-x:scroll;
    white-space:nowrap;
}

.product__thumbs--beside .product__thumbs--scroller{
    bottom:0;
    left:0;
    overflow-y:scroll;
    position:absolute;
    right:0;
    top:0;
    width:100%;
}

.product__thumb-item{
  border:2px solid transparent;
}

.product__thumb-item a.is-active,.product__thumb-item a:focus{
    outline:none;
  }

.product__thumb-item a.is-active:before,.product__thumb-item a:focus:before{
      bottom:0;
      box-shadow:inset 0 0 0 2px var(--colorTextBody);
      content:"";
      display:block;
      left:0;
      position:absolute;
      right:0;
      top:0;
      z-index:1;
    }

.product__thumb-item a:active:before{
    content:none;
  }

.product__thumbs--beside .product__thumb-item{
    margin-bottom:8.5px;
}

@media only screen and (min-width:769px){

.product__thumbs--beside .product__thumb-item{
      margin-bottom:15px;
}
    }

.product__thumbs--beside .product__thumb-item:last-child{
      margin-bottom:0;
    }

.product__thumbs--below .product__thumb-item{
    display:inline-block;
    margin-right:8.5px;
    max-width:80px;
    vertical-align:middle;
}

@media only screen and (min-width:769px){

.product__thumbs--below .product__thumb-item{
      margin-right:15px;
}
    }

.product__thumbs--below .product__thumb-item:last-child{
      margin-right:0;
    }

.product__price{
  color:var(--colorPrice);
  font-size:calc(var(--typeBaseSize) + 2px);
  margin-right:5px;
}

.product__price.on-sale{
    padding-right:5px;
  }

.product__unit-price{
  font-size:0.8em;
  opacity:0.8;
}

.product__unit-price--spacing{
  margin-top:10px;
}

.product__price--compare{
  display:inline-block;
  padding-right:5px;
  -webkit-text-decoration:line-through;
  text-decoration:line-through;
}

.product__price-savings{
  color:var(--colorTextSavings);
  white-space:nowrap;
}

.product__quantity label{
    display:block;
    margin-bottom:10px;
  }

.product-form-holder--loaded{
  animation:fade-in 1s ease;
}

.add-to-cart[disabled]+.shopify-payment-button{
  display:none;
}

.product-slideshow.flickity-enabled .product-main-slide{
    display:none;
  }

.product-slideshow.flickity-enabled .flickity-viewport .product-main-slide{
    display:block;
  }

.product__photo-zoom{
  position:absolute !important;
}

.product__photo-zoom{
  bottom:0;
  cursor:zoom-in;
  right:0;
}

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

.product__photo-zoom{
    padding:6px;
}

.product__main-photos .product__photo-zoom{
      margin-bottom:10px;
      margin-right:10px;
}

.product-slideshow .product__photo-zoom{
      opacity:0;
      transition:opacity 0.5s ease-out;
}

.product-slideshow .is-selected .product__photo-zoom{
      opacity:1;
}
  }

@media only screen and (min-width:769px){

.product__photo-zoom{
    border-radius:0;
    left:0;
    margin:0;
    opacity:0;
    top:0;
    width:100%;
}

    .product__photo-zoom span,.product__photo-zoom svg{
      display:none;
    }
  }

.product__thumb-arrow{
  background:var(--colorBody);
  border-radius:0;
  color:var(--colorTextBody);
  padding:0;
  position:absolute;
  transform:none;
  z-index:2;
}

.product__thumb-arrow .icon{
    display:inline-block;
    height:10px;
    width:6px;
  }

.product__thumbs[data-position=below] .product__thumb-arrow{
  height:100%;
  top:0;
  width:25px;
}

.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--prev{
    left:0;
    text-align:left;
  }

.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--next{
    right:0;
    text-align:right;
  }

.product__thumbs[data-position=beside] .product__thumb-arrow{
  width:100%;
}

.product__thumbs[data-position=beside] .product__thumb-arrow .icon{
    margin:0 auto;
    transform:rotate(90deg);
  }

.product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--prev{
    left:auto;
    padding-bottom:10px;
    top:0;
  }

.product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--next{
    bottom:0;
    padding-top:10px;
    right:auto;
    top:auto;
  }

.product__thumb{
  cursor:pointer;
  display:block;
  position:relative;
}

.product__thumb>.image-wrap img{
    height:auto;
    position:static;
  }

.product__thumb-icon{
  background-color:var(--colorTextBody);
  border-radius:16px;
  font-size:0;
  opacity:0;
  padding:6px;
  position:absolute;
  right:5px;
  top:5px;
  transition:opacity 0.5s ease;
  z-index:1;
}

.aos-animate .product__thumb-icon{
    opacity:1;
}

.product__thumb-icon .icon{
    fill:var(--colorBody);
    height:10px;
    width:10px;
  }

@media only screen and (min-width:769px){

.product__thumb-icon .icon{
      height:13px;
      width:13px;
  }
    }

.product__policies{
  font-size:0.85em;
}

.shopify-payment-terms{
  margin:12px 0;
}

.shopify-payment-terms:empty{
    display:none;
  }

.modal .shopify-payment-terms{
    display:none;
}

.template-blog .article{
  margin-bottom:45px;
}

@media only screen and (min-width:769px){

.template-blog .article{
    margin-bottom:90px;
}
  }

.template-blog .article:last-child{
  margin-bottom:0;
}

@media only screen and (min-width:769px){

.template-blog .article:last-child{
    margin-bottom:45px;
}
  }

.article__body{
  margin-bottom:15px;
}

@media only screen and (min-width:769px){

.article__body{
    margin-bottom:30px;
}
  }

.article__comment{
  margin-bottom:30px;
}

.article__comment:last-child{
    margin-bottom:0;
  }

.password-page__header__grid{
  align-items:center;
  display:flex;
  flex:1 1 auto;
  justify-content:space-between;
}

.password-page__logo h1{
    margin-bottom:0;
  }

.password-page__logo .logo{
    max-width:100%;
  }

.password-login{
  display:block;
  margin:0 auto;
  padding:7.5px 15px;
}

.password-form{
  margin-bottom:1em;
}

.password__lock .icon{
  height:24px;
  margin-right:4px;
  position:relative;
  top:-2px;
  width:24px;
}

.icon-shopify-logo{
  height:20px;
  width:60px;
}

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

#LoginModal .modal__close{
    padding:20px;
}
  }

#LoginModal .modal__inner{
  background:var(--colorBody);
  color:var(--colorTextBody);
  padding:30px;
}

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

#LoginModal .modal__inner{
    margin-bottom:40vh;
}
  }

.password-admin-link{
  margin:0;
}

.password-admin-link a{
    border-bottom:2px solid !important;
    border-bottom-color:var(--colorBorder) !important;
  }

.template-giftcard,.template-giftcard body{
  background:var(--colorBody);
}

.template-giftcard a,.template-giftcard body a{
    -webkit-text-decoration:none;
    text-decoration:none;
  }

.template-giftcard .page-width{
  max-width:588px;
}

.giftcard-header{
  font-size:1em;
  padding:60px 0;
  text-align:center;
}

.giftcard-header a{
    display:block;
    margin:0 auto;
  }

.template-giftcard .shop-url{
  display:none;
}

.giftcard__border{
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  padding:1.5em;
}

.giftcard__content{
  background-color:var(--colorBody);
  color:var(--colorTextBody);
}

.giftcard__content:after{clear:both;content:"";display:table;}

.giftcard__header{
  padding:15px;
}

.giftcard__header:after{clear:both;content:"";display:table;}

.giftcard__title{
  float:left;
  margin-bottom:0;
}

.giftcard__tag{
  background-color:var(--colorTextBody);
  border:1px solid transparent;
  border-radius:16px;
  color:var(--colorBody);
  display:block;
  float:right;
  font-size:0.75em;
  letter-spacing:.05em;
  line-height:1;
  padding:10px;
  text-transform:uppercase;
}

.giftcard__tag--active{
  background:transparent;
  border:1px solid;
  border-color:var(--colorBorder);
  color:var(--colorTextBody);
}

.giftcard__wrap{
  margin:15px 15px 30px;
  position:relative;
}

.giftcard__wrap img{
    border-radius:16px;
    display:block;
    position:relative;
    z-index:2;
  }

.giftcard__code{
  bottom:30px;
  position:absolute;
  text-align:center;
  width:100%;
  z-index:50;
}

.giftcard__code--medium{
  font-size:.875em;
}

.giftcard__code--small{
  font-size:.75em;
}

.giftcard__code__inner{
  background-color:#fff;
  border-radius:16px;
  box-shadow:0 0 0 1px rgba(0,0,0,.1);
  display:inline-block;
  max-width:450px;
  padding:.5em;
  vertical-align:baseline;
}

.giftcard__code--small .giftcard__code__inner{
    overflow:auto;
}

.giftcard__code__text{
  border:1px dashed;
  border-color:var(--colorBorder);
  border-radius:16px;
  color:var(--colorTextBody);
  display:inline-block;
  font-size:1.875em;
  font-weight:400;
  line-height:1;
  padding:.4em .5em;
  text-transform:uppercase;
  vertical-align:baseline;
}

.disabled .giftcard__code__text{
    color:#a8a29e;
    -webkit-text-decoration:line-through;
    text-decoration:line-through;
}

.giftcard__amount{
  color:#fff;
  font-size:2.75em;
  line-height:1.2;
  padding:15px;
  position:absolute;
  right:0;
  top:0;
  z-index:50;
}

.giftcard__amount strong{
    display:block;
    text-shadow:3px 3px 0 rgba(0,0,0,.1);
  }

.giftcard__amount--medium{
  font-size:2em;
}

.tooltip{
  color:#fff;
  display:block;
  margin-top:16px;
  position:absolute;
  right:50%;
  text-align:center;
  top:-50%;
  white-space:nowrap;
  z-index:3;
}

.tooltip:before{
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:5px solid #2b2724;
    border-top:5px solid rgba(51,51,51,.9);
    bottom:0;
    content:"";
    display:block;
    height:0;
    left:100%;
    margin-bottom:-5px;
    margin-left:-5px;
    position:absolute;
    width:0;
  }

.tooltip__label{
  background:#2b2724;
  background:rgba(51,51,51,.9);
  border:none;
  border-radius:16px;
  display:block;
  font-size:12px;
  font-weight:400;
  line-height:16px;
  margin-left:.25em;
  min-height:14px;
  padding:.5em .75em;
  position:relative;
  right:-50%;
  -webkit-text-decoration:none;
  text-decoration:none;
  text-shadow:none;
}

.tooltip__label small{
    color:#b3b3b3;
    font-size:.875em;
    letter-spacing:.1em;
    text-transform:uppercase;
  }

.giftcard__instructions{
  margin:0 15px 30px;
  text-align:center;
}

.giftcard__actions{
  overflow:hidden;
  padding-bottom:1em;
  position:relative;
  text-align:center;
}

.template-giftcard .action-link{
  display:block;
  font-size:0.875em;
  font-weight:700;
  left:15px;
  letter-spacing:.2em;
  margin-top:-10px;
  padding-top:4px;
  position:absolute;
  text-transform:uppercase;
  top:50%;
}

.template-giftcard .action-link:focus,.template-giftcard .action-link:hover{
    color:var(--colorTextBody);
  }

.template-giftcard .action-link__print{
  background-image:url(/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png);
  background-position:0 0;
  background-repeat:no-repeat;
  display:inline-block;
  height:17px;
  margin-right:10px;
  opacity:1;
  vertical-align:baseline;
  vertical-align:middle;
  width:17px;
}

.giftcard__footer{
  padding:60px 0;
  text-align:center;
}

#QrCode img{
    border:1px solid;
    border-color:var(--colorBorder);
    border-radius:16px;
    margin:0 auto 30px;
    padding:30px;
  }

@media only screen and (max-width:768px){
  .giftcard{
    font-size:12px;
  }

  .giftcard-header{
    padding:30px 0;
  }

  .header-logo{
    font-size:2em;
  }

  .giftcard__border{
    padding:15px;
  }

  .giftcard__actions{
    padding:15px;
  }

  .giftcard__actions .btn{
    padding-left:0;
    padding-right:0;
    width:100%;
  }

  .template-giftcard .action-link{
    display:none;
  }
}

@media screen and (max-width:400px){
  .giftcard__amount strong{
    text-shadow:2px 2px 0 rgba(0,0,0,.1);
  }

  .giftcard__wrap:after,.giftcard__wrap:before{
    display:none;
  }

  .giftcard__code{
    font-size:.75em;
  }

  .giftcard__code--medium{
    font-size:.65em;
  }

  .giftcard__code--small{
    font-size:.55em;
  }
}

@media screen and (max-height:800px){
  .header-logo img{
    max-height:90px;
  }
}

@media print{
  @page{
    margin:0.5cm;
  }

  h2,h3,p{
    orphans:3;
    widows:3;
  }

  h2,h3{
    page-break-after:avoid;
  }

  body,html{
    background-color:#fff;
  }

  .giftcard-header{
    padding:10px 0;
  }

  .giftcard__border,.giftcard__content{
    border:0 none;
  }

  .add-to-apple-wallet,.giftcard__actions,.giftcard__wrap:after,.giftcard__wrap:before,.site-header__logo-link img:nth-child(2),.tooltip{
    display:none;
  }

  .giftcard__title{
    float:none;
    text-align:center;
  }

  .giftcard__code__text{
    color:#57534e;
  }

  .template-giftcard .shop-url{
    display:block;
  }

  .template-giftcard .logo{
    color:#58686f;
  }
}


/* Quick add buttons (override) */
.grid-product__actions .collection-add-to-cart,
.grid-product__actions .bundle-link{
  display:block;
  width:100%;
  max-width:320px;
  margin:0 auto;
  padding:12px 16px;
  border:1px solid var(--colorTextBody, #17120f);
  background:#fff;
  color:var(--colorTextBody, #17120f);
  text-align:center;
  letter-spacing:0.05em;
  font-weight:600;
  font-size:15px;
  text-transform:uppercase;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.grid-product__actions .collection-add-to-cart:hover,
.grid-product__actions .bundle-link:hover{
  background:var(--colorTextBody, #17120f);
  color:#fff;
  border-color:var(--colorTextBody, #17120f);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  transform:translateY(-1px);
}
.grid-product__actions .collection-add-to-cart.is-loading{
  opacity:.6;
  pointer-events:none;
}
.grid-product__actions .collection-add-to-cart[disabled],
.grid-product__actions .bundle-link[disabled]{
  cursor:not-allowed;
  opacity:.35;
  background:#f7f7f7;
  color:#57534e;
  border-color:#dcdcdc;
  box-shadow:none;
  transform:none;
}
.grid-product__actions .collection-add-to-cart .mobile-text{display:none;}
@media only screen and (max-width:768px){
  .grid-product__actions .collection-add-to-cart .desktop-text{display:none;}
  .grid-product__actions .collection-add-to-cart .mobile-text{display:inline;}
}
/* Hide/suppress Transcy floating switcher when cart drawer is open */
html.js-drawer-open-cart #transcyBtnSwitcher,
body.js-drawer-open-cart #transcyBtnSwitcher,
html.js-drawer-open-cart .transcy-switcher-language,
body.js-drawer-open-cart .transcy-switcher-language{
  pointer-events:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Mobile: left-align bundle/variant name blocks (keep main title centered) */
@media only screen and (max-width:768px){
  .product-single__meta [class*="rbr-productNamePrice__title__container"],
  .product-single__meta [class*="rbr-productNamePrice__title__container"] a,
  .product-single__meta [class*="rbr-productNamePrice__variant__container"],
  .product-single__meta [class*="rbr-productNamePrice__variant__container"] a,
  .product-single__meta [class*="rbr-productNamePrice__variant_container"],
  .product-single__meta [class*="rbr-productNamePrice__variant_container"] a,
  .product-single__meta [class*="rbr-productNamePrice__tag__container"],
  .product-single__meta [class*="rbr-productNamePrice__tag__container"] a,
  .product-single__meta [class*="productNamePrice__title_container"],
  .product-single__meta [class*="productNamePrice__title_container"] a,
  .product-single__meta [class*="productNamePrice__variant_container"],
  .product-single__meta [class*="productNamePrice__variant_container"] a{
    text-align:left !important;
    justify-content:flex-start !important;
  }
  .product-single__meta [class*="colorSwatch_title_"],
  .product-single__meta [class*="colorSwatch_title_"] *{
    text-align:left !important;
    justify-content:flex-start !important;
  }

  /* Upload button text: shrink slightly on very small screens */
  .uploadkit .uploadkit__btn,
  .uploadkit .uk-button,
  .uploadkit button{
    font-size:clamp(13px, 3.2vw, 15px) !important;
  }
}

/* Transcy overrides (match ByBente-Utviklet) */
/* Disable floating/sticky positioning from app */
[class*="transcy"][class*="float"],
[class*="tcy-"][class*="float"],
.tc-floating-switcher,
.tc-widget-floating {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
}
/* Toolbar placement tweaks */
.toolbar .multi-selectors{ margin-left: 12px; }
.toolbar__item--transcy{ margin-left: 12px; }
.toolbar__item--transcy{ display:inline-flex; align-items:center; position: relative; z-index: 5 !important; }
.toolbar__item--transcy .transcy-flag{ width:24px !important; height:24px !important; margin-right:6px; display:inline-block; object-fit:contain; }
.toolbar__item--transcy img.transcy-flag{ max-width:24px !important; max-height:24px !important; width:24px !important; height:24px !important; }
.toolbar__item--transcy .tc-switcher, .toolbar__item--transcy [class*="transcy"], .toolbar__item--transcy [class*="tcy-"]{ display:inline-flex; align-items:center; max-width:unset; max-height:unset; }
/* Prevent overlay when drawers are open (desktop) */
.js-drawer-open .toolbar .toolbar__item--transcy,
.custom-cart-drawer-open .toolbar .toolbar__item--transcy,
.cart-drawer-overlay ~ .header-sticky-wrapper .toolbar .toolbar__item--transcy{
  pointer-events: none !important;
  z-index: 1 !important;
}
.js-drawer-open .toolbar .toolbar__item--transcy *,
.custom-cart-drawer-open .toolbar .toolbar__item--transcy *,
.cart-drawer-overlay ~ .header-sticky-wrapper .toolbar .toolbar__item--transcy *{
  pointer-events: none !important;
}
/* Allow interaction inside mobile menu */
.js-drawer-open .mobile-nav__mini .toolbar__item--transcy,
.custom-cart-drawer-open .mobile-nav__mini .toolbar__item--transcy{
  pointer-events: auto !important;
}
.js-drawer-open .mobile-nav__mini .toolbar__item--transcy *,
.custom-cart-drawer-open .mobile-nav__mini .toolbar__item--transcy *{
  pointer-events: auto !important;
}
.toolbar__item--transcy *{ line-height: 1.2; }
/* Mobile styling */
.mobile-nav__mini .transcy-flag{ width:20px !important; height:20px !important; margin-right:8px; object-fit:contain; }
.mobile-nav__mini .toolbar__item--transcy{ width:100%; }
.mobile-nav__mini .transcy-label{ font-size:14px; margin: 8px 0 6px; display:block; color: inherit; opacity: 0.9; }
.mobile-nav__mini .transcy-switcher-language{ pointer-events: auto; cursor: pointer; }
.mobile-nav__mini .transcy-proxy-slot{ margin-top: 8px; }

/* UploadKit layout (match design) */
.uploadkit{
  max-width:480px;
  margin:12px 0 18px;
  padding:0;
  border:none !important;
  border-radius:0;
  background:transparent;
}
.uploadkit p,
.uploadkit .uploadkit__text,
.uploadkit .uploadkit-text,
.uploadkit .uploadkit-description{
  font-size:13px !important;
  color:#57534e !important;
  margin:0 0 10px !important;
}
.uploadkit .uploadkit__btn,
.uploadkit .uk-button,
.uploadkit button{
  width:100% !important;
  border-radius:16px !important;
  background:#8a8a8a !important;
  color:#fff !important;
  border:none !important;
  padding:14px 16px !important;
  font-size:clamp(14px, 3vw, 16px) !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1.15 !important;
  white-space:normal !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  box-shadow:none !important;
  text-align:center !important;
  margin-bottom:6px !important;
}
.uploadkit .uploadkit__btn *,
.uploadkit .uk-button *,
.uploadkit button *{
  font-size:clamp(14px, 3vw, 16px) !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1.15 !important;
}
.uploadkit .uploadkit__btn:hover,
.uploadkit .uk-button:hover,
.uploadkit button:hover{
  background:#6f6f6f !important;
  color:#fff !important;
}
/* UploadKit label (text above button) */
.uploadkit label,
.uploadkit .uploadkit-label{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  font-size:clamp(13px, 3vw, 14px) !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  color:#57534e !important;
  margin:0 0 10px !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:break-word !important;
  hyphens:auto !important;
}

/* Tillitssignaler ved checkout-knapp i handlekurv (K4) + tom-kurv-CTA (K3) */
.cart__trust{ margin-top:14px; }
.cart__trust .cart__payment-icons{ margin:0 0 6px; }
.cart__trust .cart__payment-icons li{ margin:0 3px 4px; }
.cart__trust .cart__payment-icons svg{ width:34px; height:auto; }
.cart__trust small a{ color:inherit; text-decoration:underline; }
.drawer__cart-empty-cta{ margin-top:14px; }
.drawer__cart-empty-cta a{ text-decoration:underline; }

/* Y8: nar animasjoner er avskrudd skal AOS-avhengige elementer alltid vaere synlige */
[data-disable-animations=true] [data-aos=hero__animation] .animation-cropper,
[data-disable-animations=true] [data-aos=hero__animation] .animation-contents,
[data-disable-animations=true] [data-aos=hero__animation]:not(.animate-out) .hero__image,
[data-disable-animations=true] [data-aos=hero__animation] .hero__link .btn,
[data-disable-animations=true] [data-aos=hero__animation] .hero__image-wrapper,
[data-disable-animations=true] [data-aos=logo__animation] .logo-bar__item,
[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}
[data-disable-animations=true] [data-aos=map-section__animation] .map-section__container{
  opacity:1 !important;
  animation:none !important;
}

/* S4: synlig fokusindikator pa sokefeltet for tastaturbrukere */
.tab-outline .site-header__search-input:focus{
  outline:2px solid currentColor !important;
  outline-offset:-2px;
}

/* M2: lesbar announcement-tekst pa mobil (var ~10.8px med 0.2em sperring) */
@media only screen and (max-width:768px){
  .announcement-bar{ font-size:13px; }
  .announcement-text{ font-size:1em; letter-spacing:0.06em; }
}

/* P2: flytende kjopsknapp pa mobil */
.sticky-atc{
  position:fixed;
  bottom:0; left:0; right:0;
  z-index:980;
  display:flex; align-items:center; gap:12px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:var(--colorBody, #fff);
  box-shadow:0 -2px 12px rgba(0,0,0,.14);
}
.sticky-atc[hidden]{ display:none; }
.sticky-atc__info{ min-width:0; flex:1; }
.sticky-atc__title{
  display:block;
  font-size:13px; line-height:1.3;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.sticky-atc__price{ font-size:13px; font-weight:600; }
.sticky-atc__btn{ flex:none; margin:0; padding:12px 20px; font-size:14px; }
@media only screen and (min-width:769px){ .sticky-atc{ display:none; } }

/* ===== Visuelle grep PDP (aug 2026) ===== */

/* Grep 1: pris-hierarki - hovedpris tydelig storre og halvfet */
.product-block--price .product__price{
  font-size:1.5em;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
.product-block--price .product__price--compare{
  font-size:1em;
  font-weight:400;
}

/* Grep 2: UploadKit-knappen ser deaktivert ut (graa fra app-config) - gjor den til tydelig sekundaerknapp */
.uploadkit-uploader .uploadkit-button, .uploadkit-button{
  background:#ffffff !important;
  border:1.5px solid #17120f !important;
  color:#17120f !important;
  transition:background .15s;
}
.uploadkit-uploader .uploadkit-button:hover, .uploadkit-button:hover{
  background:#17120f !important;
  color:#ffffff !important;
  border-color:#17120f !important;
}

/* Grep 3: konsultasjonslenke (erstatter Globo-knapp med emoji) */
.bb-consult-link{
  display:inline-block;
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:3px;
  color:inherit;
}
.bb-consult-link:hover{ opacity:.75; }

/* Grep 6: kompaktere kjopsboks - mindre luft mellom salgspunkt/lagerstatus, og klippbar beskrivelse */
.product-block--sales-point{ margin-bottom:8px; }
.product-block--sales-point + .product-block--sales-point{ margin-top:0; }
.bb-desc-clamp .rte{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.bb-desc-toggle{
  background:none; border:0; padding:0; margin-top:4px;
  font-size:.875em; text-decoration:underline; text-underline-offset:3px;
  cursor:pointer; color:inherit;
}

/* Grep 8: skeleton-puls paa anbefalinger som lastes asynkront.
   RETTET 08.08.2026: pulsen laa paa selve .product-recommendations-placeholder.
   Impulse fjerner ikke plassholderen naar anbefalingene kommer - den injiserer
   produktene INNI den og tar bare bort .visually-invisible fra griden. Gradienten
   ble derfor liggende og glimre bak ferdiglastede produkter i det uendelige.
   Pulsen gjelder naa kun saa lenge innholdet fortsatt er usynlig, altsaa mens
   det faktisk lastes. */
.product-recommendations-placeholder:has(.visually-invisible){
  min-height:160px;
  border-radius:16px;
  background:linear-gradient(90deg,#f5f5f7 25%,#edebee 37%,#f5f5f7 63%);
  background-size:400% 100%;
  animation:bb-shimmer 1.4s ease infinite;
}
@keyframes bb-shimmer{
  0%{ background-position:100% 0; }
  100%{ background-position:0 0; }
}
@media (prefers-reduced-motion: reduce){
  .product-recommendations-placeholder:has(.visually-invisible){ animation:none; }
}

/* ===== Stil-harmonisering med fargematch/blogg-designspraaket (aug 2026) =====
   Referanse: pages/fargematch + blogs/harfarge - pill-knapper (radius 40-50px),
   bilder og kort med 16px hjorneradius, myke graa flater. */

/* Bilder: produktgrid, kolleksjonskort, bloggkort, sok */
.grid-product__image-mask,
.grid__image-ratio,
.article__grid-image,
.collection-item__image-wrapper,
.collection-image{
  border-radius:16px;
  overflow:hidden;
}

/* PDP-galleri: hovedbilder 16px, miniatyrer litt mykere */
.product__main-photos .image-wrap,
.product__main-photos .product-image-main,
.product-slideshow .image-wrap{
  border-radius:16px;
  overflow:hidden;
}
.product__thumb .image-wrap{
  border-radius:16px;
  overflow:hidden;
}

/* Handlekurv: produktbilder */
.cart__image{
  border-radius:16px;
  overflow:hidden;
}

/* UploadKit-knappen folger pill-formen (appen setter inline radius 0) */
.uploadkit-uploader .uploadkit-button, .uploadkit-button{
  border-radius:16px !important;
}

/* Sticky mobil-kjopeknapp folger pill-formen */
.sticky-atc__btn{
  border-radius:16px;
}

/* Custom hurtigkjop-knapper i grid folger ogsaa pill-formen */
.grid-product__actions .collection-add-to-cart,
.grid-product__actions .bundle-link,
.collection-add-to-cart,
.bundle-link{
  border-radius:var(--buttonRadius, 16px);
}

/* Trust-blokk. Ramme og innvendig luft fjernet 14.08.2026 - blokken staar naa
   rett under prisen og over skillestreken, og skal lene seg paa den streken i
   stedet for aa vaere en egen boks. */
.bb-trust-card{
  margin-top:14px;
  margin-bottom:2px;
  padding:0;
}
.bb-trust-card__list{
  margin:0;
  padding:0;
  list-style:none;
}
.bb-trust-card__list li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  line-height:1.5;
  padding:6px 0;
}
.bb-trust-card__icon{ flex:none; color:#17120f; }
.bb-trust-card__list a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }

/* Steg-kort rundt FastBundle-konfiguratoren (klasser settes av bb-pdp-polish) */
.bb-step-card{
  border:1px solid #e5e5e5 !important;
  border-radius:16px !important;
  padding:18px 20px !important;
  margin-bottom:16px !important;
}
.bb-step-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7a7a7a;
  margin-bottom:12px;
}


/* PDP-faner: flat stil - enkel skillestrek mellom hver, og +/- som indikator */
.product-block--tab .collapsible-trigger-btn--borders{
  border:0 !important;
  border-bottom:1px solid var(--colorBorder, #e5e5e5) !important;
  border-radius:0 !important;
  padding-left:0;
  padding-right:32px;
  background:none;
}
.product-block--tab .collapsible-content + .collapsible-trigger-btn--borders{
  margin-top:0;
}
.product-block--tab .collapsible-trigger-btn--borders .collapsible-trigger__icon{
  right:4px !important;
  width:14px;
  height:14px;
}
.product-block--tab .collapsible-trigger__icon svg{
  display:none;
}
.product-block--tab .collapsible-trigger__icon::before,
.product-block--tab .collapsible-trigger__icon::after{
  content:"";
  position:absolute;
  background:currentColor;
  transition:transform .2s ease;
}
.product-block--tab .collapsible-trigger__icon::before{
  left:0;
  right:0;
  top:50%;
  height:1.5px;
  margin-top:-0.75px;
}
.product-block--tab .collapsible-trigger__icon::after{
  top:0;
  bottom:0;
  left:50%;
  width:1.5px;
  margin-left:-0.75px;
}
.product-block--tab .collapsible-trigger.is-open .collapsible-trigger__icon::after{
  transform:rotate(90deg);
}
@media (prefers-reduced-motion: reduce){
  .product-block--tab .collapsible-trigger__icon::before,
  .product-block--tab .collapsible-trigger__icon::after{
    transition:none;
  }
}

/* UploadKit-knappen skal vaere like bred som steg-kortene under.
   FastBundle-omraadet har 20px sidepadding - samme innrykk her saa kantene flukter. */
.uploadkit{ padding-left:20px; padding-right:20px; }
.uploadkit,
.uploadkit-app-block,
.uploadkit-uploader,
.uploadkit-upload-field,
.uploadkit-field{
  width:100% !important;
  max-width:100% !important;
}
.uploadkit-uploader .uploadkit-button,
.uploadkit-button{
  width:100% !important;
  max-width:100% !important;
  display:block;
}

/* ============================================================
   MAGICPATH-TEST v2 (2026-08-07) - kun i testtemaet.
   Normal bildestorrelse (temaets sticky beholdes), beige kort,
   ikon-chips, kvalitetssikrings-kort og mork stegseksjon.
   Former folger butikkens designstil (avrundet).
   ============================================================ */

/* Steg-hint over kortene */
.bb-mp-hint{
  font-size:11px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#78716c;
  margin:0 0 6px;
}
.bb-mp-hint-sub{ font-size:13px; color:#78716c; margin:0; }

/* Konfigurator-kortene: beige med vaar 16px-runding, hvit velgerboks */
.template-product .bb-step-card{
  background:#faf8f6;
  border-color:#eae6e2 !important;
}
.template-product .bb-step-card [class*="selectBoxCustom_variants"]{
  background:#fff;
  border:1px solid #e0d9cf;
  border-radius:16px;
  padding:12px;
}

/* Ikon-chips med fordeler */
.bb-mp-features{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  margin:18px 0 6px;
}
.bb-mp-features > div{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:8px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  line-height:1.35;
  color:#57534e;
}
.bb-mp-features__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#17120f;
  color:#fff;
}

/* Kvalitetssikrings-kortet (fra skissen, med vaare former) */
.bb-mp-upload{
  border:1px solid #eae6e2;
  border-radius:16px;
  padding:20px 22px;
  margin:18px 0 4px;
  background:#faf8f6;
}
.bb-mp-upload__head{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.bb-mp-upload__icon{
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid #eae6e2;
  background:#fff;
  color:#17120f;
}
.bb-mp-upload__title{
  margin:0;
  font-size:14px;
  font-weight:600;
  color:#17120f;
  line-height:1.4;
}
.bb-mp-upload__title span{
  font-size:10px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#78716c;
  margin-left:8px;
}
.bb-mp-upload__text{
  margin:4px 0 0;
  font-size:13px;
  line-height:1.6;
  color:#78716c;
}
/* Kortets egen stiplede knapp (skissen) - klikk videresendes til UploadKit */
.bb-mp-upload__btn{
  display:block;
  width:100%;
  margin-top:14px;
  padding:14px 16px;
  background:#fff;
  border:1.5px dashed #17120f;
  border-radius:16px;
  color:#17120f;
  font-size:13px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.12em;
  cursor:pointer;
  transition:background .15s;
}
.bb-mp-upload__btn:hover{ background:#f2ede9; }
/* Original UploadKit-widget.
   Var tidligere klippet bort i sin helhet (position/clip). Det skjulte ogsaa
   beskrivelsesfeltet "Kort beskrivelse av ditt haar" (UploadKit: enableTextField
   = true), som appen tegner INNI widgeten - saa kunden fikk lastet opp bilde,
   men kunne aldri skrive kommentaren. 13.08.2026.

   Naa skjules bare appens egen etikett og knapp - vi har vaart eget kort med
   knapp (.bb-mp-upload) som videresender klikket. Resten av widgeten
   (miniatyrbilder + tekstfelt) staar synlig. Beholderne er tomme foer en
   opplasting, saa siden ser uendret ut inntil kunden faktisk laster opp noe.

   Widgeten maa bli staaende der den er - den ligger inne i
   form.product-single__form, og flyttes den ut, henges ikke bildet paa
   ordrelinjen. */
.template-product .uploadkit{
  display:block;
  padding-left:20px;
  padding-right:20px;
  margin:0;
}
/* Appens egen etikett og knapp skjules BARE der vi har vaart eget kort med
   proxy-knapp (.bb-mp-upload). Klassen settes fra custom.js.
   Maler uten kortet - f.eks. product.gratt-har.json og
   product.beise-gratt-har.json - har ingen annen knapp, saa der maa appens
   egen staa synlig. Ellers ville kunden ikke hatt noen mulighet til aa
   laste opp i det hele tatt. */
.bb-has-upload-card .template-product .uploadkit .uploadkit-label,
.bb-has-upload-card .template-product .uploadkit .uploadkit-button{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  padding:0 !important;
  margin:-1px !important;
}
/* Uten vaart kort: gi appens egen etikett litt luft over knappen. */
.template-product .uploadkit .uploadkit-label{
  display:block;
  margin:0 0 8px;
  font-family:inherit;
  line-height:1.45;
  color:#17120f;
}
/* Miniatyrbilder + beskrivelsesfelt: knyttes visuelt til kortet over.
   Appen legger begge deler inne i .uploadkit-thumbnails:
     img.uploadkit-thumbnail  +  div.uploadkit-field > label + textarea */
/* Appen gir .uploadkit-thumbnails en fast bredde paa 300px (samme tall som
   thumbnail-transformen -/resize/300x/). Den maa opp i full bredde, ellers
   blir beskrivelsesfeltet staaende smalt midt i kolonnen. */
/* Miniatyrbilde til venstre, etikett + felt til hoyre (valgt 13.08.2026).
   Rutenett i stedet for flex: appen legger img og .uploadkit-field som
   soesken rett i .uploadkit-thumbnails, og med flere bilder (maks 3) gjentas
   paret. To kolonner med auto-rader gir da ett bilde per rad med sitt eget
   felt ved siden av, uten at vi maa rore appens DOM. */
.template-product .uploadkit .uploadkit-thumbnails:not(:empty){
  display:grid !important;
  grid-template-columns:104px minmax(0, 1fr);
  gap:10px 16px;
  align-items:start;
  width:100% !important;
  max-width:100% !important;
  margin-top:12px;
  text-align:left !important;
}
.template-product .uploadkit .uploadkit-initial-text-field:not(:empty),
.template-product .uploadkit .uploadkit-attribute-container:not(:empty){
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin-top:12px;
  text-align:left !important;
}
/* Appen setter width/height=240 som attributter - de maa overstyres. */
.template-product .uploadkit .uploadkit-thumbnail{
  grid-column:1;
  width:104px !important;
  height:104px !important;
  object-fit:cover;
  border-radius:16px;
  display:block;
  margin:0;
}
.template-product .uploadkit .uploadkit-field{
  grid-column:2;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0;
}
@media (max-width:480px){
  .template-product .uploadkit .uploadkit-thumbnails:not(:empty){
    grid-template-columns:72px minmax(0, 1fr);
    gap:8px 12px;
  }
  .template-product .uploadkit .uploadkit-thumbnail{
    width:72px !important;
    height:72px !important;
  }
}
.template-product .uploadkit .uploadkit-field-label{
  display:block;
  width:100%;
  margin:0 0 6px;
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  color:#17120f;
  text-align:left !important;
  text-transform:none;
  letter-spacing:0;
}
/* textarea har cols=20 fra appen, som gir ca 300px uten dette. */
.template-product .uploadkit textarea,
.template-product .uploadkit input[type="text"]{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
  min-height:104px;
  border:1px solid #e3ddd7;
  border-radius:16px;
  background:#fff;
  color:#17120f;
  font-family:inherit;
  line-height:1.45;
  padding:10px 12px;
  resize:vertical;
}
.template-product .uploadkit input[type="text"]{
  min-height:0;
}
.template-product .uploadkit textarea:focus,
.template-product .uploadkit input[type="text"]:focus{
  outline:none;
  border-color:#17120f;
}

/* Mork "Slik bruker du det"-seksjon */
.bb-mp-steps{ background:#17120f; color:#fff; padding:64px 24px; }
.bb-mp-steps__inner{ max-width:1200px; margin:0 auto; }
.bb-mp-steps h2{
  color:#fff;
  font-size:clamp(28px, 4vw, 44px);
  font-weight:700;
  letter-spacing:-0.03em;
  margin:0;
}
.bb-mp-steps__list{
  list-style:none;
  margin:48px 0 0;
  padding:0;
  display:grid;
  gap:20px;
}
@media only screen and (min-width:769px){
  .bb-mp-steps__list{ grid-template-columns:repeat(5, 1fr); }
}
.bb-mp-steps__list li{ border-top:1px solid rgba(255,255,255,.3); padding:24px 0; }
.bb-mp-steps__num{
  display:block;
  font-size:48px;
  font-weight:700;
  line-height:1;
  letter-spacing:-0.05em;
  color:rgba(255,255,255,.85);
}
.bb-mp-steps h3{ margin:20px 0 0; font-size:15px; font-weight:600; color:#fff; }
.bb-mp-steps p{ margin:12px 0 0; font-size:13px; line-height:1.6; color:#fff; }
.bb-mp-steps__link{ margin-top:36px; }
.bb-mp-steps__link a{ color:#fff; font-size:13px; text-decoration:underline; text-underline-offset:4px; }

/* Garanti-linje rett under kjopsknappen */
.bb-mp-guarantee{
  margin:10px 0 0;
  text-align:center;
  font-size:12.5px;
  line-height:1.5;
  color:#78716c;
}
/* Konsultasjonslenken som stille hjelpelinje etter konfiguratoren */
.template-product .bb-consult-link{
  display:block;
  margin:14px 0 2px;
  text-align:center;
  font-size:13px;
  color:#57534e;
}

/* Kundetall-pillen under kjopsknappen (MagicPath-test) */
.template-product .rating-badge-block{ margin-top:14px; }

/* ===== Mobil: venstrestill toppen av produktsiden (MagicPath-test) ===== */
@media only screen and (max-width:768px){
  .template-product .product-single__meta,
  .template-product .product-single__meta .product-block--header,
  .template-product .product-single__title,
  .template-product .breadcrumb,
  .template-product .product-block--price,
  .template-product .product-block--price .product__price,
  .template-product .product-single__meta .rte,
  .template-product .bb-mp-hint,
  .template-product .bb-mp-hint-sub,
  .template-product .bb-consult-link,
  .template-product .bb-step-label{
    text-align:left !important;
  }
  /* Steg-etikettene i kortene (01 · VELG STYRKE) */
  .template-product .bb-step-card,
  .template-product .bb-step-card [class*="rbr-sbap_item_info"],
  .template-product .bb-step-card [class*="selectBoxCustom"]{
    text-align:left !important;
  }
}

/* Steg-hint: alltid én linje. Full tekst kun naar kolonnen er bred nok
   (>=1300px viewport), ellers kort variant - hindrer overflyt paa laptop/mobil.
   Vises KUN naar FastBundle-konfiguratoren faktisk finnes (klassen settes i custom.js),
   siden "velg styrke/farge" ikke gir mening paa faste pakker. */
.bb-mp-hint,
.bb-mp-hint-sub{ display:none; }
.bb-has-configurator .bb-mp-hint-sub{ display:block; }
.bb-has-configurator .bb-mp-hint{ display:block; white-space:nowrap; }
.bb-mp-hint__full{ display:none; }
.bb-mp-hint__short{ display:inline; }
@media only screen and (min-width:1300px){
  .bb-mp-hint__full{ display:inline; }
  .bb-mp-hint__short{ display:none; }
}
@media only screen and (max-width:768px){
  .bb-mp-hint{ letter-spacing:.1em; }
}


/* PDP-faner: fjern ramme rundt aapent innhold + tynnere skillestrek */
.product-block--tab .collapsible-trigger-btn--borders + .collapsible-content .collapsible-content__inner{
  border:0 !important;
  padding-left:0;
  padding-right:0;
}
.product-block--tab .collapsible-trigger-btn--borders{
  border-bottom:1px solid rgba(23,18,15,.14) !important;
}
.product-block--tab .collapsible-content--expanded{
  margin-bottom:0 !important;
}

/* Mobil: produktbildet skal ikke gaa helt ut i kanten.
   RETTET 08.08.2026: her stod padding 18px paa BEGGE sider. Men grid-elementet
   har allerede padding-left 17px (som motvekt til .grid sin margin-left:-17px),
   mens hoyre side faar sin luft fra .page-width. Aa legge 18px paa begge sider
   flyttet derfor hoyre kant 18px innover mens venstre bare rikket seg 1px -
   bildet ble staaende 17px ute av senter. Luften legges naa kun ett sted. */
@media only screen and (max-width:768px){
  .template-product .product__photos{
    padding-left:17px;
    padding-right:17px;
  }
}

/* Faste deler i pakken ("Inkludert") - dempet etikett */
/* «Inkludert» i groent (Henrik 08.09.2026) */
.bb-step-card--fixed .bb-step-label{ color:#0A6247; }

/* Kolleksjons-FAQ under produktgriden (prototype) */
.bb-faq{
  max-width:760px;
  margin:56px auto 0;
  padding-top:8px;
}
.bb-faq__title{
  font-size:20px;
  font-weight:600;
  margin:0 0 8px;
}
.bb-faq .product-block--tab{ margin:0; }
.bb-faq .collapsible-content__inner{ padding-bottom:22px; }
@media only screen and (max-width:768px){
  .bb-faq{ margin-top:40px; }
}

/* ============================================================
   KNAPPE-STANDARD (2026-08-08)
   Én form og én typografi for alle knapper i butikken:
   pill, 14px/500, lette bokstavmellomrom, minuskler (ingen versaler).
   Sekundærknapper: uten fyll, kun konturlinje.
   Ikon-knapper, app-knapper og fane-triggere er bevisst holdt utenfor.
   ============================================================ */
:root{
  --bbBtnRadius: 16px;
  --bbBtnSize: 14px;
  --bbBtnWeight: 500;
  --bbBtnTracking: .02em;
  --bbBtnPadY: 14px;
  --bbBtnPadX: 28px;
  --bbBtnInk: #17120f;
}

.btn,
.rte .btn,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.button-1, .button-2,
.about-story__button,
.amb-cta__button, .amb-hero__btn,
.category-button,
.collection-add-to-cart, .bundle-link,
.comparison__button,
.countdown__button,
.cta-article__button, .cta-consultation__button,
.instruction-button,
.learn-more-articles__cta,
.media-with-text__content-button,
.newsletter-button, .footer__newsletter-btn,
.popup-cta,
.quick-product__btn,
.results__search-btn,
.simple-configurator__nav-btn,
.simple-configurator__package-cta,
.simple-configurator__shade-confirm-btn,
.step-guide__button,
.sticky-atc__btn,
.stilling-template__more-btn,
.text-with-icons__button,
.topic-hero__btn-primary, .topic-hero__btn-secondary,
.topic-landing__cta,
.treatments-accordion__btn, .treatments-card__btn,
.bb-mp-upload__btn,
.button--primary, .button--secondary,
.btn--primary, .btn--large, .btn--full, .btn--full-width,
.amb-cta__button,
.hair-configurator__nav-button,
.bb-xsell__btn,
.uploadkit-uploader .uploadkit-button, .uploadkit-button{
  border-radius: var(--bbBtnRadius) !important;
  font-size: var(--bbBtnSize) !important;
  font-weight: var(--bbBtnWeight) !important;
  letter-spacing: var(--bbBtnTracking) !important;
  text-transform: none !important;
  line-height: 1.35;
}

/* Lik luft rundt teksten - kun der knappen ikke er ikon-/miniknapp */
.btn,
.rte .btn,
.button-1, .button-2,
.collection-add-to-cart, .bundle-link,
.cta-article__button, .cta-consultation__button,
.media-with-text__content-button,
.newsletter-button,
.simple-configurator__package-cta,
.sticky-atc__btn,
.text-with-icons__button,
.topic-hero__btn-primary, .topic-hero__btn-secondary,
.topic-landing__cta,
.treatments-accordion__btn, .treatments-card__btn,
.bb-mp-upload__btn,
.amb-hero__btn, .amb-cta__button,
.instruction-button,
.uploadkit-uploader .uploadkit-button, .uploadkit-button{
  padding: var(--bbBtnPadY) var(--bbBtnPadX) !important;
}
/* Kurv-skuffen: samme hoyde, litt smalere sidepadding (trang kolonne) */
.bb-xsell__btn{ padding: var(--bbBtnPadY) 18px !important; }
.btn.btn--small,
.btn--small{
  padding: 9px 18px !important;
  font-size: 13px !important;
}

/* Sekundærknapp nr. 2: uten fyll, kun linje */
.button-2,
.btn--secondary, .button--secondary,
.topic-hero__btn-secondary,
.simple-configurator__shade-confirm-btn--ghost{
  background: transparent !important;
  border: 1.5px solid var(--bbBtnInk) !important;
  color: var(--bbBtnInk) !important;
}
/* .collection-add-to-cart og .bundle-link laa tidligere i sekundaer-listen over.
   Regelen «knapp 2 uten fyll» gjelder der to knapper staar sammen - i produktkortet
   er dette den eneste handlingen, og skal derfor vaere fylt. Se kort-blokken nederst. */
.button-2:hover,
.btn--secondary:hover,
.topic-hero__btn-secondary:hover,
.simple-configurator__shade-confirm-btn--ghost:hover{
  background: var(--bbBtnInk) !important;
  color: #fff !important;
}

/* Fane-triggere og ikonknapper er ikke med i listene over, og beholder
   sin egen stil. Ingen overstyring her - tidligere nullstilling av padding
   klemte fanene sammen. */

/* Kolleksjons-FAQ: mer luft ned mot footer */
.bb-faq{ margin-bottom:72px; }
@media only screen and (max-width:768px){
  .bb-faq{ margin-bottom:48px; }
}

/* ===== Nyhetsbrev-skjema: samme formsprak som knappene ===== */
/* Feltet skal ha samme runding og hoyde som pill-knappen ved siden av */
.newsletter__input-group .input-group-field,
.newsletter__input,
.input-group .input-group-field{
  border-radius: 16px !important;
  padding-left: 22px;
  padding-right: 22px;
}
.newsletter__input-group,
.input-group{
  gap: 10px;
  align-items: stretch;
}
.newsletter__input-group .btn,
.input-group .btn,
.input-group-btn .btn{
  flex: none;
}

/* Mobil: vis teksten "Registrer" i stedet for bare en pil,
   og hold feltet og knappen paa samme linje. */
@media only screen and (max-width:768px){
  .form__submit--large{ display:block !important; }
  .form__submit--small{ display:none !important; }
  .newsletter__input-group,
  .input-group{
    display:flex;
    flex-direction:row;
    align-items:stretch;
    gap:8px;
    width:100%;
    max-width:100%;   /* utnytt hele bredden saa e-postfeltet ikke kutter teksten */
  }
  .newsletter__input-group .input-group-field,
  .newsletter__input,
  .input-group .input-group-field{
    flex:1 1 auto;
    min-width:0;          /* saa feltet kan krympe i stedet for aa presse knappen ut */
    padding-left:18px;
    padding-right:18px;
  }
  .newsletter__input-group .btn,
  .input-group .btn{
    white-space:nowrap;
    padding-left:20px !important;
    padding-right:20px !important;
  }
  /* Wrapperen rundt knappen skal ikke ha egen padding - den stjal plass fra feltet */
  .input-group-btn{
    flex:0 0 auto;
    padding:0 !important;
    display:flex;
  }
}

/* Nyhetsbrev-seksjonen hadde padding kun til venstre (0 0 0 20px), som dyttet
   innholdet utenfor skjermkanten paa mobil. Symmetrisk luft + ingen overflyt. */
.newsletter-section__content{
  box-sizing:border-box;
  max-width:100%;
}
@media only screen and (max-width:768px){
  .newsletter-section__content{
    padding-left:20px;
    padding-right:20px;
  }
}

/* ===== A3: Fokusindikator (WCAG 2.4.7) =====
   Temaet skjulte all fokusmarkering til brukeren trykket Tab én gang, saa alt
   som fikk fokus programmatisk (skuffer, modaler, hopplenker) var usynlig.
   :focus-visible gjor jobben i alle moderne nettlesere - tastatur ser ringen,
   mus gjor det ikke. */
html:not(.no-js) :focus-visible{
  outline:2px solid currentColor !important;
  outline-offset:2px;
}
/* Pill-knappene manglet egen fokusstil - de arvet bare nettleserstandarden */
.btn:focus-visible,
.button-1:focus-visible, .button-2:focus-visible,
.collection-add-to-cart:focus-visible, .bundle-link:focus-visible,
.uploadkit-button:focus-visible, .bb-mp-upload__btn:focus-visible,
.sticky-atc__btn:focus-visible, .bb-xsell__btn:focus-visible,
.amb-hero__btn:focus-visible, .amb-cta__button:focus-visible,
.instruction-button:focus-visible, .category-button:focus-visible{
  outline:2px solid var(--bbBtnInk, #17120f) !important;
  outline-offset:3px;
}

/* ==========================================================================
   RAPPORT-FIKSER 08.08.2026
   ========================================================================== */

/* Trust-kortet paa mobil: samme rammeloese stil som paa desktop,
   bare litt strammere linjeavstand. 14.08.2026 */
@media only screen and (max-width: 768px){
  .bb-trust-card{
    margin: 12px 0 2px;
    padding: 0;
  }
  .bb-trust-card__list{ gap: 8px; }
  .bb-trust-card__list li{ font-size: 13px; line-height: 1.35; }
}

/* Skjemafeil - synlig og fokuserbar varselboks */
.bb-form-errors:empty{ display: none; }
.bb-form-errors{ margin-bottom: 16px; }
.bb-form-errors:focus{ outline: none; }

/* Sikkerhetsnett 08.08.2026: Impulse avslorer hvert .image-element via AOS
   (.aos-animate[data-aos=image-fade-in]). Slaar AOS seg av - fordi butikken
   har animasjoner avskrudd, eller fordi scriptet feiler - blir HVERT bilde i
   butikken staaende paa opacity:0. Temaets egen utvei er attributtet
   data-animate_images=false, som ingen liquid-fil faktisk skriver ut.
   Denne regelen dekker det hullet uten aa vaere avhengig av JS. */
[data-disable-animations="true"] .image-element{
  opacity:1;
  animation:none;
}

/* ==========================================================================
   MOBILGJENNOMGANG 08.08.2026
   ========================================================================== */

/* Nyhetsbrevfeltet i footeren var laast til 300px. I en 356px kolonne pa mobil
   ga det 56px dodt felt til hoyre, og feltet sa smalere ut enn resten av footeren. */
@media only screen and (max-width: 768px){
  .footer__newsletter,
  .footer__newsletter-input{
    max-width: 100%;
  }
}

/* Knappen viser na alltid tekst (ikonet er fjernet i footer-newsletter.liquid).
   Etiketten var skjult som standard og dukket forst opp nar feltet fikk innhold. */
.footer__newsletter-btn-label{
  display: block;
}
.footer__newsletter-btn{
  font-size: 13px;
  letter-spacing: .02em;
  text-transform: none;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.footer__newsletter-input{
  padding-right: 92px;
}

/* Fordels-chippene: "Rask levering 2–5 dager" brakk etter tankestreken, sa
   linjen "RASK LEVERING 2–" ble bredere enn chipen og stakk utenfor margen.
   Balanserer linjene og hindrer brudd midt i tidsspennet. */
.bb-mp-features > div > span:last-child{
  text-wrap: balance;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 420px){
  .bb-mp-features > div{
    font-size: 9.5px;
    letter-spacing: .05em;
  }
  .bb-mp-features{ gap: 8px; }
}

/* ==========================================================================
   TILBAKEMELDING 08.08.2026
   ========================================================================== */

/* Skjelett-pulsen er flyttet til :has(.visually-invisible) lenger opp i fila,
   saa den kun kjorer mens innholdet faktisk lastes. */

/* Trust-blokken under beskrivelsen paa mobil */
.bb-trust-card--mobil{
  margin: 4px 0 22px;
}

/* Pris: strammere avstand paa mobil - stod for langt ned fra tittelen */
@media only screen and (max-width:768px){
  .template-product .product-single__title{
    margin-bottom: 10px;
  }
  .template-product .product-block--price{
    margin-top: 0;
    margin-bottom: 14px;
  }
  .template-product .product-block--price .product__policies,
  .template-product .product-block--price + *{
    margin-top: 6px;
  }
}

/* Sorteringsvelgeren staar rett ved siden av Filter-knappen paa kolleksjons- og
   sokesider. Filter er en pill (radius 999px), mens select-en hadde skarpe
   hjorner - to naboer med samme hoyde og bredde, men ulik form.
   Pillen trenger ogsaa mer sideluft enn en firkant. */
.collection-filter__sort-container,
.collection-filter__sort-container select,
select#SortBy{
  border-radius: var(--bbBtnRadius, 16px);
}
.collection-filter__sort-container select,
select#SortBy{
  padding-left: 20px;
}

/* ==========================================================================
   TILBAKEMELDING 08.08.2026 (runde 2)
   ========================================================================== */

/* 1. "Slik bruker du det" var 1200px bred mens resten av siden er 1500px.
      Kolonnene startet derfor 130px lenger inn enn innholdet over. Na folger
      seksjonen samme marg som .page-width, og de fem stegene far mer luft. */
.bb-mp-steps{ padding:var(--bb-surface-y) 0; /* 13.10 avstandsregel – moerk flate */ }
.bb-mp-steps__inner{ max-width:1500px; padding:0 17px; }
@media only screen and (min-width:769px){
  /* .page-width bytter til 40px sidepadding over 769px - seksjonen maa folge
     etter, ellers starter stegene 23px lenger inn enn innholdet over. */
  .bb-mp-steps__inner{ padding:0 40px; }
  .bb-mp-steps__list{ gap:36px; }
}

/* 2. Produktkortene - se ogsaa kort-blokken nederst i fila (skissen 08.08.2026).
      Tidligere var knappen 100% bred og 15px versaler, og titler pa to linjer
      dyttet knappene ut av linje med hverandre i griden. */
.grid-product__title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  /* 09.09.2026: reservasjonen paa to linjer er fjernet. Den la en tom linje
     mellom korte navn og stjernene. Pris og knapp holdes paa linje av like
     hoye kort + margin-top:auto paa .grid-product__footer i stedet. */
  line-height:1.35;
  /* orddeling ga stygge brudd som "Conditio-/ner" - vi bryter heller pa ord */
  -webkit-hyphens:none;
  hyphens:none;
  word-break:normal;
  overflow-wrap:anywhere;
}
.grid-product__actions .collection-add-to-cart,
.grid-product__actions .bundle-link{
  display:inline-block;
  width:auto;
  max-width:none;
  margin:0;
  padding:9px 20px;
  font-size:13px;
  font-weight:500;
  letter-spacing:.02em;
  text-transform:none;
}
/* Kort tekst ogsaa paa desktop - "Legg i handlekurven" er unodig langt i en grid */
.grid-product__actions .collection-add-to-cart .desktop-text{ display:none; }
.grid-product__actions .collection-add-to-cart .mobile-text{ display:inline; }

/* 3. Tilbudsmerket satt i hjornet med skarpe kanter og spiste den runde
      hjornet paa bildet. Na en pill som ligger inne i bildet. */
.grid-product__tag{
  top:10px;
  right:10px;
  border-radius:16px;
  padding:5px 12px;
  font-size:11px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:.03em;
  text-transform:none;
}
@media only screen and (min-width:769px){
  .grid-product__tag{ font-size:12px; padding:6px 14px; }
}

/* 4. Megameny: kolonnen du peker paa beholder full styrke, de andre dempes. */
@media only screen and (min-width:769px){
  .megamenu .grid__item{ transition:opacity .18s ease; }
  .megamenu:hover .grid__item{ opacity:.45; }
  .megamenu .grid__item:hover,
  .megamenu .grid__item:focus-within{ opacity:1; }
  .megamenu__image-link{
    display:block;
    margin-bottom:12px;
  }
  .megamenu__image-link .svg-mask{ border-radius:16px; overflow:hidden; }
}

/* Megameny-bildene: hold dem sma nok til at hele menyen faar plass uten aa
   dominere skjermen, og gi dem samme hjorneradius som resten av designet. */
@media only screen and (min-width:769px){
  .megamenu__image-link{
    display:block;
    max-width:220px;
    /* bildet ligger na UNDER kolonneoverskriften, saa alle overskriftene
       i menyen starter paa samme linje */
    margin:10px 0 14px;
  }
  .megamenu__image-link .svg-mask,
  .megamenu__image-link img{
    border-radius:16px;
  }
  .megamenu .grid__item .h5{ margin-bottom:6px; }
  .site-nav__dropdown.megamenu{ padding-bottom:40px; }
}

/* ==========================================================================
   PRODUKTKORT (08.08.2026, revidert)
   Uten ramme. Pris + liten knapp paa samme bunnlinje, ogsaa paa mobil.
   ========================================================================== */

.grid-product__content{
  display:flex;
  flex-direction:column;
  height:100%;
  /* Svak flate i stedet for ramme - kortet leses som et kort uten at
     strekene konkurrerer med produktbildene. Samme nyanse som kortene
     paa produktsiden (#faf8f6). */
  background:#faf8f6;
  border-radius:16px;
  padding:12px 12px 14px;
}
.grid-product__link{ flex:1 1 auto; }
.grid-product__meta{ padding:12px 2px 0; }

/* Bildet ligger inne i kortet - litt mindre radius enn kortet selv, og hvit
   flate under saa produktfoto med hvit bakgrunn ikke smelter inn i kortet. */
.grid-product__content .grid__image-ratio,
.grid-product__content .grid-product__image-mask{
  border-radius:16px;
  background:#fff;
}

/* Merket ligger inne i bildet, som na har kortets padding rundt seg */
.grid-product__tag{ top:22px; right:22px; }

/* Ettlinjes salgstekst - vises kun naar metafeltet custom.kort_beskrivelse er fylt ut */
.grid-product__blurb{
  margin-top:4px;
  font-size:13.5px;
  line-height:1.45;
  color:#6b625c;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  /* To linjer reservert saa kort med kort og lang tekst blir like hoye.
     Fyll ut feltet for en hel kolleksjon av gangen - kort uten tekst er
     lavere enn kort med, og da blir raden ujevn i overgangsperioden. */
  min-height:calc(2 * 1.45em);
}

/* Bunnrad: pris venstre, knapp hoyre. */
.grid-product__footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding:10px 2px 0;
}

/* Priskolonnen reserverer plass til foer-prisen ogsaa naar produktet ikke er
   paa tilbud. Uten det ble kort med og uten foer-pris ulikt hoye, og knappene
   havnet i utakt i samme rad. Belopet bunnjusteres, saa dagens pris staar paa
   samme linje uansett. */
.grid-product__footer .grid-product__price{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  margin:0;
  min-height:2.5em;
  line-height:1.25;
  white-space:nowrap;
  font-size:15px;
  font-weight:600;
  color:var(--colorTextBody, #17120f);
}
.grid-product__footer .grid-product__price--original{
  font-size:13px;
  font-weight:400;
  /* Fast farge i stedet for opacity: .55 paa arvet #17120f ga ~3.7:1 og
     strok Lighthouse-kontrasten. #6b645e holder 4.5:1 ogsaa paa sand bakgrunn. */
  color:#6b645e;
  margin:0 0 1px;
}
/* Gjennomstreket foer-pris og Tilbud-pillen sier allerede det samme */
.grid-product__footer .grid-product__price--savings{ display:none; }

.grid-product__actions{ flex:0 0 auto; }

/* Liten, fylt pill. !important er nodvendig her: knappestandarden setter
   padding og font-size med !important paa .collection-add-to-cart, og i en
   produktgrid er 14px/28px altfor tungt. Denne regelen ligger senere i fila
   og har hoyere spesifisitet, saa den vinner. */
.grid-product__actions .collection-add-to-cart,
.grid-product__actions .bundle-link{
  display:inline-block;
  width:auto;
  max-width:none;
  margin:0;
  padding:8px 16px !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  white-space:nowrap;
  background:var(--colorTextBody, #17120f);
  color:#fff;
  border:1px solid var(--colorTextBody, #17120f);
}
.grid-product__actions .collection-add-to-cart:hover,
.grid-product__actions .bundle-link:hover{
  background:#2f2723;
  border-color:#2f2723;
  color:#fff;
}
/* Kort tekst ogsaa paa desktop - "Legg i handlekurven" er for langt i en grid */
.grid-product__actions .collection-add-to-cart .desktop-text{ display:none; }
.grid-product__actions .collection-add-to-cart .mobile-text{ display:inline; }

@media only screen and (max-width:768px){
  .grid-product__content{ padding:8px 8px 10px; border-radius:16px; }
  .grid-product__meta{ padding:9px 1px 0; }
  .grid-product__footer{ padding:8px 1px 0; gap:6px; }
  .grid-product__tag{ top:16px; right:16px; }
  .grid-product__footer .grid-product__price{ font-size:14px; }
  .grid-product__actions .collection-add-to-cart,
  .grid-product__actions .bundle-link{
    padding:7px 13px !important;
    font-size:12px !important;
  }
}

/* ============================================================
   FastBundle: appens egne radier (14.08.2026)
   Konfiguratoren setter 1px paa miniatyrbildene og 3px paa
   styrkevalgene fra sin egen CSS, ikke fra temaet. De maa derfor
   overstyres herfra for aa folge samme 16px som resten.
   .rbr-quantity-container er en sirkel med vilje og roeres ikke.
   ============================================================ */
.rbr-thumbnail-container,
[class*="colorSwatch_option"].rbr-styrke{
  border-radius: 16px !important;
}
/* Fargevalgene er runde, og ringen som markerer valgt variant maa folge
   samme form. Regelen over var opprinnelig for bred - den traff ogsaa
   .rbr-color og gjorde markeringsringen til en avrundet firkant rundt en
   rund farge. Rettet 14.08.2026. */
[class*="colorSwatch_option"].rbr-color,
[class*="colorSwatch_swatch"]{
  border-radius: 50% !important;
}

/* ============================================================
   Betalingsikoner under kjopsknappen (14.08.2026)
   Ikonene kommer fra shop.enabled_payment_types via
   snippets/bb-betalingsikoner.liquid. Shopifys egne SVG-er har
   allerede sin egen form og farge - vi styrer bare stoerrelse og
   avstand, og lar dem beholde utseendet sitt.
   ============================================================ */
.bb-betaling{
  margin: 14px 0 0;
}
.bb-betaling__ikoner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bb-betaling__ikon{
  margin: 0;
  line-height: 0;
}
.bb-betaling__ikon svg,
.bb-betaling__svg{
  display: block;
  width: 42px;
  height: 27px;
}
.bb-betaling__klarna{
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 480px){
  .bb-betaling__ikoner{ gap: 6px; }
  .bb-betaling__ikon svg,
  .bb-betaling__svg{ width: 38px; height: 24px; }
}

/* Klarna-linja under betalingsikonene: fjern appens egen ramme.
   Boksen ligger i shadow DOM, men Klarna eksponerer den som
   part="osm-container", saa den kan styles utenfra paa stottet vis -
   ingen innsprøyting i shadow root. Kun linja i vaar egen plass;
   topp-stripa lenger opp paa siden roeres ikke. 14.08.2026 */
.bb-betaling__klarna klarna-placement::part(osm-container){
  border: none;
  padding: 0;
  border-radius: 0;
}

/* ============================================================
   Avstander i produktkolonnen (14.08.2026)
   Prisen laa 25px under tittelen og de tre punktene bare 3px over
   skillestreken. Prisen trekkes naermere overskriften, og blokken
   faar luft ned mot streken den skal lene seg paa.
   ============================================================ */
.template-product .product-block--header{
  margin-bottom: 4px;
}
.template-product .product-single__title{
  margin-bottom: 6px;
}
.template-product .bb-trust-card{
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px){
  .template-product .bb-trust-card{
    margin-bottom: 18px;
  }
}

/* ============================================================
   Produktkolonne - justeringer 14.08.2026
   ============================================================ */

/* Mer luft under trust-punktene ned mot skillestreken. */
.template-product .bb-trust-card{
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px){
  .template-product .bb-trust-card{
    margin-bottom: 26px;
  }
}

/* Lenken til fargeskål + pensel skal se ut som en lenke, men rolig -
   den staar i en dempet hjelpetekst. */
.bb-mp-hint-sub a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bb-mp-hint-sub a:hover{
  color: #17120f;
}



/* Loftelinja under prisen (erstattet avgiftslinja 14.08.2026).
   Skilletegnene faar litt luft, og linja bryter pent paa smal skjerm. */
.bb-produkt-lofter{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 7px;
}
.bb-produkt-lofter span[aria-hidden]{
  opacity: .45;
}
.bb-produkt-lofter a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* Navnenote under fargevalget: "Denne het tidligere nr.9".
   Vises kun mens 8.0 er valgt, saa den leses som en fotnote til nettopp
   det valget. Bevisst liten og nedtonet - den skal ta unna e-poster fra
   dem som leter etter det gamle navnet, ikke konkurrere med fargevalget.
   Negativ toppmarg trekker den inntil swatchene i stedet for aa staa som
   et eget avsnitt. Gjelder bade produktsiden og FastBundle.
   23.08.2026 - fjernes naar navneovergangen er over. */
.bb-variantnote{
  margin: -4px 0 12px;
  /* Samme stoerrelse og farge som konsultasjonslinja ("Usikker paa
     fargen? ..."), slik at de to leses som samme slags hjelpetekst.
     Fargen er den temaet allerede bruker i .template-product
     .bb-consult-link. Vekt og sperring foelger med derfra; opasitet
     brukes ikke, siden fargen alene baerer nedtoningen. */
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: .4px;
  color: #57534e;
}
.bb-variantnote[hidden]{ display: none; }
.bb-step-card .bb-variantnote{ margin: 6px 0 0; }
/* Venstrestilt ogsaa paa mobil - den skal flukte med punktene under. */
@media only screen and (max-width: 768px){
  .bb-produkt-lofter{ justify-content: flex-start; text-align: left; }
}

/* ============================================================
   Bildekarusellen paa produktsider (14.08.2026)
   Flickity setter tabindex="0" paa slideshowet, saa den faar fokus
   naar man sveiper eller trykker - og temaets fokusstil tegnet da en
   2px svart ramme rundt hele bildet. Vi beholder markeringen for
   tastaturbrukere via :focus-visible, men fjerner den ved beroering
   og mus, der den bare er stoy.
   :focus-visible duger ikke alene: Flickity kaller .focus() selv i sin egen
   trykk-handtering, og da regner nettleseren det som tastaturfokus.
   Temaet har allerede et system for dette - .tab-outline settes paa rot-elementet
   forste gang noen bruker Tab (theme.js:255). Vi henger oss paa det: uten
   Tab er rammen borte, tastaturbrukere beholder den.
   !important trengs fordi temaets egen regel
   "html:not(.no-js) :focus-visible" ogsaa bruker !important. */
html:not(.tab-outline) .product-slideshow:focus,
html:not(.tab-outline) .product-slideshow:focus-visible,
html:not(.tab-outline) .product__main-photos:focus-visible,
html:not(.tab-outline) .product-single__photos:focus-visible{
  outline: none !important;
}

/* ============================================================
   Sentrering paa mobil (14.08.2026)
   En eldre mobilregel lenger opp tvinger text-align:left !important
   paa disse tre (steg-hintet, pensel-linja og konsultasjonslenken).
   Den maa derfor matches med !important her.
   ============================================================ */
@media only screen and (max-width: 768px){
  .template-product .bb-mp-hint,
  .template-product .bb-mp-hint-sub,
  .template-product .bb-consult-link{
    text-align: center !important;
  }
  /* Lenken er en knappe-styled anker-tag - den maa fylle bredden for at
     midtstillingen skal gi mening. */
  .template-product .bb-consult-link{
    display: block;
    width: 100%;
  }
}


/* =====================================================================
   Mobilmeny uten nedtrekk (25.08.2026)

   Temaet legger undermenyene i sammenleggbare felt: .collapsible-content--all
   har height:0, opacity:0 og visibility:hidden til man tapper pilen.

   Med tre seksjoner og ni lenker totalt loser nedtrekkene et problem vi ikke
   har - de koster ett tapp per lenke og skjuler kategorier kunden ikke vet
   finnes. Derfor foldes alt ut permanent og pilene fjernes.

   Gjort i CSS og ikke i drawer-menu.liquid med vilje: markupen er 291 linjer
   med tre nivaaer, og et rent stiloverstyr er trivielt aa rulle tilbake.
   Regelen treffer ogsaa tredje niva, saa den holder om dere bytter tilbake
   til en dypere meny.
   ===================================================================== */
.mobile-nav .mobile-nav__toggle{ display: none !important; }

.mobile-nav .mobile-nav__sublist.collapsible-content--all{
  height: auto !important;
  opacity: 1 !important;
  overflow: visible !important;
  visibility: visible !important;
}
.mobile-nav .mobile-nav__sublist .collapsible-content__inner{
  transform: none !important;
  transition: none !important;
}

/* Toppnivaaet leses som en seksjonsoverskrift over lenkene sine, ikke som
   enda en lenke paa linje med dem. Det er fortsatt klikkbart. */
/* Gjelder ALLE toppnivaapunkter, ikke bare de med undermeny. "Kontakt" har
   ingen undermeny og falt derfor utenfor - den sto igjen som temaets store
   overskriftsstil paa 20.6px i vanlig vekt, midt i en liste paa 15px. */
.mobile-nav .mobile-nav__link--top-level{
  /* Seksjonsoverskrift, men i vanlig skrift og full farge. Versaler og
     nedtoning gjorde den vanskelig aa lese paa telefon. Skillet mot
     lenkene under skapes av vekt og luft i stedet. */
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
}

/* Overskrift MED lenker under seg: mer luft over enn under, saa den hoerer
   synlig sammen med lenkene sine. Skjevheten er poenget her. */
.mobile-nav .mobile-nav__has-sublist .mobile-nav__link--top-level{
  padding-top: 22px;
  padding-bottom: 4px;
}

/* Punkt UTEN undermeny ("Kontakt") staar alene mellom to streker og skal
   ligge midt i baandet. Samme skjeve padding som overskriftene ga 12px
   forskyvning nedover. Selektoren treffer bare disse: overskriftene ligger
   ett niva dypere, inne i div.mobile-nav__has-sublist. */
.mobile-nav > .mobile-nav__item > .mobile-nav__link--top-level{
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* Foerste niva under overskriften: normal lesestoerrelse, tett radavstand.
   :not() holder mellomnivaaets etikett utenfor - den har sin egen stil.

   Vekt 400: temaet setter halvfet paa ALLE lenkene i skuffen, saa hele
   menyen ble en vegg av fet skrift. Naa baerer bare toppnivaaet vekten,
   og hierarkiet leses uten at noe maa gjores stoerre eller mindre. */
.mobile-nav .mobile-nav__sublist .mobile-nav__link:not(.mobile-nav__link--top-level){
  font-size: 15px !important;
  font-weight: 400 !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.mobile-nav .mobile-nav__child-item > .mobile-nav__link{
  font-size: 12px !important;
}

/* Tredje niva (gamle menyer har det) komprimeres ytterligere, slik at en
   utbrettet servicedel ikke sluker halve skjermen. Maa vaere mindre enn
   niva 2, ikke stoerre - derfor 13px mot 15px. */
.mobile-nav .mobile-nav__grandchildlist .mobile-nav__link{
  font-size: 14px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  opacity: 1;
}
/* Mellomnivaaets egen etikett ("Kundeservice", "Ansvar", "Bli med") settes
   som en dempet underoverskrift i stedet for enda en lenke i full stoerrelse. */
.mobile-nav .mobile-nav__child-item .mobile-nav__faux-link,
.mobile-nav .mobile-nav__child-item > .mobile-nav__link{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
  padding-top: 14px;
  padding-bottom: 2px;
}

/* De loddrette strekene langs undermenyene fjernes - de la til stoy uten
   aa forklare noe. Merk at temaet tegner dem som :before-elementer med
   background:#000, ikke som rammer; derfor maa nettopp den skjules. */
.mobile-nav .mobile-nav__grandchildlist:before{ display: none !important; }
.mobile-nav .mobile-nav__sublist,
.mobile-nav .mobile-nav__grandchildlist,
.mobile-nav .mobile-nav__child-item{
  border-left: 0 !important;
  margin-left: 0 !important;
}
/* Innrykket beholdes, men mindre enn temaets 35px. */
.mobile-nav .mobile-nav__grandchildlist .mobile-nav__link{
  padding-left: calc(var(--drawer-gutter) + 14px) !important;
}

/* Luften mellom seksjonene ligger i overskriftenes padding-top, ikke som
   margin paa li-en.

   HVORFOR: temaet tegner skillestreken paa li-ens underkant (:after{bottom:0}).
   En margin OVER li-en havner dermed inne i det synlige baandet, men utenfor
   boksen vi padder - og teksten faar all luften paa den ene siden. Med margin
   laa "Kontakt" 12px og landvelgeren 7px under midten av sitt baand.
   Naar marginen er null, faller baandet sammen med li-ens egen boks, og
   symmetrisk padding gir midtstilling. */
.mobile-nav > .mobile-nav__item + .mobile-nav__item{ margin-top: 0; }

/* Én strek skiller handledelen fra kundeservice - ikke en strek per seksjon. */
.mobile-nav > .mobile-nav__item + .mobile-nav__item{ border-top: 0; }
/* Siste punkt ("Logg inn") hadde bade en egen border-top OG 20px margin over
   seg. Marginen skjoev ramma ned fra streken punktet over allerede tegner, saa
   det ble to streker med en glippe imellom. Punktet over har sin :after - her
   trengs bare luft under den.
   MERK: --colorBorder er naer svart i dette temaet (#17120f), ikke lys graa;
   hartrekene temaet selv tegner bruker --colorDrawerBorder (#e9e9e9). */
.mobile-nav > .mobile-nav__item:last-of-type{
  border-top: 0;
  margin-top: 0;
  /* Temaets egen lenke her har skjev padding (10px over, 5px under), saa
     raden laa 9.5px lavt. De 5px forskjellen motvirkes nedenfra: 4+10 over
     mot 9+5 under gir 14px paa hver side. Endres lenkens padding, maa disse
     to tallene foelge etter. */
  padding-top: 4px;
  padding-bottom: 9px;
}


/* =====================================================================
   Landvelger i headeren (25.08.2026)
   Flagg + valutakode oeverst til hoyre, dialog midt paa skjermen.
   Maalene foelger Skims: utloeser ~62x18px, dialog 350px bred.
   ===================================================================== */
.bb-landvelger{ display: inline-flex; align-items: center; }

.bb-landvelger__knapp{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 8px;
  background: none;
  border: 0;
  cursor: pointer;
  /* Ingen farge her - arves fra .site-nav__link i headeren. */
  color: inherit;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .4px;
  line-height: 1;
}
.bb-landvelger__knapp:hover{ opacity: .7; }
.bb-landvelger__kode{ font-weight: 400; }

/* Fargen styres ikke her. Knappen baerer klassen .site-nav__link i headeren,
   saa den arver temaets fargeregler i alle tilstander - over hero, ved
   peking naar headeren blir hvit, og naar den er festet ved scroll.
   Foer satte vi .is-light .bb-landvelger__knapp{color:#fff} manuelt, men den
   traff ikke tilstanden der headeren blir hvit mens .is-light staar igjen. */


/* Flagget er et 40x40 utsnitt av et sprite-ark (country-flags-40.png), der
   hvert land har sin egen background-position. Derfor MAA vi la
   background-size, background-position, width og height staa uroert -
   endrer man dem, skaleres hele arket og man ser en flekk i stedet for et
   flagg. Nedskalering gjoeres med transform, akkurat som temaet selv gjor
   (.currency-flag: transform:scale(0.55)).

   Rektangulaer form oppnaas ved aa klippe det runde utsnittet i en wrapper,
   ikke ved aa endre selve spriten. */
/* Flagget er et 40x40 sprite-utsnitt. Det skaleres inne i en wrapper med
   fast stoerrelse, i stedet for med negativ marg - margen spiste opp
   knappens padding og trakk den ut av linje med ikonene ved siden av. */
.bb-landvelger__flagg{
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 4px;
}
/* Flagget i dialogen er stoerre og rundt, som i sprite-arket. Rundt utsnitt
   er lettere aa kjenne igjen enn et lite klippet rektangel. */
.bb-landvelger__flagg--stor{
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.bb-landvelger__flagg .currency-flag{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: scale(0.5) !important;
  transform-origin: top left;
}
.bb-landvelger__flagg--stor .currency-flag{
  transform: scale(0.8) !important;
}


/* --- dialogen --- */
.bb-landvelger__overlegg{
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(23, 18, 15, .45);
}
.bb-landvelger__overlegg[hidden]{ display: none; }

.bb-landvelger__dialog{
  position: relative;
  width: 380px;
  max-width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 16px;
  padding: 28px 24px 20px;
  text-align: left;
}
.bb-landvelger__lukk{
  position: absolute;
  top: 10px; right: 10px;
  width: 32px; height: 32px;
  padding: 8px;
  background: none; border: 0; cursor: pointer;
}
.bb-landvelger__lukk svg{
  width: 100%; height: 100%;
  fill: none; stroke: currentColor; stroke-width: 4;
}
/* Tittel og ingress er venstrestilt og like tydelige, som hos Skims.
   Ingressen bryter til flere linjer naar den er for lang - derfor ingen
   nowrap eller fast hoeyde her. */
.bb-landvelger__tittel{
  margin: 0 40px 10px 0;   /* hoeyremarg holder teksten klar av lukkekrysset */
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-align: left;
}
.bb-landvelger__ingress{
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.4;
  /* Samme farge som tittelen, ikke dempet graa - begge skal lese like klart. */
  color: inherit;
  text-align: left;
}

.bb-landvelger__liste{
  list-style: none;
  margin: 0; padding: 0;
  text-align: left;
}
.bb-landvelger__valg{
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 6px;
  background: none;
  border: 1px solid var(--colorDrawerBorder, #e9e9e9);
  border-radius: 16px;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  color: inherit;
}
.bb-landvelger__valg:hover{ border-color: #17120f; }
.bb-landvelger__valg.er-valgt{
  border-color: #17120f;
  background: #17120f;
  color: #fff;
}

.bb-landvelger__navn{ flex: 1 1 auto; }
.bb-landvelger__valuta{ opacity: .6; font-size: 13px; }

@media (max-width: 480px){
  .bb-landvelger__dialog{ width: 100%; padding: 24px 18px 16px; }
}


/* Juridiske lenker paa footerens bunnlinje (25.08.2026).
   Arver stoerrelse fra .footer__small-text; her styres bare avstand og at
   lenkene ikke skiller seg ut fra copyright-teksten ved siden av. */
.footer__juridisk a{
  color: inherit;
  text-decoration: none;
}
.footer__juridisk a:hover{ text-decoration: underline; }
.footer__juridisk span{ opacity: .4; margin: 0 6px; }

/* Copyright og "Drevet av Shopify" paa samme linje. */
.footer__bunnlinje{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0;
}
.footer__skille{ opacity: .4; margin: 0 8px; }

@media (max-width: 600px){
  .footer__juridisk span{ margin: 0 4px; }
  .footer__skille{ margin: 0 6px; }
}


/* Betalingsikonene i footeren sentreres over de juridiske lenkene.
   .inline-list lar dem flyte fra venstre; her settes de midtstilt med litt
   luft, slik at bunnen av footeren blir en midtstilt trio:
   ikoner -> juridiske lenker -> copyright. 25.08.2026. */
.site-footer .payment-icons.footer__section{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding-left: 0;
}
.site-footer .payment-icons.footer__section .icon--payment{
  margin: 0;
  padding: 0;
  line-height: 0;
}
.site-footer .payment-icons.footer__section .icon--payment svg{
  width: 38px;
  height: auto;
  display: block;
}


/* =====================================================================
   Hover-panel med bilder for desktop (25.08.2026)
   Erstatter den smale tekstlista for to-nivaamenyer. Fullbredde panel med
   en rad bilder, i Skims-aand: rolig, luftig, bildet baerer.
   ===================================================================== */
.bb-hoverpanel{
  position: fixed;
  /* Panelet festes til headerens underkant, ikke til menypunktet.
     top:100% ga 32px for hoeyt, fordi <li> slutter der teksten slutter -
     ikke der headeren gjoer. --bb-header-bunn settes av custom.js. */
  top: var(--bb-header-bunn, 100%);
  left: 0;
  right: 0;
  width: 100%;
  background: var(--colorBody, #fff);
  /* Ingen border-top. Foer sto det 1px solid var(--colorBorder) - men
     --colorBorder er naer svart her, saa panelet tegnet en tydelig strek
     under headeren som ikke fantes ellers. Headeren skiller seg fra siden
     med box-shadow: 0 0 1px rgba(0,0,0,.2); samme strek gjentas her, slik
     at linja ser lik ut enten menyen er aapen eller ikke. */
  border-top: 0;
  padding: 32px 0 38px;
  box-shadow: 0 0 1px rgba(0,0,0,.2), 0 12px 24px rgba(0,0,0,.06);
  z-index: 12;
}

/* Bro over glippen mellom menypunktet og panelet.

   Menypunktet slutter der teksten slutter (~100px), panelet begynner ved
   headerens underkant (~119px). Beltet imellom hoerer til .site-header, ikke
   til <li> - saa idet musen kom dit mistet punktet :hover, temaet lukket
   <details>, og undermenyen forsvant foer musen naadde den.

   Broen er et gjennomsiktig felt som tilhoerer <li>, slik at hover henger ved
   hele veien ned. Den er like bred som menypunktet - ikke hele headeren - for
   at ikonene til hoyre skal beholde sitt eget klikkfelt.

   Bare naar menyen er aapen: ellers ville et usynlig felt under hvert punkt
   aapne menyen naar musen bare passerer under den.

   Hoyden maales i custom.js (--bb-meny-glippe), fordi den endrer seg naar
   headeren festes ved scroll. */
.site-navigation .site-nav--has-dropdown > .site-nav__details[open]::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: var(--bb-meny-glippe, 20px);
}

.bb-hoverpanel__rad{
  /* Fast rutenett paa seks kolonner, ikke auto-fit. Med auto-fit strakk
     tre punkter seg over hele bredden og ble dobbelt saa store som seks.
     Naa er bildene like store uansett hvor mange lenker punktet har. */
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 26px 22px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1100px){
  .bb-hoverpanel__rad{ grid-template-columns: repeat(5, 1fr); }
}

.bb-hoverpanel__lenke{
  display: block;
  text-decoration: none;
  color: var(--colorTextBody, #17120f);
}

.bb-hoverpanel__bilde{
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: var(--colorSmallImageBg, #f2f2f2);
  aspect-ratio: 4 / 3;
  margin-bottom: 10px;
}
.bb-hoverpanel__bilde--tom{ aspect-ratio: 4 / 3; opacity: .35; }

.bb-hoverpanel__bilde img,
.bb-hoverpanel__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /* Rolig oppskalering ved peking - bildet beveger seg, ikke boksen. */
  transition: transform .45s cubic-bezier(.25,.46,.45,.94);
}
.bb-hoverpanel__lenke:hover .bb-hoverpanel__img,
.bb-hoverpanel__lenke:hover .bb-hoverpanel__bilde img{
  transform: scale(1.05);
}

.bb-hoverpanel__tittel{
  display: block;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: .2px;
}
/* Ingen understrek ved peking - bildet som skalerer opp er markering nok,
   og det holder menyen rolig naar musen glir over flere punkter. Samme valg
   som paa toppnivaaet. */
.bb-hoverpanel__lenke:hover .bb-hoverpanel__tittel{
  text-decoration: none;
}

@media (prefers-reduced-motion: reduce){
  .bb-hoverpanel__img,
  .bb-hoverpanel__bilde img{ transition: none; }
  .bb-hoverpanel__lenke:hover .bb-hoverpanel__img{ transform: none; }
}


/* Landvelgeren justeres mot de andre headerikonene (25.08.2026).
   Ikonene i .site-nav__icons har 15px sidepadding og er 20px hoye; knappen
   maa dele samme grunnlinje og avstand, ellers ser den paaklistret ut. */
/* .site-nav__icons er display:block, og ikonlenkene er inline-block med
   vertical-align:middle. To slike bokser midtstilles mot hverandre. Er
   wrapperen derimot display:inline, faller innholdet paa grunnlinja i stedet,
   og knappen legger seg hoyere enn ikonene. Derfor samme oppsett her. */
.site-nav__icons .bb-landvelger__plass{
  display: inline-block;
  vertical-align: middle;
}
.site-nav__icons .bb-landvelger{ display: inline-flex; align-items: center; }
.site-nav__icons .bb-landvelger__knapp{
  padding: 7.5px 12px;
  gap: 8px;
  height: auto;
}
/* Litt ekstra luft mot ikonet ved siden av, saa flagg og ikon ikke klistrer. */
.site-nav__icons .bb-landvelger + a,
.site-nav__icons .bb-landvelger + button{ margin-left: 2px; }


/* =====================================================================
   Toppmenyen: ingen understrek ved peking (25.08.2026)
   Temaet lot en 2px strek gli inn under menypunktet ved mouse over
   (.site-nav__item:hover ... :after{right:0}). Sammen med bildepanelet
   under ble det to markeringer for samme handling. Punktet markeres nok
   av at panelet aapner seg.

   Streken er ikke fjernet, bare holdt sammentrukket (right:100%), slik at
   den kan tas i bruk igjen ved aa slette denne regelen.
   ===================================================================== */
.site-navigation .site-nav__item:hover .site-nav__link--underline:after,
.site-navigation .site-nav__item .site-nav__link--underline:hover:after{
  right: 100%;
}


/* =====================================================================
   Landvelgerens knapp skal aldri vise ramme etter museklikk (25.08.2026)
   Naar dialogen lukkes flytter vi fokus tilbake til knappen. Chrome regner
   programmatisk fokus som tastaturfokus, saa den globale
   :focus-visible-regelen (2px solid currentColor) tegnet en boks rundt
   flagg + valutakode.

   custom.js gir naa bare fokus tilbake naar dialogen ble aapnet med
   tastatur. Regelen under er et ekstra belte: mus skal aldri gi ramme.
   Tastaturbrukere beholder ringen via :focus-visible.
   ===================================================================== */
.bb-landvelger__knapp:focus:not(:focus-visible){
  outline: none !important;
  box-shadow: none !important;
}


/* =====================================================================
   Slankere topplinje paa desktop (25.08.2026)
   Temaet gir .site-header 20px vertikal padding og logoen 10px marg -
   til sammen 60px luft rundt en 45px logo, altsaa 105px hoy header.
   Halverer luften. Logoens egen stoerrelse roeres ikke; den styres av
   temainnstillingen for logobredde.
   Verdiene henger sammen: endres den ene, ser den andre skjev ut.
   ===================================================================== */
@media only screen and (min-width: 769px){
  .site-header{ padding: 12px 0; }
  .site-header__logo,
  .text-center .site-header__logo{ margin-top: 4px; margin-bottom: 4px; }
  /* Den festede headeren var allerede slankere; holder den i forhold. */
  .site-header--stuck{ padding: 8px 0; }
}

/* --- Landvelger i mobilmenyen ---------------------------------------
   Ligger nederst i skuffen, over "Logg inn". Bruker samme dialog som
   desktop; bare utloeseren er stilt for skuffen. */
.mobile-nav__item--land .bb-landvelger{ display: block; width: 100%; }
.mobile-nav__item--land .bb-landvelger__knapp{
  width: 100%;
  justify-content: flex-start;
  gap: 10px;
  /* Symmetrisk, som "Kontakt"-raden: 14px + flaggets 20px + 14px = 48px baand
     med innholdet midt i. Flagget er hoeyere enn teksten, saa det er flagget
     som setter hoeyden - regnes det etter tekstens linjehoyde blir raden skjev. */
  padding: 14px var(--drawer-gutter);
  font-size: 15px;
  color: var(--colorDrawerText, inherit);
}


/* =====================================================================
   Styrkeguide for H2O2 i konfiguratoren (26.08.2026)
   Knappen settes inn i "Velg styrke"-kortet av custom.js og vises foerst
   naar en styrke er valgt. Vinduet flyttes til <body> - konfiguratoren
   ligger i beholdere med transform, som ellers ville brutt position:fixed.
   ===================================================================== */
.bb-styrkeguide[hidden]{ display: none; }

/* Diskret lenkestil, ikke enda en knapp: konfiguratoren har allerede nok
   klikkbare flater, og dette er hjelp - ikke et steg i kjoepet. Samme
   toneleie som "Usikker paa fargen? Gratis fargematch". */
.bb-styrkeguide__apne{
  display: block;
  margin: 10px 0 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 12.5px;
  line-height: 1.4;
  color: inherit;
  opacity: .6;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bb-styrkeguide__apne:hover{ opacity: 1; }
.bb-styrkeguide__apne[hidden]{ display: none; }

.bb-styrkeguide__overlegg{
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(23, 18, 15, .45);
}
.bb-styrkeguide__overlegg[hidden]{ display: none; }

.bb-styrkeguide__dialog{
  position: relative;
  width: 560px;
  max-width: 100%;
  max-height: 82vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 16px;
  padding: 28px 26px 24px;
  text-align: left;
}
.bb-styrkeguide__lukk{
  position: absolute;
  top: 10px; right: 10px;
  width: 32px; height: 32px;
  padding: 8px;
  background: none; border: 0; cursor: pointer;
}
.bb-styrkeguide__lukk svg{
  width: 100%; height: 100%;
  fill: none; stroke: currentColor; stroke-width: 4;
}
.bb-styrkeguide__tittel{
  margin: 0 40px 14px 0;   /* holder tittelen klar av lukkekrysset */
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.bb-styrkeguide__innhold{ font-size: 14.5px; line-height: 1.55; }
.bb-styrkeguide__innhold p{ margin: 0 0 12px; }
.bb-styrkeguide__innhold p:last-child{ margin-bottom: 0; }

@media (max-width: 600px){
  .bb-styrkeguide__dialog{ padding: 24px 18px 18px; max-height: 86vh; }
  .bb-styrkeguide__tittel{ font-size: 19px; }
}


/* =====================================================================
   H2O2-styrkeveileder (27.08.2026)
   Kunden velger haarkvalitet; soeylen markerer sonen hun boer holde seg i.
   Vises bare paa bleking og striper - se snippets/bb-h2o2-slider.liquid.
   Fargene foelger det trykte oversiktsbildet, saa kunder som kjenner
   igjen det ikke maa laere en ny skala.
   ===================================================================== */
.bb-h2o2{
  margin: 0 0 22px;
  padding: 18px;
  border: 1px solid var(--colorDrawerBorder, #e9e9e9);
  border-radius: 16px;
}
.bb-h2o2__tittel{ margin: 0 0 16px; font-size: 15px; font-weight: 700; }
.bb-h2o2__felt{ margin: 0; padding: 0; border: 0; }

/* MERK: temaet gir ALLE <label> text-transform:uppercase og 3.84px
   sperring. Uten aa nulle begge her kom teksten ut i versaler selv om
   kilden er smaa bokstaver. Gjelder ogsaa <legend>. */
.bb-h2o2 label,
.bb-h2o2 legend{
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.bb-h2o2__etikett{
  display: block;
  margin: 0 0 9px;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  opacity: .75;
}

/* Segmentert velger. Radioknappen skjules visuelt, men beholder fokus og
   tastaturnavigasjon - derfor ikke display:none. */
.bb-h2o2__knapper{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.bb-h2o2__radio{
  position: absolute;
  width: 1px; height: 1px;
  opacity: 0;
  pointer-events: none;
}
.bb-h2o2__knapper label{
  /* Flex + center: innholdet staar midt i boksen, ogsaa naar hintet
     brekker til to linjer og boksene faar ulik tekstmengde. */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  padding: 9px 8px;
  border: 1px solid var(--colorDrawerBorder, #e9e9e9);
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  transition: border-color .15s ease, background .15s ease;
}
.bb-h2o2__navn{ font-size: 13.5px; font-weight: 600; line-height: 1.2; }
.bb-h2o2__hint{
  margin-top: 3px;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1.25;
  opacity: .55;
}
.bb-h2o2__knapper label:hover{ border-color: #b9b9b9; }
.bb-h2o2__radio:checked + label{
  border-color: #17120f;
  background: #17120f;
  color: #fff;
}
.bb-h2o2__radio:checked + label .bb-h2o2__hint{ opacity: .72; }
.bb-h2o2__radio:focus-visible + label{ outline: 2px solid currentColor; outline-offset: 2px; }

/* --- svaret: egen boks, tydelig skilt fra valget over --- */
.bb-h2o2__svar{
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
  padding: 16px;
  border: 1.5px solid #17120f;
  border-radius: 14px;
  background: #faf8f6;
}

.bb-h2o2__stige{ display: flex; align-items: center; gap: 9px; flex: 0 0 auto; }

.bb-h2o2__soyle{
  position: relative;
  width: 30px;
  /* FAST hoeyde, ikke min-height. Sonen er position:absolute med hoeyde i
     prosent, og prosenten loeses bare mot en foreldreboks med bestemt
     hoeyde. Med min-height alene ble den regnet som auto, og sonen fylte
     HELE soeylen uansett valg - feilen sto i alle tre tilstandene uten at
     det syntes, fordi omrisset da laa i toppen og lignet en strek. */
  height: 152px;
  border-radius: 999px;   /* avrundet, som resten av flatene */
  overflow: hidden;
  /* Det haaret IKKE taaler: moerk, varm graa.
     FARGEVALGET ER MAALT, IKKE GJETTET. Sonen er gul, og gult ligger
     hoeyt i lyshet. Mot lys graa ble kontrasten 1.15 - saa svak at
     grensen maatte markeres med en strek. Mot mellomgraa blir det enda
     verre (1.02), fordi lysheten da er nesten identisk.
     Moerk bakgrunn gir 3.88. Da baerer overgangen seg selv, og streken
     er unoedvendig.
     Alternativet var nesten hvit (1.93) - lettere i uttrykk, men under
     halvparten saa tydelig. */
  background: #6f6a64;
}
/* Det haaret taaler. Den lyseste gultonen ligger oeverst, altsaa nettopp
   der sonen moeter bakgrunnen - det er der skillet maa vaere sterkest. */
.bb-h2o2__sone{
  position: absolute;
  left: 0; right: 0;
  bottom: 0;
  height: 33.33%;
  border-radius: 999px;
  background: linear-gradient(to top, #f2b900 0%, #f7c600 45%, #fdd94f 100%);
  transition: bottom .2s ease, height .2s ease;
}

/* Trinnlista staar ved siden av soeylen, hoyeste oeverst - som paa det
   trykte skjemaet. space-between gir samme deling som soeylens skiver. */
.bb-h2o2__trinn{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 152px;   /* samme som soeylen, ellers glir tallene fra sonen */
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}
.bb-h2o2__trinn li{ opacity: .38; line-height: 1.1; transition: opacity .2s ease; }
.bb-h2o2__trinn li.er-i-sone{ opacity: 1; font-weight: 700; }

.bb-h2o2__avlesning{ flex: 1 1 auto; align-self: center; }
.bb-h2o2__ledetekst{
  margin: 0 0 3px;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .55;
}
.bb-h2o2__prosent{
  margin: 0 0 5px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
}
.bb-h2o2__detalj{ margin: 0; font-size: 13.5px; line-height: 1.45; }

.bb-h2o2__advarsel{
  margin: 14px 0 0;
  padding: 11px 13px;
  border-radius: 12px;
  background: #fdf3d6;
  font-size: 13px;
  line-height: 1.45;
}
.bb-h2o2__advarsel[hidden]{ display: none; }
.bb-h2o2__fallback{ margin: 12px 0 0; padding-left: 18px; font-size: 13.5px; line-height: 1.5; }

@media (max-width: 600px){
  .bb-h2o2{ padding: 15px 14px; }
  .bb-h2o2__knapper{ gap: 6px; }
  .bb-h2o2__knapper label{ min-height: 58px; padding: 8px 5px; }
  .bb-h2o2__navn{ font-size: 12.5px; }
  .bb-h2o2__hint{ font-size: 9.5px; }
  .bb-h2o2__svar{ gap: 13px; padding: 14px; }
  .bb-h2o2__soyle{ width: 26px; height: 138px; }
  .bb-h2o2__trinn{ height: 138px; }
  .bb-h2o2__prosent{ font-size: 25px; }
}

@media (prefers-reduced-motion: reduce){
  .bb-h2o2__sone, .bb-h2o2__trinn li{ transition: none; }
}


/* =====================================================================
   Produktkort: bildet helt ut til kanten (27.08.2026)

   Foer laa bildet med 12px luft inn til kortets bakgrunnsfarge, og var
   avrundet paa alle fire sider. Det ga en ramme av bakgrunn rundt et
   bilde som allerede var avrundet - to avrundinger utenpaa hverandre.

   Naa fyller bildet kortet i bredden og opp til toppen. Avrundingen
   oeverst er den samme 16px som kortet, saa hjoernene flukter noeyaktig.
   Nederst er bildet rett, fordi det moeter tekstflaten i samme kort -
   en avrunding der ville skaaret et hakk i bakgrunnsfargen.

   Gjelder ALLE produktkort: samlingssider, forsiden, anbefalinger.
   Tilbudsmerket staar urort - det er absolutt plassert fra kortets kant,
   ikke fra innholdet, og flytter seg derfor ikke naar luften fjernes.

   MERK SPESIFISITETEN: temaet setter radien med .grid-product__content
   foran (to klasser). Ett klassenavn alene taper, selv om regelen staar
   senere i fila - foerste forsoek lot masken beholde runde hjoerner
   nederst mens bare den indre boksen ble rett.
   ===================================================================== */
.grid-product__content{
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.grid-product__content .grid-product__image-mask,
.grid-product__content .grid__image-ratio{
  border-radius: 16px 16px 0 0;
}

/* Teksten beholder samme innrykk fra kortkanten som foer: kortet ga 12px
   og feltene 1-2px selv. Naa maa hele avstanden staa paa feltene. */
.grid-product__content .grid-product__footer{ padding-left: 14px; padding-right: 14px; }
.grid-product__content .grid-product__meta{ padding-left: 13px; padding-right: 13px; }

@media only screen and (max-width: 768px){
  /* Mobil hadde 8px kortluft, saa innrykket var 8+1 = 9px. */
  .grid-product__content{ padding-top: 0; padding-left: 0; padding-right: 0; }
  .grid-product__content .grid-product__footer{ padding-left: 9px; padding-right: 9px; }
  .grid-product__content .grid-product__meta{ padding-left: 9px; padding-right: 9px; }
}


/* =====================================================================
   Kampanjemerke paa produktkortene (27.08.2026)
   Arver plassering fra .grid-product__tag (22px fra topp og hoyre paa
   desktop, 16px paa mobil), saa merket staar der temaets egne merker
   staar. Bare utseendet er nytt.
   Fargene kommer fra metaobjektet som variabler, med rodt som standard.
   ===================================================================== */
/* Stabelen. Paa kortet arver den .grid-product__tag sin plassering;
   paa produktbildet staar den for seg selv oeverst til venstre. */
.bb-merker{
  display: flex;
  align-items: flex-start;
  /* Negativ luft gir overlappet fra skissen - lappene ligger paa
     hverandre, ikke pent oppstilt. */
  gap: 0;
  pointer-events: none;
}
.bb-merker .bb-merke + .bb-merke{ margin-left: -4px; }

/* Merkene paa produktbildet ligger absolutt - bildecontaineren maa derfor
   vaere posisjonert, ellers festes de til noe lenger ute paa siden. */
.product__photos{ position: relative; }
.bb-merker--bilde{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 3;
}

.bb-merke{
  display: inline-block;
  background: var(--bb-merke-bg, #fb5857);
  color: var(--bb-merke-fg, #fff);
  border-radius: 0;                /* helt skarpe hjoerner, som paa skissen */
  padding: 4px 10px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.15;
  text-transform: none;
  white-space: nowrap;

  /* Vekslende helning settes per merke i snippeten, saa to lapper ved
     siden av hverandre ikke ser stemplet ut med samme vinkel. */
  transform: rotate(var(--bb-merke-vinkel, -4deg));

  /* Skarp skygge uten uskarphet, forskjovet ned og til venstre - som paa
     skissen. Skyggen foelger den roterte boksen, fordi box-shadow tegnes
     etter transform. */
  box-shadow: -2px 2px 0 rgba(23, 18, 15, .22);
}

/* Paa kortet: naermere hjoernet enn temaets egne merker (22px). */
.grid-product__tag.bb-merker{
  top: 10px;
  right: 14px;
  padding: 0;
  background: none;
  border-radius: 0;
}

@media only screen and (max-width: 768px){
  .bb-merke{
    padding: 3px 7px;
    font-size: 11.5px;
    box-shadow: -1px 1px 0 rgba(23, 18, 15, .22);
  }
  .grid-product__tag.bb-merker{ top: 8px; right: 11px; }
  .bb-merker--bilde{ top: 10px; left: 10px; }
}

@media (prefers-reduced-motion: reduce){
  .bb-merke{ transform: none; }
}
}


/* =====================================================================
   Fargematch-lenken skjules paa konsultasjonspakker (28.08.2026)

   "Usikker paa fargen? Gratis fargematch - vi setter sammen pakken" er
   feil budskap paa en konsultasjonspakke: der ER det Bente som setter
   sammen fargen. Tilbudet er allerede innfridd, og lenken sender kunden
   ut av kjoepet for aa be om noe hun akkurat har kjoept.

   Lenken kommer fra en app-blokk og kan ikke slaas av i Liquid uten aa
   slaa av alle app-blokker. Produktet merkes derfor med
   .bb-uten-fargematch i snippets/product-template.liquid naar det har
   taggen Konsultasjon.
   ===================================================================== */
.product-section.bb-uten-fargematch .bb-consult-link{
  display: none !important;
}

/* Appens egen beholder blir staaende igjen tom og legger igjen luft.
   :has() lar oss ta den uten aa roere andre app-blokker paa siden -
   f.eks. Klarna eller kontaktskjemaet. Nettlesere uten :has() faar
   fortsatt lenken skjult, bare med litt luft til overs. */
.product-section.bb-uten-fargematch .globo-app-extension:has(.bb-consult-link){
  display: none !important;
}


/* =====================================================================
   Prisomraadet paa produktsiden (28.08.2026)
   Rabatt paa egen linje over, deretter naapris + overstroeket foerpris +
   "Inkl. mva." paa samme linje. Foer laa de tre stoerrelsene paa rad uten
   hierarki, og foerprisen kom foer naaprisen.
   ===================================================================== */
.bb-pris__spar{
  display: block;
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #e53331;
}
.bb-pris__spar.hide{ display: none; }

/* baseline: tallene skal staa paa samme grunnlinje selv om de har ulik
   stoerrelse. center ville lagt smaateksten midt paa det store tallet. */
.bb-pris__rad{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 10px;
}
.bb-pris__rad .product__price{ font-size: 26px; font-weight: 700; line-height: 1.15; }
.bb-pris__rad .product__price.on-sale{ color: #e53331; }
.bb-pris__rad .product__price--compare{
  /* Samme stoerrelse som naaprisen - forskjellen skal ligge i farge og
     strek, ikke i stoerrelse. Da leses de to tallene som samme sak. */
  font-size: 26px;
  /* Normal vekt: samme stoerrelse som naaprisen, men lettere - da skiller
     de seg fra hverandre uten at foerprisen roper like hoyt. */
  font-weight: 400;
  color: #6b6460;
  text-decoration: line-through;
}
.bb-pris__mva{ font-size: 13px; color: #78716c; }

/* Loefte-linja under prisen. "Inkl. mva." er flyttet opp i prisraden, saa
   det staar to punkter igjen - da faar linja plass paa én rad ogsaa paa
   de smaleste telefonene. Skilletegnet limes til teksten med et lite,
   fast mellomrom i stedet for aa vaere et eget ord med luft paa hver
   side; det var den luften som gjorde linja for bred. */
.bb-produkt-lofter{
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0 6px;
  white-space: nowrap;
}
.bb-produkt-lofter > span[aria-hidden="true"]{ opacity: .4; }

@media only screen and (max-width: 480px){
  .bb-produkt-lofter{ font-size: 11.5px; gap: 0 5px; }
  .bb-pris__rad .product__price{ font-size: 23px; }
  .bb-pris__rad .product__price--compare{ font-size: 23px; }
}


/* =====================================================================
   Produktkortene faar samme prisstil som produktsiden (28.08.2026)
   Nedsatt pris i #fb5857, foerpris i samme stoerrelse som naaprisen men
   i normal vekt og graatt. Kortene hadde foer mindre, moerkere foerpris.

   FARGENE ER MAALT, IKKE VALGT PAA OEYET:
   #fb5857 (merkefargen) gir bare 2,99:1 mot kortbakgrunnen, og #a8a29c
   2,38:1 - begge under WCAGs krav paa 4,5:1 for tekst i denne stoerrelsen.
   Derfor brukes #e53331 (4,58:1) og #6b6460 (5,5:1 paa #faf8f6; #78736e ga 4,42 der – axe 18.10) i selve prisene.
   Merket beholder #fb5857, fordi hvit tekst paa rodt er en annen sak.
   Endres disse, sjekk kontrasten paa nytt - forrige verdi her (#6b645e)
   var ogsaa satt nettopp for aa passere.
   ===================================================================== */
.grid-product__footer .grid-product__price--now.er-nedsatt{
  color: #e53331;
}
.grid-product__footer .grid-product__price--original{
  /* Samme stoerrelse som naaprisen - forskjellen ligger i vekt, farge og
     strek, som paa produktsiden. */
  font-size: 15px;
  font-weight: 400;
  color: #6b6460;
  text-decoration: line-through;
}

@media only screen and (max-width: 768px){
  .grid-product__footer .grid-product__price--original{ font-size: 14px; }
}

/* ---------------------------------------------------------------------
   bb-styrkevalg — innfelt styrkeguide i "01 · Velg styrke" (04.09.2026)
   Skalaen er et svar, ikke en kontroll: markoeren foelger appens valg.
   Pillene for haartype speiler appens egne styrkeknapper (rund, sort
   naar valgt). Fjernes sammen med JS-blokka i custom.js.
   --------------------------------------------------------------------- */
.bb-styrkevalg{ margin: 10px 0 0; text-align: left; }
.bb-styrkevalg__skala{
  position: relative;
  height: 3px;
  margin: 12px 4px 6px;
  border-radius: 2px;
  background: linear-gradient(90deg, #ead98a 0%, #e9b56a 45%, #d9805a 80%, #c8605a 100%);
}
.bb-styrkevalg__marker{
  position: absolute;
  top: -6px;
  width: 2px;
  height: 15px;
  background: #171210;
  border-radius: 1px;
  transform: translateX(-50%);
  transition: left .25s ease;
}
.bb-styrkevalg__marker[hidden]{ display: none; }
.bb-styrkevalg__skalatekst{
  display: flex;
  justify-content: space-between;
  margin: 0 2px;
  font-size: 11.5px;
  line-height: 1.3;
  color: #8a8a8a;
}
.bb-styrkevalg__advarsel{
  margin: 10px 0 0;
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.45;
  border-radius: 10px;
  background: #fbf1e6;
  color: #5a3a1a;
}
.bb-styrkevalg__advarsel[hidden]{ display: none; }
.bb-styrkevalg__trigger{
  display: block;
  margin: 12px 0 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.4;
  color: inherit;
  opacity: .65;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bb-styrkevalg__trigger:hover{ opacity: 1; }
.bb-styrkevalg__trigger[hidden]{ display: none; }
.bb-styrkevalg__guide{
  margin: 14px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid #ebebeb;
}
.bb-styrkevalg__guide[hidden]{ display: none; }
.bb-styrkevalg__topp{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.bb-styrkevalg__sporsmal{ margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; }
.bb-styrkevalg__lukk{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 12.5px;
  color: inherit;
  opacity: .6;
}
.bb-styrkevalg__lukk:hover{ opacity: 1; }
.bb-styrkevalg__typer{ display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.bb-styrkevalg__type{
  padding: 9px 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #f1efec;
  color: inherit;
  font-size: 13.5px;
  line-height: 1.2;
  cursor: pointer;
}
.bb-styrkevalg__type:hover{ border-color: #b9b9b9; }
.bb-styrkevalg__type[aria-pressed="true"]{ background: #171210; color: #fff; }
.bb-styrkevalg__type:focus-visible{ outline: 2px solid currentColor; outline-offset: 2px; }
.bb-styrkevalg__anbefalt{ margin: 14px 0 0; font-size: 15px; line-height: 1.35; }
.bb-styrkevalg__anbefalt strong{ font-weight: 600; margin-right: 4px; }
.bb-styrkevalg__anbefalt[hidden]{ display: none; }
.bb-styrkevalg__hjelp{ margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: #5f5f5f; }
.bb-styrkevalg__hjelp[hidden]{ display: none; }
.bb-styrkevalg__mer{
  display: block;
  margin: 12px 0 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 12.5px;
  color: inherit;
  opacity: .6;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bb-styrkevalg__mer:hover{ opacity: 1; }

/* Footer: knapp i stedet for nyhetsbrevskjema (04.09.2026) */
.footer__cta-btn{ display: block; width: 100%; max-width: 100%; box-sizing: border-box; margin: 12px 0 18px; padding: 14px 18px; border-radius: 999px; font-size: 13px; letter-spacing: .02em; text-transform: none; line-height: 1.3; }
/* Footerens egne lenkefarger overstyrte knappeteksten (moerk paa moerk). */
.site-footer .footer__cta-btn, .footer__cta-btn, .footer__cta-btn:hover, .footer__cta-btn:visited{ color: #ffffff !important; background: #17120f; }

/* =====================================================================
   bb-megapanel — «Handle»-panelet paa desktop (07.09.2026)
   Kategorikort i slider (6 synlige), to lenkelister, valgfritt kampanjekort.
   Bygger paa .bb-hoverpanel (fast under headeren). Se snippets/bb-megapanel.
   ===================================================================== */
.bb-megapanel{ padding: 22px 0 16px; }
/* Samme ramme som headeren (.page-width): panelet gaar fra «Handle» til handlekurven. */
/* min-height 302px = hoyden paa Handle-panelet (Populaere + Hjelp), saa Fargehjelp-panelet blir like hoyt. */
.bb-megapanel__inner{ display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(300px, 26%); min-height: 302px; }
.bb-megapanel--uten-lister .bb-megapanel__inner{ grid-template-columns: minmax(0, 1fr) minmax(300px, 26%); }
.bb-megapanel--uten-kamp .bb-megapanel__inner{ grid-template-columns: minmax(0, 1fr) auto; }
.bb-megapanel--uten-lister.bb-megapanel--uten-kamp .bb-megapanel__inner{ grid-template-columns: 1fr; }
.bb-megapanel__kat{ min-width: 0; padding-right: 28px; }
.bb-megapanel__viewport{ overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; }
.bb-megapanel__viewport::-webkit-scrollbar{ display: none; }
.bb-megapanel__rad{ display: flex; gap: 12px; margin: 0; padding: 0; list-style: none; }
.bb-megapanel__kort{ flex: 0 0 112px; width: 112px; scroll-snap-align: start; }
.bb-megapanel__lenke{ display: block; padding: 0 6px 8px; border-radius: 12px; color: var(--colorTextBody, #17120f); text-decoration: none; transition: background .2s, transform .2s; }
.bb-megapanel__lenke:hover{ background: #f5ece8; transform: scale(1.02); }
.bb-megapanel__bilde{ display: block; width: 100px; height: 125px; margin: 0 auto 8px; overflow: hidden; border-radius: 12px; background: linear-gradient(145deg, #d5c2b4, #f2e3d9 48%, #b59785); }
.bb-megapanel__bilde .image-wrap, .bb-megapanel__bilde .bb-megapanel__img, .bb-megapanel__bilde img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.bb-megapanel__navn{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 30px; font-size: 12px; font-weight: 500; line-height: 1.3; text-align: center; }
.bb-megapanel__prikker{ display: flex; justify-content: center; gap: 6px; margin: 12px 0 0; }
.bb-megapanel__prikker[hidden]{ display: none; }
.bb-megapanel__prikk{ width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #ccc; cursor: pointer; transition: width .3s, background .3s; }
.bb-megapanel__prikk:hover{ background: #78716c; }
.bb-megapanel__prikk[aria-selected="true"]{ width: 28px; border-radius: 999px; background: #17120f; }
.bb-megapanel__lister{ margin: 8px 0; padding: 0 32px; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.bb-megapanel--uten-kamp .bb-megapanel__lister{ border-right: 0; }
.bb-megapanel__h{ margin: 0 0 10px; font-size: 10px; font-weight: 600; letter-spacing: .12em; line-height: 1; text-transform: uppercase; color: #78716c; }
.bb-megapanel__liste{ margin: 0; padding: 0; list-style: none; }
.bb-megapanel__liste a{ display: inline-block; font-size: 14px; line-height: 2; color: var(--colorTextBody, #17120f); text-decoration: none; white-space: nowrap; }
.bb-megapanel__liste a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.bb-megapanel__skille{ margin: 11px 0 14px; border: 0; border-top: 1px solid #eee; }
.bb-megapanel__kamp{ padding-left: 32px; }
.bb-megapanel__kampkort{ display: flex; flex-direction: column; justify-content: flex-end; min-height: 190px; height: 100%; padding: 18px; border-radius: 14px; overflow: hidden; background: linear-gradient(155deg, #eadbd4 0%, #d0aea0 50%, #aa796c 100%) center/cover no-repeat; color: #fff; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.bb-megapanel__kampkort:hover{ transform: scale(1.015); box-shadow: 0 10px 24px rgba(90,50,40,.12); color: #fff; }
.bb-megapanel__merke{ align-self: flex-start; margin: 0 0 7px; padding: 4px 10px; border-radius: 999px; background: var(--bb-kamp-merke, #c8432a); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.bb-megapanel__kamptittel{ margin: 0 0 3px; font-size: 18px; font-weight: 600; line-height: 1.15; text-shadow: 0 1px 8px rgba(0,0,0,.18); }
.bb-megapanel__kampcta{ display: inline-flex; align-items: center; gap: 4px; font-size: 13px; opacity: .9; }
@media (max-width: 1100px){
  .bb-megapanel__kat{ padding-right: 16px; }
  .bb-megapanel__lister{ padding: 0 16px; }
  .bb-megapanel__kamp{ padding-left: 16px; }
}

/* Slank kampanjestripe i mobilmenyen (samme innstillinger, av/paa separat). */
.bb-kampstripe{ position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin: 4px 0 14px; padding: 10px 12px; border-radius: 12px; background: var(--bb-kamp-stripe, #f5ece8); color: #17120f; text-decoration: none; }
.bb-kampstripe__bilde{ flex: 0 0 44px; width: 44px; height: 44px; border-radius: 10px; background: linear-gradient(155deg, #eadbd4, #d0aea0 50%, #aa796c) center/cover no-repeat; }
.bb-kampstripe__tekst{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bb-kampstripe__merke{ font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--bb-kamp-merke, #c8432a); }
.bb-kampstripe__tittel{ font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bb-kampstripe__pil{ margin-left: auto; flex: 0 0 auto; color: #6f6a65; }

/* =====================================================================
   bb-judgeme — anmeldelsesseksjonen paa produktsidene (07.09.2026)
   Judge.me laaser widgeten til 1200 px; her foelger den sidens marger
   (.page-width i apps-seksjonen). Kolonner (4) settes i layout/theme.liquid.
   ===================================================================== */
[id$="__judgeme_anmeldelser"] .jdgm-review-widget{ max-width: none !important; }
[id$="__judgeme_anmeldelser"] .jdgm-rev-widg{ width: auto !important; max-width: none !important; }
[id$="__judgeme_anmeldelser"] .jdgm-widget{ margin-left: 0; margin-right: 0; }

/* =====================================================================
   bb-pdp — produktside etter MagicPath-skissen (08.09.2026)
   Merkerad over tittelen, kort tittel, prislinjer, rabattmerke og
   FØR/ETTER paa bildet. Se snippets/bb-pdp-merker og bb-pdp-bilde.
   ===================================================================== */
.bb-pdp-merker{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.bb-pdp-merke{ display: inline-block; padding: 6px 12px; border: 1.5px solid #cfcac5; border-radius: 10px; font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .09em; text-transform: uppercase; color: #17120f; background: transparent; }
.bb-pdp-merke--kat{ border-color: #17120f; }
/* Kort tittel: stoerre og tettere, som i skissen. Lange (u-avkortede) navn
   faar vanlig stoerrelse via bb-pdp-tittel--lang (settes ikke naa). */
.product-single__meta .product-single__title{ margin: 0 0 14px; font-size: 40px; line-height: 1.05; letter-spacing: -.03em; font-weight: 500; }
@media (max-width: 767px){ .product-single__meta .product-single__title{ font-size: 32px; } }
.product-single__meta .product-single__title.bb-pdp-tittel--lang{ font-size: 28px; letter-spacing: -.02em; }
@media (max-width: 767px){ .product-single__meta .product-single__title.bb-pdp-tittel--lang{ font-size: 24px; } }
.bb-pris__rad .product__price{ font-size: 32px; letter-spacing: -.03em; }
.bb-pris__rad .product__price.on-sale{ color: #fc4b4b; }
.bb-pris__rad--for{ margin: 2px 0 8px; gap: 0 8px; }
.bb-pris__rad--for .product__price--compare{ font-size: 15px; font-weight: 400; color: #8a8580; }
.bb-pris__spar{ display: inline; margin: 0; font-size: 15px; font-weight: 600; color: #fc4b4b; }
.bb-pris__rad--for .hide + .bb-pris__spar, .bb-pris__spar.hide{ display: none; }
/* Lag over hovedbildet */
.product__main-photos{ position: relative; }
.bb-pdp-rabatt{ position: absolute; z-index: 3; top: 16px; right: 16px; padding: 9px 13px; border-radius: 4px; background: #fc4b4b; color: #fff; font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: .03em; pointer-events: none; }
.bb-pdp-etikett{ position: absolute; z-index: 3; top: 16px; padding: 8px 12px; border-radius: 10px; background: rgba(255,255,255,.8); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #17120f; pointer-events: none; }
.bb-pdp-etikett--for{ left: 16px; }
.bb-pdp-etikett--etter{ right: 16px; }
.bb-pdp-etikett--etter ~ .bb-pdp-rabatt{ top: 60px; }
@media (max-width: 767px){ .bb-pdp-rabatt{ top: 12px; right: 12px; font-size: 13px; padding: 7px 10px; } .bb-pdp-etikett{ top: 12px; } .bb-pdp-etikett--for{ left: 12px; } .bb-pdp-etikett--etter{ right: 12px; } .bb-pdp-etikett--etter ~ .bb-pdp-rabatt{ top: 50px; } }

/* Produktkort (08.09.2026): rabattmerke i samme form som paa produktsiden,
   mindre marg paa mobil; mer luft mellom kortene og ut til kanten paa mobil. */
.grid-product__tag.bb-kort-rabatt{ top: 12px; right: 12px; border-radius: 4px; padding: 7px 10px; font-size: 13px; font-weight: 700; letter-spacing: .03em; line-height: 1; background: #fc4b4b; color: #fff; }
@media only screen and (max-width: 768px){
  .grid-product__tag.bb-kort-rabatt{ top: 10px; right: 10px; padding: 6px 8px; font-size: 12px; }
  /* page-width har 17px padding; small--grid--flush drar rutenettet ut til kantene.
     Her: 12px luft ut til begge kanter og 12px mellom kortene (kortene er 50 % av
     rutenettet, saa venstre marg = padding-left paa kortet). */
  .collection-grid__wrapper .grid--uniform{ margin-left: -17px; margin-right: -5px; padding: 0; }
  .collection-grid__wrapper .grid--uniform .grid-product{ padding-left: 12px; margin-bottom: 14px; }
}

/* Merkerad paa produktkortet (08.09.2026): under bildet, rett over navnet.
   Smaa piller; den lyse har en tone som skiller seg fra kortbakgrunnen. */
.bb-pdp-merker--kort{ display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 7px; }
/* Ro paa siden (Henrik 08.09): ingen svarte piller. Svart er forbeholdt knappene,
   roedt rabatten. Kategori = litt moerkere beige, resten lys beige, samme tekstfarge.
   12.10.2026 fargerevisjon: konsolidert til EN bakgrunn per variant (var flere
   konkurrerende beige-nyanser pga. dupliserte regler lenger ned, se der). */
.bb-pdp-merker--kort .bb-pdp-merke{ padding: 4px 7px; border: 0; border-radius: 6px; background: #e7e5e4; color: #2b2724; font-size: 9px; letter-spacing: .06em; white-space: nowrap; }
.bb-pdp-merker--kort .bb-pdp-merke--kat{ background: #cbbfb2; color: #17120f; }
@media only screen and (max-width: 768px){
  .bb-pdp-merker--kort{ gap: 3px; margin-bottom: 6px; }
  .bb-pdp-merker--kort .bb-pdp-merke{ padding: 3px 5px; font-size: 8px; letter-spacing: .04em; border-radius: 5px; }
}
/* Lys pille paa produktsiden: samme tone, saa den ikke gaar i ett med hvitt. */
/* Produktsiden: samme rolige toner, uten svart ramme paa kategorien.
   12.10.2026 fargerevisjon: konsolidert til EN bakgrunn per variant. */
.bb-pdp-merke{ border-color: transparent; background: #e7e5e4; color: #2b2724; }
.bb-pdp-merke--kat{ border-color: transparent; background: #cbbfb2; color: #17120f; }

/* Judge.me-stjerner paa produktkortet (08.09.2026) */
/* Tett paa navnet - uten negativ marg (den la stjernene oppaa tittelen i
   sliderne, der tittelen ikke har samme bunnmarg). I stedet fjernes
   tittelens bunnmarg naar stjerner foelger. */
.grid-product__title:has(+ .bb-kort-stjerner){ margin-bottom: 0 !important; }
.bb-kort-stjerner{ display: flex; align-items: center; gap: 2px; margin: 3px 0 8px; line-height: 1; }
.bb-kort-stjerne{ color: #fff; stroke: #17120f; }
.bb-kort-stjerne path{ fill: #fff; stroke: #17120f; }
.bb-kort-stjerne--fylt path{ fill: #17120f; }
.bb-kort-stjerner__antall{ margin-left: 4px; font-size: 11px; color: #6b6460; }
@media only screen and (max-width: 768px){ .bb-kort-stjerne{ width: 11px; height: 11px; } .bb-kort-stjerner__antall{ font-size: 10px; } }

/* Like hoye produktkort (08.09.2026): rutenettet er flex, kortet er en kolonne
   og bunnen (pris + knapp) festes nederst - uansett stjerner, foerpris eller
   antall merker. :has() begrenser det til rutenett med produktkort. */
/* Ikke i sliderne (.grid-overflow-wrapper ruller sidelengs paa smaa skjermer
   og bruker temaets nowrap/inline-block) - der foerte flex-wrap til at kortene
   brakk over to linjer (Henrik 08.09). Etterkommer-unntak (ikke bare barn):
   «Relaterte produkter» har .page-width mellom wrapper og grid. */
.grid--uniform:has(> .grid-product):not(.grid-overflow-wrapper *){ display: flex; flex-wrap: wrap; }
.grid--uniform:has(> .grid-product):not(.grid-overflow-wrapper *):after{ display: none; }
.grid--uniform:not(.grid-overflow-wrapper *) > .grid-product{ display: flex; float: none; clear: none !important; }
/* Like hoye kort ogsaa i sliderne: temaets slider-grid er allerede flex/nowrap,
   men kortet (grid__item) var inline-block og strakk seg ikke. */
/* Paa mobil er slider-gridet allerede flex/nowrap (temaet). Paa desktop er
   det et vanlig flyt-grid - der maa vi selv gjoere det til flex/wrap, ellers
   stables kortene under hverandre. */
.grid-overflow-wrapper .grid--uniform{ align-items: stretch; }
@media only screen and (min-width: 769px){
  .grid-overflow-wrapper .grid--uniform:has(> .grid-product){ display: flex; flex-wrap: wrap; }
  .grid-overflow-wrapper .grid--uniform:has(> .grid-product):after{ display: none; }
}
.grid-overflow-wrapper .grid--uniform > .grid-product{ display: flex; float: none; clear: none !important; }
.grid-overflow-wrapper .grid--uniform > .grid-product > .grid-product__content{ display: flex; flex-direction: column; width: 100%; flex: 1 1 auto; height: 100%; }
/* Temaets :after paa siste kort (luft paa slutten av rullingen) ble en flex-sibling
   og stjal halve bredden. Luften legges som padding i stedet. */
@media only screen and (max-width: 768px){
  .grid-overflow-wrapper .grid--uniform > .grid-product:last-child:after{ display: none !important; content: none !important; }
  .grid-overflow-wrapper .grid--uniform > .grid-product:last-child{ margin-right: 17px; }
}
.grid-overflow-wrapper .grid--uniform > .grid-product .grid-product__footer{ margin-top: auto; }
.grid--uniform:not(.grid-overflow-wrapper *) > .grid-product > .grid-product__content{ display: flex; flex-direction: column; width: 100%; }
.grid--uniform:not(.grid-overflow-wrapper *) > .grid-product .grid-product__footer{ margin-top: auto; }

/* Kompakte «Inkludert»-kort i konfiguratoren (08.09.2026): mindre luft,
   mindre bilde, tittel og pris paa én linje - saa det blir mindre aa rulle. */
.template-product .bb-step-card--fixed{ padding: 10px 14px !important; margin-bottom: 8px !important; border-radius: 12px !important; }
.template-product .bb-step-card--fixed .bb-step-label{ margin-bottom: 6px; font-size: 10px; }
.template-product .bb-step-card--fixed [class*="rbr-sbap_item_info"]{ display: flex; align-items: center; gap: 12px; }
.template-product .bb-step-card--fixed .rbr-sbap_thumbnail{ width: 44px !important; height: 44px !important; min-width: 44px; border-radius: 12px !important; }
/* Rekkefoelge (Henrik 08.09): delene kunden maa velge paa foerst, saa de
   inkluderte, saa resten (sum/knapp). Kortene ligger i hver sin wrapper-div
   under .rbr-sbap_body, saa rekkefoelgen settes med flex order via :has(). */
/* To og to inkluderte kort ved siden av hverandre (Henrik 08.09). */
.template-product .rbr-sbap_body{ display: flex; flex-wrap: wrap; align-items: stretch; gap: 0 10px; }
.template-product .rbr-sbap_body > *{ flex: 1 1 100%; min-width: 0; }
.template-product .rbr-sbap_body > div:has(> .bb-step-card:not(.bb-step-card--fixed)){ order: -2; }
.template-product .rbr-sbap_body > div:has(> .bb-step-card--fixed){ order: -1; }
/* Halv bredde bare naar det finnes minst to inkluderte deler (Henrik 08.09). */
.template-product .rbr-sbap_body.bb-fb-to-og-to > div:has(> .bb-step-card--fixed){ flex: 0 0 calc(50% - 5px); }
.template-product .rbr-sbap_body > div:has(> .bb-step-card--fixed) > .bb-step-card--fixed{ height: calc(100% - 8px); box-sizing: border-box; }
/* I halv bredde: navn, note og pris under hverandre. */
.template-product .bb-step-card--fixed .rbr-sbap_name-and-price{ flex-direction: column; align-items: flex-start; gap: 2px; }
/* Prisen venstrestilt rett under navnet (Fast Bundle setter margin-left:auto + margin-top:16px). */
.template-product .bb-step-card--fixed .rbr-sbap_name-and-price{ flex-direction: column !important; align-items: flex-start !important; }
/* «Verdi …» alltid nederst i kortet, paa samme linje i alle kort i raden:
   kortet er en kolonne, info-blokken strekker seg, og prisen skyves ned. */
.template-product .bb-step-card--fixed{ display: flex; flex-direction: column; }
.template-product .bb-step-card--fixed [class*="rbr-sbap_item_info"]{ flex: 1; }
.template-product .bb-step-card--fixed .rbr-sbap_name-and-price{ height: 100%; }
.template-product .bb-step-card--fixed .rbr-productNamePrice__price__container{ margin: auto 0 0 !important; padding-top: 4px; width: auto !important; text-align: left !important; align-self: flex-start !important; font-size: 13px !important; color: #78736e !important; }
/* «Verdi 139,00 kr»: prisen paa en inkludert del er verdien den har alene - pakken er billigere. Teksten settes i custom.js (nb/sv/da). */
.template-product .bb-step-card--fixed .money[data-bb-prefix]::before{ content: attr(data-bb-prefix); }
.template-product .bb-step-card--fixed .money[data-bb-prefix]{ display: inline; }
.template-product .bb-step-card--fixed .rbr-productNamePrice__title__container,
.template-product .bb-step-card--fixed .rbr-sbap_name-and-price > *{ min-width: 0; overflow-wrap: anywhere; }
/* Stoerre bilde (Henrik 08.09): 64px desktop, 52px mobil. */
.template-product .bb-step-card--fixed .rbr-sbap_thumbnail{ width: 64px !important; height: 64px !important; min-width: 64px; border-radius: 10px !important; }
.template-product .bb-step-card--fixed [class*="rbr-sbap_item_info"]{ align-items: flex-start; }
@media only screen and (max-width: 768px){
  .template-product .bb-step-card--fixed{ padding: 8px 10px !important; }
  .template-product .bb-step-card--fixed .rbr-productNamePrice__title__container{ font-size: 13px; line-height: 1.25; }
  .template-product .bb-step-card--fixed .rbr-productNamePrice__price__container{ font-size: 13px !important; }
  .template-product .bb-step-card--fixed .rbr-sbap_name-and-price > *:not(.rbr-productNamePrice__title__container):not(.rbr-productNamePrice__price__container){ font-size: 12px !important; }
  /* Mobil, halv bredde (to og to): bildet over teksten, ellers blir det for
     smalt. Et enslig inkludert kort i full bredde beholder bildet til venstre. */
  .template-product .rbr-sbap_body.bb-fb-to-og-to .bb-step-card--fixed [class*="rbr-sbap_item_info"]{ flex-direction: column; align-items: flex-start; gap: 6px; }
  .template-product .rbr-sbap_body:not(.bb-fb-to-og-to) .bb-step-card--fixed [class*="rbr-sbap_item_info"]{ flex-direction: row; align-items: center; gap: 12px; }
  .template-product .rbr-sbap_body:not(.bb-fb-to-og-to) .bb-step-card--fixed .rbr-productNamePrice__price__container{ margin-top: 3px !important; }
  .template-product .bb-step-card--fixed .rbr-sbap_thumbnail{ width: 52px !important; height: 52px !important; min-width: 52px; }
  .template-product .bb-step-card--fixed .bb-step-label{ font-size: 9px; margin-bottom: 4px; }
}
.template-product .bb-step-card--fixed [class*="rbr-sbap_item_info"] p,
.template-product .bb-step-card--fixed [class*="rbr-sbap_item_info"] span{ margin: 0; }
/* Navn, variantnote og pris paa én linje (prisen til hoyre). */
.template-product .bb-step-card--fixed .rbr-sbap_name-and-price{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 10px; flex: 1; }
.template-product .bb-step-card--fixed .rbr-productNamePrice__title__container{ font-size: 15px; }
.template-product .bb-step-card--fixed .rbr-productNamePrice__price__container{ margin-left: auto; font-size: 14px !important; }
.template-product .bb-step-card--fixed .rbr-sbap_name-and-price > *:not(.rbr-productNamePrice__title__container):not(.rbr-productNamePrice__price__container){ margin: 0 !important; font-size: 13px !important; color: #78736e; }

/* «Verdi …» paa inkluderte deler vises bare naar pakken er paa tilbud
   (Henrik 08.09) - custom.js setter data-bb-prefix kun da. */
.template-product .bb-step-card--fixed .rbr-productNamePrice__price__container:not(:has(.money[data-bb-prefix])){ display: none !important; }

/* Smale slider-kort paa mobil (39vw): pris og knapp faar ikke plass paa én
   linje - knappen stakk utenfor kortet. Her legges knappen under prisen. */
@media only screen and (max-width: 768px){
  .grid-overflow-wrapper .grid-product__footer{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 0; }
  .grid-overflow-wrapper .grid-product__footer .grid-product__price{ flex: 1 1 100%; }
  .grid-overflow-wrapper .grid-product__footer .grid-product__actions{ flex: 1 1 100%; margin: 0 !important; }
  .grid-overflow-wrapper .grid-product__actions .collection-add-to-cart,
  .grid-overflow-wrapper .grid-product__actions .bundle-link{ width: 100%; text-align: center; }
}

/* «Tilbake til samling» (collection-return, 08.09.2026): var en svart
   fullbreddeknapp paa mobil. Det er navigasjon, ikke en handling - svart er
   forbeholdt kjoepsknappene. Naa en rolig tekstlenke med pil i samme
   stoerrelse som teksten, midtstilt, aldri full bredde. */
.return-link.btn{ display: inline-flex; align-items: center; gap: 8px; width: auto !important; margin-top: 28px; padding: 8px 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #17120f !important; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; box-shadow: none !important; font-size: 14px !important; line-height: 1.3; }
.return-link.btn:hover{ background: transparent !important; color: #17120f !important; opacity: .7; transform: none; }
.return-link.btn .icon{ width: 1.1em; height: 1.1em; margin: 0; flex: 0 0 auto; }
@media only screen and (max-width: 768px){
  .return-link.btn{ width: auto !important; padding: 8px 4px !important; margin-top: 8px; font-size: 14px; }
  .page-content--bottom:has(> .return-link){ padding-top: 0; }
}

/* H2O2-styrkene paa én linje paa mobil (Henrik 08.09): mindre piller og
   mindre luft, og aldri linjebrudd - blir det likevel for trangt, ruller
   raden sidelengs i stedet for aa brekke. */
@media only screen and (max-width: 768px){
  .template-product .bb-step-card [class*="selectBoxCustom_variants"]{ padding: 10px 8px; }
  .template-product .bb-step-card .colorSwatch_options_c65258f9:has(.rbr-styrke),
  .template-product .bb-step-card [class*="colorSwatch_options"]:has(.rbr-styrke){ flex-wrap: nowrap !important; gap: 4px !important; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
  .template-product .bb-step-card [class*="colorSwatch_options"]:has(.rbr-styrke)::-webkit-scrollbar{ display: none; }
  .template-product .bb-step-card .rbr-styrke{ padding: 5px 6px !important; font-size: 13px !important; white-space: nowrap; flex: 0 0 auto; }
}

/* =====================================================================
   Finpuss 08.09.2026 (kveld) - gjennomgang av dagens endringer
   ===================================================================== */
/* 1) Produktside: stjernene tett under navnet, luft foer prisen.
   Tittelen ligger i header-blokken, Judge.me-blokken er foerste blokk etter -
   derfor trekkes blokken opp i stedet for aa endre tittelens marg (som ogsaa
   gjelder produkter uten anmeldelser). */
.product-single__meta .shopify-app-block:has(.jdgm-prev-badge){ margin: -9px 0 12px !important; }
.product-single__meta .jdgm-prev-badge{ line-height: 1; }
/* 2) Korttitler: maks to linjer med ellipse, litt mindre paa mobil. Sammen med
   like hoye kort gir det jevne rader uansett navnelengde. */
.grid-product__title{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; }
@media only screen and (max-width: 768px){ .grid-product__title{ font-size: 14px; } }
/* 3) Merker paa smaa kort (mobil): bare kategori og nyanse - manuelle merker
   («Komplett pakke», «Bestselger») vises paa produktsiden. Én linje, 9px. */
@media only screen and (max-width: 768px){
  .bb-pdp-merker--kort .bb-pdp-merke:not(.bb-pdp-merke--kat):not(.bb-pdp-merke--nyanse){ display: none; }
  .bb-pdp-merker--kort{ gap: 3px; }
  .bb-pdp-merker--kort .bb-pdp-merke{ font-size: 9px; padding: 3px 5px; letter-spacing: .03em; }
}
/* 4) Slider-kort paa mobil: bredere (60vw i stedet for 39vw) saa merker,
   navn, stjerner og pris faar plass. Pris og knapp paa én linje, med
   linjebrudd som reserve. */
@media only screen and (max-width: 768px){
  .grid-overflow-wrapper .grid__item{ flex: 0 0 60vw !important; width: 60vw !important; }
  .grid-overflow-wrapper .grid-product__footer{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 10px; }
  .grid-overflow-wrapper .grid-product__footer .grid-product__price{ flex: 1 1 auto; }
  .grid-overflow-wrapper .grid-product__footer .grid-product__actions{ flex: 0 0 auto; margin: 0 !important; }
  .grid-overflow-wrapper .grid-product__actions .collection-add-to-cart,
  .grid-overflow-wrapper .grid-product__actions .bundle-link{ width: auto; }
}

/* 5) Slider-kort (alle skjermer): bare kategori + nyanse, saa titlene i raden
   starter paa samme hoyde. Manuelle merker vises paa produktsiden. */
.grid-overflow-wrapper .bb-pdp-merker--kort .bb-pdp-merke:not(.bb-pdp-merke--kat):not(.bb-pdp-merke--nyanse){ display: none; }

/* 6) Fargeforslag merker (08.09 kveld) - FJERNET 12.10.2026 fargerevisjon:
   disse 4 reglene dupliserte/overstyrte reglene lenger opp (linje ~16212 og
   ~16220) med 6 ulike beige-nyanser pa tvers av breakpoints. Na finnes kun
   EN regel per variant (bb-pdp-merke --> stone-200 #e7e5e4, bb-pdp-merke--kat
   --> kampanjebeige #cbbfb2) i blokkene ovenfor. */

/* 7) Kolleksjonssider paa mobil (Henrik 08.09): den flytende Filter-knappen
   skjules - den la seg over det foerste produktbildet. Sortering beholdes. */
@media only screen and (max-width: 768px){
  .collection-filter__item--drawer{ display: none !important; }
  .collection-filter{ position: static; }
}

/* =====================================================================
   bb-fargehint — hint under valgte fargetuber + pakkehint (08.09.2026, test)
   ===================================================================== */
.bb-fargehint{ margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: #fff; font-size: 13px; line-height: 1.45; color: #44403c; }
.bb-fargehint__nr{ font-weight: 700; color: #1c1917; }
.bb-fargehint__chip{ display: inline-block; margin-left: 4px; padding: 2px 7px; border-radius: 6px; background: #f5f5f4; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #292524; vertical-align: 1px; }
.bb-fargehint__tekst{ display: block; margin-top: 5px; }
.bb-fargehint__passer{ display: block; margin-top: 4px; color: #57534e; font-size: 12px; }
.bb-fargehint__passer em{ font-style: normal; font-weight: 600; }
.bb-pakkehint{ order: -1; margin: 0 0 16px; padding: 14px 16px; border-radius: 12px; background: #f5f5f4; border: 1px solid #e6dfd8; }
.bb-pakkehint__tittel{ margin: 0 0 6px; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #57534e; }
.bb-pakkehint__tekst{ margin: 0 0 6px; font-size: 14px; line-height: 1.5; color: #1c1917; }
.bb-pakkehint__lenke{ display: inline-block; margin-top: 2px; font-size: 13px; color: #1c1917; text-decoration: underline; text-underline-offset: 3px; }
@media only screen and (max-width: 768px){ .bb-fargehint{ font-size: 12.5px; } .bb-pakkehint__tekst{ font-size: 13.5px; } }
/* Pakkehint naar kombinasjonen boer sjekkes: svak roedlig tone (Henrik 08.09). */
.bb-pakkehint--obs{ background: #fbeeeb; border-color: #f0d3cc; }
.bb-pakkehint--obs .bb-pakkehint__tittel{ color: #b5432f; }

/* Forventet resultat i pakkehintet (09.09.2026, test): bilde + navn fra fargematch */
.bb-pakkehint__resultat{ display: flex; align-items: center; gap: 12px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0,0,0,.08); }
.bb-pakkehint__res-bilde{ width: 64px; height: 64px; flex: 0 0 64px; border-radius: 10px; object-fit: cover; background: #fff; }
.bb-pakkehint__res-label{ margin: 0 0 2px; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #57534e; }
.bb-pakkehint__res-navn{ margin: 0; font-size: 15px; font-weight: 700; color: #1c1917; line-height: 1.3; }
.bb-pakkehint__res-navn a{ color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.bb-pakkehint__res-meta{ margin: 2px 0 0; font-size: 13px; color: #44403c; }
.bb-pakkehint__res-note{ margin: 4px 0 0; font-size: 12px; line-height: 1.4; color: #57534e; }
.bb-pakkehint--obs .bb-pakkehint__resultat{ border-top-color: #f0d3cc; }

/* bb-swatchmerker (09.09.2026, test): nummer under swatch + temperatur-prikk + tre grupper.
   Farger fra Henrik (oklch) med hex-fallback. */
:root{ --bb-t-kald: #22d3ee; --bb-t-noytral: #d4d4d4; --bb-t-varm: #f97316; }
@supports (color: oklch(50% 0 0)){ :root{ --bb-t-kald: oklch(78.9% 0.154 211.53); --bb-t-noytral: oklch(87% 0 none); --bb-t-varm: oklch(70.5% 0.213 47.604); } }
.rbr-color[data-bb-nr]{ position: relative; margin-bottom: 18px !important; overflow: visible !important; }
.rbr-color[data-bb-nr] .bb-sw-nr{ position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 2px; font-size: 11px; line-height: 1; letter-spacing: .02em; color: #44403c; white-space: nowrap; font-variant-numeric: tabular-nums; pointer-events: none; }
.rbr-color[data-bb-nr][aria-selected="true"] .bb-sw-nr{ font-weight: 700; color: #1c1917; }
.rbr-color[data-bb-nr]::after{ content: ""; position: absolute; top: 1px; right: 1px; width: 9px; height: 9px; border-radius: 50%; border: 2px solid #fff; box-sizing: content-box; background: var(--bb-t-noytral); pointer-events: none; }
.rbr-color[data-bb-temp="kald"]::after{ background: var(--bb-t-kald); }
.rbr-color[data-bb-temp="varm"]::after{ background: var(--bb-t-varm); }
/* 0.0 Clear (14.09): pigmentfri - hul ring i stone-400 i stedet for temperaturprikk */
.rbr-color[data-bb-temp="klar"]::after, .bb-sw-gruppe[data-bb-temp="klar"]::before, .bb-sw-fane[data-bb-temp="klar"]::before, .bb-fg-chip[data-bb-temp="klar"] .bb-fg-chip__sw::after, .bb-oppsamling__chip[data-bb-temp="klar"] .bb-oppsamling__sw::after{ background: transparent; box-shadow: inset 0 0 0 2px #a8a29e; }
/* Gruppering: containeren blir flex-wrap, overskriftene tar hel bredde */
.bb-sw-gruppert{ display: flex !important; flex-wrap: wrap; align-items: flex-start; }
.bb-sw-gruppe{ flex: 0 0 100%; display: flex; align-items: center; gap: 6px; margin: 6px 0 8px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #57534e; }
.bb-sw-gruppe::before{ content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--bb-t-noytral); }
.bb-sw-gruppe[data-bb-temp="kald"]::before{ background: var(--bb-t-kald); }
.bb-sw-gruppe[data-bb-temp="varm"]::before{ background: var(--bb-t-varm); }
.bb-sw-gruppe:first-of-type{ margin-top: 0; }
@media only screen and (max-width: 768px){ .rbr-color[data-bb-nr] .bb-sw-nr{ font-size: 10px; } .bb-sw-gruppe{ font-size: 10px; } }

/* =====================================================================
   Kompakte konfiguratorkort + oppsamling (09.09.2026, test)
   ===================================================================== */
.template-product .bb-step-card:not(.bb-step-card--fixed){ padding: 14px 16px 12px !important; margin-bottom: 10px !important; }
.template-product .bb-step-card:not(.bb-step-card--fixed) .bb-step-label{ margin-bottom: 8px; }
/* Hode: lite bilde, navn og pris paa én linje */
.template-product .bb-step-card:not(.bb-step-card--fixed) [class*="rbr-sbap_item_info"]{ display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.template-product .bb-step-card:not(.bb-step-card--fixed) .rbr-sbap_thumbnail{ width: 44px !important; height: 44px !important; min-width: 44px; border-radius: 10px !important; }
.template-product .bb-step-card:not(.bb-step-card--fixed) .rbr-sbap_name-and-price{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 10px; margin: 0; }
.template-product .bb-step-card:not(.bb-step-card--fixed) .rbr-productNamePrice__title__container{ font-size: 15px !important; line-height: 1.3; margin: 0 !important; }
.template-product .bb-step-card:not(.bb-step-card--fixed) .rbr-productNamePrice__price__container{ font-size: 13px !important; color: #57534e !important; margin: 0 !important; }
/* «Farge» / «Styrke»-etiketten inne i velgerboksen er overfloedig (steg-etiketten sier det) */
.template-product .bb-step-card:not(.bb-step-card--fixed) [class*="colorSwatch_title"]{ display: none !important; }
.template-product .bb-step-card:not(.bb-step-card--fixed) [class*="selectBoxCustom_variants"]{ padding: 10px 12px 6px; }
/* Mindre swatcher og tettere rader */
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr]{ width: 46px !important; height: 46px !important; min-width: 0 !important; max-width: none !important; padding: 4px !important; margin: 0 0 17px 0 !important; }
.template-product .bb-sw-gruppert{ gap: 8px !important; row-gap: 0 !important; }
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr] > [class*="colorSwatch_swatch"]{ width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; aspect-ratio: 1 / 1; border-radius: 50%; flex: 0 0 auto; }
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr]{ display: flex !important; align-items: center; justify-content: center; }
/* Temperatur paa brikkene i «Dine valg» */
.bb-oppsamling__sw{ position: relative; overflow: visible; }
.bb-oppsamling__chip[data-bb-temp] .bb-oppsamling__sw::after{ content: ""; position: absolute; top: -3px; right: -3px; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; box-sizing: content-box; background: var(--bb-t-noytral); }
.bb-oppsamling__chip[data-bb-temp="kald"] .bb-oppsamling__sw::after{ background: var(--bb-t-kald); }
.bb-oppsamling__chip[data-bb-temp="varm"] .bb-oppsamling__sw::after{ background: var(--bb-t-varm); }
.template-product .bb-sw-gruppe{ margin: 2px 0 6px; }
.template-product .bb-sw-gruppe:first-of-type{ margin-top: 0; }
.template-product .bb-fargehint{ margin-top: 6px; padding: 8px 10px; font-size: 12.5px; }
.template-product .bb-fargehint__tekst{ margin-top: 3px; }
.template-product .bb-fargehint__passer{ margin-top: 2px; }
@media only screen and (max-width: 768px){
  .template-product .bb-step-card:not(.bb-step-card--fixed){ padding: 12px 12px 10px !important; }
  .template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr]{ width: 44px !important; height: 44px !important; margin: 0 0 16px 0 !important; }
  .template-product .bb-sw-gruppert{ gap: 6px !important; row-gap: 0 !important; }
}
/* Oppsamling: brikker med valgene fra kortene over */
.bb-oppsamling{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: -2px 0 10px; }
.bb-oppsamling__label{ font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: #78716c; margin-right: 2px; }
.bb-oppsamling__chip{ display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px 3px 3px; border: 1px solid #e7e5e4; border-radius: 999px; background: #fff; font: inherit; font-size: 12px; font-weight: 600; line-height: 1; color: #1c1917; cursor: pointer; }
.bb-oppsamling__chip:hover{ border-color: #d6d3d1; }
.bb-oppsamling__chip--tom{ border-style: dashed; color: #78716c; font-weight: 400; }
.bb-oppsamling__chip--tom .bb-oppsamling__sw{ background-color: #f5f5f4; opacity: .6; }
.bb-oppsamling__chip--aktiv{ border-color: #1c1917; box-shadow: 0 0 0 1px #1c1917; cursor: default; }
.bb-oppsamling__chip--aktiv.bb-oppsamling__chip--tom{ border-style: dashed; box-shadow: none; border-color: #78716c; }
.bb-oppsamling__sw{ width: 22px; height: 22px; border-radius: 50%; background-size: cover; background-position: center; background-color: #fff; border: 1px solid #e7e5e4; flex: 0 0 22px; }
.bb-oppsamling__nr{ font-size: 10px; font-weight: 600; color: #78716c; letter-spacing: .04em; }
.bb-oppsamling__chip--tom .bb-oppsamling__nr{ margin-right: 2px; }

/* Bred plassering av fargegruppene (grid settes i custom.js bb-swatchmerker) */
.bb-sw-gruppert.bb-sw-bred{ display: grid !important; justify-content: start; align-items: start; column-gap: 0; row-gap: 0; }
.bb-sw-gruppert.bb-sw-bred .bb-sw-gruppe{ margin: 0 0 8px; }
.template-product .bb-step-card .bb-sw-gruppert.bb-sw-bred > .rbr-color[data-bb-nr]{ margin: 0 0 20px 0 !important; justify-self: start; }
.template-product .bb-sw-gruppert.bb-sw-bred{ gap: 0 !important; }
/* Styrkepiller: like brede, fyller det hvite feltet (09.09.2026) */
.template-product .bb-step-card [class*="colorSwatch_options"]:has(.rbr-styrke){ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; }
.template-product .bb-step-card .rbr-styrke{ width: 100% !important; margin: 0 !important; padding: 13px 4px !important; text-align: center; font-size: 16px !important; font-weight: 600; line-height: 1 !important; box-sizing: border-box; white-space: nowrap; }
@media only screen and (max-width: 768px){
  .template-product .bb-step-card [class*="colorSwatch_options"]:has(.rbr-styrke){ display: grid !important; flex-wrap: initial !important; overflow: visible; gap: 6px !important; padding-bottom: 0; }
  .template-product .bb-step-card .rbr-styrke{ padding: 12px 2px !important; font-size: 14px !important; flex: none; }
  /* Fem-seks sirkler pr rad paa mobil */
}

/* «Passer med»-markering i konfiguratoren (09.09.2026, test) */
.template-product .rbr-color.bb-sw--anbefalt .bb-sw-nr{ font-weight: 700; color: #1c1917; }
.bb-sw-anbefalt-note{ margin: 0 0 4px; padding: 0 2px; font-size: 12px; color: #57534e; }
.bb-sw-anbefalt-note::before{ content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%; box-shadow: 0 0 0 1.5px #fff, 0 0 0 3px #d6d3d1; background: #e7e5e4; vertical-align: -1px; }

/* «Håret ditt i dag» – startkort i konfiguratoren (09.09.2026, test) */
.template-product .rbr-sbap_body > .bb-startkort-wrap{ order: -3; flex: 0 0 100%; width: 100%; }
.bb-startkort{ background: #faf8f6; border: 1px solid #e7e5e4; border-radius: 16px; padding: 14px 16px 12px; margin-bottom: 10px; }
.bb-startkort .bb-step-label{ margin-bottom: 8px; }
.bb-start__sp{ margin: 0 0 2px; font-size: 15px; font-weight: 600; color: #1c1917; }
.bb-start__sp--graa{ margin-top: 10px; }
.bb-start__sub{ margin: 0 0 10px; font-size: 12.5px; color: #57534e; }
.bb-start__niv{ display: flex; flex-wrap: wrap; gap: 6px 8px; background: #fff; border: 1px solid #e7e5e4; border-radius: 16px; padding: 10px 12px 4px; }
.bb-start__sw{ position: relative; width: 46px; height: 46px; margin: 0 0 17px; padding: 3px; border: 1px solid #e7e5e4; border-radius: 50%; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.bb-start__sw .bb-start__bilde{ width: 100%; height: 100%; border-radius: 50%; background-size: cover; background-position: center; }
.bb-start__sw .bb-start__nr{ position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 2px; font-size: 11px; line-height: 1; color: #44403c; font-variant-numeric: tabular-nums; }
.bb-start__sw.er-valgt{ border-color: #1c1917; box-shadow: 0 0 0 1px #1c1917; }
.bb-start__sw.er-valgt .bb-start__nr{ font-weight: 700; color: #1c1917; }
.bb-start__graa{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; background: #fff; border: 1px solid #e7e5e4; border-radius: 16px; padding: 10px 12px; }
.bb-start__pill{ padding: 11px 4px; border: 1px solid #e7e5e4; border-radius: 999px; background: #f5f5f4; font: inherit; font-size: 14px; font-weight: 600; color: #1c1917; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.bb-start__pill.er-valgt{ background: #292524; border-color: #292524; color: #fff; }
.bb-start__hvorfor{ margin: 8px 0 0; font-size: 12px; color: #57534e; }
.bb-start__nullstill{ margin-left: 6px; padding: 0; border: 0; background: none; font: inherit; font-size: 12px; color: #1c1917; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.bb-oppsamling__chip--start .bb-oppsamling__sw{ background-color: #f5f5f4; }
@media only screen and (max-width: 768px){
  .bb-startkort{ padding: 12px 12px 10px; }
  .bb-start__sw{ width: 44px; height: 44px; margin-bottom: 16px; }
  .bb-start__niv{ gap: 4px 6px; padding: 8px 8px 2px; }
  .bb-start__pill{ font-size: 13px; padding: 10px 2px; }
}

/* =====================================================================
   bb-kampanjeduo (09.09.2026) - to kampanjekort side om side
   ===================================================================== */
/* Kampanjeduo – tegnet om 15.10.2026 (Henrik, /ui): to like kort paa hvit flate (#faf8f6 + #e7e5e4),
   bilde 42 % med utsnitt fra blokken, merke (mono, radius 4) i tekstkolonnen i stedet for oppaa ansiktet,
   ingen stikktittel/eyebrow, pil-lenke (.bb-pil-lenke) i stedet for falsk knapp, ingen loeft/skygge.
   Hover: bildet zoomer svakt, pilen glir. Kortpadding 24/28 desktop, 18 mobil. Moerk variant beholdt (stil = moerk). */
.bb-kduo{ margin: var(--bb-kduo-over, 0px) 0 var(--bb-kduo-under, 0px); }
.bb-kampanjeduo-seksjon{ position: relative; z-index: 1; } /* kategoriraden over har negativ bunnmarg */
.bb-kduo__overskrift{ margin: 0 0 var(--bb-head-gap); font-size: var(--bb-h2-size, 34px); font-weight: 600; line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
.bb-kduo__grid{ display: grid; gap: var(--bb-gap); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bb-kduo__grid--1{ grid-template-columns: minmax(0, 1fr); }
.bb-kduo__kort{ display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 1fr); overflow: hidden; min-height: 300px; border-radius: 16px; border: 1px solid #e7e5e4; background: #faf8f6; color: #1c1917; text-decoration: none; }
.bb-kduo__kort:hover, .bb-kduo__kort:focus-visible{ color: #1c1917; }
.bb-kduo__kort:focus-visible{ outline: 2px solid #1c1917; outline-offset: 2px; }
.bb-kduo__bilde{ position: relative; overflow: hidden; background: #e7e5e4; }
.bb-kduo__bilde img{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: var(--bb-kduo-fokus, 50% 50%); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.bb-kduo__kort:hover .bb-kduo__bilde img{ transform: scale(1.03); }
.bb-kduo__innhold{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 24px 28px; }
.bb-kduo__merke{ display: inline-block; margin: 0 0 12px; padding: 4px 8px; border: 1px solid #e7e5e4; border-radius: 4px; background: #fff; font-family: var(--bb-mono, ui-monospace, monospace); font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; color: #57534e; }
.bb-kduo__tittel{ margin: 0; max-width: 22ch; font-size: var(--bb-h3-size, 20px); font-weight: 600; line-height: 1.2; letter-spacing: -.01em; text-wrap: balance; }
.bb-kduo__tekst{ margin: 8px 0 0; max-width: 36ch; font-size: 15px; line-height: 1.5; color: #57534e; text-wrap: pretty; }
.bb-kduo__lenke{ margin-top: 20px; }
/* Moerk variant (stil = moerk) */
.bb-kduo__kort--mork{ background: #17120f; border-color: #17120f; color: #fff; }
.bb-kduo__kort--mork:hover, .bb-kduo__kort--mork:focus-visible{ color: #fff; }
.bb-kduo__kort--mork .bb-kduo__merke{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: rgba(255,255,255,.8); }
.bb-kduo__kort--mork .bb-kduo__tekst{ color: rgba(255,255,255,.75); }
.bb-kduo__kort--mork .bb-kduo__lenke{ color: #fff; }
@media only screen and (max-width: 959px){
  .bb-kduo__kort{ grid-template-columns: minmax(0, 40%) minmax(0, 1fr); min-height: 0; }
  .bb-kduo__innhold{ padding: 20px; }
}
@media only screen and (max-width: 768px){
  .bb-kduo__grid{ grid-template-columns: minmax(0, 1fr); }
  .bb-kduo__kort{ grid-template-columns: minmax(0, 38%) minmax(0, 1fr); }
  .bb-kduo__bilde{ min-height: 100%; }
  .bb-kduo__innhold{ padding: 18px 18px 18px 16px; }
  .bb-kduo__merke{ margin-bottom: 10px; }
  .bb-kduo__tittel{ font-size: var(--bb-h3-kort, 18px); }
  .bb-kduo__tekst{ margin-top: 6px; }
  .bb-kduo__lenke.bb-pil-lenke{ margin: 6px 0 -10px; } /* .bb-pil-lenke faar padding 10 / margin -10 paa mobil (tap-maal) – 6 + 10 = 16 px synlig luft */
}

/* bb-kampanjekort – 15.10.2026 (Henrik, /ui, runde 41–42): ETT kampanjekort per seksjon, plasseres fritt. Erstatter kampanjeduoen
   (skjult i index.json, ikke slettet). Desktop: bilde 46 % venstre/hoeyre, tekst 48 px padding, tittel --bb-h2-size, ingress
   --bb-ingress-size, valgfri tag (hvitt kort m/ tre fargeprikker) oppaa bildet. Mobil: plakat – bildet fyller kortet (16:10),
   teksten ligger oppaa med gradient (bunn eller topp), ingress skjult. Hover: bildet zoomer svakt, pilen glir. Luft: --bb-sec-y. */
.bb-kkort-sek{ padding: var(--bb-sec-y) 0; }
.bb-kkort{ display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 1fr); overflow: hidden; min-height: 400px; border-radius: 16px; border: 1px solid #e7e5e4; background: #faf8f6; color: #1c1917; text-decoration: none; }
.bb-kkort--bilde-hoyre{ grid-template-columns: minmax(0, 1fr) minmax(0, 46%); }
.bb-kkort--bilde-hoyre .bb-kkort__bilde{ order: 2; }
.bb-kkort:hover, .bb-kkort:focus-visible{ color: #1c1917; }
.bb-kkort:focus-visible{ outline: 2px solid #1c1917; outline-offset: 2px; }
.bb-kkort__bilde{ position: relative; overflow: hidden; background: #e7e5e4; }
.bb-kkort__bilde img{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: var(--bb-kkort-fokus, 50% 50%); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.bb-kkort:hover .bb-kkort__bilde img{ transform: scale(1.03); }
.bb-kkort__img--mobil{ display: none; }
.bb-kkort__tag{ position: absolute; left: 20px; bottom: 20px; display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px 9px 10px; border-radius: 12px; background: #fff; color: #1c1917; box-shadow: 0 10px 30px rgba(28,25,23,.18), 0 1px 3px rgba(28,25,23,.08); font-family: var(--bb-mono, ui-monospace, monospace); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.bb-kkort__prikker{ display: flex; flex: none; }
.bb-kkort__prikk{ width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #fff; margin-left: -6px; box-shadow: 0 0 0 .5px rgba(28,25,23,.08); }
.bb-kkort__prikk:first-child{ margin-left: 0; }
.bb-kkort__prikk--1{ background: #e8d4a8; } .bb-kkort__prikk--2{ background: #a86b45; } .bb-kkort__prikk--3{ background: #4a332a; }
.bb-kkort__innhold{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 48px; }
.bb-kkort__merke{ display: inline-block; margin: 0 0 16px; padding: 4px 8px; border: 1px solid #e7e5e4; border-radius: 4px; background: #fff; font-family: var(--bb-mono, ui-monospace, monospace); font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; color: #57534e; }
.bb-kkort__tittel{ margin: 0; max-width: 18ch; font-size: var(--bb-h2-size, 34px); font-weight: 600; line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
.bb-kkort__tekst{ margin: 12px 0 0; max-width: 40ch; font-size: var(--bb-ingress-size, 18px); line-height: 1.5; color: #57534e; text-wrap: pretty; }
.bb-kkort__lenke{ margin-top: 24px; }
.bb-kkort--mork{ background: #17120f; border-color: #17120f; color: #fff; }
.bb-kkort--mork:hover, .bb-kkort--mork:focus-visible{ color: #fff; }
.bb-kkort--mork .bb-kkort__merke{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: rgba(255,255,255,.8); }
.bb-kkort--mork .bb-kkort__tekst{ color: rgba(255,255,255,.75); }
.bb-kkort--mork .bb-kkort__lenke{ color: #fff; }
@media only screen and (max-width: 1023px){
  .bb-kkort{ min-height: 340px; }
  .bb-kkort__innhold{ padding: 32px; }
}
@media only screen and (max-width: 768px){
  /* plakat: bildet fyller kortet, teksten ligger oppaa */
  .bb-kkort, .bb-kkort--bilde-hoyre{ display: block; position: relative; min-height: 0; aspect-ratio: 16 / 10; border: 0; background: #17120f; color: #fff; }
  .bb-kkort:hover, .bb-kkort:focus-visible{ color: #fff; }
  .bb-kkort__bilde, .bb-kkort--bilde-hoyre .bb-kkort__bilde{ position: absolute; inset: 0; }
  .bb-kkort__bilde img{ object-position: var(--bb-kkort-fokus-mobil, 50% 30%); }
  .bb-kkort--har-mobilbilde .bb-kkort__img--desktop{ display: none; }
  .bb-kkort--har-mobilbilde .bb-kkort__img--mobil{ display: block; }
  .bb-kkort__bilde::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(23,18,15,.88) 0%, rgba(23,18,15,.55) 38%, rgba(23,18,15,0) 68%); }
  .bb-kkort--mobil-topp .bb-kkort__bilde::after{ background: linear-gradient(to bottom, rgba(23,18,15,.88) 0%, rgba(23,18,15,.55) 38%, rgba(23,18,15,0) 68%); }
  .bb-kkort__tag{ display: none; }
  .bb-kkort__innhold{ position: absolute; inset: 0; justify-content: flex-end; padding: 18px 20px 20px; }
  .bb-kkort--mobil-topp .bb-kkort__innhold{ justify-content: flex-start; }
  .bb-kkort__merke{ margin-bottom: 10px; background: rgba(255,255,255,.92); border-color: transparent; color: #1c1917; }
  .bb-kkort__tittel{ max-width: 16ch; font-size: 24px; line-height: 1.15; color: #fff; }
  .bb-kkort__tekst{ display: none; }
  .bb-kkort__lenke.bb-pil-lenke{ margin: 4px 0 -10px; color: #fff; } /* tap-padding 10 + 4 = 14 px synlig luft */
}

/* Forsiden (09.09.2026): testimonials og «Slik farger du håret hjemme» like brede som kampanjeseksjonen (page-width) paa desktop */
@media only screen and (min-width: 769px){
  .template-index .testimonials-section .testimonials-slider,
  .template-index [class*="testimonials-"] .testimonials-slider{ max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: -26px !important; margin-right: -26px !important; }
  .template-index .about-story__container{ max-width: 1360px !important; }
}

/* Forenklet forventet resultat (uten bilde/navn) */
.bb-pakkehint__resultat--enkel{ gap: 0; }
.bb-pakkehint__res-meta--stor{ margin: 0; font-size: 16px; font-weight: 600; color: #17120f; }

/* Bryter fg_swatch_prikk=false: ingen temperaturprikk paa sirklene (gruppeoverskrift og brikker beholder sin) */
html.bb-sw--uten-prikk .rbr-color[data-bb-nr]::after{ display: none; }
/* Stiplede, nedtonede brikker for steg som ikke er valgt ennaa (fg_valg_alle) */
.bb-oppsamling__chip--tom:not(.bb-oppsamling__chip--aktiv){ opacity: .7; }
.bb-oppsamling__chip--tom .bb-oppsamling__nr{ color: #a39c95; }

/* =====================================================================
   Fargeguiden som slider (fg_slider, 10.09.2026, test)
   ===================================================================== */
/* Beholderen blir slideren: ett kort i bredden + en stripe av neste, magnetisk stopp */
.template-product .rbr-sbap_body.bb-fg-slider{ display: flex; flex-wrap: nowrap; align-items: stretch; cursor: grab; will-change: scroll-position; scroll-behavior: smooth; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 2px 0 6px; margin: 0 -2px; overscroll-behavior-x: contain; }
.template-product .rbr-sbap_body.bb-fg-slider::-webkit-scrollbar{ display: none; }
.template-product .rbr-sbap_body.bb-fg-slider.er-drag{ scroll-snap-type: none; cursor: grabbing; user-select: none; scroll-behavior: auto; }
.template-product .rbr-sbap_body.bb-fg-slider.er-drag *{ pointer-events: none; }
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide{ flex: 0 0 calc(100% - 30px); min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; order: 0 !important; display: flex; }
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide > .bb-step-card{ flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; height: 100%; margin: 0 !important; display: flex; flex-direction: column; box-sizing: border-box; }
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide:last-child{ margin-right: 30px; }
/* Fast Bundle sin skillelinje mellom kortene tar halve bredden i en flex-slide - vekk med den */
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide > .rbr-divider__container{ display: none !important; }
/* Litt stoerre sirkler naar de har hele kortbredden */
html.bb-fg-slider-html .template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr]{ width: 58px !important; height: 58px !important; margin-bottom: 20px !important; }
html.bb-fg-slider-html .template-product .bb-sw-gruppert{ gap: 10px !important; row-gap: 0 !important; }
html.bb-fg-slider-html .rbr-color[data-bb-nr] .bb-sw-nr{ font-size: 12.5px; }
/* Inkluderte produkter: to i bredden i ett «Inkludert»-felt */
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide--fast{ flex: 0 0 calc(50% - 24px); scroll-snap-align: none; }
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide--fast-forst{ scroll-snap-align: start; }
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide--fast > .bb-step-card--fixed{ height: auto; }
/* Kortinnholdet: neste-lenken nederst */
.bb-fg-neste{ margin-top: auto; align-self: flex-end; display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 10px 2px 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 600; color: #1c1917; cursor: pointer; }
.bb-fg-neste svg{ transition: transform .2s ease; }
.bb-fg-neste:hover svg{ transform: translateX(2px); }
/* Temperaturfaner i stedet for grupper */
html.bb-fg-slider-html .bb-sw-gruppe{ display: none !important; }
html.bb-fg-slider-html .template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color.bb-sw--skjult{ display: none !important; }
.bb-sw-faner{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.bb-sw-fane{ display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; padding: 7px 12px; border: 1px solid #e7e5e4; border-radius: 999px; background: #fff; font: inherit; font-size: 12.5px; font-weight: 600; color: #44403c; cursor: pointer; }
.bb-sw-fane::before{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--bb-t-noytral); }
.bb-sw-fane[data-bb-temp="kald"]::before{ background: var(--bb-t-kald); }
.bb-sw-fane[data-bb-temp="varm"]::before{ background: var(--bb-t-varm); }
.bb-sw-fane.er-aktiv{ background: #1c1917; border-color: #1c1917; color: #fff; }
/* Stegindikator over slideren */
.bb-fg-steg{ margin: 0 0 12px; }
.bb-fg-steg__eyebrow{ margin: 0 0 8px; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #78716c; }
.bb-fg-steg__rad{ display: flex; align-items: flex-start; }
.bb-fg-steg__pkt{ display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 52px; padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.bb-fg-steg__sirkel{ display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(28,25,23,.15); font-size: 12px; font-weight: 500; color: #a8a29e; background: #fff; font-variant-numeric: tabular-nums; }
.bb-fg-steg__pkt.er-aktiv .bb-fg-steg__sirkel{ border-color: #1c1917; color: #1c1917; box-shadow: inset 0 0 0 1px #1c1917; }
.bb-fg-steg__pkt.er-gjort .bb-fg-steg__sirkel{ background: #1c1917; border-color: #1c1917; color: #fff; box-shadow: none; }
.bb-fg-steg__navn{ font-size: 12px; color: #a8a29e; }
.bb-fg-steg__pkt.er-gjort .bb-fg-steg__navn{ color: #78716c; }
.bb-fg-steg__pkt.er-aktiv .bb-fg-steg__navn{ color: #1c1917; }
.bb-fg-steg__linje{ flex: 1 1 auto; height: 1px; margin-top: 12px; background: rgba(28,25,23,.1); }
/* Oppsummering under slideren */
.bb-fg-opps{ margin: 8px 0 16px; padding: 14px 16px 14px; background: #faf8f6; border: 1px solid #e7e5e4; border-radius: 16px; }
.bb-fg-dots{ display: flex; justify-content: center; align-items: center; gap: 6px; margin: 0; }
.bb-fg-dot{ position: relative; width: 6px; height: 6px; padding: 0; border: 0; border-radius: 50%; background: #d6d3d1; cursor: pointer; }
.bb-fg-dot::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; transform: translate(-50%, -50%); }
.bb-fg-dot.er-aktiv{ background: #1c1917; width: 16px; border-radius: 4px; }
.bb-fg-dots{ gap: 12px; }
.bb-fg-opps__label{ margin: 0 0 8px; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #57534e; }
.bb-fg-opps__valg{ display: flex; flex-wrap: wrap; gap: 8px; }
.bb-fg-chip{ display: inline-flex; align-items: center; gap: 8px; padding: 5px 10px 5px 5px; border: 1px solid #e7e5e4; border-radius: 999px; background: #fff; font: inherit; line-height: 1.1; text-align: left; color: #1c1917; cursor: pointer; }
.bb-fg-chip--tom{ border-style: dashed; color: #78716c; }
.bb-fg-chip--aktiv{ border-color: #1c1917; box-shadow: 0 0 0 1px #1c1917; }
.bb-fg-chip--fast{ background: #f5f5f4; border-color: transparent; cursor: pointer; }
.bb-fg-chip__sw{ position: relative; width: 26px; height: 26px; border-radius: 50%; background-size: cover; background-position: center; background-color: #f5f5f4; border: 1px solid #e7e5e4; flex: 0 0 26px; }
.bb-fg-chip[data-bb-temp] .bb-fg-chip__sw::after{ content: ""; position: absolute; top: -3px; right: -3px; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; box-sizing: content-box; background: var(--bb-t-noytral); }
.bb-fg-chip[data-bb-temp="kald"] .bb-fg-chip__sw::after{ background: var(--bb-t-kald); }
.bb-fg-chip[data-bb-temp="varm"] .bb-fg-chip__sw::after{ background: var(--bb-t-varm); }
.bb-fg-chip__navn{ display: flex; flex-direction: column; gap: 2px; font-size: 13px; font-weight: 600; }
.bb-fg-chip__navn small{ font-size: 10.5px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #78716c; }
.bb-fg-chip--tom .bb-fg-chip__navn{ font-weight: 400; }
.bb-fg-chip__ok{ display: inline-flex; color: #1c1917; }
.bb-fg-opps__hint{ margin-top: 12px; }
.bb-fg-opps__hint .bb-pakkehint{ margin: 0; order: 0; }
.bb-fg-opps__hjelp{ margin: 12px 0 0; font-size: 13px; color: #57534e; }
.bb-fg-opps__hjelp.er-ferdig{ color: #1c1917; }
.bb-fg-opps__trust{ display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 10px 0 0; font-size: 12px; color: #57534e; }
.bb-fg-opps__trust span{ display: inline-flex; align-items: center; gap: 4px; }
.bb-fg-opps__trust svg{ color: #1c1917; }
/* I slider-modus ligger «Dine valg» bare i oppsummeringen, og startkortet er ikke en slide */
html.bb-fg-slider-html .bb-oppsamling{ display: none !important; }
@media only screen and (max-width: 768px){
  .template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide{ flex-basis: calc(100% - 26px); }
  .template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide:last-child{ margin-right: 26px; }
  html.bb-fg-slider-html .template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr]{ width: 54px !important; height: 54px !important; margin-bottom: 24px !important; }
  html.bb-fg-slider-html .template-product .bb-sw-gruppert{ gap: 16px !important; row-gap: 0 !important; }
  .template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide--fast{ flex-basis: calc(50% - 20px); }
  .bb-fg-steg__pkt{ min-width: 44px; }
  .bb-fg-opps{ padding: 12px 12px 12px; }
  .bb-sw-fane{ padding: 6px 10px; font-size: 12px; }
}

/* =====================================================================
   Sirklene uten grå ring (10.09.2026): bildet fyller hele sirkelen.
   Valgt = mørk ring med hvit luft + hake i midten (16.09). «Passer med» = stiplet ring (16.09).
   ===================================================================== */
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr]{ padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none; transition: transform .15s ease, box-shadow .15s ease; }
@media (hover: hover){ .template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr]:hover{ transform: translateY(-1px); } }
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr] > [class*="colorSwatch_swatch"]{ border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(28,25,23,.08); }
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr][aria-selected="true"]{ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1c1917 !important; }
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr].bb-sw--anbefalt:not([aria-selected="true"]){ box-shadow: none; }
/* 16.09: «passer med» = stiplet stone-500-ring rundt sirkelen (forslag, ikke valg). Haken er flyttet til valgt tube. */
.template-product .rbr-color.bb-sw--anbefalt:not([aria-selected="true"]){ outline: 2px dashed #78716c; outline-offset: 3px; }
.template-product .rbr-color.bb-sw--anbefalt:not([aria-selected="true"]) .bb-sw-nr{ margin-top: 7px; font-weight: 600; color: #44403c; }
.bb-sw-anbefalt-note::before{ content: ""; width: 11px; height: 11px; box-shadow: none; background: transparent; border: 1.5px dashed #78716c; box-sizing: border-box; vertical-align: -1px; }
.bb-sw-anbefalt-note{ position: relative; }
/* 16.09: valgt tube = mørk ring + hake midt i sirkelen + nummer som mørk pille (tester i huset fanget ikke opp ringen alene) */
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr][aria-selected="true"]::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; border-radius: 50%; background: #1c1917 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center / 14px 14px no-repeat; box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(28,25,23,.35); pointer-events: none; z-index: 1; }
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr][aria-selected="true"] .bb-sw-nr{ margin-top: 3px; padding: 2px 7px; border-radius: 999px; background: #1c1917; color: #fff; font-weight: 700; font-size: 10.5px; line-height: 1.1; }
@media only screen and (max-width: 768px){ .template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr][aria-selected="true"]::before{ width: 22px; height: 22px; margin: -11px 0 0 -11px; background-size: 13px 13px; } }

/* Trykk paa iPhone i slideren (11.09.2026): et trykk som beveger seg litt ble tolket som sideveis
   rulling og snappet tilbake. Sirkler, styrkepiller, faner og knapper tar bare imot loddrett rulling
   og trykk - sveip skjer paa resten av kortet. */
html.bb-fg-slider-html .rbr-color[data-bb-nr], html.bb-fg-slider-html .rbr-styrke, html.bb-fg-slider-html .bb-sw-fane, html.bb-fg-slider-html .bb-fg-neste{ touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
html.bb-fg-slider-html .rbr-color[data-bb-nr] > *{ pointer-events: none; }

/* ui-design-gjennomgang (11.09.2026): faerre feilbestillinger + retningslinjer */
/* Oppsummeringen skifter tilstand naar kombinasjonen boer sjekkes */
.bb-fg-opps:has(.bb-pakkehint--obs){ border-color: #e9b8ad; }
.bb-fg-opps:has(.bb-pakkehint--obs) .bb-fg-opps__hjelp.er-ferdig{ color: #b5432f; }
.bb-pakkehint__tekst--obs{ padding-left: 14px; border-left: 2px solid #b5432f; }
.bb-pakkehint--obs .bb-pakkehint__tittel{ font-weight: 600; }
/* Nestede hjoerner: kortet er 16 px, boksene inni maa vaere mindre */
html.bb-fg-slider-html .template-product .bb-step-card:not(.bb-step-card--fixed) [class*="selectBoxCustom_variants"]{ border-radius: 10px; }
html.bb-fg-slider-html .template-product .bb-fargehint{ border-radius: 10px; }
html.bb-fg-slider-html .bb-fg-opps{ border-radius: 16px; }
html.bb-fg-slider-html .bb-fg-opps .bb-pakkehint{ border-radius: 10px; }
/* Tekststoerrelser: ikke under 12 px paa merkelapper, 13 px paa hjelpetekst */
.bb-fg-steg__eyebrow{ font-size: 11px; }
.bb-fg-opps__hjelp{ font-size: 14px; }
.bb-fg-opps__trust{ font-size: 12.5px; }
/* Ingen fargeovergang paa hover, bare bevegelse */
.bb-fg-chip, .bb-sw-fane, .bb-fg-steg__pkt{ transition: none; }

/* Bekreftelsestrinn ved tvilsom kombinasjon (11.09.2026) */
.bb-pakkehint__bekreft{ display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 0; padding: 12px 14px; border-radius: 10px; background: #fff; border: 1px solid #e9b8ad; font-size: 14px; line-height: 1.45; color: #1c1917; cursor: pointer; }
.bb-pakkehint__bekreft-boks{ flex: 0 0 auto; width: 20px; height: 20px; margin: 1px 0 0; accent-color: #1c1917; cursor: pointer; }
.bb-pakkehint__bekreft:has(.bb-pakkehint__bekreft-boks:checked){ border-color: #1c1917; background: #f5f5f4; }
.bb-pakkehint__bekreft.er-rist{ animation: bb-rist .4s ease; }
@keyframes bb-rist{ 20%{ transform: translateX(-4px); } 40%{ transform: translateX(4px); } 60%{ transform: translateX(-3px); } 80%{ transform: translateX(3px); } }
@media (prefers-reduced-motion: reduce){ .bb-pakkehint__bekreft.er-rist{ animation: none; } }
.rbr-bap_button.bb-sperret [role="button"], .rbr-bap_button.bb-sperret button{ opacity: .45; cursor: not-allowed; }
.bb-sperret__note{ margin: 8px 0 0; font-size: 13px; color: #b5432f; text-align: center; }
/* Slider helt ut til kanten paa mobil */
@media only screen and (max-width: 768px){
  .template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide{ flex-basis: calc(100% - 36px); }
  .template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide:last-child{ margin-right: 30px; }
}

/* Navigasjonsrad mellom slideren og oppsummeringen (11.09.2026): piler + prikker + sveip-hint */
.bb-fg-nav{ position: relative; z-index: 2; display: grid; grid-template-columns: 36px 1fr 36px; align-items: center; justify-items: center; gap: 4px 10px; margin: 22px 0 22px; }
.bb-fg-pil{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(28,25,23,.14); border-radius: 50%; background: #fff; color: #1c1917; cursor: pointer; }
.bb-fg-pil--forrige svg{ transform: rotate(180deg); }
.bb-fg-pil:disabled{ opacity: .3; cursor: default; }
.bb-fg-sveip{ grid-column: 1 / -1; margin: 0; font-size: 12.5px; color: #78716c; }
.bb-fg-nav.er-sveipet .bb-fg-sveip{ display: none; }
@media only screen and (min-width: 769px){ .bb-fg-sveip{ display: none; } }
@media only screen and (max-width: 768px){ .bb-fg-pil{ display: none; } .bb-fg-nav{ grid-template-columns: 1fr; margin: 20px 0 20px; } }
.bb-fg-opps{ margin-top: 0; }

/* Jevnere slider paa desktop (11.09.2026) */
/* (contain: paint klippet kortets skygge - fjernet 11.09) */
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide{ backface-visibility: hidden; overflow: visible; }
.template-product .rbr-sbap_body.bb-fg-slider.er-drag .rbr-color[data-bb-nr]{ transition: none; }

/* Kort som gjenstander (11.09.2026, etter Apple-referanse): hvite kort med myk skygge, ingen ramme.
   De indre feltene bytter til sand saa kontrasten beholdes. Slideren faar luft over/under for skyggen. */
/* Rullefeltet maa ha rom paa alle sider saa skyggen toner ut FOER kanten (ellers klippes den med hard kant) */
.template-product .rbr-sbap_body.bb-fg-slider{ margin: -24px -40px -56px; padding: 24px 40px 60px; scroll-padding-left: 40px; position: relative; z-index: 0; }
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide > .bb-step-card{ background: #fff !important; border: 0 !important; border-radius: 16px !important; box-shadow: 0 0 0 1px rgba(28,25,23,.06), 0 2px 4px rgba(28,25,23,.04), 0 10px 28px rgba(28,25,23,.12); }
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide > .bb-step-card--fixed{ box-shadow: 0 1px 2px rgba(28,25,23,.05), 0 6px 20px rgba(28,25,23,.08); }
html.bb-fg-slider-html .template-product .bb-step-card:not(.bb-step-card--fixed) [class*="selectBoxCustom_variants"]{ background: #faf8f6; border-color: transparent; }
html.bb-fg-slider-html .template-product .bb-fargehint{ background: #faf8f6; }
html.bb-fg-slider-html .template-product .bb-step-card .rbr-styrke{ background: #e7e5e4 !important; color: #1c1917 !important; border-color: transparent !important; }
html.bb-fg-slider-html .template-product .bb-step-card .rbr-styrke[aria-selected="true"]{ background: #1c1917 !important; color: #fff !important; border-color: #1c1917 !important; }
html.bb-fg-slider-html .bb-sw-fane{ background: #fff; }
html.bb-fg-slider-html .bb-sw-fane.er-aktiv{ background: #1c1917; }
html.bb-fg-slider-html .template-product .bb-startkort{ background: #fff; border: 0; box-shadow: 0 1px 2px rgba(28,25,23,.05), 0 10px 32px rgba(28,25,23,.10); border-radius: 16px; }
@media only screen and (max-width: 768px){
  .template-product .rbr-sbap_body.bb-fg-slider{ margin: -20px calc(-1 * var(--bb-sidekant, 15px)) -52px; padding: 20px 12px 56px; scroll-padding-left: 12px; }
  .template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide{ flex-basis: calc(100% - 44px); }
}

/* Myk uttoning i sidene av slideren (11.09.2026): kortene fader ut i stedet for aa kuttes rett */
.template-product .rbr-sbap_body.bb-fg-slider{ -webkit-mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 18px), transparent); mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 18px), transparent); }
@media only screen and (max-width: 768px){
  .template-product .rbr-sbap_body.bb-fg-slider{ -webkit-mask-image: none; mask-image: none; }
}

/* Test 11.09: ramme rundt fargefeltet i stone-800 (Henrik) */


/* =====================================================================
   Test 11.09 (Henrik): moerkt kort i stone-800 med lys tekst. Fargefeltet
   med sirklene forblir lyst (stone-50) saa haarfargene leses riktig.
   ===================================================================== */
html.bb-fg-slider-html .template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed){ background: #292524 !important; background: oklch(26.8% 0.007 34.298) !important; color: #f5f5f4; box-shadow: 0 2px 4px rgba(28,25,23,.08), 0 10px 28px rgba(28,25,23,.22); }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-step-label{ color: #a8a29e; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .rbr-productNamePrice__title__container,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .rbr-productNamePrice__title__container a{ color: #fff !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .rbr-productNamePrice__price__container,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .rbr-productNamePrice__price__container *{ color: #d6d3d1 !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .rbr-sbap_thumbnail{ border-color: #44403c !important; }
/* Fargefeltet: lyst, uten ramme */
html.bb-fg-slider-html .template-product .bb-step-card:not(.bb-step-card--fixed) [class*="selectBoxCustom_variants"]{ background: #faf8f6; border-color: transparent; }
/* Hint-boksen: moerk variant */
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-fargehint{ background: #f5f5f4; color: #292524; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-fargehint__nr,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-fargehint strong{ color: #1c1917; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-fargehint__chip{ background: #d6d3d1; color: #1c1917; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-fargehint__passer{ color: #57534e; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-fargehint__passer em{ color: #292524; }
/* Lenker og knapper i kortet */
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-fg-neste{ color: #fff; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-styrkeguide__apne,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-variantnote,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) a{ color: #e7e5e4; }

/* Kompakt kort-hode i slidermodus (11.09): bilde til venstre, stegetikett over navn + pris */
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card [class*="rbr-sbap_item_info"]{ display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .rbr-sbap_thumbnail{ width: 60px !important; height: 60px !important; min-width: 60px; border-radius: 12px !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .rbr-sbap_name-and-price{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .rbr-sbap_name-and-price > .bb-step-label{ flex: 0 0 100%; margin: 0; font-size: 11px; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed){ padding-top: 14px !important; }

/* Sirkler i jevnt rutenett (13.09): fyller feltet med lik luft til begge sider */
html.bb-fg-slider-html .template-product .bb-sw-gruppert{ display: grid !important; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); gap: 0 12px !important; justify-items: stretch; }
html.bb-fg-slider-html .template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr]{ width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; margin: 0 0 22px 0 !important; }
html.bb-fg-slider-html .template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr] > [class*="colorSwatch_swatch"]{ aspect-ratio: auto; }
@media only screen and (max-width: 768px){ html.bb-fg-slider-html .template-product .bb-sw-gruppert{ grid-template-columns: repeat(auto-fill, minmax(54px, 1fr)); gap: 0 10px !important; } }
/* Svensk: rbr-styrka faar rbr-styrke via JS, men dekk begge i CSS ogsaa */
html.bb-fg-slider-html .template-product .bb-step-card .rbr-styrka{ background: #e7e5e4 !important; color: #1c1917 !important; border-color: transparent !important; }
html.bb-fg-slider-html .template-product .bb-step-card .rbr-styrka[aria-selected="true"]{ background: #1c1917 !important; color: #fff !important; border-color: #1c1917 !important; }

/* 13.09: fylte brikker skal alltid ha hel strek - eksplisitt, og litt tydeligere (stone-300) */
.bb-fg-chip:not(.bb-fg-chip--tom){ border-style: solid !important; border-color: #d6d3d1; }
.bb-fg-chip--aktiv:not(.bb-fg-chip--tom){ border-color: #1c1917; }
.bb-fg-chip--fast{ border-color: transparent; }

/* 13.09: tom brikke for kortet man staar paa = bare stiplet stone-500, ingen moerk ring. Fylt = hel strek + moerk ring. */
.bb-fg-chip.bb-fg-chip--aktiv.bb-fg-chip--tom{ border-style: dashed !important; border-color: #78716c !important; box-shadow: none !important; color: #57534e; }

/* «Inkludert»-kort sist i slideren (13.09): Fast Bundle sine faste kort skjules, ett eget kort samler dem */
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-skjult{ display: none !important; }
.template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide--inkludert{ flex: 0 0 calc(100% - 30px); }
.bb-fg-inkl__kort{ padding: 14px 16px 16px !important; }
.bb-fg-inkl__tittel{ margin: 6px 0 4px; font-size: 18px; font-weight: 600; color: #fff; }
.bb-fg-inkl__tekst{ margin: 0 0 14px; font-size: 13.5px; color: #d6d3d1; }
.bb-fg-inkl__liste{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.bb-fg-inkl__rad{ display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: #f5f5f4; color: #1c1917; }
.bb-fg-inkl__bilde{ width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; background: #fff center / cover no-repeat; border: 1px solid #e7e5e4; }
.bb-fg-inkl__navn{ display: flex; flex-direction: column; gap: 2px; font-size: 14px; font-weight: 600; line-height: 1.3; min-width: 0; }
.bb-fg-inkl__navn small{ font-size: 12px; font-weight: 400; color: #57534e; }
.bb-fg-inkl__ok{ margin-left: auto; display: inline-flex; color: #1c1917; }
html.bb-fg-slider-html .bb-fg-slide--inkludert .bb-step-label{ color: #a8a29e; }
@media only screen and (max-width: 768px){ .template-product .rbr-sbap_body.bb-fg-slider > .bb-fg-slide--inkludert{ flex-basis: calc(100% - 36px); } }

/* Utilgjengelige nyanser (13.09): Fast Bundle skjuler dem normalt, men vaar display:flex-regel slo det ut. Skjul igjen. */
.template-product .bb-step-card [class*="colorSwatch_options"] > .rbr-color[data-bb-nr][aria-disabled="true"]{ display: none !important; }

/* Styrkevelgeren inne i det moerke kortet (14.09) */
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__type{ background: #e7e5e4 !important; color: #1c1917 !important; border-color: transparent !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__type[aria-pressed="true"],
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__type.er-valgt,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__type.er-aktiv{ background: #1c1917 !important; color: #fff !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__hjelp{ color: #d6d3d1 !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__skalatekst{ color: #a8a29e !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__marker{ background: #fff !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__guide{ border-color: #57534e !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__lukk,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__mer,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__trigger{ color: #e7e5e4 !important; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__sporsmal,
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card .bb-styrkevalg__anbefalt{ color: #fff !important; }
/* Stablet modus (ett valg): kort + Inkludert rett under, ingen slider */
.template-product .rbr-sbap_body.bb-fg-slider.bb-fg-stablet{ display: flex !important; flex-wrap: wrap !important; overflow: visible !important; scroll-snap-type: none !important; margin: 0 !important; padding: 8px 0 12px !important; gap: 12px !important; cursor: default; -webkit-mask-image: none !important; mask-image: none !important; }
.template-product .rbr-sbap_body.bb-fg-slider.bb-fg-stablet > .bb-fg-slide{ flex: 0 0 100% !important; scroll-snap-align: none; }
.template-product .rbr-sbap_body.bb-fg-slider.bb-fg-stablet > .bb-fg-slide:last-child{ margin-right: 0 !important; }
.template-product .rbr-sbap_body.bb-fg-slider.bb-fg-stablet > .bb-fg-slide > .bb-step-card{ height: auto; }
.bb-fg-stablet .bb-fg-inkl__kort{ padding: 14px 16px 14px !important; }
.bb-fg-stablet .bb-fg-inkl__tittel{ display: none; }
.bb-fg-stablet .bb-fg-inkl__tekst{ margin-bottom: 10px; }
/* 14.09: fire faner (med «Uten pigment») faar plass paa mobil - tettere piller, ellers bryter raden */
/* 18.10 (Henrik): «Uten pigment» brakk til egen rad paa 360–390 px (fire piller = 326 px, plass 240–270). Naa: tettere piller (11 px, 5/7 px),
   raden gaar ut til kortets kant (12 px Fast Bundle-padding hentes inn) og er nowrap med skjult scroll – paa 390+ faar alle fire plass,
   paa 360 er teksten hel med 7 px margin (maalt i pw/faner-kladd.js). Raden kan dras hvis en enhet er smalere. */
@media only screen and (max-width: 768px){
  .bb-sw-faner{ flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -12px 10px; padding: 0 4px; gap: 3px; }
  .bb-sw-faner::-webkit-scrollbar{ display: none; }
  .bb-sw-fane{ flex: none; padding: 5px 6px; font-size: 11px; gap: 4px; }
  .bb-sw-fane::before{ width: 6px; height: 6px; }
}

/* 16.09: paaminnelse naar man gaar til oppsummeringen uten aa ha valgt alt (klasse bb-fg-opps--paaminn) */
@keyframes bbFgPaaminn{ 0%{ transform: translateX(0); } 20%{ transform: translateX(-4px); } 40%{ transform: translateX(4px); } 60%{ transform: translateX(-3px); } 80%{ transform: translateX(3px); } 100%{ transform: translateX(0); } }
.bb-fg-opps--paaminn{ border-color: #b5432f; box-shadow: 0 0 0 1px #b5432f; animation: bbFgPaaminn .45s ease; }
.bb-fg-opps--paaminn .bb-fg-chip--tom{ border-color: #b5432f; color: #b5432f; background: #fdf3f1; }
.bb-fg-opps--paaminn .bb-fg-chip--tom .bb-fg-chip__navn small{ color: #b5432f; }
.bb-fg-opps--paaminn .bb-fg-opps__hjelp:not(.er-ferdig){ color: #b5432f; font-weight: 600; }
.bb-fg-opps--paaminn .bb-fg-opps__hjelp:not(.er-ferdig)::before{ content: attr(data-bb-husk) " "; font-weight: 700; }
@media (prefers-reduced-motion: reduce){ .bb-fg-opps--paaminn{ animation: none; } }

/* 16.09: bekreft-steg - Neste-lenken blir en fylt knapp naar kortet har et valg (auto-videre av) */
.bb-fg-neste.er-klar{ align-self: stretch; justify-content: center; margin-top: 14px; padding: 12px 16px; border-radius: 12px; background: #1c1917; color: #fff; }
html.bb-fg-slider-html .bb-fg-slide > .bb-step-card:not(.bb-step-card--fixed) .bb-fg-neste.er-klar{ background: #fff; color: #1c1917; }
/* 16.09: styrke-hint under H2O2-pillene */
.bb-fargehint--styrke{ margin-top: 10px; }

/* 25.09: hintet under sirklene skjules naar fanen ikke viser den valgte nyansen */
.bb-step-card.bb-fg-hint-skjult > .bb-fargehint:not(.bb-fargehint--styrke){ display: none; }

/* 25.09: styrkeguidens lenker - stoerre trykkflate paa mobil (44 px) og ingen sideveis-rulling ved trykk */
.bb-styrkevalg__trigger{ margin-top: 2px; padding: 12px 0; min-height: 44px; }
.bb-styrkevalg__mer{ margin-top: 2px; padding: 12px 0; min-height: 44px; }
.bb-styrkevalg__lukk{ padding: 10px 6px; margin: -10px -6px; min-height: 44px; }
html.bb-fg-slider-html .bb-styrkevalg__trigger, html.bb-fg-slider-html .bb-styrkevalg__lukk, html.bb-fg-slider-html .bb-styrkevalg__mer, html.bb-fg-slider-html .bb-styrkevalg__type{ touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

/* enkel: css-versjon 250902 */

/* Forsiden (12.10.2026, Henrik): bærekraft-banneret (slideshow 3f653fa9) skal ligge innenfor
   sidens marg med avrundede hjørner, som FAQ-helten (bb-faq-hero). 17px mobil / 40px desktop
   = samme marg som .page-width, maks 1420px innhold. */
.shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .slideshow-wrapper{ width:calc(100% - 34px); max-width:1420px; margin:0 auto; }
.shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero{ border-radius:16px; overflow:hidden; }
@media only screen and (min-width:769px){
  .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .slideshow-wrapper{ width:calc(100% - 80px); }
}

/* 13.10.2026 knapper v3 (Henrik): 14px/caps/sperring - font-weight 600, text-transform uppercase,
   letter-spacing .08em, line-height 1.2 paa alle "ekte" knapper. Bygger videre paa 12.10.2026-
   blokken (samme metode: Sofia Pro sin kapitalhoyde sitter ~0.09em OVER linjeboksens senter ved
   600/700-vekt - jf. scratchpad/pw/knapper.js sin avvik-formel). Med STORE BOKSTAVER (ingen
   underlengder) gjelder fortsatt padding-bottom > padding-top, nye tall fordi skriften er mindre
   (15->14 / 14->13). Uendret: farger, border-radius, bredder. Rorer ikke tredjepart
   (jdgm-*, Joy, Klaviyo, Appstle). */
.btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded{
  font-size: 13px !important; /* 13.10.2026 Henrik: «litt mindre» -> 13px, hoyden beholdt via padding. v4: IBM Plex Mono 400 som referanseknappen */
  font-family: var(--bb-mono, ui-monospace, monospace) !important;
  font-weight: 600 !important; /* 13.10 Henrik: 600 */
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  line-height: 1.2 !important;
  padding-top: 14.2px !important; /* blekkmaalt (blekk2.js): Plex Mono-kapitalene laa 1 px lavt -> 1 px opp */
  padding-bottom: 16.2px !important;
}
.btn.btn--small,
.btn--small{
  font-size: 12px !important;
  font-family: var(--bb-mono, ui-monospace, monospace) !important;
  font-weight: 600 !important; /* 13.10 Henrik: 600 */
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  line-height: 1.2 !important;
  padding-top: 10.5px !important;
  padding-bottom: 11.1px !important;
}
.footer__cta-btn{
  font-size: 13px !important;
  font-family: var(--bb-mono, ui-monospace, monospace) !important;
  font-weight: 600 !important; /* 13.10 Henrik: 600 */
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  line-height: 1.2 !important;
  padding-top: 13.7px !important;
  padding-bottom: 15.7px !important;
}

/* 13.10.2026 knapper v3 - SMÅ knapper i produktkortet («Legg til» / «Se pakke»): Henrik synes de
   var altfor store paa mobil og teksten burde ligne prisen mer. Samme 14px-caps-stil, men kompakt:
   hoyde ca. 36-38px (var ~56px), horisontal padding loftet 16->18px. Loddrett padding omkalibrert
   for store bokstaver (samme metode/retning som over, skalert til 13px). Bredde/farge/radius
   uendret. Maalt med scratchpad/pw/blekk.js. */
.grid-product__actions .collection-add-to-cart,
.grid-product__actions .bundle-link{
  font-size: 12px !important;
  font-family: var(--bb-mono, ui-monospace, monospace) !important;
  font-weight: 600 !important; /* 13.10 Henrik: 600 */
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  line-height: 1.2 !important;
  padding-top: 10.2px !important;
  padding-bottom: 11.4px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}
@media only screen and (max-width:768px){
  .grid-product__actions .collection-add-to-cart,
  .grid-product__actions .bundle-link{
    font-size: 12px !important;
    font-family: var(--bb-mono, ui-monospace, monospace) !important;
    font-weight: 600 !important; /* 13.10 Henrik: 600 */
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    line-height: 1.2 !important;
    padding-top: 9.5px !important;
    padding-bottom: 10.1px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
/* Forsiden (featured-collection) viser kortene i en .grid-overflow-wrapper-karusell. Samme
   kalibrering som det vanlige samlingsgridet til vi har maalt den egne konteksten paa nytt. */
.grid-overflow-wrapper .grid-product__actions .collection-add-to-cart,
.grid-overflow-wrapper .grid-product__actions .bundle-link{
  padding-top: 10.2px !important;
  padding-bottom: 11.4px !important;
}
@media only screen and (max-width:768px){
  .grid-overflow-wrapper .grid-product__actions .collection-add-to-cart,
  .grid-overflow-wrapper .grid-product__actions .bundle-link{
    padding-top: 9.5px !important;
    padding-bottom: 10.1px !important;
  }
}
/* 13.10.2026 fargerevisjon (Henrik): grønn «ok/inkludert»-farge #3d6b4f → stone-900 #1c1917, lysegrønn flate #eaf1ec → stone-100 (bb-fg-chip__ok, bb-fg-opps__hjelp.er-ferdig, bb-fg-opps__trust, bb-pakkehint__bekreft:checked, bb-fg-inkl__ok). Salgsrødt (#fc4b4b merker / #e53331 pristekst) og gule stjerner (#f59e0b) beholdes etter vedtak. */
/* 13.10.2026 (Henrik): IBM Plex Mono (Adobe Fonts) på liten produkt-/spesifikasjonstekst: kategorimerker på kort,
   «Inkl. mva.», Fargeguidens chips og inkludert-liste. Variabelen --bb-mono settes i layout/theme.liquid. */
.bb-pdp-merke, .bb-pris__mva, .bb-fg-chip, .bb-fg-chip__navn, .bb-fg-inkl__navn, .bb-fg-inkl__tekst, .bb-fs-sm__chip, .bb-fs-sm__kort-tall { font-family: var(--bb-mono, monospace); }
.bb-pdp-merke { letter-spacing: .04em; font-weight: 500; }


/* 13.10.2026 (Henrik): ingen understrek paa lenker. Tekstlenker i broedtekst (.rte, metafelt-richtext)
   faar understrek kun ved hover/fokus saa de fortsatt kan oppdages. Tredjepart (jdgm-*) roeres ikke. */
a, a:hover, a:focus,
.bb-fs-sl__lenke, .bb-fs-tr__lenke, .bb-fs-om__lenke, .bb-fs-bv__lenke, .bb-fs-sm__lenke, .bb-fq__lenke,
.product__policies a, .bb-trust-card__list a, .bb-mp-hint-sub a, a.bb-consult-link, .bb-cc-line a, .bb-mp-steps__link a,
.tabbed-guide__outro a, .bb-fqe__kort, .footer__cta-btn{ text-decoration: none; }
.rte p a:hover, .rte li a:hover, .metafield-rich_text_field a:hover,
.rte p a:focus-visible, .rte li a:focus-visible, .metafield-rich_text_field a:focus-visible{ text-decoration: underline; text-underline-offset: 2px; }

/* 13.10.2026 (Henrik): tilbudsfargen roed (#fc4b4b merker, #e53331 pristekst) byttes til emerald.
   Merker: emerald-200 #a7f3d0 flate + emerald-900 #064e3b tekst (tonal, 9,6:1).
   Pristekst: Henrik 13.10 «prisen skal ha samme farge som knappen» -> knappefargen (--colorBtnPrimary, #17120f).
   «Spar»-teksten foelger merket (emerald-900). */
.bb-pdp-rabatt,
.grid-product__tag.bb-kort-rabatt,
.grid-product__tag--sale, .grid-product__tag.grid-product__tag--sale{ background: #a7f3d0 !important; color: #064e3b !important; }
.bb-pris__rad .product__price.on-sale,
.grid-product__footer .grid-product__price--now.er-nedsatt{ color: var(--colorBtnPrimary, #17120f) !important; }
.bb-pris__spar,
.grid-product__price--savings, .product__price-savings{ color: #064e3b !important; }

/* 13.10.2026 (Henrik): nyhetsbrev-overskriften («Fargetips rett i innboksen.») fet og litt stoerre. */
.newsletter-section .h3, .newsletter-section h3{ font-weight: 700; font-size: 24px; line-height: 1.2; letter-spacing: -.01em; margin-bottom: 12px; }
@media only screen and (min-width:769px){ .newsletter-section .h3, .newsletter-section h3{ font-size: 28px; } }

/* 13.10.2026 (Henrik): fylte knapper skal ikke faa moerk tekst ved hover (temaets a:hover-farge slo inn). */
/* (inherit var feil - ga foreldrefargen. Hover-farger settes eksplisitt i seksjonsfilene.) */
.bb-fs-sl__btn:hover, .bb-fs-sl__btn:focus-visible{ background: #44403c; border-color: #44403c; color: #ffffff; }

/* 13.10.2026 (Henrik): knappen i bildebanneret (slideshow, «Slik jobber vi») var nesten usynlig som hvitt omriss paa bildet -> fylt hvit pille med moerk tekst. */
.hero__link .btn--inverse, .hero__link .btn--inverse:hover, .hero__link .btn--inverse:focus{ background: #ffffff; border: 1px solid #ffffff; color: #1c1917; }
.hero__link .btn--inverse:hover{ filter: brightness(.94); }

/* 13.10.2026 knapper v4b (Henrik: «ikke helt paa merket i forhold til bildet»): referanseknappen er en full
   pille. Temainnstillingen button_style=round gir --buttonRadius 16px paa .btn (banner, nyhetsbrev, kjoep),
   mens bb-seksjonene allerede bruker 999px. Her loeftes alle .btn til pille. .return-link.btn (radius 0,
   hoeyere spesifisitet) og tredjepart roeres ikke. */
.btn, .rte .btn, .btn--small, .shopify-payment-button .shopify-payment-button__button--unbranded{ border-radius: 999px !important; }

/* 13.10.2026 (Henrik): knappene paa mobil skal ha full bredde ut til sidens marg. Gjelder bannerknappen
   (slideshow .hero__link) og nyhetsbrev-knappen (feltet legger seg over knappen). Smaa knapper
   («Mer», «Legg til» i kort) og footer-CTA (alt full bredde) roeres ikke. Seksjonsknappene (hero,
   «Kom i gang», Utvalgte produkter) har samme regel i sine seksjonsfiler. */
@media only screen and (max-width:768px){
  .hero__link{ width:100%; }
  .hero__link .btn--inverse{ width:100%; }
  /* nyhetsbrev: Henrik 13.10 kveld – felt + knapp paa én rad som foer (ikke stablet) */
  /* Henrik 13.10: paa mobil sentreres hele nyhetsbrev-seksjonen (CTA paa egen flate) */
  .newsletter-section--no-image .newsletter-section__content{ text-align:center; justify-items:center; }
  .newsletter-section--no-image .newsletter-section__content .h3, .newsletter-section--no-image .newsletter-section__content h3, .newsletter-section--no-image .newsletter-section__content p{ margin-left:auto; margin-right:auto; }
  .newsletter-section--no-image .newsletter__input-group{ max-width:420px; margin:0 auto; }
}

/* 13.10.2026 (Henrik): «Se produkter» i Utvalgte produkter (treatments-accordion__btn) laa i den delte
   bbBtn-lista (radius/vekt/sperring/uppercase:none med !important) og fikk derfor ikke knappestilen fra
   seksjonsfilen. Spesifikk overstyring her, etter lista. Resten av bbBtn-lista (sticky-atc, konfigurator,
   uploadkit m.fl.) er bevisst ikke roert. */
.treatments-accordion__btn{
  border-radius: 999px !important;
  height: 48px;
  padding: 0 32px 2px !important;
  font-size: 13px !important;
  font-family: var(--bb-mono, ui-monospace, monospace) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

/* 13.10.2026 (Henrik): footer-CTA («Ikke prøvd oss enda?») paa én linje. Knappen er full bredde, saa
   sidepaddingen (28px fra bbBtn-lista) stjal bare plass: 12px gir 300px tekstbredde paa 360-mobil.
   text-wrap: balance gir to jevne linjer der teksten likevel er for lang (sv/da, lange kampanjetekster). */
.footer__cta-btn{ padding-left: 12px !important; padding-right: 12px !important; text-wrap: balance; }

/* =====================================================================================
   13.10.2026 AVSTANDSREGEL (Henrik: «en regel for avstandsstruktur som er gjennomgående»).
   Dokumentert i _bb-notater/REGLER-avstand-2026-10-13.md. Alle seksjoner bruker tokenene under;
   ingen seksjon setter egne px-verdier for ytre luft.
   --bb-sec-y    : luft fra seksjonskant til innhold, hvite seksjoner    28 / 48  (=> 56/96 mellom to seksjoners innhold)
   --bb-sec-y-sm : kompakt seksjon (rating-badge, nylig sett, samling-topp) 18 / 28
   --bb-surface-y: luft innenfor en tonet/moerk flate (trygghet, footer, nyhetsbrev, mp-steps) 44 / 72
   --bb-head-gap : fra overskriftsgruppe til innhold                      32 / 48
   --bb-gap      : mellomrom i grid/lister (kort, kolonner)               16 / 24
   --bb-gutter   : sidemarg (= .page-width)                               17 / 40
   (mobil / >=769px) */
:root{ --bb-sec-y:28px; --bb-sec-y-sm:18px; --bb-surface-y:44px; --bb-head-gap:32px; --bb-gap:16px; --bb-gutter:17px; }
@media only screen and (min-width:769px){ :root{ --bb-sec-y:48px; --bb-sec-y-sm:28px; --bb-surface-y:72px; --bb-head-gap:48px; --bb-gap:24px; --bb-gutter:40px; } }

/* 13.10.2026 (Henrik, /ui): bærekraft-banneret (slideshow 3f653fa9) – teksten var for stor paa mobil og
   eyebrow-en brukte temaets sperrede versaler. Naa samme typografi som resten av forsiden: eyebrow 14/600,
   overskrift 24 px mobil / 36 px desktop (600, -0.02em, balansert, maks 22–24ch), knapp 20/28 px under. */
.shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__text-content{ padding:24px 0; }
.shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__top-subtitle{ font-family:var(--bb-mono, ui-monospace, monospace); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; margin:0 0 10px; opacity:.85; } /* 16.10: eyebrow = mono-versaler (valg C) */
.shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__title{ font-size:24px !important; font-weight:600; line-height:1.15; letter-spacing:-.02em; max-width:20ch; margin:0 auto; text-wrap:balance; }
.shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__text-content .hero__link{ margin-top:20px; }
/* Henrik 13.10: underlengdene i tittelen ble kuttet av temaets animation-cropper (overflow hidden) – gi cropperen rom til underlengder */
.shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__title .animation-cropper, .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__top-subtitle .animation-cropper{ padding-bottom:.2em; margin-bottom:-.2em; }
@media only screen and (min-width:769px){
  .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__text-content{ padding:40px 0; }
  .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__title{ font-size:36px !important; max-width:30ch; }
  .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__text-content .hero__link{ margin-top:28px; }
}

/* 13.10.2026 (Henrik, /ui): nyhetsbrev-seksjonen saa rar ut venstrestilt – innholdsblokken laa sentrert
   (max-width 800 + margin auto + padding-left 20) med teksten venstre i den. Naa tokolonne som FAQ/«Slik
   funker det» (5fr/7fr, 64 px kolonnegap): overskrift + ingress venstre mot sidens marg, skjemaet hoeyre.
   Mobil: stablet mot margen. Luft etter avstandsregelen. */
.newsletter-section{ padding:var(--bb-surface-y) 0 !important; margin-top:var(--bb-sec-y) !important; } /* tonet flate (#faf8f6); 15.10 runde 46–47: tonede flater og bannere faar sec-y over kanten (96/56 fra innholdet foer) */
/* 15.10 runde 47 (Henrik: «mer luft over enn under» bevis-raden): baerekraft-banneret er en flate – samme 96/56 til kanten som tonede flater */
.shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"]{ margin-top:var(--bb-sec-y); }
.newsletter-container.index-section{ padding:0 !important; } /* flaten (newsletter-section) baerer luften, ikke wrapperen */
.newsletter-section--no-image .newsletter-section__content{ max-width:none; margin:0; padding-left:0; display:grid; grid-template-areas:"title" "text" "form"; row-gap:12px; }
.newsletter-section--no-image .newsletter-section__content > .theme-block:nth-child(1){ grid-area:title; }
.newsletter-section--no-image .newsletter-section__content > .theme-block:nth-child(2){ grid-area:text; }
.newsletter-section--no-image .newsletter-section__content > .theme-block:nth-child(3){ grid-area:form; margin-top:20px !important; }
.newsletter-section--no-image .h3, .newsletter-section--no-image h3{ margin-bottom:0 !important; }
.newsletter-section--no-image .theme-block, .newsletter-section--no-image .rte, .newsletter-section--no-image .enlarge-text, .newsletter-section--no-image form{ margin:0 !important; }
.newsletter-section--no-image .enlarge-text p{ margin:0; }
.newsletter-section--no-image .newsletter-section__content form{ justify-content:flex-start; }
.newsletter-section--no-image .newsletter__input-group{ max-width:none; width:100%; }
@media only screen and (min-width:769px){
  .newsletter-section--no-image .newsletter-section__content{ grid-template-columns:minmax(0,520px) minmax(0,480px); grid-template-areas:"title form" "text form"; column-gap:48px; row-gap:10px; align-items:center; justify-content:center; } /* Henrik 13.10: gruppen midtstilles som enhet, teksten forblir venstrestilt */
  .newsletter-section--no-image .newsletter-section__content > .theme-block:nth-child(3){ margin-top:0 !important; justify-self:start; width:100%; max-width:480px; }
}
/* Banneret paa mobil: bildet er liggende, saa «auto»-hoeyden ble bare 293 px og teksten fylte alt.
   4:5-format (padding-bottom 115 %) gir bildet rom rundt teksten. */
@media only screen and (max-width:768px){
  .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero{ min-height:430px; }
  .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__image-wrapper, .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__image-wrapper image-element, .shopify-section[id$="__3f653fa9-30fe-43b4-8a90-6e46e9fc1f20"] .hero__image{ height:100%; width:100%; object-fit:cover; }
}

/* 13.10.2026 AVSTANDSREGEL – temaets egne seksjoner lagt paa tokenene (bb-seksjonene gjoeres i seksjonsfilene). */
.index-section{ margin:0 !important; padding:var(--bb-sec-y) 0 !important; } /* padding, ikke margin: margin kollapser mellom naboer */
.template-index .shopify-section[id*="blog_posts"].index-section{ padding-bottom:0 !important; } /* 16.10 runde 53: Innsikt-bloggen ligger rett foer nyhetsbrevflaten; flaten baerer luften (margin-top sec-y) + artikkelkortets egen bunnmarg = ca 72/44 = flate-tokenet. Uten denne ble det 119/75. */
.index-section--small{ margin:0 !important; padding:var(--bb-sec-y-sm) 0 !important; }
.section-header{ margin-bottom:var(--bb-head-gap) !important; }
.page-content, .shopify-policy__container{ padding-top:var(--bb-sec-y) !important; padding-bottom:var(--bb-sec-y) !important; }
.section--divider{ padding-top:var(--bb-sec-y) !important; }
.promo-grid--space-top{ padding-top:var(--bb-sec-y) !important; }
.collection-content{ padding-top:var(--bb-sec-y-sm) !important; }
.site-footer{ padding-top:var(--bb-surface-y) !important; padding-bottom:var(--bb-sec-y) !important; }
@media only screen and (max-width:768px){ .site-footer{ padding-top:var(--bb-surface-y) !important; } }

/* 13.10.2026 (Henrik): Trustpilot-slideren (advanced_content_VFxTJC) er en iframe med ca. 50 px egen luft
   over og under innholdet. Seksjonen skal derfor ikke legge paa 40 px til – iframe-luften er seksjonens luft. */
.shopify-section[id$="__advanced_content_VFxTJC"] .index-section{ padding:37px 0 16px !important; } /* 13.10 runde 9: maalt i Chrome – omtalekortene starter 11 px under iframe-toppen og Trustpilot-logoen slutter 25 px over bunnen; med naboenes 48 gir dette 96/96 innhold-til-innhold */
@media only screen and (max-width:768px){ .shopify-section[id$="__advanced_content_VFxTJC"] .index-section{ padding:17px 0 0 !important; } } /* mobil: samme iframe-luft, naboene har 28 -> 56/56 (ikke visuelt kontrollert paa mobil) */

/* 13.10.2026 (Henrik): bestselger-raden paa forsiden (featured-collection bb_bestselgere). Produktkortene
   har 30 px bunnmarg fra samlingsgridet; i en enkeltrad skal kortkanten ligge inntil seksjonspaddingen. */
.shopify-section[id$="__bb_bestselgere"] .grid-product{ margin-bottom:0; }

/* 13.10.2026 runde 9 (Henrik, /ui): ett typografisk hierarki paa tvers av tema- og bb-seksjoner.
   h2 = 28/34 px, 600, -.02em. Ingress = 16/18 px, 400, stone-600. Etikett = mono 12 px, 600, versaler, .06em.
   Temaets egne seksjonsoverskrifter (Bestselgere, Innsikt, samlinger) laa paa 29,75 px / 400 og nyhetsbrevet paa 700. */
:root{ --bb-h2-size:28px; --bb-ingress-size:16px; }
@media only screen and (min-width:769px){ :root{ --bb-h2-size:34px; --bb-ingress-size:18px; } }
h2.section-header__title, h3.section-header__title{ font-size:var(--bb-h2-size) !important; font-weight:600; line-height:1.15; letter-spacing:-.02em; color:#1c1917; text-wrap:balance; }
.newsletter-section .h3, .newsletter-section h3{ font-size:var(--bb-h2-size) !important; font-weight:600; line-height:1.15; letter-spacing:-.02em; color:#1c1917; }
.newsletter-section .enlarge-text, .newsletter-section .rte .enlarge-text, .newsletter-section .enlarge-text p{ font-size:var(--bb-ingress-size) !important; line-height:1.5; color:#57534e; }
/* Footer-titler: var sofia-pro versaler med 0.3em sperring (eneste sted). Naa samme etikettstil som knapper og merker. */
.footer__title, .site-footer button.footer__title{ font-family:var(--bb-mono, monospace) !important; font-size:12px !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase; color:#1c1917; }
/* Bloggkort: utdraget laa paa 13-14 px med 60 % opasitet - under lesbar stoerrelse. */
.article__excerpt{ font-size:15px !important; line-height:1.55; opacity:1; color:#57534e; }
/* Luft under nyhetsbrevflaten foer Klarna-stripen/footeren (Henrik: «det maa vaere luft under nyhetsbrev seksjonen»). */
.newsletter-container.index-section{ padding:0 !important; margin:0 0 var(--bb-sec-y) !important; } /* bakgrunnsfargen ligger paa wrapperen, saa luften maa vaere margin (hvit), ikke padding (tonet) */
/* 13.10 runde 9: bloggradene paa mobil (bilde + tekst) laa 5 px fra hverandre fordi teksten er hoeyere enn bildet. */
@media only screen and (max-width:768px){ .shopify-section[id$="__blog_posts_6AD9a7"] .grid--uniform > .grid__item{ margin-bottom:20px; } .shopify-section[id$="__blog_posts_6AD9a7"] .grid--uniform > .grid__item:last-child{ margin-bottom:0; } }

/* ==========================================================================
   13.10.2026 runde 10 (Henriks ti skjermbilder)
   ========================================================================== */
/* 1. Trustpilot-appens egen stripe (header.min.js legger #trustpilot-widget-trustbox-0-wrapper rett i .transition-body,
      ikke i temaet). Paa mobil laa den over logoen i den klistrede headeren. Skjult her; slaa den av i Trustpilot-appen for godt. */
#trustpilot-widget-trustbox-0-wrapper{ display:none !important; }

/* 2. Fargehjelp-panelet: rosa hover-flate (#f5ece8) + skalering saa kortet ut som et fremmedelement. Naa: bildet zoomer svakt, navnet faar strek. */
.bb-megapanel__lenke:hover{ background:transparent; transform:none; }
.bb-megapanel__lenke:hover .bb-megapanel__navn{ text-decoration:underline; text-underline-offset:3px; }
.bb-megapanel__bilde img{ transition:transform .25s ease; }
.bb-megapanel__lenke:hover .bb-megapanel__bilde img{ transform:scale(1.04); }

/* 3. Samlings-/sidetittel (h1.section-header__title): var 35 px / 400. Naa sidetittel-stil 30/40 px, 600. Tittel -> innhold = head-gap (48/32):
      headerseksjonen hadde 48 padding + 48 section-header-marg + neste seksjons 28 = 124. */
h1.section-header__title{ font-size:30px !important; font-weight:600; line-height:1.15; letter-spacing:-.02em; color:#1c1917; text-wrap:balance; }
@media only screen and (min-width:769px){ h1.section-header__title{ font-size:40px !important; } }
.shopify-section[id$="__collection-header"] .page-content{ padding-bottom:calc(var(--bb-head-gap) - var(--bb-sec-y-sm)) !important; }
.shopify-section[id$="__collection-header"] .section-header{ margin-bottom:0 !important; }

/* 4. Samlingsbeskrivelse: ingress-stil, maks 60ch, head-gap ned til filter/rutenett (var 45 px marg + 16 px tekst). */
.rte.collection__description{ margin:0 0 var(--bb-head-gap) !important; font-size:var(--bb-ingress-size); line-height:1.5; color:#57534e; max-width:60ch; }
.rte.collection__description p{ font-size:inherit; margin:0; }

/* 5. Sitatbanneret paa produktsidene (slideshow 8f7cea70 i 16 produktmaler, «En vakker haarfarge er som et kunstverk»):
      61 px / 400 i tre linjer. Naa samme stil og ramme som baerekraft-banneret paa forsiden (24/36 px, 600, avrundet, innenfor margen). */
.shopify-section[id$="__8f7cea70-17a5-40e6-86bd-0a3df7e38672"] .slideshow-wrapper{ width:calc(100% - 34px); max-width:1420px; margin:0 auto; }
.shopify-section[id$="__8f7cea70-17a5-40e6-86bd-0a3df7e38672"] .hero{ border-radius:16px; overflow:hidden; }
.shopify-section[id$="__8f7cea70-17a5-40e6-86bd-0a3df7e38672"] .hero__title{ font-size:24px !important; font-weight:600; line-height:1.15; letter-spacing:-.02em; max-width:22ch; margin:0 auto; text-wrap:balance; }
.shopify-section[id$="__8f7cea70-17a5-40e6-86bd-0a3df7e38672"] .hero__title .animation-cropper{ padding-bottom:.2em; margin-bottom:-.2em; }
@media only screen and (min-width:769px){
  .shopify-section[id$="__8f7cea70-17a5-40e6-86bd-0a3df7e38672"] .slideshow-wrapper{ width:calc(100% - 80px); }
  .shopify-section[id$="__8f7cea70-17a5-40e6-86bd-0a3df7e38672"] .hero__title{ font-size:36px !important; max-width:30ch; }
}

/* 6. «Andre varianter som kan passe» (complementary-blokken i main-product): temaets sperrede versal-h4 og hoye rader med tomrom.
      Naa h3-stil og kompakte rader: bilde | merker+tittel+stjerner | pris | knapp, alt midtstilt vertikalt. */
product-recommendations[data-intent=complementary] .product-recommendations__title{ font-size:20px; font-weight:600; letter-spacing:-.01em; text-transform:none; line-height:1.2; margin:0 0 16px; max-width:none; }
product-recommendations[data-intent=complementary] .grid-product__content{ flex-direction:row; align-items:center; gap:20px; padding:12px 16px 12px 12px; }
product-recommendations[data-intent=complementary] .grid-product__image-mask{ flex:0 0 112px; width:112px; margin:0; }
product-recommendations[data-intent=complementary] .grid-product__link{ flex:1 1 auto; min-width:0; }
product-recommendations[data-intent=complementary] .grid-product__meta{ margin-left:0 !important; width:auto !important; padding:0; }
product-recommendations[data-intent=complementary] .grid-product__title{ min-height:0; }
product-recommendations[data-intent=complementary] .grid-product__footer{ margin:0; padding:0; flex:0 0 auto; align-items:center; }
product-recommendations[data-intent=complementary] .grid-product__actions{ position:static; flex:0 0 auto; }
@media only screen and (max-width:768px){
  product-recommendations[data-intent=complementary] .grid-product__content{ flex-wrap:wrap; gap:12px 16px; }
  product-recommendations[data-intent=complementary] .grid-product__image-mask{ flex-basis:88px; width:88px; }
  product-recommendations[data-intent=complementary] .grid-product__footer{ margin-left:auto; }
}

/* 7. Produktkort: tittelen reserverer to linjer, saa stjerner og pris staar paa samme hoyde i hele raden selv om ett navn bryter. */
.grid-product__meta .grid-product__title{ min-height:2.6em; }
/* 6b. Varianter: bildet var like hoeyt som i rutenettet (aspekt-padding) og pris/knapp hang ved teksten. Naa 120 px bilde (96 paa mobil) og pris/knapp helt til hoeyre. */
product-recommendations[data-intent=complementary] .grid-product__image-mask{ height:120px; }
product-recommendations[data-intent=complementary] .grid-product__image-mask .image-wrap{ height:100%; padding-bottom:0 !important; }
product-recommendations[data-intent=complementary] .grid-product__image-mask img{ height:100%; width:100%; object-fit:contain; }
product-recommendations[data-intent=complementary] .grid-product__footer{ margin-left:auto; }
@media only screen and (max-width:768px){ product-recommendations[data-intent=complementary] .grid-product__image-mask{ height:96px; } }
/* 6c. Varianter: aspekt-paddingen ligger paa .grid__image-ratio, ikke .image-wrap. Mobil: ingen wrap – pris over knapp i egen kolonne til hoeyre. */
product-recommendations[data-intent=complementary] .grid__image-ratio{ padding-bottom:0 !important; height:120px; }
product-recommendations[data-intent=complementary] .grid__image-ratio image-element{ display:block; position:absolute; inset:0; } product-recommendations[data-intent=complementary] .grid__image-ratio img{ position:absolute; inset:0; height:100%; width:100%; object-fit:contain; }
@media only screen and (max-width:768px){
  product-recommendations[data-intent=complementary] .grid__image-ratio{ height:96px; }
  product-recommendations[data-intent=complementary] .grid-product__content{ flex-wrap:nowrap; gap:12px; padding:10px 12px 10px 8px; }
  product-recommendations[data-intent=complementary] .grid-product__image-mask{ flex-basis:72px; width:72px; }
  product-recommendations[data-intent=complementary] .grid-product__footer{ flex-direction:column; align-items:flex-end; gap:6px; }
}

/* 13.10.2026 runde 11 (Henrik): én pil for alle tekstlenker. Tegnet «→» er byttet ut med et SVG-ikon (.bb-pil) i
   bb-fs-slik, bb-fs-trygghet, bb-fs-bevis, bb-faq og bb-fs-omtaler. Seksjonenes egne klasser styrer plassering; denne styrer utseendet. */
.bb-pil-lenke{ display:inline-flex; align-items:center; gap:8px; font-size:15px; font-weight:600; color:#1c1917; text-decoration:none; }
.bb-pil-lenke .bb-pil{ width:18px; height:18px; flex:none; transition:transform .2s ease; }
.bb-pil-lenke:hover .bb-pil, .bb-pil-lenke:focus-visible .bb-pil{ transform:translateX(3px); }
/* 13.10.2026 runde 11 (Henrik: «for lite luft» mellom siste innhold og footeren). Regel: inn mot footerflaten gjelder
   flate-tokenet (72/44), ikke seksjons-tokenet (48/28). Footeren faar derfor 24/16 px hvit marg over seg paa alle sider. */
.site-footer{ margin-top:calc(var(--bb-surface-y) - var(--bb-sec-y)) !important; }

/* 13.10.2026 runde 12 (Henriks fem skjermbilder) */
/* 1. Varianter: bildeboksen hadde hvit bakgrunn og hvit stripe under bildet (object-fit contain). Naa gjennomsiktig boks, bildet fyller (cover)
      og hvitt i fotoet blandes inn i kortflaten (multiply). */
product-recommendations[data-intent=complementary] .grid-product__image-mask,
product-recommendations[data-intent=complementary] .grid__image-ratio,
product-recommendations[data-intent=complementary] .grid__image-ratio .image-wrap{ background:transparent !important; }
product-recommendations[data-intent=complementary] .grid__image-ratio{ border-radius:12px; overflow:hidden; }
product-recommendations[data-intent=complementary] .grid__image-ratio img{ object-fit:cover; mix-blend-mode:multiply; }
/* 3. Produktkort i rutenett: pris og knapp laa helt i kortkanten. Bunnraden faar 16 px luft under seg. */
.grid-product__content .grid-product__footer{ padding-bottom:16px; }
product-recommendations[data-intent=complementary] .grid-product__footer{ padding-bottom:0; }
/* 4. Mobil: nyhetsbrev, Klarna-stripe og footer skal ligge inntil hverandre (ingen hvite striper). Desktop beholder luften. */
@media only screen and (max-width:768px){
  .newsletter-container.index-section{ margin-bottom:0 !important; }
  .site-footer{ margin-top:0 !important; }
  /* 5. Alle pil-lenker midtstilles paa mobil (som omtaler-lenken). */
  a.bb-pil-lenke{ display:flex !important; justify-content:center; width:100%; text-align:center; }
}

/* 13.10.2026 runde 13 (Henrik: varianter – for tett mellom bilde og tekst, pris under stjernene). Radene bygges som grid:
   bilde (112) | merker + tittel + stjerner, pris under | knapp. Wrapperen rundt bilde+meta (.grid__item-image-wrapper) loeses opp med display:contents. */
product-recommendations[data-intent=complementary] .grid-product__content{ display:grid; grid-template-columns:112px minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:24px; row-gap:6px; align-items:center; padding:12px 16px 12px 12px; }
product-recommendations[data-intent=complementary] .grid__item-image-wrapper{ display:contents; }
product-recommendations[data-intent=complementary] .grid-product__image-mask{ grid-column:1; grid-row:1 / span 2; align-self:center; }
product-recommendations[data-intent=complementary] .grid-product__link{ grid-column:2; grid-row:1; align-self:end; }
product-recommendations[data-intent=complementary] .grid-product__meta{ margin:0 !important; width:auto !important; padding:0; }
product-recommendations[data-intent=complementary] .grid-product__footer{ grid-column:2; grid-row:2; align-self:start; margin:0 !important; padding:0; justify-content:flex-start; }
product-recommendations[data-intent=complementary] .grid-product__actions{ grid-column:3; grid-row:1 / span 2; align-self:center; position:static; }
@media only screen and (max-width:768px){
  product-recommendations[data-intent=complementary] .grid-product__content{ grid-template-columns:72px minmax(0,1fr); grid-template-rows:auto auto auto; column-gap:16px; padding:10px 12px 10px 8px; }
  product-recommendations[data-intent=complementary] .grid-product__image-mask{ grid-row:1 / span 3; }
  product-recommendations[data-intent=complementary] .grid-product__actions{ grid-column:2; grid-row:3; justify-self:end; margin-top:4px; }
}
/* 13b. Knappen (.grid-product__actions) ligger INNE i .grid-product__footer, saa footeren loeses ogsaa opp (display:contents).
   Bildet tas ut av rutenettet (absolutt, vertikalt midtstilt), slik at radene bare maales av tittel/stjerner og pris – da ligger prisen tett under stjernene. */
product-recommendations[data-intent=complementary] .grid-product__content{ position:relative; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; row-gap:6px; align-content:center; min-height:144px; padding:12px 16px 12px 148px; }
product-recommendations[data-intent=complementary] .grid-product__footer{ display:contents; }
product-recommendations[data-intent=complementary] .grid-product__image-mask{ position:absolute; left:12px; top:50%; transform:translateY(-50%); width:112px; height:120px; grid-area:auto; }
product-recommendations[data-intent=complementary] .grid-product__link{ grid-column:1; grid-row:1; align-self:auto; }
product-recommendations[data-intent=complementary] .grid-product__price{ grid-column:1; grid-row:2; }
product-recommendations[data-intent=complementary] .grid-product__actions{ grid-column:2; grid-row:1 / span 2; align-self:center; margin-left:24px; }
@media only screen and (max-width:768px){
  product-recommendations[data-intent=complementary] .grid-product__content{ grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; min-height:116px; padding:10px 12px 10px 96px; }
  product-recommendations[data-intent=complementary] .grid-product__image-mask{ left:8px; width:72px; height:96px; }
  product-recommendations[data-intent=complementary] .grid-product__actions{ grid-column:1; grid-row:3; justify-self:end; margin:4px 0 0; }
}
/* 13c. Mobil: temaets regel gir .image-wrap fast 112 px bredde inne i bildeboksen – boksen klipper, og wrap foelger boksen. */
product-recommendations[data-intent=complementary] .grid-product__image-mask{ overflow:hidden; border-radius:12px; }
product-recommendations[data-intent=complementary] .grid-product__image-mask .image-wrap{ width:100% !important; }
/* 13d. Prisboksen reserverer 37,5 px (plass til foer-pris, bunnjustert) – i radene skal prisen ligge rett under stjernene. */
product-recommendations[data-intent=complementary] .grid-product__price{ min-height:0 !important; align-items:flex-start; }
product-recommendations[data-intent=complementary] .grid-product__content{ row-gap:2px; }
product-recommendations[data-intent=complementary] .bb-kort-stjerner{ margin-bottom:4px !important; }
/* 13e. Mobil: temaets tre-velger-regel (.grid-item__link .grid-product__image-mask …) vinner paa spesifisitet og holder boksen paa 112 px. */
@media only screen and (max-width:768px){ product-recommendations[data-intent=complementary] .grid-product__image-mask{ width:72px !important; } }
/* 13f. Mobil (Henrik: «samle de litt mer på midten»): pris og knapp paa samme rad under stjernene, ingen tom tredje rad. */
@media only screen and (max-width:768px){
  product-recommendations[data-intent=complementary] .grid-product__content{ grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; row-gap:8px; column-gap:12px; min-height:112px; padding:12px 12px 12px 96px; }
  product-recommendations[data-intent=complementary] .grid-product__link{ grid-column:1 / span 2; grid-row:1; }
  product-recommendations[data-intent=complementary] .grid-product__price{ grid-column:1; grid-row:2; align-self:center; }
  product-recommendations[data-intent=complementary] .grid-product__actions{ grid-column:2; grid-row:2; align-self:center; justify-self:end; margin:0; }
}

/* 13.10.2026 runde 14 (Henrik): ingen luft over og under Klarna-stripen i footeren, ogsaa paa desktop.
   Nyhetsbrev -> Klarna -> footer ligger inntil hverandre. Paa andre sider (uten Klarna-stripe) beholder footeren 24/16 px over seg. */
.newsletter-container.index-section{ margin-bottom:0 !important; }
body.template-index .site-footer{ margin-top:0 !important; }

/* 14.10.2026 runde 15 (ui-rapport punkt 2): ett overskriftshierarki paa temaets, appenes og bloggmalenes egne klasser.
   Regel: h1 40/30 px 600 (hero 48/30), h2 34/28 px 600 -.02em, h3 20 px 600, kort-h3 18 px 600. Aldri 700 og aldri 400 paa overskrifter.
   Setter kun stoerrelse/vekt/stil – ikke farge, siden flere av dem ligger paa moerke flater. */
:root{ --bb-h1-size:30px; --bb-hero-size:30px; --bb-h3-size:20px; --bb-h3-kort:18px; }
@media only screen and (min-width:769px){ :root{ --bb-h1-size:40px; --bb-hero-size:48px; } }

/* h1 */
h1.product-single__title,
.topic-article__title,
.bb-kk__h1,
.bb-fqh__heading{ font-size:var(--bb-h1-size) !important; font-weight:600 !important; line-height:1.1; letter-spacing:-.02em; }
.topic-hero__title{ font-size:var(--bb-hero-size) !important; font-weight:600 !important; line-height:1.08; letter-spacing:-.025em; }
.topic-hero__title-accent{ font-size:inherit !important; font-style:normal !important; font-weight:inherit !important; opacity:.55; }
/* 404-siden: overskriften er en h2 i rich-text; vises som sidens h1 */
.shopify-section[id$="__d1880917-8252-4719-8398-c148745beaf9"] .theme-block h2{ font-size:var(--bb-h1-size) !important; font-weight:600 !important; line-height:1.1; letter-spacing:-.02em; }

/* h2 – seksjonsoverskrifter */
#bb-mp-steps-title, .bb-mp-steps__inner > h2,
.jdgm-rev-widg__title,
.features-main-heading,
.treatments-accordion .treatments-accordion__heading,
.tabbed-guide__heading,
.learn-more-articles__heading,
.cta-consultation__heading,
.bb-fqe__heading{ font-size:var(--bb-h2-size) !important; font-weight:600 !important; line-height:1.15 !important; letter-spacing:-.02em !important; text-wrap:balance; }
/* h2 inni loepende tekst (artikkel, CTA under artikkel): 28 px */
.topic-article__body.rte h2,
.cta-article__heading{ font-size:28px !important; font-weight:600 !important; line-height:1.2; letter-spacing:-.02em; }
/* Judge.me: overskrift og sammendrag venstrestilt som resten av siden */
.jdgm-rev-widg__header{ text-align:left !important; }
.jdgm-rev-widg__title{ text-align:left !important; margin-bottom:12px !important; }

/* h3 – underoverskrifter 20 px */
.treatments-accordion .treatments-accordion__title,
.learn-more-articles__title,
.text-with-icons__block-title h3{ font-size:var(--bb-h3-size) !important; font-weight:600 !important; line-height:1.3; letter-spacing:-.01em; }
/* h3 i kort og lister 18 px */
.feature-heading,
.bb-kk__steg article h3, .bb-kk__kort article h3, .bb-kk__bruk article h3, .bb-st__kort h3{ font-size:var(--bb-h3-kort) !important; font-weight:600 !important; line-height:1.3; }
.bb-mp-steps__list > li > h3{ font-size:17px !important; font-weight:600 !important; line-height:1.3; }

/* pris paa produktsiden: tall, ikke overskrift – 28 px 600 */
.bb-pris__rad .product__price{ font-size:28px !important; font-weight:600 !important; letter-spacing:-.01em; line-height:1.1; }
/* footer: fet tekst i rik tekst er 600, ikke 700 */
.site-footer strong, .site-footer b{ font-weight:600; }

/* 14.10.2026 runde 16 (ui-rapport punkt 1): Plex Mono-regelen. Mono = etiketter, knapper og tall, alltid versaler, 12 px 600 .06em.
   Versaler brukes aldri uten mono. Setninger og navn er Sofia Pro. Farge settes ikke der etiketten ligger paa moerk flate. */
/* a) Versaler uten mono -> mono-etikett */
.announcement-text,
.topic-hero__tag, .cta-consultation__tag, .cta-article__tag,
.bb-kk__eyebrow, .bb-st__naar,
.bb-step-label, .bb-mp-hint, .bb-fg-steg__eyebrow, .bb-fg-opps__label,
.bb-mp-upload__title > span,
.bb-kule__bilde--tekst{ font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:12px !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
.bb-mp-features > div{ font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.06em !important; }
/* 16.10 (Henrik): eyebrows i stone-500 (#78716c) – stone-600 laa for naer blekk-overskriften under. Gjelder alle synlige eyebrows (hero mobil, hoestfarge-topp, Color Club, produktsidens pakke-eyebrow). */
.bb-fs-h2__a-text .bb-fs-h2__eyebrow, .bb-hf__eyebrow, .bb-kk__eyebrow, .simple-configurator__package-eyebrow{ color:#78716c; font-family:var(--bb-mono, ui-monospace, monospace); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; } /* 16.10 Henrik valgte C: eyebrow = mono-versaler 12/600 .06em stone-500 */
.bb-hf--mork .bb-hf__eyebrow{ color:rgba(255,255,255,.7); }
/* Eyebrow-regelen (Henrik valgte nr 2: kun hero og banner): eyebrow over «Jo mer du handler» fjernes */
.bb-st__eyebrow{ display:none !important; }
/* b) Versaler som egentlig er overskrifter -> Sofia, ikke sperret */
.collapsible-trigger-btn{ font-size:16px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; }
.grid-search__page-content .h4{ font-size:var(--bb-h3-size) !important; font-weight:600 !important; letter-spacing:-.01em !important; text-transform:none !important; }
/* c) Mono uten versaler -> enten versaler (etikett) eller Sofia (tekst) */
.bb-pris__mva{ font-family:inherit !important; font-size:13px !important; color:#78716c; }
.bb-fg-chip--tom .bb-fg-chip__navn{ font-size:12px !important; font-weight:600 !important; letter-spacing:.06em; text-transform:uppercase; }
.bb-fg-inkl__navn{ font-family:inherit !important; font-size:15px !important; font-weight:600 !important; }
.bb-fg-inkl__tekst{ font-family:inherit !important; font-size:15px !important; line-height:1.5; }
/* d) Merker (bb-pdp-merke): samme komponent, en stoerrelse – 11 px 600 .06em, radius 4 */
.bb-pdp-merke, .bb-pdp-merker--kort .bb-pdp-merke{ font-size:11px !important; font-weight:600 !important; letter-spacing:.06em !important; border-radius:4px !important; line-height:1 !important; }
.bb-pdp-merker--kort .bb-pdp-merke{ padding:4px 6px !important; }
/* 16.10.2026: lange merker («Nøytraliserer etter striper», 208 px) rant ut av 189 px-kortet og ga sideveis scroll paa samlesidene i Safari – la dem bryte i kortene */
.bb-pdp-merker--kort .bb-pdp-merke{ white-space:normal; max-width:100%; line-height:1.25 !important; text-align:left; }
/* e) Megapanel-overskrifter («Populære», «Hjelp») var Sofia 10 px versaler -> mono-etikett */
.bb-megapanel__h{ font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:12px !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }

/* 14.10.2026 runde 17 (ui-rapport punkt 5): farger og radier. Tekst: #333/#555/#888/#1a1a1a/#171717/#666/#999 m.fl. -> stone (#1c1917/#2b2724/#57534e/#78716c/#a8a29e)
   i 22 seksjonsfiler + theme.css. Bakgrunner #faf8f5/#fafafa/#fcf2f6 -> #faf8f6. Radier 18/20/24/28 -> 16, 8 -> 12, 3 -> 4, merkepille -> 999. Gjort med skript (regex), ingen CSS-blokk. */

/* 14.10.2026 runde 18 (ui-rapport punkt 6): bloggforside, artikkel, Color Club, handlekurv og undersider inn paa avstandsregelen.
   Hvit seksjon: padding var(--bb-sec-y) topp/bunn (48/28) -> 96/56 innhold til innhold. Tonet flate/kort: naboen 48/28 til kanten, 72/44 inni. */
.topic-hero{ padding:var(--bb-surface-y) 0 !important; }
.tabbed-guide, .learn-more-articles, .features-section, .topic-article{ padding-top:var(--bb-sec-y) !important; padding-bottom:var(--bb-sec-y) !important; }
.cta-consultation, .cta-article{ padding:var(--bb-sec-y) var(--bb-gutter) !important; }
.cta-consultation__card, .cta-article__card{ padding:var(--bb-surface-y) var(--bb-gutter) !important; }
.topic-article{ padding-left:var(--bb-gutter) !important; padding-right:var(--bb-gutter) !important; }
/* 18b. Rester maalt med probe18.js */
.page-content > .breadcrumb, .page-width > .breadcrumb{ margin-top:0 !important; }                     /* broedsmulen laa 24 px fra kanten (temaets -25 px), naa 48/28 */
.template-cart .section-header--404{ padding-top:0 !important; margin-bottom:0 !important; }            /* tom handlekurv: 80 px ekstra topp og 48 bunn */
.template-cart .shopify-section[id$="__featured-collection"] .grid-product{ margin-bottom:0; }           /* en rad: kortkant 48 til seksjonskant */
.template-list-collections .page-content{ padding-bottom:calc(var(--bb-sec-y) - 22px) !important; }      /* siste rad har 22 px egen margin */
.tabbed-guide .tabbed-guide__panel > :last-child, .tabbed-guide p:last-child{ margin-bottom:0 !important; }
.features-section .features-grid{ margin-bottom:0 !important; }
.features-section .features-center-image{ padding-bottom:0 !important; }

/* 14.10.2026 runde 19 (ui-rapport punkt 4): knapper utenfor systemet faar systemknappen (pille 999, Plex Mono 13 px 600 versaler .06em, 48 px).
   Judge.me, blogg-hero, Uploadkit-knappen og Fargeguidens «Neste». Én blekk paa fylte knapper: #1c1917. */
.jdgm-btn, .jdgm-btn.jdgm-btn--dark, .topic-hero__btn-primary, .topic-hero__btn-secondary, .bb-mp-upload__btn{
  font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:13px !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:.06em !important; line-height:1.2 !important;
  display:inline-flex !important; align-items:center; justify-content:center; box-sizing:border-box; min-height:48px; padding:14.2px 32px 16.2px !important; border-radius:999px !important; text-decoration:none !important; transition:background-color .15s ease, color .15s ease;
}
.jdgm-btn, .jdgm-btn.jdgm-btn--dark, .topic-hero__btn-primary{ background:#1c1917 !important; color:#fff !important; border:0 !important; }
.jdgm-btn:hover, .topic-hero__btn-primary:hover{ background:#2b2724 !important; color:#fff !important; }
.topic-hero__btn-secondary, .bb-mp-upload__btn{ background:#fff !important; color:#1c1917 !important; border:1.5px solid #1c1917 !important; }
.topic-hero__btn-secondary:hover, .bb-mp-upload__btn:hover{ background:#1c1917 !important; color:#fff !important; }
/* Fargeguidens «Neste: …»: sekundaer (omriss) pille, saa «Legg i handlekurven» staar alene som fylt */
.bb-fg-neste{ font-family:var(--bb-mono, ui-monospace, monospace); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; line-height:1.2; min-height:40px; padding:10.5px 18px 11.1px 20px; border:1.5px solid #1c1917; border-radius:999px; background:#fff; color:#1c1917; gap:8px; margin-top:16px; }
.bb-fg-neste:hover{ background:#1c1917; color:#fff; }
/* Kortknapper: pille, ikke 16 px */
.collection-add-to-cart, .grid-product__actions .bundle-link, .grid-overflow-wrapper .grid-product__actions .bundle-link{ border-radius:999px !important; }
/* Én blekk paa fylte knapper (temaets #17120f, blogg #1a1a1a, Judge.me #333 -> #1c1917). Hvite/omriss-knapper og hero-knappene roeres ikke. */
.btn:not(.btn--inverse):not(.btn--secondary):not(.btn--tertiary):not([class*="bb-fs"]), .footer__cta-btn, .collection-add-to-cart, .bundle-link{ background-color:#1c1917; }
.btn:not(.btn--inverse):not(.btn--secondary):not(.btn--tertiary):not([class*="bb-fs"]):hover, .footer__cta-btn:hover, .collection-add-to-cart:hover, .bundle-link:hover{ background-color:#2b2724; }

/* 14.10.2026 runde 20 (ui-rapport punkt 3 og 7): smaa stoerrelser, tap-maal, footer-tekst */
.site-footer{ font-size:14px; }
.bb-kule__tittel{ font-size:11px !important; }
.rating-badge-block__score{ font-size:12px !important; font-family:var(--bb-mono, ui-monospace, monospace); }
@media only screen and (max-width:768px){
  .learn-more-articles__excerpt, .learn-more-articles__subtitle, .article__excerpt, .topic-article__excerpt{ font-size:15px !important; line-height:1.5; }
  .bb-pil-lenke{ padding:10px 0; margin:-10px 0; }                              /* 24 -> 44 px treffhoyde uten aa flytte layout */
  .breadcrumb a, .breadcrumb span{ display:inline-block; padding:8px 0; margin:-8px 0; }
}
.bb-produkt-lofter{ font-size:13px !important; }                                                       /* «Ingen skjulte kostnader · Rask levering» var 11,5 px paa mobil */
/* Bloggforsiden: blog-topic-landing rendrer en tom .page-content (96 px luft) naar ingen av blokkene har innhold */
[data-section-type="blog-topic-landing"] .page-content:not(:has(*)){ display:none; }
/* 20b. rester maalt med r20.js */
.collection-add-to-cart, .grid-product__actions .bundle-link, .grid-overflow-wrapper .grid-product__actions .bundle-link{ background-color:#1c1917 !important; }
.collection-add-to-cart:hover, .grid-product__actions .bundle-link:hover{ background-color:#2b2724 !important; }
.bb-styrkevalg__skalatekst{ font-size:13px !important; }      /* «mild» / «sterkere» var 11,5 */
.bb-fg-chip__navn small{ font-size:11px !important; }          /* chip-etikett 10,5 -> 11 (mono versaler) */
.jdgm-rev__timestamp{ font-size:12px !important; }
/* 20c. «Neste» ligger i det moerke steg-kortet: omriss-pille i hvitt (kortets egen regel satte hvit tekst) */
.bb-fg-neste, .bb-step-card .bb-fg-neste{ background:transparent !important; color:#fff !important; border:1.5px solid rgba(255,255,255,.75) !important; }
.bb-fg-neste:hover, .bb-step-card .bb-fg-neste:hover{ background:#fff !important; color:#1c1917 !important; border-color:#fff !important; }
/* Judge.me «Skriv en anmeldelse» -> systemknapp */
.jdgm-write-rev-link{ font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:13px !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:.06em !important; line-height:1.2 !important; border-radius:999px !important; background:#1c1917 !important; color:#fff !important; padding:14.2px 32px 16.2px !important; }

/* 14.10.2026 runde 21 (Henrik: «har du gått gjennom alt?»). Rester fra ui-rapporten maalt paa nytt paa produktside, samling og Color Club.
   Produktsidens hovedseksjon, relaterte produkter og vurderingskortet er innenfor kortregelen (48 fra kortkant) og roeres ikke. */
/* a) Produktsiden: en seksjon uten innhold (index-section med tom page-width) ga 96 px hvit stripe mellom ikonraden og bildebanneret. */
.shopify-section > .index-section:has(> .page-width:empty:only-child){ display:none !important; }
/* b) Fordelsseksjonen (prod-feature) paa produktsiden: runde 18 nullet -35 px-kompensasjonen for bloggens variant (med midtbilde).
      Varianten uten midtbilde trenger den fortsatt: siste rad har 20 px padding + 15 px avsnittsmarg. Bunn 86 -> 48. */
@media only screen and (min-width:769px){ .features-section:not(:has(.features-center-image)) .features-grid{ margin-bottom:-35px !important; } }
/* c) Judge.me paa mobil: widgeten har 16 px egen topp-padding oppaa seksjonens 28. */
@media only screen and (max-width:768px){ .jdgm-rev-widg{ padding-top:0 !important; } }
/* d) Color Club «Jo mer du handler»: fem ulike kort, overskrift og ingress venstrestilles (rapportens punkt 2). */
.bb-st__topp{ text-align:left !important; margin-left:0 !important; margin-right:0 !important; }
/* e) Treffmaal paa mobil: tekstlenker i loepende tekst faar 44 px treffhoyde (padding + negativ marg, ingen layoutendring). */
@media only screen and (max-width:768px){
  .bb-trust-card__list a, .bb-produkt-lofter a, .bb-cc-line a, .bb-fq__a a, .bb-mp-hint-sub a, .bb-mp-steps__link a,
  .bb-kk__medlem a, .bb-kk-cta__medlem a, .template-cart .section-header .rte a, .jdgm-rev__read-full{ padding-top:12px !important; padding-bottom:12px !important; margin-top:-12px !important; margin-bottom:-12px !important; }
}

/* 14.10.2026 runde 22 (/ui Color Club-siden). Seksjonsfilene bb-kundeklubb, bb-klubb-stige og bb-kundeklubb-cta er rettet direkte (ingress-token,
   korttekst 15 px stone-600, tall og piller i mono, radius 16, knapper 48, blekk #1c1917). Her: FAQ-overskriften manglet h2-sporingen. */
.bb-fq__heading{ letter-spacing:-.02em !important; }

/* 15.10.2026 (/ui FAQ-siden): FAQ-seksjonen i emnevisning er tom til et emne er valgt, men bar 96 px luft foer footeren.
   Uten valgt emne (og uten soeketreff/ingen-treff-melding) faar den ingen padding. */
body:not(.bb-faq-side--emne) .bb-fq:has([data-bb-faq-emner-wrap]):not(:has(.bb-fq__ingen-treff:not([hidden]))){ padding-top:0 !important; padding-bottom:0 !important; }

/* ============================================================================
   15.10.2026 runde 25 – /ui-gjennomgang av fem sider (UI-r5-fem-sider-2026-10-15.md), punkt 1 og 4.
   Maalt med kant.js (kortkant/tekst til seksjonskant). Alle tall i px, desktop/mobil.
   ============================================================================ */
/* Produktside: siste fane-blokk (Instruksjoner/Ingredienser/Advarsel) hadde 25 px margin under -> 73/53 til seksjonskant. Skal vaere 48/28. */
.product-single__meta > .product-block:last-child, .product-single__meta > div > .product-block:last-child{ margin-bottom:0 !important; }
/* «Hvorfor våre farger er bedre» (prod-feature): grid min-height 600 + 20 px kolonnepadding ga 86 under siste tekst. */
@media only screen and (min-width:769px){ .features-section .features-grid{ min-height:0 !important; } .features-section{ padding-bottom:calc(var(--bb-sec-y) - 20px) !important; } }
/* Samlingsside: produktgrid har 14 px kortmargin; bunnen av seksjonen laa 30/14 fra siste kort. Skal vaere 48/28. */
.collection-content{ padding-bottom:calc(var(--bb-sec-y) - 14px) !important; }
/* Eyebrow-regelen (kun hero og banner): «Spørsmål og svar» over FAQ paa samlings- og produktsider skjules. */
.bb-fq__eyebrow{ display:none !important; }
/* Runde 25b (etter maaling): fane-blokken er ikke :last-child i DOM; treff den direkte. Hvorfor-seksjonen trengte 36, ikke 20. Samlingsgrid: 30 px grunnluft paa desktop, 14 paa mobil. */
.product-single__meta .product-block--tab:last-of-type{ margin-bottom:0 !important; }
@media only screen and (min-width:769px){ .features-section{ padding-bottom:calc(var(--bb-sec-y) - 36px) !important; } .collection-content{ padding-bottom:calc(var(--bb-sec-y) - 30px) !important; } }
@media only screen and (max-width:768px){ .collection-content{ padding-bottom:calc(var(--bb-sec-y) - 14px) !important; } }
/* Runde 25c: siste fane (ikke :last-of-type – en tom .product-block ligger sist). */
.product-single__meta .product-block--tab:not(:has(~ .product-block--tab)){ margin-bottom:0 !important; }

/* Runde 29 (15.10): Klarna-stripen («Betal senere …») som siste seksjon er en mørk flate; footerens margin-top (surface − sec) ga en hvit glipe. Nulles her. */
@media only screen and (min-width:769px){ #MainContent > .shopify-section:last-child:has([data-key="top-strip-promotion-auto-size"], klarna-placement){ margin-bottom:calc(var(--bb-sec-y) - var(--bb-surface-y)); position:relative; z-index:1; } } /* mobil: footeren har ingen margin-top der, saa ingen glipe aa nulle */

/* ============================================================================
   15.10.2026 runde 30 – /ui: Fargematch (hero-steps-section + simple-configurator + AI-blokk) og desktop-megamenyen paa systemet.
   Seksjonene er apper/egne seksjoner med egne stiler; mappes her med !important. Layouten (midtstilt flyt) beholdes.
   ============================================================================ */
/* --- Fargematch: hero-steps (tonet flate #faf8f6 -> 72/44 inni) --- */
.hero-steps{ padding:var(--bb-surface-y) 0 !important; }
.hero-steps__hero{ margin-bottom:var(--bb-head-gap) !important; }
.hero-steps__heading{ font-size:var(--bb-hero-size, 48px) !important; font-weight:600 !important; letter-spacing:-.025em !important; line-height:1.1 !important; color:#1c1917 !important; }
.hero-steps__eyebrow{ display:none !important; } /* eyebrow-regelen: kun hero og banner */
.hero-steps__steps-title{ font-size:var(--bb-h2-size, 34px) !important; font-weight:600 !important; letter-spacing:-.02em !important; line-height:1.15 !important; color:#1c1917 !important; }
.hero-steps__steps-header{ margin-bottom:var(--bb-head-gap) !important; }
.hero-steps__grid{ gap:var(--bb-gap) !important; padding-left:0 !important; padding-right:0 !important; max-width:none !important; }
.hero-steps__card{ border-color:#e7e5e4 !important; padding:24px !important; }
.hero-steps__number{ font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:28px !important; color:#a8a29e !important; }
.hero-steps__card-title{ font-size:var(--bb-h3-kort, 18px) !important; font-weight:600 !important; letter-spacing:-.01em !important; color:#1c1917 !important; }
.hero-steps__card-text{ font-size:15px !important; line-height:1.5 !important; color:#57534e !important; }
.hero-steps__rating{ border:1px solid #e7e5e4 !important; box-shadow:none !important; border-radius:999px !important; }
.hero-steps__rating-label{ color:#1c1917 !important; font-size:14px !important; font-weight:500 !important; }
.hero-steps__rating-score{ color:#57534e !important; font-size:13px !important; }
@media only screen and (max-width:768px){ .hero-steps__heading{ font-size:30px !important; } .hero-steps__steps-title{ font-size:28px !important; } .hero-steps__card{ padding:14px 20px !important; } }
/* --- Fargematch: simple-configurator (hvit seksjon 48/28) --- */
.simple-configurator{ padding:var(--bb-sec-y) 0 !important; }
.simple-configurator__inner{ max-width:1500px !important; padding:0 var(--bb-gutter) !important; }
.simple-configurator__packages{ gap:var(--bb-gap) !important; }
.simple-configurator__package-eyebrow{ font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.06em !important; color:#78716c !important; }
.simple-configurator__package-title{ font-size:var(--bb-h3-size, 20px) !important; font-weight:600 !important; letter-spacing:-.01em !important; line-height:1.25 !important; color:#1c1917 !important; }
.simple-configurator__package-from-price{ color:#2b2724 !important; font-size:15px !important; }
.simple-configurator__package-from-price-value{ font-weight:600 !important; color:#1c1917 !important; }
.simple-configurator__package-description{ font-size:15px !important; color:#57534e !important; }
.simple-configurator__package-cta{ height:48px !important; padding:0 24px !important; border:1.5px solid #1c1917 !important; border-radius:999px !important; background:#fff !important; color:#1c1917 !important; font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:13px !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
.simple-configurator__package-cta:hover, .simple-configurator__package-cta:focus-visible{ background:#1c1917 !important; color:#fff !important; }
.simple-configurator__packages-shipping-note{ color:#57534e !important; font-size:15px !important; margin-bottom:0 !important; }
.simple-configurator__package-price{ color:#1c1917 !important; }
.simple-configurator__bonus-section{ border-color:#e7e5e4 !important; }
/* --- «Se flere produkter» (AI-blokk): knapp paa systemet --- */
[class^="ai-category-toggle"] button, [class*=" ai-category-toggle"] button{ border-radius:999px !important; font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:13px !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; background:#1c1917 !important; border-color:#1c1917 !important; }
/* --- Desktop-megameny --- */
.bb-megapanel__navn{ font-size:13px !important; font-weight:600 !important; color:#1c1917 !important; }
.bb-megapanel__merke{ font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.06em !important; border-radius:4px !important; background:#1c1917 !important; color:#fff !important; }
.bb-megapanel__kampkort{ border-radius:16px !important; }
.bb-megapanel__kampkort:hover{ box-shadow:none !important; transform:none !important; }
.bb-megapanel__kampcta{ font-size:13px !important; font-weight:600 !important; opacity:1 !important; }
.bb-megapanel__liste a{ font-size:15px !important; line-height:2 !important; }
/* Runde 30b: listepunkter i pakkekortene (#666) -> dempet; «Mest populær» som merke (mono 11, radius 4). */
.simple-configurator li, .simple-configurator__tips-item, .simple-configurator__trust-item{ color:#57534e !important; }
.simple-configurator__package-badge{ font-family:var(--bb-mono, ui-monospace, monospace) !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; border-radius:4px !important; background:#1c1917 !important; color:#fff !important; padding:6px 8px !important; }
/* Runde 30c: tom intro-blokk (uten overskrift/ingress) har margin-bottom 32 som kollapser gjennom og skyver kortene ned (80 i stedet for 48). */
.simple-configurator__intro-block:empty, .simple-configurator__intro-block:not(:has(*)){ display:none !important; margin:0 !important; } /* blokken inneholder bare whitespace, derfor :not(:has(*)) */
/* 18.10.2026 (Henrik, mobilskjermbilde): footer-lenker uten strek, og some-ikonene midtstilt paa mobil.
   Strekene var border-bottom paa .collapsible-content__inner p a (+ hover-:after) – ikke text-decoration.
   Adresse/org.nr. ble understreket av iOS' egen gjenkjenning (a[x-apple-data-detectors]); nulles her og med
   <meta name="format-detection" content="telephone=no"> i theme.liquid. */
.site-footer .collapsible-content__inner p a{ border-bottom:0; text-decoration:none; }
.site-footer .collapsible-content__inner p a:after{ content:none; }
.site-footer a[x-apple-data-detectors]{ color:inherit !important; text-decoration:none !important; border-bottom:0 !important; }
@media only screen and (max-width: 768px){
  .site-footer .footer__social{ text-align:center; }
  .site-footer .footer__social li{ margin:0 8px 15px; }
}