/** Shopify CDN: Minification failed

Line 2622:0 Expected "}" to go with "{"

**/
/* ========================================================================================================================================
    TO EDIT >>> PRODUCT DESCR. NUMBERS class="numbered"
======================================================================================================================================== *    

    BLOCKS
            _accordion-row.liquid
            <details class="details numbered {% if block_settings.nogrid %}proto{% endif %} »>
    SECTIONS 
            product-recommendations.liquid
            <div class="section-resource-list__content numbered">
    SNIPPETS
            Variant-main-picker.liquid
            <legend class="numbered">



/* ========================================================================================================================================
   GLOBAL DESIGN TOKENS — SUICOKE
======================================================================================================================================== */

:root {
  /* -----------------------------------------
     Typography
  ----------------------------------------- */
  --suicoke-font-xs: 11px;
  --suicoke-font-sm: 13px;
  --suicoke-font-md: 16px;
  --suicoke-font-lg: 20px;

  --suicoke-font-weight-normal: 400;
  --suicoke-font-weight-medium: 500;

  /* -----------------------------------------
     Spacing
  ----------------------------------------- */
  --suicoke-space-xxs: 4px;
  --suicoke-space-xs: 8px;
  --suicoke-space-sm: 15px;
  --suicoke-space-md: 30px;
  --suicoke-space-lg: 60px;
  --suicoke-space-xl: 120px;

  /* -----------------------------------------
     Sizes
  ----------------------------------------- */
  --suicoke-action-height-sm: 56px;
  --suicoke-action-height-md: 59px;

  /* -----------------------------------------
     Borders
  ----------------------------------------- */
  --suicoke-border-color: rgb(0 0 0 / 10%);
  --suicoke-border-thin: 1px solid var(--suicoke-border-color);
  --suicoke-border-hairline: .5px solid #fff;

  /* -----------------------------------------
     Opacity
  ----------------------------------------- */
  --suicoke-opacity-muted: .3;
  --suicoke-opacity-disabled: .2;

  /* -----------------------------------------
     Animation
  ----------------------------------------- */
  --suicoke-anim-fast: .125s;
  --suicoke-anim-medium: .3s;
}



/* ========================================================================================================================================
   HEADER
======================================================================================================================================== */

/* ---------------------------------------------------------
   Logo
--------------------------------------------------------- */
.header-logo__image {
  object-fit: contain;
  height: var(--header-logo-image-height-mobile);
  width: var(--header-logo-image-width-mobile);
}

@media screen and (min-width: 750px) {
  .header-logo__image {
    height: auto !important;
    width: 50vw !important;
    padding: var(--suicoke-space-sm) !important;
  }
}

/* ---------------------------------------------------------
   Columns
--------------------------------------------------------- */
.header__columns.spacing-style {
  padding: 0 !important;
  gap: 0 !important;
}

/* ---------------------------------------------------------
   Menu Icon
--------------------------------------------------------- */
.header__icon--menu {
  position: initial;
}

/* ---------------------------------------------------------
   Row Borders
--------------------------------------------------------- */
.header__row--top:not(.divider--page-width),
.header[transparent='not-sticky'][data-sticky-state='active'] .header__row {
  border-bottom: var(--suicoke-border-thin) !important;
}

.header[transparent] .header__row {
  border-bottom: 1px solid transparent !important;
}

/* ---------------------------------------------------------
    Logo Visibility
--------------------------------------------------------- */
img.logo-block__image {
  opacity: 0;
}



/* ========================================================================================================================================
   DRAWER MENU
======================================================================================================================================== */

/* ---------------------------------------------------------
   Container
--------------------------------------------------------- */

.drawer-menu {
  position: relative;
  z-index: 9999;
}

/* ---------------------------------------------------------
   Toggle / close buttons
--------------------------------------------------------- */

.drawer-menu__toggle,
.drawer-menu__close {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.drawer-menu__close {
  position: absolute;
  top: var(--suicoke-space-sm);
  right: var(--suicoke-space-sm);
  font-family: inherit;
  font-weight: var(--suicoke-font-weight-medium);
  line-height: normal;
}

/* ---------------------------------------------------------
   Panel
--------------------------------------------------------- */

.drawer-menu__panel {
  position: fixed;
  inset: 0 0 0 auto;
  width: calc(50% + 1px);
  max-width: calc(50% + 1px);
  height: 100vh;
  padding: var(--suicoke-space-lg);
  background: #fff;
  border-left: var(--suicoke-border-thin);
  overflow: auto;
  transform: translateX(100%);
  transition: transform var(--suicoke-anim-medium) ease-in-out;
  z-index: 1;
}

.drawer-menu__panel.active {
  transform: translateX(0);
}

/* ---------------------------------------------------------
   Backdrop
--------------------------------------------------------- */

.drawer-menu__backdrop {
  position: fixed;
  inset: 0;
  display: none;
}

.drawer-menu__backdrop.active {
  display: block;
}

/* ---------------------------------------------------------
   Base reset
--------------------------------------------------------- */

.drawer-menu__panel ul,
.drawer-menu__panel li {
  padding: 0;
  list-style: none;
}

.drawer-menu__panel * {
  font-size: var(--suicoke-font-xs);
  line-height: normal;
  text-decoration: none;
}

/* ---------------------------------------------------------
   Counters
--------------------------------------------------------- */

ul.top-ul {
  counter-reset: suicoke-section;
  display: grid;
  gap: var(--suicoke-space-xl);
}

li.top-ul-li {
  counter-increment: suicoke-section;
}

/* ---------------------------------------------------------
   Top level layout
--------------------------------------------------------- */

li.top-ul-li {
  display: grid;
  grid-template-columns: calc((100% - var(--suicoke-space-xl)) / 3.333) auto;
  grid-template-rows: 1fr;
  column-gap: var(--suicoke-space-sm);
}

li.top-ul-li::before {
  content: "[" counter(suicoke-section, decimal-leading-zero) "]";
  position: absolute;
  transform: translateY(-100%);
  opacity: var(--suicoke-opacity-muted);
}

/* Disable interaction on top-level links */

.top-ul-li > a {
  pointer-events: none;
  font-weight: var(--suicoke-font-weight-medium);
}

/* ---------------------------------------------------------
   First section special grid
--------------------------------------------------------- */

li.top-ul-li:first-child ul.mid-ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--suicoke-space-sm);
  row-gap: var(--suicoke-space-md);
  padding: 0;
}

/* Span first mid column across full row */

.top-ul-li:first-child .mid-ul-li:first-child {
  grid-column: 1 / -1;
}

.top-ul-li:first-child .mid-ul-li:first-child *{
  text-transform:uppercase;
}

/* Increase vertical spacing for first section */

li.top-ul-li:first-child ul.mid-ul {
  row-gap: var(--suicoke-space-lg);
}

/* ---------------------------------------------------------
   Mid / sub items
--------------------------------------------------------- */

