/* announcement bar */
.culture-club-template .fsb_background { display: none; }


/* ========== FONTS (global — both CC and regular site) ========== */
:root {
  --typeHeaderPrimary: 'Compadre';
  --typeBasePrimary:   'ABC';
}

/* ========== FORCED MAABAE FONTS ========== */


.maabae-template {
  p, .hero__subtitle div, .grid-product__meta div, .product__price{
  font-family: 'ABC' !important;
  font-weight:700;
  }

  .btn, .hero-button-inner-button_aKGKWJ, .cleverapps-collections-add-to-cart-add-to-cart-button, .quick-product__btn, .hero-button-inner-button_99hJaY{
  font-family: 'Compadre' !important;
  font-size:14px;
}
}

/* ========== CULTURE CLUB TEMPLATE ========== */
.culture-club-template {
  overflow-x:clip;
  background-color: var(--cc-bg);

  table {
    background: var(--cc-bg);
  }

  .search__results,
  .site-header__search { background-color: var(--cc-bg); }

  .icon path,
  .site-header__search { color: var(--cc-accent); }

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

  .site-header, .drawer__contents, .mobile-nav,
  .mobile-nav__item, .site-footer { background-color: var(--cc-panel); }

  h1, h2, h3, h4, h5, h6, li, span, a, p, button, label,
  .size-title, .drawer a:not(.btn), .drawer .js-qty__num, div,
  .drawer__footer, .grid-product__price { color: var(--cc-accent); }

  .go3176171171 span{
    color:black !important;
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: var(--cc-accent) var(--cc-panel); /* thumb / track — was identical, made track invisible */
  }

  .essential-preorder-extra-add-to-cart-button { background-color: var(--cc-panel); }

  .drawer .btn {
    background-color: var(--cc-button-bg);
    color: var(--cc-button-text);
    border-radius: var(--cc-button-radius);
  }

  .js-qty__adjust path { fill: var(--cc-accent); }

  .mobile-nav__item:after,
  .drawer__header, collection-sidebar__group, .tag__checkbox:before { 
    /* border-bottom-color: var(--cc-accent); */
    border-color: var(--cc-accent);
  }

  .collection-sidebar__group{
    border-top-color:var(--cc-accent);
  }

  .noUi-connect{
    background-color:var(--cc-accent);
  }

  /* filters */
  .noUi-horizontal .noUi-handle{
    box-shadow: 0 0 1px 2px var(--cc-accent);
  }
  /* end */

  .mobile-nav__social-item,
  .mobile-nav__toggle button { border-color: var(--cc-accent); }

  .image-wrap { background-color: var(--cc-bg); }

  .index-section {
    margin-top: 0 !important;
    margin-bottom: 0;
  }

  .product-block--price,
  .product-single__title { text-align: center !important; }

  /* BUTTONS + hovers */

  .btn{
    border-width:2px;
    padding-top:10px;
    padding-bottom:8px;
  }


  .btn--primary{
    border:2px solid var(--cc-accent);
    color: var(--cc-accent);
    background-color:transparent;
    transition:0.5s;
  }

  .btn--primary:hover{
    background-color:var(--cc-accent) !important;
    color: var(--cc-bg);
  }

    .btn--secondary{
    border:2px solid transparent;
    background-color:var(--cc-accent);
    color: var(--cc-bg);
    transition:0.5s !important;

  }

    .btn--secondary:hover, .cart__checkout:hover{
    border:2px solid var(--cc-accent);
    color: var(--cc-accent) !important;
    background-color:transparent !important;
  }



  /* Borders */
  .drawer input, .drawer textarea, .cart__item, .drawer__footer{
    border-color:var(--accent-color);
  }

  /* Font sizes */
  .btn { font-size: 14px; letter-spacing: -0.5px; }

  .grid-product__title,
  .product-single__title, .cs-cell__title {
    font-size: var(--cc-title-size);
    letter-spacing: -1.5%;
    margin-bottom: 6px;
  }

  .cs-cell__subtitle,
  .product__text-block.compadre-narrow {
    font-size: var(--cc-subtitle-size);
    letter-spacing: -1.8%;
    margin-bottom: 10px;
  }

  p, div, .grid-product__meta { font-size: var(--cc-body-size); }
  
  /* SM Added - announcement bar to match global sizing, exempt from CC body-size rule */
    .announcement-bar {
      font-size: calc(var(--typeBaseSize) * 0.75);
    }
    .announcement-bar div {
      font-size: inherit;
    }
    @media only screen and (min-width: 769px) {
      .announcement-bar {
        font-size: calc(var(--typeBaseSize) * 0.85);
      }
    }

  .xl  { font-size: calc(var(--typeHeaderSize) * 2); }
  .xxl { font-size: calc(var(--typeHeaderSize) * 3); }

  .compadre, .product-tabs__btn, .add-to-cart span, .footer__title,
  .section-header__title, .btn.add-to-cart, a.btn {
    font-family: 'Compadre' !important;
    font-weight: 400;
  }

  .abc, p, div, select, button, .grid-product__meta,
  .product-recommendations__title, .product-tabs__panel p, p span,
  .product__price, .mobile-nav__link,
  .site-footer .footer__item-newsletter .footer__collapsible p {
    font-family: 'ABC' !important;
    font-weight: 700;
  }

  .compadre-narrow {
    font-family: 'Compadre Narrow' !important;
    font-weight: 400;
  }

  @media(max-width:768px){
      .grid-product__title, .cs-cell__title {
    font-size:calc( var(--cc-title-size) - 4px);
    letter-spacing: -1.5%;
    margin-bottom: 6px;
  }

  .cs-cell__subtitle{
    font-size: calc(var(--cc-subtitle-size) - 3px);
    letter-spacing: -1.8%;
    margin-bottom: 10px;
  }

  }

  a.btn {
    letter-spacing: -1.5%;
    padding-left: 30px;
    padding-right: 30px;
    border-radius:10px;
  }

  /* Flickity */
  .flickity-button,
  .flickity-button:hover { background-color: transparent; }

  .flickity-button { opacity: 0; transition: 0.5s; }
  .flickity-enabled:hover .flickity-button { opacity: 1; }
}

