/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
.page-textile-index {
  padding: 100px 5% 0 5%;
  overflow: visible; }

.wk-textile-index-container {
  height: auto;
  overflow: visible; }

.wk-textile-index-scrollable {
  overflow-x: auto;
  position: relative;
  width: 100%;
  scrollbar-width: thin;
  scrollbar-color: black transparent; }

.wk-textile-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 20px;
  align-content: space-between;
  padding-top: 50px;
  text-align: left;
  height: auto;
  overflow-x: auto; }
  @media all and (min-width: 48em) {
    .wk-textile-index {
      flex-direction: column;
      height: calc(135vh - 100px);
      overflow-x: visible; } }
  .wk-textile-index .wk-textile-category {
    width: 100%;
    padding-bottom: 30px; }
    @media all and (min-width: 48em) {
      .wk-textile-index .wk-textile-category {
        width: calc(50% - 20px); } }
    @media all and (min-width: 62.5em) {
      .wk-textile-index .wk-textile-category {
        width: calc(25% - 20px); } }
    .wk-textile-index .wk-textile-category .wk-textiles {
      display: flex;
      flex-direction: column; }
      .wk-textile-index .wk-textile-category .wk-textiles span {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        cursor: pointer;
        transition: all .3s ease-in-out; }
        .wk-textile-index .wk-textile-category .wk-textiles span:hover {
          transition: all .3s ease-in-out;
          -webkit-transform: translateX(4px);
                  transform: translateX(4px); }

.wk-last-modified {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  font-size: 20px;
  padding: 30px 0; }
  .wk-last-modified span {
    font-weight: bold; }

#textile-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease;
  z-index: 9998; }
  #textile-popup-overlay.active {
    opacity: 1;
    visibility: visible; }

#textile-popup {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 1280px;
  height: 80%;
  padding: 2.5%;
  overflow-y: auto;
  background-color: #e6e6e6;
  transition: all .5s ease-in-out;
  -webkit-transform: translate(-50%, 110%);
          transform: translate(-50%, 110%); }
  #textile-popup.active {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  #textile-popup .textile-popup__close {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    cursor: pointer;
    margin-bottom: 20px; }
    @media all and (min-width: 48em) {
      #textile-popup .textile-popup__close {
        margin-bottom: 0; } }
  #textile-popup .textile-popup__button {
    display: flex;
    flex-direction: row;
    padding: 10px 0 10px 0; }
    #textile-popup .textile-popup__button a {
      background: black;
      border: 1px solid black;
      text-transform: uppercase;
      color: white;
      padding: 7px 15px; }
      #textile-popup .textile-popup__button a:hover {
        opacity: 0.7; }

.textile-data {
  border-bottom: 1px solid black; }

.textile-popup__content .textile-popup__content-section, .textile-popup__content .textile-data__section, .textile-data .textile-popup__content-section, .textile-data .textile-data__section {
  padding: 30px 0; }
  .textile-popup__content .textile-popup__content-section .textile-popup__product-type-heading, .textile-popup__content .textile-popup__content-section .textile-data__category-heading, .textile-popup__content .textile-data__section .textile-popup__product-type-heading, .textile-popup__content .textile-data__section .textile-data__category-heading, .textile-data .textile-popup__content-section .textile-popup__product-type-heading, .textile-data .textile-popup__content-section .textile-data__category-heading, .textile-data .textile-data__section .textile-popup__product-type-heading, .textile-data .textile-data__section .textile-data__category-heading {
    text-transform: capitalize; }