.mid-ul li ul li {
  opacity: var(--suicoke-opacity-muted);
  transition: opacity var(--suicoke-anim-fast);
}

.mid-ul li ul li:hover {
  opacity: 1;
}

.mid-ul li ul li:first-child {
  margin-top: var(--suicoke-font-xs);
}

/* ---------------------------------------------------------
   Shop grid
--------------------------------------------------------- */

.menu-shop-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: var(--suicoke-space-md);
  row-gap: var(--suicoke-space-sm);
  list-style: none;
}

/*span.footer-menu-title {
    display: none;
}*/

.footer-menu.menu-shop-grid span.footer-menu-title {
    pointer-events: all;
}

/* ---------------------------------------------------------
   Headings / labels
--------------------------------------------------------- */

.columnhead {
  margin-top: var(--suicoke-font-xs) !important;
}

li.mid-ul-li > a {
  text-transform: uppercase !important;
}

.drawer-search{
    padding-bottom: var( --suicoke-space-md);
}

.top-ul-li:first-child .mid-ul-li:first-child * {
    margin: 0;
    opacity: 1;
}


/* ========================================================================================================================================
   COLLECTION
======================================================================================================================================== */

/* ---------------------------------------------------------
   Results List
--------------------------------------------------------- */

div#ResultsList {
  margin-bottom: -1.5px;
}

/* ---------------------------------------------------------
   Product Grid & Cards
--------------------------------------------------------- */

ul.product-grid {
    margin-top: -1.5px;
}

div#ResultsList > div {
    border-top: var(--suicoke-border-thin);
}

.product-grid li {
  border: .5px solid white;
}

.product-card__content {
  background: #eaeaea !important;
}

.collection-card__content {
  position: absolute !important;
}

slideshow-arrows {
    top: auto!important;
}

.card-gallery slideshow-arrows .slideshow-control {
    padding-inline: var(--suicoke-font-xs)!important;
}

product-card .group-block--width-fill {
    padding-top: 0px!important;
}

.compare-at-price {
    opacity: .3;
    text-decoration-line: line-through;
    text-decoration-thickness: 1px;
}

.card-gallery.out-ofstock img {
    opacity: .15;
    transition: all .125s ease;
}

/*.product-grid__item:hover .card-gallery.out-ofstock img {
    opacity: 1;
}*/

.card-gallery.out-ofstock .product-badges__badge{
    opacity: var(--suicoke-opacity-muted);
}
    

/* ---------------------------------------------------------
   Color Swatches
--------------------------------------------------------- */

.color-swatches {
  display: inline-flex;
  vertical-align: middle;
}

.color-swatches .swatch {
  border-radius: 0;
  border: none;
  height: var(--suicoke-font-xs);
  width: var(--suicoke-font-xs);
}

.group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column {
    justify-content: end;
}

/* ---------------------------------------------------------
   Product Badges
--------------------------------------------------------- */

.product-badges__badge {
  background: none !important;
}

/* ---------------------------------------------------------
   Responsive: Mobile
--------------------------------------------------------- */

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

  .layout-panel-flex--row {
    flex-flow: row nowrap !important;
  }

  .card-gallery.spacing-style.border-style {
    padding-inline-start: var(--suicoke-space-xs);
    padding-inline-end: var(--suicoke-space-xs);
  }

  .resource-list--grid .card-gallery.spacing-style.border-style {
        padding-inline-start: 0;
        padding-inline-end: 0;
  }


  .product-grid__card {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }

}

/* ========================================================================================================================================
   PRODUCT
======================================================================================================================================== */