@media (max-width: 768px) {
  .culture-club-template {
    .xl  { font-size: calc(var(--typeHeaderSize) * 1.2); }
    .xxl { font-size: calc(var(--typeHeaderSize) * 1.2); }
  }
}

/* ========== @font-face ========== */
@font-face {
  font-family: 'Compadre';
  src: url('/cdn/shop/files/Compadre-Regular.eot?v=1781690584') format('embedded-opentype');
  src: url('/cdn/shop/files/Compadre-Regular.eot?v=1781690584#iefix') format('embedded-opentype'),
       url('/cdn/shop/files/Compadre-Regular.ttf?v=1781690583') format('truetype'),
       url('/cdn/shop/files/Compadre-Regular.woff?v=1781690583') format('woff');
}

@font-face {
  font-family: 'Compadre Narrow';
  src: url('/cdn/shop/files/Compadre-Narrow.eot?v=1782390644') format('embedded-opentype');
  src: url('/cdn/shop/files/Compadre-Narrow.eot?v=1782390644#iefix') format('embedded-opentype'),
       url('/cdn/shop/files/Compadre-Narrow.ttf?v=1782390644') format('truetype'),
       url('/cdn/shop/files/Compadre-Narrow.woff?v=1782390593') format('woff'),
       url('/cdn/shop/files/Compadre-Narrow.woff2?v=1782390593') format('woff2');
}

@font-face {
  font-family: 'ABC';
  src: url('/cdn/shop/files/ABCFavorit-Regular.eot?v=1781690716') format('embedded-opentype');
  src: url('/cdn/shop/files/ABCFavorit-Regular.eot?v=1781690716#iefix') format('embedded-opentype'),
       url('/cdn/shop/files/ABCFavorit-Regular.ttf?v=1781690778') format('truetype'),
       url('/cdn/shop/files/ABCFavorit-Regular.woff?v=1781690398') format('woff');
  font-weight: 700;
}

@font-face {
  font-family: 'ABC-bold';
  src: url('/cdn/shop/files/ABCFavorit-Bold.eot?v=1781690716') format('embedded-opentype');
  src: url('/cdn/shop/files/ABCFavorit-Bold.eot?v=1781690716#iefix') format('embedded-opentype'),
       url('/cdn/shop/files/ABCFavorit-Bold.ttf?v=1781690778') format('truetype'),
       url('/cdn/shop/files/ABCFavorit-Bold.woff?v=1781690398') format('woff');
}

