/** Shopify CDN: Minification failed

Line 361:2 Unexpected "}"

**/
/* =========================================================
   FOSSKO PRODUCT PAGE — STABLE COMPACT DESIGN
   KEEP THIS FILE LOADED LAST
========================================================= */


/* =========================================================
   BASE
========================================================= */

.fossko-product__layout,
.fossko-product__left-column,
.fossko-product__gallery,
.fossko-product__info {
  box-sizing: border-box;

  min-width: 0;

  height: auto !important;

  max-height: none !important;

  overflow: visible !important;
}

.fossko-product__gallery,
.fossko-product__info {
  position: static !important;
}


/* =========================================================
   MAIN GRID
========================================================= */

.fossko-product__layout {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(460px, 0.95fr) !important;

  align-items: start !important;

  gap: 40px !important;

  width: min(100%, 1480px) !important;

  margin: 0 auto !important;

  padding:
    34px
    30px
    88px !important;
}

.fossko-product__left-column {
  width: 100% !important;
}


/* =========================================================
   MAIN IMAGE
========================================================= */

.fossko-product__gallery {
  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;
}

.fossko-product__main-image {
  width: 100% !important;

  aspect-ratio: 4 / 3.45 !important;

  overflow: hidden !important;

  border-radius: 5px !important;

  background: #f4f1eb !important;
}

.fossko-product__main-image-element {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
}


/* =========================================================
   THUMBNAILS
========================================================= */

.fossko-product__thumbs {
  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;

  gap: 8px !important;

  width: 100% !important;

  padding: 2px 0 3px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.fossko-product__thumb {
  flex: 0 0 62px !important;

  width: 62px !important;
  min-width: 62px !important;

  height: 62px !important;
  min-height: 62px !important;

  padding: 0 !important;

  overflow: hidden !important;

  border:
    1px
    solid
    #d8d3ca !important;

  border-radius: 3px !important;

  background: #f5f2ec !important;
}

.fossko-product__thumb img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
}

.fossko-product__thumb--active {
  border-color: #203521 !important;

  box-shadow:
    0
    0
    0
    1px
    #203521 !important;
}


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

.fossko-product__info {
  width: 100% !important;

  max-width: none !important;

  padding:
    2px
    0
    0 !important;
}

.fossko-product__collection {
  margin:
    0
    0
    7px !important;

  color: #81796e !important;

  font-size: 10px !important;

  line-height: 1.3 !important;

  font-weight: 500 !important;

  letter-spacing: 0.16em !important;

  text-transform: uppercase !important;
}

.fossko-product__title {
  width: 100% !important;

  max-width: none !important;

  margin:
    0
    0
    8px !important;

  color: #22231f !important;

  font-size:
    clamp(
      21px,
      1.45vw,
      27px
    ) !important;

  line-height: 1.08 !important;

  font-weight: 400 !important;

  letter-spacing: -0.015em !important;

  text-wrap: pretty !important;
}

.fossko-product__price {
  margin:
    0
    0
    13px !important;

  color: #25251f !important;

  font-size: 14px !important;

  line-height: 1.4 !important;
}


/* =========================================================
   SHARED CONFIGURATOR SECTIONS
========================================================= */

.fossko-color-selector,
.fossko-measurements,
.fossko-lining-selector,
.fossko-quantity-selector {
  width: 100% !important;

  margin: 0 !important;

  padding:
    12px
    0 !important;

  border-top:
    1px
    solid
    #e3dfd8 !important;
}


/* =========================================================
   HEADERS
========================================================= */

.fossko-color-selector__header,
.fossko-measurements__header,
.fossko-lining-selector__header {
  display: flex !important;

  align-items: baseline !important;

  justify-content: space-between !important;

  gap: 12px !important;

  margin-bottom: 8px !important;
}

.fossko-color-selector__heading,
.fossko-measurements__title,
.fossko-lining-selector__title,
.fossko-quantity-selector__title {
  margin: 0 !important;

  color: #25251f !important;

  font-size: 12px !important;

  line-height: 1.35 !important;

  font-weight: 600 !important;
}

.fossko-color-selector__selected-name,
.fossko-lining-selector__selected {
  margin: 0 !important;

  color: #6b6963 !important;

  font-size: 10px !important;

  line-height: 1.35 !important;
}


/* =========================================================
   COLORS
========================================================= */

.fossko-color-selector__swatches {
  display: flex !important;

  flex-wrap: wrap !important;

  gap: 6px !important;
}

.fossko-color-swatch {
  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 30px !important;
  min-width: 30px !important;

  height: 30px !important;
  min-height: 30px !important;

  padding: 3px !important;

  border-radius: 50% !important;
}

.fossko-color-swatch__fill {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  border-radius: 50% !important;
}

.fossko-color-swatch--active {
  border-color: #203521 !important;

  box-shadow:
    0
    0
    0
    1px
    #203521 !important;
}


  }
}