main[data-template="product"] {

  /* --------------------------------------------------
     Variant availability
  -------------------------------------------------- */

  .variant-option__button-label:has([data-option-available='false']) {
    color: rgb(var(--color-variant-text-rgb) / var(--suicoke-opacity-disabled));
    pointer-events: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cline x1='0' y1='100' x2='100' y2='0' stroke-width='2' stroke='%230B2437'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0.9);
    background-blend-mode: lighten;
  }

  /* --------------------------------------------------
     Add to cart
  -------------------------------------------------- */

  add-to-cart-component .svg-wrapper {
    display: none;
  }

  .add-to-cart-button {
    min-height: var(--suicoke-action-height-md);
    text-transform: uppercase;
    font-weight: var(--suicoke-font-weight-medium);
  }

  span.product-form-text__error {
    padding-right: var(--suicoke-space-lg);
    align-items: center;
  }

  /* --------------------------------------------------
     Resource list
  -------------------------------------------------- */

  .section-resource-list__content.numbered {
    line-height: var(--suicoke-font-xs);
  }

  .resource-list.resource-list--grid {
    margin-bottom: 0;
    margin-left: -0.5px;
    margin-right: -0.5px;
  }

  .resource-list.resource-list--grid .resource-list__item {
    border: var(--suicoke-border-hairline);
  }

  .section-resource-list__content {
    padding: var(--suicoke-space-sm);
    text-transform: uppercase;
  }

  .section-resource-list__content h3,
  legend.numbered,
  .colorspan {
    text-transform: uppercase;
    font-weight: var(--suicoke-font-weight-medium);
  }

  legend.numbered {
    line-height: normal;
    margin-bottom: var(--suicoke-space-sm);
  }

  /* --------------------------------------------------
     Accordion / details
  -------------------------------------------------- */

  accordion-custom .image-block {
    width: 35% !important;
  }

  .accordion--dividers accordion-custom:first-child .details,
  .accordion--dividers accordion-custom:not(:first-child) .details {
    border-block-start: var(--suicoke-border-thin) !important;
  }

  accordion-custom:last-child .details.numbered {
    border: none;
  }

  accordion-custom details.details.numbered:not(.proto) {
    display: grid;
    grid-template-columns: 100% auto;
    align-items: baseline;
  }

  accordion-custom details.details.numbered[open]:not(.proto) {
    grid-template-columns: 30% auto !important;
  }

  /* --------------------------------------------------
     Color select / numbered
  -------------------------------------------------- */

  .colorselect-wrap .numbered::before,
  legend.numbered::before {
    padding: 0;
  }

  /* --------------------------------------------------
     Prototype block
  -------------------------------------------------- */

  .prototype-block {
    display: flex;
    gap: 0;
    padding-left: var(--suicoke-space-lg);
    align-items: flex-start;
  }

  .prototype-block img {
    object-fit: contain;
  }

  .proto .prototype-block {
    padding-top: var(--suicoke-space-sm);
  }

  .prototype-block span {
    font-weight: var(--suicoke-font-weight-medium);
    font-size: var(--suicoke-font-xs);
    margin-bottom: var(--suicoke-space-sm);
    display: block;
    text-transform: uppercase;
  }

  .prototype-block > a {
    width: calc((100% - var(--suicoke-space-xl)) / 3.333);
    margin-right: var(--suicoke-space-sm);
  }

  /* --------------------------------------------------
     Product details layout
  -------------------------------------------------- */

  .product-details .group-block-content.mobile-column,
  .buy-buttons-blockk {
    padding: 0 var(--suicoke-space-lg);
  }

  .product-details .group-block-content .group-block-content {
    padding: initial !important;
    line-height: normal;
  }

  /* --------------------------------------------------
     Text blocks / meta
  -------------------------------------------------- */

  .text-block--AbGRONXEwbU9JeEtQe__text_Tq7wFJ {
    opacity: var(--suicoke-opacity-muted);
  }

  .text-block--AcjNaaFo1UW1hVlV2U__text_HLXhJE::before {
    content: attr(data-meta);
    font-size: var(--suicoke-font-xs);
    display: block;
    opacity: var(--suicoke-opacity-muted);
    padding-top: var(--suicoke-space-xs);
    line-height: normal;
  }

  .text-block--AYmFic09UcXd5aEJ2d__text_w3YTEJ::before {
    content: "[PRODUCT NUMBER]";
    display: block;
    font-size: var(--suicoke-font-xs);
    opacity: var(--suicoke-opacity-muted);
    padding-top: var(--suicoke-space-xs);
  }

  .product-details product-price::before {
    content: "[PRICE]";
    display: block;
    font-size: var(--suicoke-font-xs);
    opacity: var(--suicoke-opacity-muted);
    padding-top: var(--suicoke-space-xs);
  }

  /* --------------------------------------------------
     Tables
  -------------------------------------------------- */

  accordion-custom table.table-horizontal {
    position: relative;
    top: 3px;
    border-collapse: collapse;
    table-layout: fixed;
    max-width: 50ch;
  }

  accordion-custom table.table-horizontal td {
    padding: var(--suicoke-space-xxs) 0;
  }

  accordion-custom table.table-horizontal tr {
    border-bottom: var(--suicoke-border-thin);
  }

  accordion-custom table.table-horizontal th {
    border-bottom: var(--suicoke-space-sm) solid #fff;
    font-weight: 500;
    text-align: left;
  }

  accordion-custom table.table-horizontal tr:last-child {
    border-bottom: none;
  }

  accordion-custom table.table-horizontal tr:not(:first-child) td {
    opacity: 1;
    transition: all var(--suicoke-anim-fast) ease;
  }

  /* --------------------------------------------------
     Icons
  -------------------------------------------------- */

  span.svg-wrapper.icon-plus {
    position: absolute;
    right: 50px;
    pointer-events: all;
    width: 34px;
    padding: var(--suicoke-space-sm) 10px;
    z-index: 9;
    margin-top: -11px;
  }

  /* --------------------------------------------------
     Desktop
  -------------------------------------------------- */

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

    .text-block--AQXFZZjAyREZJWkt3R__text_HLXhJE p {
      line-height: 40px;
    }

    .product-information__grid.product-information--media-left {
      grid-column: 1 / 4 !important;
      grid-template-columns: 2fr 2fr !important;
    }

    .product-details,
    .product-information__media,
    summary.details__header {
      padding: 0 !important;
    }

    form.variant-picker__form {
      padding: 0 var(--suicoke-space-lg);
    }

    summary.details__header,
    .proto summary.details__header {
      min-height: auto !important;
      padding: var(--suicoke-space-md) var(--suicoke-space-sm) var(--suicoke-space-sm) var(--suicoke-space-lg) !important;
      line-height: normal !important;
      font-size: var(--suicoke-font-xs);
    }

    .proto .details-content {
      transform: translateY(calc(-1 * var(--suicoke-space-sm)));
      padding-bottom: var(--suicoke-space-sm);
    }

    accordion-custom .details-content {
      padding: 0 var(--suicoke-space-lg) var(--suicoke-space-md) 0;
    }

    .colorselect-wrap {
      padding: 0 var(--suicoke-space-lg);
      padding-top: var(--suicoke-space-sm);
      line-height: normal;
      border-top: var(--suicoke-border-thin);
    }
  }

}

/* --------------------------------------------------
   Global counter
-------------------------------------------------- */

main[data-template="product"] {
  counter-reset: global-counter;
}

/* --------------------------------------------------
   Disabled buttons
-------------------------------------------------- */

.button[aria-disabled="true"],
.button-secondary[aria-disabled="true"],
.button:disabled {
  opacity: var(--suicoke-opacity-disabled);
}

/* --------------------------------------------------
   Header – layout adjustments
-------------------------------------------------- */

body.product-page .header__column--left,
body.page-prototype .header__column--left {
  gap: 0;
}

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

body.product-page .header__row,
body.page-prototype .header__row {
  background-color: transparent !important;
  border-bottom: none !important;
}

}

/* --------------------------------------------------
   Header – logo treatment
-------------------------------------------------- */

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

body.product-page
span.header-logo__image-container.header-logo__image-container--original,
body.page-prototype
span.header-logo__image-container.header-logo__image-container--original {
  filter: invert(1) contrast(10);
}

}

/* --------------------------------------------------
   Header – sticky / non-sticky states
-------------------------------------------------- */

body.product-page
.header[transparent="not-sticky"][data-sticky-state="active"]
.header__column--right,
body.page-prototype
.header[transparent="not-sticky"][data-sticky-state="active"]
.header__column--right {
  /*border-bottom: var(--suicoke-border-thin) !important;
  background: #fff;*/
}

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

body.product-page
.header[transparent="not-sticky"][data-sticky-state="inactive"]
.header__row,
body.product-page
.header[transparent="not-sticky"][data-sticky-state="active"]
.header__row,
body.page-prototype
.header[transparent="not-sticky"][data-sticky-state="inactive"]
.header__row,
body.page-prototype
.header[transparent="not-sticky"][data-sticky-state="active"]
.header__row {
  border-bottom: none !important;

}


/*body.product-page
.header[transparent="not-sticky"][data-sticky-state="active"]
.header__column--left,
body.page-prototype
.header[transparent="not-sticky"][data-sticky-state="active"]
.header__column--left{
background: linear-gradient(
    rgb(0 0 0 / var(--header-gradient-opacity, 0.1)),
    #00000000
  );

}
*/

}





@media only screen and (max-width: 749px) {
body.product-page
.header[transparent="not-sticky"][data-sticky-state="active"]
.suicokemenu,
body.page-prototype
.header[transparent="not-sticky"][data-sticky-state="active"]
.suicokemenu {
filter:invert(0);
}

body.product-page .suicokemenu,
body.page-prototype .suicokemenu { 
filter:invert(1);
}



/*body.product-page .header-logo:has(.header-logo__image-container--inverse) .header-logo__image-container--original,
body.page-prototype .header-logo:has(.header-logo__image-container--inverse) .header-logo__image-container--original {
    display: block!important;
}

body.product-page .header-logo__image-container--inverse,
body.page-prototype .header-logo__image-container--inverse{
    display: none!important;
}*/


}


/* --------------------------------------------------
   Numbered counter positioning (product only)
-------------------------------------------------- */

main[data-template="product"]
accordion-custom
.numbered::before {
  position: absolute;
  padding-top: var(--suicoke-space-sm);
  padding-left: var(--suicoke-space-lg);
}