@font-face {
  font-family: 'ABC-italic';
  src: url('/cdn/shop/files/ABCFavorit-RegularItalic.eot?v=1781690717') format('embedded-opentype');
  src: url('/cdn/shop/files/ABCFavorit-RegularItalic.eot?v=1781690717#iefix') format('embedded-opentype'),
       url('/cdn/shop/files/ABCFavorit-RegularItalic.ttf?v=1781690778') format('truetype'),
       url('/cdn/shop/files/ABCFavorit-RegularItalic.woff?v=1781690398') format('woff'),
       url('/cdn/shop/files/ABCFavorit-RegularItalic.woff2?v=1781690398') format('woff2');
}

.abc em     { font-family: 'ABC-italic'; }
.abc strong { font-family: 'ABC-bold'; }
.compadre-narrow { font-family: 'Compadre Narrow'; }

/* Buttons */
[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{
  display:none;
  }

[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:none;
      }

/* ========== CC / INSIDE THE CLUB ========== */
.cultureclub,
.insidetheclub {
  .main-content {
    min-height: fit-content;
    background-color: var(--cc-bg);
  }

  .announcement-bar,
  .shopify-section-group-header-group,
  .shopify-section-group-footer-group,
  .fsb_background { display: none; }

  .button, .compadre { font-family: 'Compadre' !important; }
  h1, h2, h3, h4, .abc { font-family: 'ABC'; }

  .newsletter-section {
    .newsletter-section__content {
      display: flex;
      height: 100%;
      justify-content: space-between;
      flex-direction: column;
      max-width: 100%;
      padding-left: 0;
    }
    .rte h1,
    h2 {
      color: var(--cc-accent);
      font-size: 70px;
      font-family: 'ABC' !important;
      letter-spacing: -2.5px;
      line-height: 90%;
    }
    h2 { display: none; }
  }
}

@media (max-width: 568px) {
  .insidetheclub .main-content {
    min-height: fit-content;
    max-height: 87vh;
  }
}

.mobile-media-height { min-height: 350px; }

@media (max-width: 768px) {
  .mobile-media-height { height: 350px; }
}

/* ========== Image with columns ========== */
.img-col__title-wrapper { width: 40%; }
.img-columns .feature-row { align-items: flex-end; }

@media (max-width: 768px) {
  .img-col__title-wrapper { width: 100%; }
}

/* ========== COLLECTION PAGE ========== */
.culture-club-template {
  .collection-filter .btn:not(.btn--tertiary-active),
  .collection-filter__sort-container,
  .collection-filter select {
    background: var(--cc-bg);
    border: 0;
    color: var(--cc-accent);
    padding-left: 0;
    text-transform: uppercase;
  }

  .collection-filter__sort-container select {
    padding-right: 0;
    text-align: right;
    text-transform: uppercase;
    font-size: 14px;
  }

  .collection-filter .btn--tertiary:hover { color: var(--cc-accent); }
  .btn--secondary { border-color: var(--cc-accent); }

  .grid-product__meta {
    text-align: left;
    margin: 10px 0;
  }
}

/* ========== PDP ========== */
.culture-club-template.template-product {
  .product-section .page-width { max-width: 100%; }
  .page-full,.page-width{
  padding:0 30px;
}

.jdgm-prev-badge__stars{
  display:block;
}

.jdgm-preview-badge{
  height:20px;
}

  .flickity-button { opacity: 1; }
  .essential-preorder-extra-add-to-cart-button, #essential-sticky-cart-form-mobile button { 
    border-radius: 14px !important; 
    font-family: 'Compadre' !important; 
    background-color: #131737 !important;
    font-size: 14px !important;
    color: #f5ef8f !important;
  }

  .essential-preorder-extra-add-to-cart-button div{
    font-family: 'Compadre' !important;
  }
}

/* PRODUCT SLIDER IMAGE HEIGHT CONTROL */
@media (min-width: 768px) {
  .culture-club-template {
    .modal__inner .flickity-viewport,
    .modal__inner .image-wrap {
      height: 0 !important;
      padding-bottom: 125% !important;

      img { height: auto; }
    }
  }
}