/* =========================================================
   MEASUREMENTS
========================================================= */

.fossko-measurements__help {
  margin:
    0
    0
    7px !important;

  color: #706e67 !important;

  font-size: 10px !important;

  line-height: 1.4 !important;
}

.fossko-measurements__fields {
  display: grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap: 8px !important;
}

.fossko-measurement__label {
  margin-bottom: 3px !important;

  color: #25251f !important;

  font-size: 10px !important;
}

.fossko-measurement__control {
  min-height: 36px !important;
}

.fossko-measurement__input {
  padding:
    7px
    9px !important;

  font-size: 12px !important;
}

.fossko-measurement__unit {
  padding-right: 9px !important;

  font-size: 9px !important;
}

.fossko-measurements__range {
  margin-top: 3px !important;

  color: #77746d !important;

  font-size: 8px !important;

  line-height: 1.3 !important;
}

.fossko-measurements__guide {
  font-size: 9px !important;
}


/* =========================================================
   LINING
========================================================= */

.fossko-lining-selector__grid {
  display: grid !important;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    ) !important;

  gap: 7px !important;
}

.fossko-lining-card {
  position: relative !important;

  display: grid !important;

  grid-template-columns:
    42px
    minmax(0, 1fr) !important;

  width: 100% !important;

  min-height: 54px !important;
  height: 54px !important;

  padding: 0 !important;

  overflow: hidden !important;

  border-radius: 4px !important;
}

.fossko-lining-card img {
  display: block !important;

  width: 42px !important;
  min-width: 42px !important;

  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;

  object-fit: cover !important;
}

.fossko-lining-card__content {
  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  gap: 1px !important;

  min-width: 0 !important;

  padding:
    5px
    6px !important;
}

.fossko-lining-card__name {
  margin: 0 !important;

  color: #25251f !important;

  font-size: 9px !important;

  line-height: 1.2 !important;

  font-weight: 600 !important;
}

.fossko-lining-card__subtitle {
  margin: 0 !important;

  color: #747169 !important;

  font-size: 7px !important;
}

.fossko-lining-card__description {
  display: none !important;
}


/* =========================================================
   QUANTITY
========================================================= */

.fossko-quantity-selector__help {
  margin:
    0
    0
    7px !important;

  color: #706e67 !important;

  font-size: 10px !important;
}

.fossko-quantity-selector__control {
  display: grid !important;

  grid-template-columns:
    40px
    56px
    40px !important;

  width: fit-content !important;
}

.fossko-quantity-selector__button {
  width: 40px !important;

  height: 40px !important;

  font-size: 16px !important;
}

.fossko-quantity-selector__input {
  width: 56px !important;

  font-size: 12px !important;
}

.fossko-quantity-selector__note {
  margin-top: 4px !important;

  color: #77746d !important;

  font-size: 8px !important;
}


/* =========================================================
   REVIEW
========================================================= */

.fossko-summary {
  width: 100% !important;

  margin:
    14px
    0
    0 !important;

  padding:
    14px
    16px !important;

  border:
    1px
    solid
    #dad5cb !important;

  border-radius: 5px !important;

  background: #faf8f4 !important;
}

.fossko-summary__header {
  margin-bottom: 8px !important;
}

.fossko-summary__header h2 {
  margin: 0 !important;

  font-size: 13px !important;

  font-weight: 500 !important;
}

.fossko-summary__row {
  display: flex !important;

  justify-content: space-between !important;

  gap: 18px !important;

  padding:
    4px
    0 !important;

  font-size: 10px !important;
}

.fossko-summary hr {
  margin:
    11px
    0 !important;
}

.fossko-summary__price {
  margin-bottom: 10px !important;
}

.fossko-summary__price small {
  font-size: 8px !important;
}

.fossko-summary__price h3 {
  margin: 0 !important;

  font-size: 22px !important;

  font-weight: 400 !important;
}

.fossko-summary__button {
  width: 100% !important;

  min-height: 42px !important;

  font-size: 11px !important;
}