/* ========================================================================================================================================
   PASSWORD
======================================================================================================================================== */

@media screen and (min-width: 750px) {
    .password-main-content  .size-style {
        width: 350px;
    }
}
  
  .password-main-content .section  {
    max-width: 500px;
    margin: auto;
    padding: 0 var( --suicoke-space-sm);
}

#shopify-section-password-footer {
    display: none;
}

 .password-main-content *{
  font-size: var( --suicoke-font-xs)!important;
 }

 .password-main-content .email-signup__input-group:not(:has(.email-signup__button--integrated)) {
    gap: 0;
    background: white;
}

.paragraph:not(.button) {
    font-size: var( --suicoke-font-xs)!important;
    padding: var( --suicoke-space-sm)!important;
}


.password-main-content {
    background: #e9e9e9;
}

.password-main-content div {
    background: transparent;
}

.password-main-content span.svg-wrapper {
    display: none;
}

.password-main-content summary.details__header {
    justify-content: center;
    padding: 0;
    font-weight:  var(--suicoke-font-weight-medium);
}

.password-main-content .contact-form__form-row {
        flex-direction: column;
}

.password-main-content .submit-button {
    font-weight: var(--suicoke-font-weight-medium);
    margin-top: -10px;
    width: 100%;
}

.password-main-content .numbered::before {
    display: none;
}

.password-main-content .email-signup__input::placeholder,
.password-main-content input::placeholder,
textarea#ContactForm-body::placeholder  {
    color: black;
    opacity:.3;
}


.contact-form {
    padding: var(--suicoke-space-md) 0 0!important;
}

.password-main-content .button{
    padding: var( --suicoke-space-sm)!important;
}

.password-main-content .contact-form__form,
.password-main-content .contact-form__form-row {
    gap: var(--suicoke-space-xs);
}

.password-main-content input#ContactForm-phone {
    display: none;
}


.password-main-content input::placeholder,
textarea#ContactForm-body::placeholder {
    text-transform: lowercase;
}

@media screen and (max-width: 749px) {
.password-main-content .email-signup__input-group:not(:has(.email-signup__button--arrow)) {
grid-template-columns: auto min-content!important;
}
.password-main-content .section  {
max-width: 80%;
}

.password-main-content .contact-form__form {
    width: 80vw;
    padding: 6px var( --suicoke-space-sm) 0px;
}

.password-main-content .contact-form__input--textarea {
    height: 100px;
}


}





/* ========================================================================================================================================
   FOOTER
======================================================================================================================================== */

/* ---------------------------------------------------------
   Footer layout
--------------------------------------------------------- */

.footer-groups {
  display: flex;
  justify-content: space-between;
  padding: 0 15px 15px;
  box-sizing: border-box;
}

.footer-group {
  padding-bottom: 45px;
}

.footer-column {
  /* intentionally empty – structural hook */
}

/* ---------------------------------------------------------
   Footer typography
--------------------------------------------------------- */

.footer-groups * {
  font-size: 11px !important;
  line-height: normal !important;
}

.li-uppercase > a {
  text-transform: uppercase;
  font-size: var(--suicoke-font-xs);
  font-weight: var(--suicoke-font-weight-medium);
}

.footer-menu-title {
  font-size: 11px;
  font-weight: var(--suicoke-font-weight-medium);
  line-height: normal;
  margin: 0 0 11px;
  pointer-events: none;
}

/* Disable interaction on first text elements */
:first-child:is(p,h1,h2,h3,h4,h5,h6) {
  pointer-events: none;
}

/* ---------------------------------------------------------
   Footer menus
--------------------------------------------------------- */

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

.footer-menu a {
  color: inherit;
  text-decoration: none;
}

.footer-menu li.graylink {
  font-size: 11px;
  line-height: normal;
  opacity: 0.3;
  transition: opacity 0.125s;
}

.footer-menu li.graylink:hover {
  opacity: 1;
}

/* ---------------------------------------------------------
   Newsletter
--------------------------------------------------------- */

.newsletter-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
  position: relative;
}

.newsletter-input {
  width: 0;
  opacity: 0;
  transition: width 0.125s ease, opacity 0.125s ease;
}

.newsletter-input.active {
  width: 200px;
  opacity: 1;
}

input#FooterEmailInput {
  margin-right: 8px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
  background: white;
  font-size: 11px;
  line-height: normal;
  outline: none;
}

.last input::placeholder {
  color: black;
  opacity: 0.3;
}

button.newsletter-button {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: var(--font-h4--family);
  font-size: 11px;
  font-weight: var(--suicoke-font-weight-medium);
  color:black;
}

/* ---------------------------------------------------------
   Footer “last” block
--------------------------------------------------------- */

.last {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: right;
  font-size: 11px;
  font-weight: var(--suicoke-font-weight-medium);
}

.last a {
  white-space: nowrap;
}

.last div ~ span {
  font-size: 8px !important;
  font-weight: normal;
  white-space: nowrap;
}

/* ---------------------------------------------------------
   Footer responsive
--------------------------------------------------------- */

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

  .footer-groups {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 0 15px 15px !important;
  }

  /*.footer-group:first-child {
    display: none;
  }*/

  .last {
    grid-column: 1 / 4;
    flex-direction: row !important;
  }
}



/* ========================================================================================================================================
   CONTACT
======================================================================================================================================== */

/* ---------------------------------------------------------
   Form layout
--------------------------------------------------------- */

.contact-form {
  padding: var(--suicoke-space-md) var(--suicoke-space-lg) 0;
}

.contact-form__form * {
  outline: none;
}

/* ---------------------------------------------------------
   Inputs
--------------------------------------------------------- */

.contact-form__input {
  padding: var(--suicoke-font-xs) !important;
  font-size: var(--suicoke-font-xs);
  line-height: normal;

  border-radius: 0 !important;
  border: var(--suicoke-border-thin) !important;
  background-color: #fff !important;
}

/* ---------------------------------------------------------
   Custom select
--------------------------------------------------------- */

.custom-select-wrapper {
  position: relative;
  width: 100%;
  font-family: inherit;
}

.custom-select-button {
  width: 100%;
  padding: 10px var(--suicoke-font-xs);

  font-size: var(--suicoke-font-xs);
  line-height: 16.5px;
  text-align: left;
  color: #000;

  background: #fff;
  border: var(--suicoke-border-thin);
  cursor: pointer;
}

.custom-select-button .arrow {
  float: right;
}

/* ---------------------------------------------------------
   Options dropdown
--------------------------------------------------------- */

.custom-select-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;

  width: 100%;
  max-height: 200px;
  overflow-y: auto;

  margin: 0;
  margin-top: -1px;
  padding: 0;
  padding-bottom: var(--suicoke-space-sm);

  list-style: none;
  z-index: 10;

  background: #fff;
  border: var(--suicoke-border-thin);
  border-top: var(--suicoke-border-hairline);
}