.textile-popup__content .textile-popup__products, .textile-popup__content .textile-data__textiles, .textile-data .textile-popup__products, .textile-data .textile-data__textiles {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  @media all and (min-width: 48em) {
    .textile-popup__content .textile-popup__products, .textile-popup__content .textile-data__textiles, .textile-data .textile-popup__products, .textile-data .textile-data__textiles {
      flex-direction: row;
      flex-wrap: wrap; } }
  .textile-popup__content .textile-popup__products .textile-popup__product, .textile-popup__content .textile-popup__products .textile-data__textile, .textile-popup__content .textile-data__textiles .textile-popup__product, .textile-popup__content .textile-data__textiles .textile-data__textile, .textile-data .textile-popup__products .textile-popup__product, .textile-data .textile-popup__products .textile-data__textile, .textile-data .textile-data__textiles .textile-popup__product, .textile-data .textile-data__textiles .textile-data__textile {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid black;
    padding: 5px; }
    @media all and (min-width: 48em) {
      .textile-popup__content .textile-popup__products .textile-popup__product, .textile-popup__content .textile-popup__products .textile-data__textile, .textile-popup__content .textile-data__textiles .textile-popup__product, .textile-popup__content .textile-data__textiles .textile-data__textile, .textile-data .textile-popup__products .textile-popup__product, .textile-data .textile-popup__products .textile-data__textile, .textile-data .textile-data__textiles .textile-popup__product, .textile-data .textile-data__textiles .textile-data__textile {
        width: calc(50% - 10px); } }
    @media all and (min-width: 62.5em) {
      .textile-popup__content .textile-popup__products .textile-popup__product, .textile-popup__content .textile-popup__products .textile-data__textile, .textile-popup__content .textile-data__textiles .textile-popup__product, .textile-popup__content .textile-data__textiles .textile-data__textile, .textile-data .textile-popup__products .textile-popup__product, .textile-data .textile-popup__products .textile-data__textile, .textile-data .textile-data__textiles .textile-popup__product, .textile-data .textile-data__textiles .textile-data__textile {
        width: calc(33.333% - 10px); } }
    .textile-popup__content .textile-popup__products .textile-popup__product .textile-popup__product-name, .textile-popup__content .textile-popup__products .textile-popup__product .textile-data__textile-name, .textile-popup__content .textile-popup__products .textile-data__textile .textile-popup__product-name, .textile-popup__content .textile-popup__products .textile-data__textile .textile-data__textile-name, .textile-popup__content .textile-data__textiles .textile-popup__product .textile-popup__product-name, .textile-popup__content .textile-data__textiles .textile-popup__product .textile-data__textile-name, .textile-popup__content .textile-data__textiles .textile-data__textile .textile-popup__product-name, .textile-popup__content .textile-data__textiles .textile-data__textile .textile-data__textile-name, .textile-data .textile-popup__products .textile-popup__product .textile-popup__product-name, .textile-data .textile-popup__products .textile-popup__product .textile-data__textile-name, .textile-data .textile-popup__products .textile-data__textile .textile-popup__product-name, .textile-data .textile-popup__products .textile-data__textile .textile-data__textile-name, .textile-data .textile-data__textiles .textile-popup__product .textile-popup__product-name, .textile-data .textile-data__textiles .textile-popup__product .textile-data__textile-name, .textile-data .textile-data__textiles .textile-data__textile .textile-popup__product-name, .textile-data .textile-data__textiles .textile-data__textile .textile-data__textile-name {
      text-transform: capitalize;
      font-weight: 600;
      font-size: 18px; }
    .textile-popup__content .textile-popup__products .textile-popup__product .textile-popup__product-details, .textile-popup__content .textile-popup__products .textile-popup__product .textile-data__textile-details, .textile-popup__content .textile-popup__products .textile-data__textile .textile-popup__product-details, .textile-popup__content .textile-popup__products .textile-data__textile .textile-data__textile-details, .textile-popup__content .textile-data__textiles .textile-popup__product .textile-popup__product-details, .textile-popup__content .textile-data__textiles .textile-popup__product .textile-data__textile-details, .textile-popup__content .textile-data__textiles .textile-data__textile .textile-popup__product-details, .textile-popup__content .textile-data__textiles .textile-data__textile .textile-data__textile-details, .textile-data .textile-popup__products .textile-popup__product .textile-popup__product-details, .textile-data .textile-popup__products .textile-popup__product .textile-data__textile-details, .textile-data .textile-popup__products .textile-data__textile .textile-popup__product-details, .textile-data .textile-popup__products .textile-data__textile .textile-data__textile-details, .textile-data .textile-data__textiles .textile-popup__product .textile-popup__product-details, .textile-data .textile-data__textiles .textile-popup__product .textile-data__textile-details, .textile-data .textile-data__textiles .textile-data__textile .textile-popup__product-details, .textile-data .textile-data__textiles .textile-data__textile .textile-data__textile-details {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
    .textile-popup__content .textile-popup__products .textile-popup__product .textile-popup__product-type, .textile-popup__content .textile-popup__products .textile-popup__product .textile-data__textile-category, .textile-popup__content .textile-popup__products .textile-data__textile .textile-popup__product-type, .textile-popup__content .textile-popup__products .textile-data__textile .textile-data__textile-category, .textile-popup__content .textile-data__textiles .textile-popup__product .textile-popup__product-type, .textile-popup__content .textile-data__textiles .textile-popup__product .textile-data__textile-category, .textile-popup__content .textile-data__textiles .textile-data__textile .textile-popup__product-type, .textile-popup__content .textile-data__textiles .textile-data__textile .textile-data__textile-category, .textile-data .textile-popup__products .textile-popup__product .textile-popup__product-type, .textile-data .textile-popup__products .textile-popup__product .textile-data__textile-category, .textile-data .textile-popup__products .textile-data__textile .textile-popup__product-type, .textile-data .textile-popup__products .textile-data__textile .textile-data__textile-category, .textile-data .textile-data__textiles .textile-popup__product .textile-popup__product-type, .textile-data .textile-data__textiles .textile-popup__product .textile-data__textile-category, .textile-data .textile-data__textiles .textile-data__textile .textile-popup__product-type, .textile-data .textile-data__textiles .textile-data__textile .textile-data__textile-category {
      font-size: 14px; }
    .textile-popup__content .textile-popup__products .textile-popup__product .textile-popup__product-note, .textile-popup__content .textile-popup__products .textile-popup__product .textile-data__textile-note, .textile-popup__content .textile-popup__products .textile-data__textile .textile-popup__product-note, .textile-popup__content .textile-popup__products .textile-data__textile .textile-data__textile-note, .textile-popup__content .textile-data__textiles .textile-popup__product .textile-popup__product-note, .textile-popup__content .textile-data__textiles .textile-popup__product .textile-data__textile-note, .textile-popup__content .textile-data__textiles .textile-data__textile .textile-popup__product-note, .textile-popup__content .textile-data__textiles .textile-data__textile .textile-data__textile-note, .textile-data .textile-popup__products .textile-popup__product .textile-popup__product-note, .textile-data .textile-popup__products .textile-popup__product .textile-data__textile-note, .textile-data .textile-popup__products .textile-data__textile .textile-popup__product-note, .textile-data .textile-popup__products .textile-data__textile .textile-data__textile-note, .textile-data .textile-data__textiles .textile-popup__product .textile-popup__product-note, .textile-data .textile-data__textiles .textile-popup__product .textile-data__textile-note, .textile-data .textile-data__textiles .textile-data__textile .textile-popup__product-note, .textile-data .textile-data__textiles .textile-data__textile .textile-data__textile-note {
      white-space: wrap;
      font-size: 12px; }