/* =========================================================
   TABLET
========================================================= */

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

  .fossko-product__layout {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(420px, 0.95fr) !important;

    gap: 28px !important;

    padding-inline: 22px !important;
  }

  .fossko-product__title {
    font-size: 23px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

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

  .fossko-product__layout {
    display: block !important;

    width: 100% !important;

    padding:
      20px
      16px
      65px !important;
  }

  .fossko-product__left-column {
    margin-bottom: 24px !important;
  }

  .fossko-product__title {
    font-size: 23px !important;
  }


  .fossko-lining-selector__grid {
    grid-template-columns: 1fr !important;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

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

  .fossko-product__layout {
    padding-inline: 13px !important;
  }

  .fossko-product__main-image {
    aspect-ratio:
      4 / 4.15 !important;
  }


  .fossko-measurements__fields {
    grid-template-columns:
      1fr !important;
  }

  .fossko-summary {
    padding: 13px !important;
  }
}
/* =========================================================
   COMPACT REVIEW CONFIGURATION
========================================================= */

.fossko-summary {
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 14px 18px !important;

  border: 1px solid #dad5cb !important;
  border-radius: 5px !important;

  background: #faf8f4 !important;
}


/* HEADER */

.fossko-summary__header {
  margin: 0 0 10px !important;
}

.fossko-summary__header h2 {
  margin: 0 !important;

  font-size: 14px !important;
  line-height: 1.3 !important;

  font-weight: 500 !important;
}
/* =========================================================
   COMPACT REVIEW CONFIGURATION
========================================================= */

.fossko-summary {
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 14px 18px !important;

  border: 1px solid #dad5cb !important;
  border-radius: 5px !important;

  background: #faf8f4 !important;
}


/* HEADER */

.fossko-summary__header {
  margin: 0 0 10px !important;
}

.fossko-summary__header h2 {
  margin: 0 !important;

  font-size: 14px !important;
  line-height: 1.3 !important;

  font-weight: 500 !important;
}


/* DETAILS: TWO COLUMNS */

.fossko-summary__rows {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  column-gap: 28px !important;
  row-gap: 0 !important;
}


/* ROW */

.fossko-summary__row {
  display: flex !important;

  justify-content: space-between !important;
  align-items: baseline !important;

  gap: 12px !important;

  padding: 5px 0 !important;

  border-bottom: 1px solid #e5e0d8 !important;

  font-size: 10px !important;
  line-height: 1.3 !important;
}

.fossko-summary__row span {
  color: #77736c !important;
}

.fossko-summary__row strong {
  color: #25251f !important;

  font-weight: 500 !important;
  text-align: right !important;

  min-width: 0 !important;
}


/* DIVIDER */

.fossko-summary > hr {
  margin: 12px 0 !important;

  border: 0 !important;
  border-top: 1px solid #d9d4ca !important;
}


/* PRICE */

.fossko-summary__price {
  margin: 0 0 10px !important;
}

.fossko-summary__price > div {
  display: flex !important;

  align-items: end !important;
  justify-content: space-between !important;

  gap: 20px !important;
}

.fossko-summary__price small {
  margin: 0 !important;

  color: #77736c !important;

  font-size: 9px !important;
  line-height: 1.2 !important;
}

.fossko-summary__price h3 {
  margin: 0 !important;

  color: #25251f !important;

  font-size: 22px !important;
  line-height: 1 !important;

  font-weight: 400 !important;
}


/* CART */

.fossko-summary__cart {
  margin: 0 !important;
}

.fossko-summary__button {
  width: 100% !important;

  min-height: 42px !important;

  padding: 9px 16px !important;

  font-size: 11px !important;
}


/* MESSAGE */

.fossko-summary__message {
  margin: 6px 0 0 !important;

  font-size: 8px !important;
  line-height: 1.3 !important;
}


/* =========================================================
   MOBILE
========================================================= */

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

  .fossko-summary__rows {
    grid-template-columns: 1fr !important;
  }

  .fossko-summary__price > div {
    align-items: start !important;
    flex-direction: column !important;

    gap: 4px !important;
  }

}
/* =========================================================
   STICKY PRODUCT CONFIGURATOR
   Desktop only
========================================================= */

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

  .fossko-product__layout {
    align-items: start !important;
  }

  .fossko-product__info {
    position: sticky !important;

    top: 110px !important;

    align-self: start !important;

    height: auto !important;
    max-height: none !important;

    overflow: visible !important;

    z-index: 2;
  }

}


/* =========================================================
   MOBILE / TABLET
   Disable sticky behavior
========================================================= */

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

  .fossko-product__info {
    position: static !important;

    top: auto !important;

    height: auto !important;
    max-height: none !important;

    overflow: visible !important;
  }

}
/* =========================================================
   PURCHASE TRUST
========================================================= */

.fossko-purchase-trust {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 6px 18px;

  padding: 13px 2px 0;
}

.fossko-purchase-trust div {
  display: flex;

  align-items: center;

  gap: 6px;

  color: #6f6b64;

  font-size: 8px;
  line-height: 1.3;
}

.fossko-purchase-trust span {
  color: #203521;

  font-size: 9px;

  font-weight: 700;
}
/* =========================================================
   STICKY GALLERY — DESKTOP ONLY
========================================================= */

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

  .fossko-product__layout {
    align-items: start !important;
  }

  .fossko-product__left-column {
    position: sticky !important;
    top: 110px !important;
    align-self: start !important;
    height: fit-content !important;
  }

  .fossko-product__info {
    position: static !important;
    top: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

}

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

  .fossko-product__left-column {
    position: static !important;
    top: auto !important;
  }

}