.custom-select-options li {
  padding: 0 var(--suicoke-font-xs);
  cursor: pointer;

  opacity: var(--suicoke-opacity-muted);
  transition: opacity var(--suicoke-anim-fast);
}

.custom-select-options li:hover {
  opacity: 1;
}



/* ========================================================================================================================================
   CART
======================================================================================================================================== */

/* ---------------------------------------------------------
   Drawer layout
--------------------------------------------------------- */

.cart-drawer__dialog {
  width: calc(50vw + 1px) !important;
}

cart-items-component {
  border-left: var(--suicoke-border-thin);
}

.cart-drawer__header {
  padding: var(--suicoke-space-sm) !important;
}

#cart-drawer-header {
  height: var(--suicoke-action-height-sm);
}

.cart-drawer__close-button {
  height: auto;
}

.cart-drawer__inner {
  --minimum-touch-target: var(--suicoke-font-xs);
}

.cart-drawer__inner button:focus-visible {
  outline: none;
}

/* ---------------------------------------------------------
   Table / rows
--------------------------------------------------------- */

.cart-drawer__dialog table {
  border-spacing: 0;
}

.cart-drawer__items .cart-items__table-row {
  padding-bottom: var(--suicoke-space-md) !important;
  margin-bottom: var(--suicoke-space-sm) !important;
  border-bottom: var(--suicoke-border-thin) !important;
  column-gap: var(--suicoke-space-sm);
}

.cart-drawer__items .cart-items__table-row:last-child {
  border-bottom: none !important;
}

tr.cart-items__table-row {
  padding: 0 var(--suicoke-space-xl) 0 var(--suicoke-space-lg);
}

scroll-hint.cart-drawer__items {
  padding: 0;
}

/* ---------------------------------------------------------
   Media
--------------------------------------------------------- */

a.cart-items__media-container {
  aspect-ratio: auto;
}

/* ---------------------------------------------------------
   Typography
--------------------------------------------------------- */

td.cart-items__details *,
.quantity-selector *,
td.cart-items__price,
.cart__total-label {
  font-size: var(--suicoke-font-xs) !important;
  color: black;
  opacity: 1;
  font-weight: 400!important;
}

.cart-items__price text-component {
    font-weight: 400 !important;
}

.cart-items__details > * + *,
.cart-items__bundle li {
  margin: 0 !important;
}

.cart__total-value {
  font-size: var(--suicoke-font-lg) !important;
}

span.cart__total-label {
  text-transform: uppercase;
}

/* Empty cart */
h2#cart-drawer-heading {
  display: none;
}

h2#cart-drawer-heading-empty {
  font-size: var(--suicoke-font-xs);
  font-weight: var(--suicoke-font-weight-normal);
  opacity: var(--suicoke-opacity-muted);
}

a.cart-items__empty-button,
h2#cart-drawer-heading-empty {
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------
   Quantity selector
--------------------------------------------------------- */

.quantity-selector {
  --quantity-selector-width: var(--suicoke-space-lg);
  background: none;
  border: none;
  padding-right: var(--suicoke-space-xs);
  border-radius: 0;
}

.quantity-selector:hover {
  background: none;
}

.cart-items__quantity button {
  font-weight: var(--suicoke-font-weight-medium);
}

/* ---------------------------------------------------------
   Summary / totals
--------------------------------------------------------- */

.cart-drawer__summary {
  padding-inline: 0 !important;
  padding-bottom: 0 !important;
  gap: 0 !important;
}

.cart__summary-totals {
  padding: 0 var(--suicoke-space-lg);
  padding-top: var(--suicoke-space-sm) !important;
  height: var(--suicoke-action-height-md);
}

.cart__summary-totals:not(:has(.cart-actions)) {
  margin-block-start: 0 !important;
  border-block-start: var(--suicoke-border-thin) !important;
}

span.cart__summary-item.cart__total {
  align-items: center;
}

.cart__summary-item.tax-note {
  height: var(--suicoke-action-height-md);
}

.cartestim {
  display: flex;
  flex-direction: column;
}

button#checkout {
  height: var(--suicoke-action-height-md);
  font-weight: var(--suicoke-font-weight-medium);
  text-transform: uppercase;
}

/* ---------------------------------------------------------
   Numbered system / animation
--------------------------------------------------------- */

.dialog-modal {
  --animation-speed: var(--suicoke-anim-medium);
}

.cart-items__table {
  counter-reset: global-counter;
}

.cart-items__table .numbered::before {
  padding-left: var(--suicoke-space-lg);
}

.numbered.removing {
  overflow: hidden;
  animation: removeRow
    calc(var(--animation-speed) * 2)
    var(--animation-easing)
    forwards;
  animation-delay: var(--animation-speed);
}

td.numbered {
    padding-left: 0;
}

/* ---------------------------------------------------------
   Icon
--------------------------------------------------------- */

cart-icon {
  font-weight: var(--suicoke-font-weight-medium);
}

cart-icon a,
cart-icon span.text {
  display: inline-flex;
  align-items: baseline;
  font-weight: var(--suicoke-font-weight-medium);
}

.cart-bubble {
  width: fit-content;
  aspect-ratio: auto;
  padding:0;
  margin-right: 0px;
  white-space: nowrap;
  color: #000 !important;
}


/* ========================================================================================================================================
   FILTER / FACETS
======================================================================================================================================== */

/* ---------------------------------------------------------
   Base
--------------------------------------------------------- */

facets-form-component {
  counter-reset: global-counter;
}

facets-form-component * {
  outline: none;
}

.sorting-filter__select-wrapper:has(:focus-visible) {
  outline: 0 !important;
  outline-offset: 0 !important;
}

label.numbered::before,
.facets__label.numbered::before {
padding-bottom: 0;
}

/* ---------------------------------------------------------
   Dialog / backdrop
--------------------------------------------------------- */

.dialog-modal::backdrop {
  backdrop-filter: none !important;
  animation: none !important;
  background: transparent !important;
}

/* ---------------------------------------------------------
   Sticky facets under header
--------------------------------------------------------- */

@media only screen and (min-width: 750px) {
  
  .facets-toggle.facets--under-header {
   position: fixed;
   width: 100%;
   margin-top: calc(var(--facet-shift, 0px) - 1px);
   animation: fadeInFromNone var(--suicoke-anim-fast) ease-in-out;
  }

  .main-collection-grid.colec--under-header {
   margin-top: calc(var(--colec-shift, 0px));
  }

}

/* ---------------------------------------------------------
   Header / title
--------------------------------------------------------- */

h2.facets-drawer__title.h3 {
  visibility: hidden;
}

/* ---------------------------------------------------------
   Actions (clear / see results)
--------------------------------------------------------- */