.culture-club-template {
  /* thumbnails beside */
  .product__thumbs--beside.product__thumbs-placement--left { margin-right: 0; }
  .product__thumbs--beside .product__thumb-item { margin-bottom: 0; }

  .mm-product-recommendations-block[data-intent="complementary"] {
    .flickity-button {
      top: 20px;
      bottom: unset;
      left: unset;
      color: var(--cc-accent) !important;
    }
    .flickity-button-icon { display: block; }
    .flickity-button::after { display: none; }
    .flickity-button.flickity-next { right: 20px; }
    .flickity-button.flickity-previous { right: 70px; }
  }

  .product-block.mm-complementary-products product-recommendations { padding: 0 !important; }

  .variant-wrapper select {
    border-color: var(--cc-accent);
    color: var(--cc-accent);
    width: 100%;
    /* border-radius: 5px; */
    min-height: 50px;
  }

  .variant__label {
    text-align: left;
    margin-bottom: 3px;
    letter-spacing: 0 !important;
  }

  .add-to-cart span {
    color: var(--cc-button-bg);
    transition: 0.5s;
    letter-spacing: -0.5px;
    font-size: 14px;
  }

  .product-image-main .btn--body { background-color: var(--cc-bg) !important; }

  .quick-add-mm .add-to-cart { display: none; }

  .add-to-cart {
    border-radius: 10px;
    /* background-color: var(--cc-button-bg); */
    background-color:transparent;
    color: var(--cc-button-bg);
    border: 2px solid var(--cc-button-bg);
    transition: 0.5s;
  }

  .add-to-cart:hover {
    background-color: var(--cc-button-bg) !important;
    border-color: var(--cc-bg);
  }
  .add-to-cart:hover span { color: var(--cc-bg) !important; }

  .grid-product__link:after { max-height: 60%; }

  .vd-size-guide-wrapper { background: var(--cc-bg) !important; }

  .vd-size-guide-sidebar .vd-size-guide-page-content table td,
  .vd-size-guide-sidebar .vd-size-guide-page-content table th {
    background: var(--cc-bg) !important;
    border-color: var(--cc-accent) !important;
  }

  .variant-wrapper + .variant-wrapper { margin-top: 40px; }
  .vd-size-guide .vd-size-title { margin-bottom: -14px; }

  .vd-size-guide-title {
    font-family: 'Compadre' !important;
    color: var(--cc-accent) !important;
  }

  .vd-size-guide-page-content,
  .vd-size-guide .vd-size-title,
  .vd-size-guide-sidebar .vd-size-guide-page-content strong {
    color: var(--cc-accent) !important;
    font-family: 'ABC' !important;
  }
}

/* ========== PDP TABS ========== */
.culture-club-template {
  .product-block { text-align: center !important; }

  .variant-wrapper--dropdown {
    max-width: 300px;
    width: 100%;
    margin: auto;
  }
}

.product-tabs__btn {
  padding: 0 20px;
  text-transform: uppercase;
}
.product-tabs__panel { text-align: center !important; }
.product-tabs__btn.is-active { text-decoration: underline; }
.product-tabs__nav { text-align: center; }

@media (max-width: 768px) {
  .product-tabs__btn { padding: 0 13px; }
}

.page-content--product-media {
  padding-left: 0;
  margin-left: 0;
}

.cc-variants { display: none !important; }

.cc-variant-label {
  display: flex;
  align-items: center;
  column-gap: 10px;

  .variant-input-wrap label {
    border-radius: 25px;
    box-shadow: 0 0 0 1px var(--cc-accent);
    color: var(--cc-accent);
  }
  .color-swatch:before { border-color: var(--cc-bg) !important; }
  .color-swatch {
    width: 28px;
    height: 28px;
    margin: 0;
  }
}

.cc-variant-wrap { text-align: center; }

/* pdp video block */
.video-feature {
  display: flex;
  align-items: stretch;
  gap: 16px;
}
.video-feature__video,
.video-feature__image {
  flex-shrink: 0;
  width: 189px;
}
.video-feature__video video,
.video-feature__image img {
  width: 100%;
  height: 248px;
  object-fit: cover;
  display: block;
  border-radius: 20px;
  border: 2px solid var(--cc-accent);
}
.video-feature__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.video-feature__title { margin: 0; font-weight: bold; }
.video-feature__description { margin: 0; }