.facets__actions {
  --to-top-gradient-background: linear-gradient(
    to top,
    rgb(255 255 255 / 1),
    rgb(255 255 255 / 1),
    rgb(255 255 255 / 1),
    rgb(255 255 255 / 1),
    rgb(255 255 255 / .8),
    rgb(255 255 255 / 0),
    transparent
  ) !important;

  display: flex;
  flex-direction: column-reverse;
  gap: 0 !important;

  padding-block-start: 100px !important;
  padding-block-end: 0 !important;
  padding-inline: 0 !important;

  margin-top: 0 !important;
}

.button-secondary.facets__clear-all {
  display: block !important;
  width: fit-content;
  height: fit-content;
  min-width: fit-content;
  padding: 0;

  font-weight: var(--suicoke-font-weight-medium);
  --button-border-color: transparent;
}

.button-secondary.facets__clear-all:hover {
  --button-border-color: transparent;
}

button.button.button-primary.facets__see-results {
  width: 100%;
  height: var(--suicoke-action-height-md);

  font-weight: var(--suicoke-font-weight-medium);
  text-transform: uppercase;
}

.facets__actions facet-remove-component {
  height: var(--suicoke-action-height-md);
  display: grid;
  place-items: center;
}

/* ---------------------------------------------------------
   Facets dialog
--------------------------------------------------------- */

dialog.facets.drawer {
  left: auto;
  width: calc(50vw + 1px) !important;
  max-width: calc(50vw + 1px) !important;
  animation-duration: var(--suicoke-anim-medium) !important;
}

dialog.facets {
  border-left: var(--suicoke-border-thin);
}

dialog.facets * {
  font-size: var(--suicoke-font-xs) !important;
  line-height: normal !important;
}

/* ---------------------------------------------------------
   Panels / inputs
--------------------------------------------------------- */

.facets__inputs-list {
  gap: 0 !important;
}

.facets__panel {
  display: grid;
  grid-template-columns: 30% 1fr;
  align-items: baseline;
  padding: 0 !important;
}

.facets__inputs {
  padding-bottom: var(--suicoke-space-sm) !important;
}

.facets__inputs-wrapper {
  margin: 0 !important;
}

.facets__inputs .show-more {
  gap: var(--suicoke-space-sm)!important;;
  margin-block-end: 0!important;;
}

.facets__inputs.facets__panel-content.details-content {
  margin-bottom: var(--suicoke-space-md) !important;
  padding-right: var(--suicoke-space-lg);
  transform: translateY(var(--suicoke-space-sm));
}

/* ---------------------------------------------------------
   Summary
--------------------------------------------------------- */

summary.facets__summary {
  align-items: baseline;
  padding: var(--suicoke-space-sm) 0 0 var(--suicoke-space-lg);
  text-transform: uppercase;
}

.facets__summary .icon-caret,
.facets--drawer .facets__summary .icon-caret {
  margin: 0 !important;
}

.facets__item::before,
.sorting-filter::before {
  width: 100% !important;
  border-top: 0 solid var(--suicoke-border-color) !important;
}

.facets__item:first-child::before {
  border-top: 0 !important;
}

span.facets__label {
  font-weight: var(--suicoke-font-weight-medium);
}

/* ---------------------------------------------------------
   Checkbox
--------------------------------------------------------- */

label.checkbox__label {
  align-items: center;
}

span.checkbox__label-text {
  color: #000;
  opacity: var(--suicoke-opacity-muted);
  transition: opacity var(--suicoke-anim-fast);
}

.checkbox:hover span.checkbox__label-text,
.checkbox:has(.checkbox__input:checked) span {
  opacity: 1;
}

.checkbox__input:disabled + .checkbox__label span.checkbox__label-text {
  opacity: .1;
}

.checkbox .icon-checkmark {
  width: var(--suicoke-font-xs);
  height: var(--suicoke-font-xs);
  border-radius: 50%;
  border: 1px solid rgb(0 0 0 / 20%);
}

.checkbox .icon-checkmark path {
  display: none;
}

.checkbox__input:disabled + .checkbox__label .icon-checkmark {
  background-color: transparent;
  border-color: transparent;
}

.checkbox:not(:has(.checkbox__input:disabled)):hover .icon-checkmark {
  border-color: #ccc !important;
  background-color: rgb(0 0 0 / 20%) !important;
}

/* ---------------------------------------------------------
   Status / misc
--------------------------------------------------------- */

.facets__title-wrapper {
  padding: var(--suicoke-space-sm);
}

.facets__status-wrapper {
  position: absolute;
  right: var(--suicoke-space-lg);
  margin-top: var(--suicoke-space-xs);
  z-index: 99;
}

svg {
  outline: none !important;
}

.facets-remove.facets-remove--mobile-and-vertical {
  display: none;
}

/* ---------------------------------------------------------
   Disable accordion animation inside drawer
--------------------------------------------------------- */

#filters-drawer details,
#filters-drawer details summary,
#filters-drawer details > * {
  transition: none !important;
}

/* ---------------------------------------------------------
   Sorting
--------------------------------------------------------- */

.sorting-filter__option {
  min-width: 180px;
  padding: 0;
}

.sorting-filter__options {
  position: relative;
  top: 0 !important;

  padding: 0;
  margin: 0;

  opacity: 1;
  block-size: auto;
  overflow-y: visible !important;
  box-shadow: none;
}

/* ---------------------------------------------------------
   Desktop
--------------------------------------------------------- */

@media screen and (min-width: 750px) {
  sorting-filter-component {
    display: block !important;
  }

  .facets__inputs .show-more__button {
    --show-more-icon-size: var(--suicoke-font-xs);
    --show-more-gap: 5px;
  }
}

/* ---------------------------------------------------------
    Toggle & Button
--------------------------------------------------------- */

.facets-toggle,
.facets-toggle__button {
  display: block !important;
}

.facets-toggle__button .svg-wrapper {
  display: none;
}

.facets-toggle__button a,
.facets-toggle__wrapper span {
  font-size: var(--suicoke-font-xs);
  font-weight: var(--suicoke-font-weight-medium);
  text-transform: uppercase;
}

/* ---------------------------------------------------------
    Toggle wrapper
--------------------------------------------------------- */

.facets-toggle__wrapper {
  display: flex !important;
  justify-content: space-between !important;
}

.facets-toggle__wrapper * {
  font-weight: var(--suicoke-font-weight-medium) !important;
}

.facets-toggle__wrapper span {
  display: inline-flex;
  text-transform: uppercase;
}

/* ---------------------------------------------------------
    Toggle panel
--------------------------------------------------------- */

.facets-toggle {
  height: auto !important;
  padding: var(--suicoke-space-sm) !important;
  --icon-offset: 0 !important;
  top: 0;
  z-index: 1;
  background-color: var(--color-background, #fff);
  border-bottom: none;
  transition: transform var(--suicoke-anim-fast) ease-in-out;
  /* position: sticky; */
}

/* ---------------------------------------------------------
    Active / Filter values
--------------------------------------------------------- */

.filter-value {
  padding-left: var(--suicoke-space-xs);
  text-transform: uppercase;
}

.active-filters-text li {
  padding-right: var(--suicoke-space-sm);
  list-style: none;
  text-transform: uppercase;
  font-weight: var(--suicoke-font-weight-normal);
}

.active-filters-summary {
  padding-left: var(--suicoke-space-sm);
}



/* ========================================================================================================================================
   MISC.
======================================================================================================================================== */

/* ---------------------------------------------------------
   HCAPTCHA Badge
--------------------------------------------------------- */
#shop-hcaptcha-badge-container {
  visibility: hidden !important;
  pointer-events: none;
}

/* ---------------------------------------------------------
   Brackets / Text
--------------------------------------------------------- */
.brack {
  cursor: pointer;
}

.bracket {
  display: inline-block;
  transition: transform 0.1s ease;
}

.text {
  display: inline-block;
  transition: opacity 0.1s ease;
}

/* ---------------------------------------------------------
   Numbered Counter
--------------------------------------------------------- */
.numbered::before {
  counter-increment: global-counter;
  content: "[" counter(global-counter, decimal-leading-zero) "]";
  display: block;
  opacity: 0.3;
  font-weight: normal;
}



/* ========================================================================================================================================
   ANIMATION
======================================================================================================================================== */

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}








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

:root {

 /* -----------------------------------------
     Typography
  ----------------------------------------- */
  --suicoke-font-xs: 9px;
  --suicoke-font-sm: 13px;
  --suicoke-font-md: 16px;
  --suicoke-font-lg: 30px;

  --suicoke-font-weight-normal: 400;

  --font-size--paragraph: 9px!important;
  --font-h1--size: 30px!important;

  /* -----------------------------------------
     Spacing
  ----------------------------------------- */
  --suicoke-space-xxs: 4px;
  --suicoke-space-xs: 8px;
  --suicoke-space-sm: 10px;
  --suicoke-space-md: 20px;
  --suicoke-space-lg: 30px;
  --suicoke-space-xl: 60px;

  --suicoke-action-height-md: 42px;
  
.group-block.group-block--height-fit.group-block--width-fill.border-style.spacing-style.size-style{
  --padding-block-start: 10px!important;
  --padding-block-end: 10px!important;
  --padding-inline-start: 10px!important;
  --padding-inline-end: 10px!important;
  --max-width--body-normal: none!important;
  --max-width--body-narrow: none!important;
  }
}

input,
textarea,
button,
select,
accordion-custom,
a {
  -webkit-tap-highlight-color: transparent;
}

/* HEADER */

body.home header-component#header-component {
    position: fixed;
}

body.home .suicokemenu{
  display:none;
}

.header__column a.header-logo {
    margin: var(--suicoke-space-sm);
    margin-bottom:0;
    pointer-events: none!important; 
}

.smarttoplink {
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 50px;
}

.smarttoplink a {
    width: 100%;
    height: 100%;
    display: block;
}


.header-logo__image {
        height: fit-content !important;
        width: 100vw !important;
        padding: 0;
}

.header__columns {
    display: flex!important;
    flex-direction: column;
}

.header__drawer {
    display: none!important
}

.suicokemenu {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0;
}

.suicokemenu * {
    font-weight: var(--suicoke-font-weight-medium)!important;
}


.cart-bubble {
    height: var(--suicoke-font-xs) !important;
    width: auto;
    padding-right: 0!important;
}

a.open-drawer-link,.button.header-actions__action{
  padding: var(--suicoke-space-sm);
}

a.oopen-drawer-link,.button.header-actions__action{
  padding: var(--suicoke-space-sm);
}



/* DRAWER */

.drawer-menu__panel {
    width: 85%;
    max-width: 85%;
}

li.top-ul-li:first-child ul.mid-ul {
    /*grid-template-columns: repeat(2, 1fr);*/
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}

li.top-ul-li {
    grid-template-columns: calc((100% - var(--suicoke-space-xl)) / 4) auto;
    column-gap: var(--suicoke-space-lg);
}

.top-ul-li:first-child .mid-ul-li:first-child * {
opacity: 1;
}

.top-ul-li:first-child .mid-ul-li:first-child {
    grid-column: 1;
}

.top-ul .top-ul-li:not(:first-child) li.mid-ul-li,
.top-ul-li:first-child .mid-ul-li:first-child .sub-ul-li,
.top-ul-li:first-child .mid-ul-li:not(:first-child) {
    margin-bottom: 2px;
}

li.top-ul-li:first-child ul.mid-ul li.mid-ul-li:first-child ul {
    padding-top: 2px;
}

.mid-ul li ul li:first-child {
    margin-top: 0;
}

.brack, 
.drawer-menu__close {
    color: black!important;
}

.drawer-search{
    padding-bottom: 15px;
}

.mid-ul-li:not(:first-child) li.sub-ul-li {
    display: none;
}


/* FILTER */

dialog.facets.drawer {
    width: 85%!important;
    max-width: 85%!important;
}

.sorting-filter__containerr{
  gap: var(--suicoke-space-sm);
}

.facets__panel{
  column-gap: var(--suicoke-space-sm);
}

.facets__actions {
    padding-block-start: 40px !important;
}

.facets__inputs:has(.show-more) .facets__inputs-wrapper {
        padding-block: 0!important;
        padding-inline: 0!important;
}

.facets__inputs .show-more__button .icon-plus {
    width: auto!important;
    height: auto!important;
}

.facets__title-wrapper {
    height: calc((var(--suicoke-action-height-sm) + 1px) / 2) !important;
}

.checkbox:not(:has(.checkbox__input:disabled)):hover .icon-checkmark {
    border-color: black !important;
    background-color: black !important;
}

/*HEIGHTHGEIHGHEHFFSHFH  WWWWWWW W W W W W W W W W WW W W W WWW W.  w. w. w. w. w. w. w. w. w. w. w. w. w. w. w. w. w. w w w w*/

/* CART */

#cart-drawer-header {
    height: 30px;
}

.cart-drawer__dialog {
    width: 85% !important;
}

tr.cart-items__table-row {
padding: 0 var(--suicoke-space-sm) 0 var(--suicoke-space-sm);
}

.cart-items__table .numbered::before {
    padding-left: var(--suicoke-space-sm);
}

/* COLLECTION */

.mobile-column {
        justify-content: flex-end;
}
.color-swatches {
    margin-right: 0px;
}

.product-badges__badge {
    margin-left: var(--suicoke-space-xs);
}

.cart-items__table-row {
    --cart-item-price-width: 3rem!important;
    grid-template-columns: 2fr 3fr 1fr!important;
}

.cart__total-value {
    font-size: var(--suicoke-font-md) !important;
    font-weight: 400 !important;
}

/* PRODUCT */

a.return-button {
    top: 0!important;
    right: 0!important;
}

.page-width-wide, 
.page-width-normal, 
.page-width-narrow, 
.page-width-content {
    --page-margin: 0px!important;
}

.colorselect-wrap,
.variant-picker__form
 {
    padding: 0 var(--suicoke-space-sm);
}