@media (max-width: 768px) {
  .video-feature {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    gap: 5px;
  }
  .video-feature__title,
  .video-feature__description { text-align: center !important; }
}

/* Community board and apps */
.apps-section .index-section { margin-bottom: 0; }

/* ========== PDP MOBILE ========== */
@media (max-width: 768px) {
  .culture-club-template .page-content--product .page-width {
    margin-left: 0;
    padding: 0 !important;
  }

  .culture-club-template .collection-content .page-width{
    padding: 0 17px;
  }

  .culture-club-template .product--wrapper {
    padding: 0 30px !important;
    overflow-x: clip;
  }

  .culture-club-template {
    .product__photos .product__main-photos{
      flex:0 0 100%;
    }
    .product__main-photos { margin: 0 !important; }
    .template-product .product-block { margin-bottom: 0 !important; }
    .variant-wrapper + .variant-wrapper { margin-top: 20px; }

      /* Let the gallery flex container stack: slider on top, thumbs underneath */
  .product__photos{
    flex-wrap:wrap;
  }

  /* Main slider keeps its own full-width row */
  .product__photos .product__main-photos{
    flex:0 0 100%;
  }

  /* Thumbnails become a full-width horizontal strip below the slider */
  .product__thumbs--beside{
    flex:0 0 100%;
    margin-left:0;
    margin-top:0px;
    max-width:none;
    width:100%;
  }

  .product__thumbs--beside .product__thumbs--scroller{
    bottom:auto;
    left:auto;
    overflow-x:scroll;
    overflow-y:visible;
    position:static;
    right:auto;
    top:auto;
    white-space:nowrap;
  }

  .product__thumbs--beside .product__thumb-item{
    display:inline-block;
    height:100px;
    margin-bottom:0;
    margin-right:0;
    max-width:80px;
    vertical-align:middle;
  }
/* === END NEW === */
  }
}

/* ========== About ========== */
.double-column-feature {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;

  .feature-row__text { padding: 2rem; }

  .feature-row {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    margin: 0;
  }

  .feature-row__first-image .feature-row__image,
  .feature-row__second-image .feature-row__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media screen and (min-width: 750px) {
  .double-column-feature .feature-row__first-image,
  .double-column-feature .feature-row__second-image { order: 2; }
  .double-column-feature .feature-row__item { order: 1; }
}

@media (max-width: 768px) {
  .double-column-feature {
    display: flex;
    flex-direction: column;
  }
}

/* ========== quick-view modal ========== */
.culture-club-template {
  .modal--square .modal__inner {
    background-color: var(--cc-bg);
    border-radius: 20px; 

    .product-block--header, .jdgm-prev-badge, .product-block--sales-point,
    .product-block--tab, .mm-complementary-products, .mm-quantities-wrapper,
    hr, .scp, .product-image, .product-block--video-feature,
    .product__photo-zoom, .vd-size-guide-wrapper, .vd-size-title { display: none !important; }
  }

  .product__thumb-item a.is-active:before,
  .product__thumb-item a:focus:before {
    box-shadow: inset 0 0 0 2px var(--cc-accent);
  }
}

@media(max-width:768px){
  .culture-club-template   .modal--square .modal__inner {
        .product-block--header, .jdgm-prev-badge, .product-block--sales-point,
    .product-block--tab, .mm-complementary-products, .mm-quantities-wrapper,
    hr, .scp, .product-tabs, .product-image, .product-block--video-feature,
    .product__photo-zoom { 
      display: none !important;
     }

       .grid--product-images--partial .flickity-slider .product-main-slide{
    width:100%;
  }

  .small--hide{
    display:block !important;
  }
  }
  }


/* ========== Footer ========== */

.culture-club-template {
  .footer__newsletter-input { background-color: var(--cc-panel) !important; }
  .shopify-section-group-footer-group { margin-top: 0 !important; }
}

  @media(max-width:768px){
    .site-footer .grid{
      margin-left:0;
    }
  }



  /* ABOUT */

  @media(max-width:768px){
      .culture-club-template .page-width, .site-footer .page-width{
      padding:0 30px;
    }
  }