.product-details > .group-block {
    padding: 0;
}
.product-details rte-formatter.text-block.rte {
    padding: 0;
}

.product-details  product-price.text-block {
    padding-bottom: var(--suicoke-space-lg)!important ;
}

.product-details product-price div .price {
    font-size: var(--suicoke-font-md)!important;
}

.product-details  product-price.text-block div {
    line-height: var(--suicoke-font-sm) !important;
}

.product-details product-price::before {
    padding-top: 3px!important;
}

main[data-template=product] .accordion .details__header {
    font-size: 9px !important;
    padding-top: calc(var(--suicoke-space-sm) * 2 + 2px);
    min-height: 40px !important;
}

main[data-template=product] .accordion .svg-wrapper>svg {
    width: var(--suicoke-space-sm);
    height: var(--suicoke-space-sm);
}

main[data-template=product] .accordion span.svg-wrapper.icon-plus {
     right: 0px!important;
     margin-top: -9px!important;
}

main[data-template="product"] accordion-custom .numbered::before {
    padding-left: 0;
}

main[data-template="product"] accordion-custom details.details.numbered:not(.proto) {
   display: block;
}

details {
    padding: 0 10px;
}

main[data-template="product"] .accordion--dividers .details-content {
    padding-block-end: calc(var(--suicoke-space-sm) * 2);
}

main[data-template="product"] .accordion--dividers .details-content * {
  font-size: var(--suicoke-font-xs)!important;
}

main[data-template=product] accordion-custom table.table-horizontal {
    max-width: 100%;
}

main[data-template=product] table tr:nth-child(even) {
    background: rgb(0 0 0 / 3%);
}

main[data-template=product] table tr {
    border: none !important;
}

main[data-template=product] .text-block > * {
    max-width: 100%!important;
    width: 100%!important;
}

.add-to-cart-button {
    height: var(--suicoke-action-height-md)!important;
}

.slideshow-controls__dots button {
    --size: .25rem!important;
}

:is(.slideshow-controls__dots,.slideshow-controls__counter) button {
    --color: rgb(255 255 255 / 10%);
    
}

.slideshow-controls__dots {
    gap: 3px;
    padding: var(--suicoke-space-sm);
}

slideshow-controls {
    min-height: fit-content;
}

.details-content .group-block.group-block--height-fit.group-block--width-fill.border-style.spacing-style.size-style {
    padding: 0 !important;
}

.group-block-content.layout-panel-flex.layout-panel-flex--row.mobile-column {
    gap: 10px;
    justify-content: flex-start;
}

.details-content {
    max-width: none!important;
}

/* PAGE */

.p-s_content {
    width: 100%!important;
    padding: var(--suicoke-space-sm)!important ;
    padding-block-end: var(--suicoke-space-lg) !important;
}

.p-s_content ul {
    padding-inline-start: 20px;
}

/* PROTOTYPE */

.prototype-wrapper {
    display: flex!important;
    flex-direction: column;
}

.prototype-left {
    padding-top: var(--suicoke-space-sm)!important;
}

.proto-inner {
    padding-left: var(--suicoke-space-sm)!important;
    padding-right: var(--suicoke-space-sm)!important;
}

.protodetails.proto-inner {
    min-height: 75px!important;
}

/* FIELD TEST */

.gallery-modal{
  padding:0px!important;
}

.gallery-modal-image {
    max-height: 100vh;
}

.gallery-modal-content {
   position: absolute!important;
   top: 0;
}

.gallery-modal-text {
        position: relative !important;
        z-index: 9999;
        color: black;
        padding: 0 10px 20px;
        left: 0px !important;
        transform: none !important;
        top: auto !important;
        grid-template-columns: 1fr 1fr;
        display: grid;
        
}

.field_close {
    transform: none!important;
    padding: 9px 7px!important;
    width: 100%!important;
    text-align: end;
    position: initial;
}

.gallery-modal-text p {
    display: grid;
    grid-template-columns: 1fr 3fr !important;
    gap: 20px !important;
    margin-block-start: 0px;
}

body.modal-open header span.header-logo__image-container {
    opacity: 1 !important;;
}

body.modal-open header, body.modal-open header-component {
    filter: brightness(1)!important;
}

main[data-template="product"] {
    .prototype-block > a {
        width: 30%;
        margin-right: 0px;
    }
    .prototype-block {
        gap: 10px;
        padding-left: 0px;
    }
    .proto .prototype-block:first-child {
        padding-top: 0;
    }
}


/* CONTACT */

.contact-form {
    padding: 0 var(--suicoke-space-sm) var(--suicoke-space-lg);
}

.custom-select-options li {
    padding-bottom: 5px;
}

.custom-select-button {
line-height: 9.5px;
}

/*FOOTER*/

.last {
        column-span: initial;
        grid-area: 1 / 2 / 1 / 5;
        grid-column: span 4; 
        flex-direction: row-reverse !important;
}

.newsletter-wrapper {
    width: 100%;
    justify-content: space-between;
}

.first {
    grid-area: 1 / 1;
}

.footer-menu-title {
margin: 0 0 6px;
}  

.footer-groups {
        row-gap: var(--suicoke-space-sm) !important;
        column-gap: 0px !important;
        padding: var(--suicoke-space-sm) !important;
        grid-template-columns: repeat(4, 1fr);        
}

.last div ~ span {
    display: none;
}

.footer-group {
        padding-top: var(--suicoke-space-sm);
       /* border-top: 1px solid rgb(0 0 0 / 10%);*/
}

span.footer-menu-title {
    display: block;
}

/*.footer-groups div:nth-child(4) {
    grid-area: 1 / 1;
}*/

.footer-groups * {
    font-size: 9px !important;
}

.logo-block.spacing-style {
    padding: var(--suicoke-space-sm) 0px 0px;
    margin: 0 var(--suicoke-space-sm);
    width: calc(100% - 20px);
    display:none;
}

.menu-shop-grid > li:first-of-type ~ li {
		    display: none;
}

.li-uppercase > a {
    text-transform: none;
    opacity: .3;
    font-weight: 400;
}

.li-uppercase > a:active,
.li-uppercase > a:hover {
    opacity: 1;
    color:black;
    transition: opacity .1s ease;
}

.footer-column .bracket{
  transition: transform 10s ease;
}

.footer-column .text {
    transition: opacity 10s ease;
}

.menu-shop-grid .bracket {
    display: none;
}

.menu-shop-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}

ul.columnhead {
    margin-top: 0 !important;
}

.footer-group {
    padding-bottom: 10px;
}

.footer-groups::before {
   position: absolute;
   content: '/';
   width: 100%;
   border-bottom: 1px solid rgb(0 0 0 / 10%);
   left: 0;
   line-height: normal;
   font-size: 9px;
   padding-bottom: 10px;
   color: transparent;
   text-align: center;
}

.copyright{
    grid-column: span 4;
    text-align: center;
    font-size: 6px!important;
    padding-bottom: var(--suicoke-space-sm);
}