/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-xl: 0.75rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-2 {
    grid-column: 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-270 {
    rotate: 270deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/inter/inter-italic-variable.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/inter/inter-variable.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  overflow-x: hidden;
  font-family: 'Inter';
  color: var(--color-neutral-600);
}
#site-header {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  .top-top-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    background-color: #0e2b5f;
    padding-block: calc(var(--spacing) * 2);
    .container {
      margin-inline: auto;
      display: flex;
      max-width: 1200px;
      flex-direction: row;
      justify-content: flex-end;
      padding-inline: calc(var(--spacing) * 10);
      .price-switch {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(var(--spacing) * 4);
        .vat-title {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-white);
        }
        .switch-inner {
          display: flex;
          flex-direction: row;
          gap: calc(var(--spacing) * 2);
          .ex-price {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            color: color-mix(in srgb, #fff 75%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              color: color-mix(in oklab, var(--color-white) 75%, transparent);
            }
          }
          .switch {
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: center;
            .line {
              height: calc(var(--spacing) * 1);
              width: calc(var(--spacing) * 10);
              background-color: var(--color-white);
            }
            .toggle {
              position: absolute;
              top: calc(1/2 * 100%);
              left: calc(var(--spacing) * 0);
              height: calc(var(--spacing) * 4);
              width: calc(var(--spacing) * 4);
              --tw-translate-y: calc(calc(2/4 * 100%) * -1);
              translate: var(--tw-translate-x) var(--tw-translate-y);
              border-radius: calc(infinity * 1px);
              background-color: var(--color-white);
              &.right {
                right: calc(var(--spacing) * 0);
                left: initial;
              }
            }
          }
          .inc-price {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            color: color-mix(in srgb, #fff 75%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              color: color-mix(in oklab, var(--color-white) 75%, transparent);
            }
          }
        }
      }
    }
  }
  .top-row {
    background-color: #103069;
    padding: 20px 0;
    .container {
      align-items: center;
      column-gap: 30px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 1200px;
      padding: 0 20px;
      row-gap: 15px;
      @media all and (min-width: 768px) {
        padding: 0 40px;
      }
      #nav-toggle {
        background-color: transparent;
        order: 1;
        width: 26px;
        svg {
          path {
            fill: #FFF;
          }
        }
        @media all and (min-width: 1280px) {
          display: none;
        }
      }
      .site-logo {
        order: 2;
        width: calc(100% - 196px);
        @media all and (min-width: 1280px) {
          order: 1;
          width: 270px;
        }
        a {
          display: block;
        }
      }
      .search-form {
        order: 4;
        display: flex;
        width: 100%;
        flex-direction: row;
        gap: calc(var(--spacing) * 2);
        @media (width >= 80rem) {
          order: 2;
        }
        @media (width >= 80rem) {
          width: calc(100% - 470px);
        }
        label {
          display: none;
        }
        input[type="text"] {
          width: calc(100% - 64px);
          background-color: var(--color-white);
          padding-inline: calc(var(--spacing) * 4);
          padding-block: calc(var(--spacing) * 4);
          color: var(--color-gray-400);
        }
        button {
          padding-inline: calc(var(--spacing) * 4);
        }
        .wp-block-yith-search-block {
          width: 100%;
          .ywcas-input-field-wrapper {
            border-radius: 0;
            padding: calc(var(--spacing) * 4);
          }
        }
        .aws-container {
          width: 100%;
          background-color: var(--color-white);
          label {
            display: none;
          }
          .aws-search-btn {
            width: auto;
            background-color: transparent;
            padding-inline: calc(var(--spacing) * 4);
          }
          .aws-search-field {
            width: 100%;
            --tw-border-style: none;
            border-style: none;
            background-color: var(--color-white);
            padding-inline: calc(var(--spacing) * 4);
            padding-block: calc(var(--spacing) * 4);
            color: var(--color-gray-400);
          }
        }
      }
      .dgwt-wcas-search-wrapp {
        background-color: #FFF;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
        margin-bottom: 0;
        max-width: 100%;
        order: 4;
        padding: 10px;
        width: 100%;
        @media all and (min-width: 1280px) {
          gap: 10px;
        }
        .dgwt-wcas-search-icon {
          display: none;
        }
        form {
          display: block;
          min-width: auto;
          opacity: 1;
          position: relative;
        }
        label {
          width: calc(100% - 77px);
        }
        input {
          background-color: transparent;
          border: none;
          box-shadow: none;
        }
        button {
          background-color: transparent;
          border: none;
          &::before {
            display: none;
          }
          svg {
            path {
              fill: #103069;
              stroke: #103069;
            }
          }
        }
        @media all and (min-width: 1280px) {
          order: 2;
          width: calc(100% - 470px);
        }
      }
      .header-icons {
        display: flex;
        flex-direction: row;
        gap: 20px;
        justify-content: flex-end;
        order: 3;
        width: 110px;
        a {
          position: relative;
          &:hover {
            @media (hover: hover) {
              color: #FFDF3b;
            }
          }
          &:nth-child(2) {
            display: none;
            @media all and (min-width: 768px) {
              display: inline-block;
            }
          }
          svg {
            path {
              fill: #FFF;
            }
          }
          span {
            position: absolute;
            right: calc(var(--spacing) * -2);
            bottom: calc(var(--spacing) * 0);
            display: flex;
            height: 18px;
            width: 18px;
            align-items: center;
            justify-content: center;
            border-radius: calc(infinity * 1px);
            background-color: var(--color-white);
            padding: 4px;
            font-size: 10px;
            color: #103069;
          }
        }
        @media all and (min-width: 1280px) {
          width: auto;
        }
      }
    }
  }
  .menu-row {
    background-color: #0e2b5f;
    display: none;
    @media all and (min-width: 1280px) {
      display: block;
    }
    .container {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 1200px;
      padding: 0 20px;
      ul {
        align-items: center;
        display: flex;
        flex-direction: row;
        list-style-type: none;
        li {
          height: 76px;
          margin-bottom: 0;
          min-height: 100%;
          > a {
            align-items: center;
            color: #FFF;
            display: flex;
            flex-direction: column;
            font-size: 18px;
            height: 100%;
            justify-content: center;
            padding: 10px 20px;
            text-align: center;
            transition: background-color .5s;
            &:hover {
              background-color: white;
              color: #103069;
            }
          }
          &:hover {
            background-color: white;
            color: #103069;
            > a {
              color: #103069;
            }
            > ul {
              display: block;
            }
          }
          &.menu-item-has-children {
            position: relative;
            > a {
              padding-right: 40px;
              position: relative;
              &::after {
                content: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z" fill="%23FFFFFF"/></svg>');
                display: block;
                height: 20px;
                position: absolute;
                right: 10px;
                top: 50%;
                width: 20px;
                transform: translateY(-50%);
              }
            }
            &:hover {
              > a {
                color: #103069;
                &::after {
                  content: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z" fill="%2103069F"/></svg>');
                }
              }
            }
          }
          &.current-menu-item, &.current-product_cat-parent {
            background-color: white;
            color: #103069;
            > a {
              color: #103069;
            }
            &.menu-item-has-children {
              position: relative;
              > a {
                color: #103069;
                padding-right: 40px;
                position: relative;
                &::after {
                  content: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z" fill="%23103069"/></svg>');
                  display: block;
                  position: absolute;
                  right: 10px;
                  top: 50%;
                  transform: translateY(-50%);
                }
              }
            }
          }
          .sub-menu {
            background-color: #0e2b5f;
            display: none;
            margin: 0;
            position: absolute;
            left: 0;
            top: 100%;
            width: 220px;
            z-index: 9999;
            li {
              a {
                align-items: flex-start;
                border-bottom: 1px solid #103069;
                border-left: 1px solid #103069;
                border-right: 1px solid #103069;
                color: #DCDCDC;
                font-size: 15px;
                padding: 4px 20px;
                text-align: left;
                &:hover {
                  color: #103069;
                }
                &::after {
                  content: '' !important;
                }
              }
              &.menu-item-has-children {
                > a {
                  &::after {
                    content: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z" fill="%23FFFFFF"/></svg>') !important;
                    transform: rotate(270deg) translateX(10px);
                  }
                }
                &:hover {
                  > a {
                    &::after {
                      content: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z" fill="%23103069"/></svg>') !important;
                    }
                  }
                }
              }
              &.current-menu-item, &.current-product_cat-parent {
                background-color: white;
                color: #103069;
                > a {
                  color: #103069;
                  &::after {
                    content: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z" fill="%23103069"/></svg>');
                    transform: rotate(-90deg);
                  }
                }
                &.menu-item-has-children {
                  position: relative;
                  > a {
                    color: #103069;
                    padding-right: 40px;
                    position: relative;
                    &::after {
                      content: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z" fill="%23103069"/></svg>');
                      display: block;
                      position: absolute;
                      right: 10px;
                      top: 35%;
                      transform: rotate(-90deg) translateY(-50%);
                    }
                  }
                }
              }
              .sub-menu {
                left: 220px;
                top: 0;
                li {
                  a {
                    border-left: 0;
                    padding-right: 30px;
                    &::after {
                      content: '' !important;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .breadcrumbs-row {
    background-color: #FCFCFC;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 20px 0;
    @media all and (min-width: 1280px) {
      display: block;
    }
    .container {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 1200px;
      padding: 0 20px;
      nav {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-bottom: 0;
        width: 100%;
        ul {
          align-items: center;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          gap: 10px;
          justify-content: center;
          list-style-type: none;
          margin: 0;
          li {
            color: #103069;
            font-weight: 600;
            margin-bottom: 0;
            padding-right: 20px;
            position: relative;
            a {
              color: #103069;
              font-weight: 300;
              margin-bottom: 0;
              &:hover {
                color: #FFDF3b;
                text-decoration: underline;
              }
            }
            &::after {
              content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 640 640"><path d="M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z" fill="%23103069"/></svg>') !important;
              display: block;
              font-size: 20px;
              position: absolute;
              right: -5px;
              top: 15px;
              transform: translateY(-50%);
            }
            &:last-child {
              padding-right: 0;
              &::after {
                display: none;
              }
            }
          }
        }
      }
    }
  }
}
#mobile-menu {
  background-color: #103069;
  display: none;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  transition: transform 3s ease;
  width: 100vw;
  z-index: 9999;
  @media all and (min-width: 1280px) {
    display: none;
  }
  &.menu-open {
    display: block;
    transform: translateX(0);
  }
  .container {
    height: 100vh;
    margin: 0 auto;
    header {
      align-items: center;
      border-bottom: 1px solid rgba(255,255,255,0.2);
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 40px 20px 20px 20px;
      @media all and (min-width: 768px) {
        padding: 40px;
      }
      .right {
        align-items: center;
        display: flex;
        flex-direction: row;
        gap: 20px;
      }
      a {
        display: block;
        svg {
          path {
            fill: #FFF;
          }
        }
        &:hover {
          svg {
            path {
              fill: #FFDF3b;
            }
          }
        }
      }
    }
    .menu-wrapper {
      height: calc(100vh - 85px);
      overflow-y: scroll;
      .menu {
        display: flex;
        flex-direction: column;
        list-style-type: none;
        margin: 20px;
        li {
          margin-bottom: 0;
          a {
            color: #FFF;
            display: block;
            font-size: 14px;
            font-weight: 600;
            padding: 10px;
            &:hover {
              color: #FFDF3b;
            }
          }
          ul {
            background-color: #0e2b5f;
            display: none;
            list-style-type: none;
            margin: 0 0 0 0;
            li {
              a {
                display: block;
                font-size: 14px;
                font-weight: 400;
                padding: 10px 20px;
              }
              ul {
                background-color: #0d2654;
                li {
                  &.current-menu-item {
                    > a {
                      background-color: #333 !important;
                      color: #FFDF3b;
                    }
                  }
                }
              }
              &.current-menu-item, &.current-menu-parent {
                > a {
                  background-color: #2b2b2b !important;
                  color: #FFDF3b;
                }
              }
            }
          }
          &.menu-item-has-children {
            > a {
              position: relative;
              &::after {
                content: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z" fill="%23FFFFFF"/></svg>');
                display: block;
                height: 20px;
                position: absolute;
                right: 10px;
                top: 12px;
                width: 20px;
              }
            }
            ul {
              &.open {
                display: block;
              }
            }
          }
          &.current-menu-ancestor, &.current-menu-item, &.current-menu-parent {
            > a {
              background-color: #1a1a1a;
              color: #FFDF3b;
            }
          }
        }
      }
    }
  }
}
.page-blocks {
  display: flex;
  flex-direction: column;
  padding-bottom: calc(var(--spacing) * 12);
  .container {
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 8);
  }
  .section {
    &.mobile {
      display: block;
      @media (width >= 80rem) {
        display: none;
      }
    }
    &.desktop {
      display: none;
      @media (width >= 80rem) {
        display: block;
      }
    }
  }
  .section-promotion_banner {
    display: none;
    @media (width >= 64rem) {
      display: block;
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 4);
    }
    .container {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 0);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        flex-wrap: wrap;
      }
      @media (width >= 80rem) {
        padding-inline: calc(var(--spacing) * 8);
      }
      .block {
        width: 100%;
        @media (width >= 64rem) {
          width: calc(33% - 1rem);
        }
        &.no-link {
          display: flex;
          height: 100%;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          gap: calc(var(--spacing) * 4);
          background-color: #F8F8F8;
          padding-inline: calc(var(--spacing) * 6);
          padding-block: calc(var(--spacing) * 2);
          &:hover {
            @media (hover: hover) {
              background-color: #F2F2F2;
            }
          }
        }
        &.has-link {
          > a {
            display: flex;
            height: 100%;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: calc(var(--spacing) * 4);
            background-color: #F8F8F8;
            padding-inline: calc(var(--spacing) * 6);
            padding-block: calc(var(--spacing) * 2);
            &:hover {
              @media (hover: hover) {
                background-color: #F2F2F2;
              }
            }
          }
        }
        .icon {
          i {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
            color: #103069;
          }
        }
        .text {
          display: flex;
          flex-direction: column;
          gap: calc(var(--spacing) * 2);
          .heading {
            margin-bottom: calc(var(--spacing) * 0);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            color: #103069;
          }
          ul {
            display: flex;
            flex-direction: row;
            gap: calc(var(--spacing) * 2);
            li {
              a {
                --tw-font-weight: var(--font-weight-semibold);
                font-weight: var(--font-weight-semibold);
                display: inline-block;
              }
            }
          }
        }
      }
    }
  }
  .section-featured_categories {
    margin-block: calc(var(--spacing) * 12);
    h2 {
      position: relative;
      margin-bottom: calc(var(--spacing) * 6);
      text-align: center;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      &::after {
        content: '';
        position: absolute;
        top: calc(2/4 * 100%);
        right: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 1);
        width: 30px;
        --tw-translate-y: calc(calc(2/4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-color: #DCDCDC;
        @media (width >= 64rem) {
          right: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          width: calc(1/6 * 100%);
        }
      }
      &::before {
        content: '';
        position: absolute;
        top: calc(2/4 * 100%);
        left: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 1);
        width: 30px;
        --tw-translate-y: calc(calc(2/4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-color: #DCDCDC;
        @media (width >= 64rem) {
          right: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          width: calc(1/6 * 100%);
        }
      }
    }
    .categories-grid {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 4);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      .category-block {
        position: relative;
        display: flex;
        height: 300px;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 4);
        background-size: cover;
        background-position: center;
        &::before {
          content: '';
          position: absolute;
          top: calc(var(--spacing) * 0);
          left: calc(var(--spacing) * 0);
          z-index: 1;
          display: block;
          height: 100%;
          width: 100%;
          background-color: color-mix(in srgb, #000 15%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
          }
        }
        .content {
          position: absolute;
          top: calc(var(--spacing) * 0);
          left: calc(var(--spacing) * 0);
          z-index: 2;
          display: flex;
          height: 100%;
          width: 100%;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: calc(var(--spacing) * 4);
          padding: calc(var(--spacing) * 4);
        }
        .heading-1 {
          text-align: center;
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-white);
        }
        .heading-2 {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-white);
        }
        .shop-now-btn {
          display: inline-block;
          background-color: #103069;
          padding-inline: calc(var(--spacing) * 6);
          padding-block: calc(var(--spacing) * 2);
          text-align: center;
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          color: var(--color-white);
        }
        &:first-child, &:nth-child(2) {
          @media (width >= 64rem) {
            width: calc(50% - .5rem);
          }
        }
        &:nth-child(3), &:nth-child(4), &:nth-child(5) {
          @media (width >= 64rem) {
            width: calc(33% - .5rem);
          }
          @media (width >= 80rem) {
            width: calc(33% - .36rem);
          }
        }
        &:nth-child(6), &:nth-child(7) {
          @media (width >= 64rem) {
            width: calc(50% - .5rem);
          }
        }
        &:nth-child(8), &:nth-child(9), &:nth-child(10) {
          @media (width >= 64rem) {
            width: calc(33% - .5rem);
          }
          @media (width >= 80rem) {
            width: calc(33% - .36rem);
          }
        }
        &:hover {
          .shop-now-btn {
            background-color: #FFDF3B;
            color: #103069;
          }
        }
      }
    }
  }
  .section-image_grid {
    h2 {
      position: relative;
      margin-bottom: calc(var(--spacing) * 6);
      text-align: center;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      &::after {
        content: '';
        position: absolute;
        top: calc(2/4 * 100%);
        right: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 1);
        width: 30px;
        --tw-translate-y: calc(calc(2/4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-color: #DCDCDC;
        @media (width >= 64rem) {
          right: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          width: calc(1/6 * 100%);
        }
      }
      &::before {
        content: '';
        position: absolute;
        top: calc(2/4 * 100%);
        left: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 1);
        width: 30px;
        --tw-translate-y: calc(calc(2/4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-color: #DCDCDC;
        @media (width >= 64rem) {
          right: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          width: calc(1/6 * 100%);
        }
      }
    }
    .image-grid {
      margin-bottom: calc(var(--spacing) * 12);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 4);
      > a {
        display: block;
        width: calc(50% - .5rem);
        opacity: 50%;
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 2000ms;
        transition-duration: 2000ms;
        &:hover {
          @media (hover: hover) {
            opacity: 100%;
          }
        }
        @media (width >= 64rem) {
          width: calc(33% - .5rem);
        }
        @media (width >= 80rem) {
          width: calc(20% - 1rem);
        }
      }
    }
  }
  #html_block-6 {
    background-color: #FFDF3B;
    padding: calc(var(--spacing) * 6);
    .mc4wp-form-fields {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
      h2 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: #103069;
      }
      .row {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
        @media (width >= 64rem) {
          flex-direction: row;
        }
        @media (width >= 64rem) {
          flex-wrap: wrap;
        }
        div {
          display: flex;
          width: 100%;
          flex-direction: column;
          gap: calc(var(--spacing) * 2);
          @media (width >= 64rem) {
            width: calc(33% - .5rem);
          }
          label {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            color: #103069;
          }
          input {
            width: 100%;
            background-color: var(--color-white);
            padding: calc(var(--spacing) * 3);
          }
        }
        input[type=submit] {
          background-color: #103069;
          padding-inline: calc(var(--spacing) * 8);
          padding-block: calc(var(--spacing) * 4);
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-white);
        }
      }
    }
  }
  .section-slideshow {
    height: auto;
    max-height: 600px;
    .metaslider {
      height: 100%;
      div {
        height: 100%;
        .flexslider {
          margin-bottom: calc(var(--spacing) * 0);
          height: 100%;
          .flex-viewport {
            height: 100%;
            ul {
              height: 100%;
              li {
                height: 100%;
                img {
                  height: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
  .section-featured_products {
    margin-bottom: calc(var(--spacing) * 12);
    h2 {
      position: relative;
      margin-bottom: calc(var(--spacing) * 6);
      text-align: center;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      &::after {
        content: '';
        position: absolute;
        top: calc(2/4 * 100%);
        right: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 1);
        width: 30px;
        --tw-translate-y: calc(calc(2/4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-color: #DCDCDC;
        @media (width >= 64rem) {
          right: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          width: calc(1/6 * 100%);
        }
      }
      &::before {
        content: '';
        position: absolute;
        top: calc(2/4 * 100%);
        left: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 1);
        width: 30px;
        --tw-translate-y: calc(calc(2/4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-color: #DCDCDC;
        @media (width >= 64rem) {
          right: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          width: calc(1/6 * 100%);
        }
      }
    }
    .products-list {
      display: none;
      @media (width >= 64rem) {
        display: flex;
      }
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        flex-wrap: wrap;
      }
      @media (width >= 64rem) {
        column-gap: calc(var(--spacing) * 4);
      }
      @media (width >= 64rem) {
        row-gap: calc(var(--spacing) * 16);
      }
      li {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
        @media (width >= 48rem) {
          width: calc(50% - .5rem);
        }
        @media (width >= 64rem) {
          width: calc(33% - .7rem);
        }
        img {
          margin-inline: auto;
          height: calc(var(--spacing) * 90);
        }
        h3 {
          margin-bottom: calc(var(--spacing) * 0);
          padding-top: calc(var(--spacing) * 8);
          padding-bottom: calc(var(--spacing) * 4);
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #103069;
        }
        .add_to_cart_button, .button.product_type_variable {
          background-color: #103069 !important;
          padding-inline: calc(var(--spacing) * 6) !important;
          padding-block: calc(var(--spacing) * 4) !important;
          text-align: center;
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-white) !important;
          &:hover {
            @media (hover: hover) {
              background-color: #FFDF3B !important;
            }
          }
          &:hover {
            @media (hover: hover) {
              color: #103069 !important;
            }
          }
        }
        .button-yellow {
          background-color: #FFDF3B !important;
          padding-inline: calc(var(--spacing) * 6) !important;
          padding-block: calc(var(--spacing) * 4) !important;
          text-align: center;
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #103069 !important;
          &:hover {
            @media (hover: hover) {
              background-color: #103069 !important;
            }
          }
          &:hover {
            @media (hover: hover) {
              color: var(--color-white) !important;
            }
          }
        }
        .added_to_cart {
          display: none !important;
        }
        .yith-ywraq-add-to-quote {
          .yith_ywraq_add_item_response_message {
            display: none;
          }
          .add-request-quote-button {
            margin-top: calc(var(--spacing) * 0);
            display: block;
            background-color: var(--color-black);
            padding-inline: calc(var(--spacing) * 8);
            padding-block: calc(var(--spacing) * 3);
            text-align: center;
            color: var(--color-white);
            &:hover {
              @media (hover: hover) {
                background-color: #FFDF3B;
              }
            }
            &:hover {
              @media (hover: hover) {
                color: #103069;
              }
            }
          }
          .yith_ywraq_add_item_browse_message {
            a {
              margin-top: calc(var(--spacing) * 0);
              display: block;
              background-color: var(--color-black);
              padding-inline: calc(var(--spacing) * 8);
              padding-block: calc(var(--spacing) * 3);
              text-align: center;
              color: var(--color-white);
              &:hover {
                @media (hover: hover) {
                  background-color: #FFDF3B;
                }
              }
              &:hover {
                @media (hover: hover) {
                  color: #103069;
                }
              }
            }
          }
          .ajax-loading {
            height: auto;
          }
        }
      }
    }
    .featured-product-carousel {
      @media (width >= 64rem) {
        display: none;
      }
      li {
        margin-bottom: calc(var(--spacing) * 0);
        display: flex;
        width: 100%;
        flex-direction: column;
        align-content: flex-start;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 4);
        padding-inline: 60px;
        padding-block: calc(var(--spacing) * 0);
        @media (width >= 48rem) {
          padding-inline: calc(var(--spacing) * 4);
        }
        img {
          margin-inline: auto;
          height: 200px;
          width: auto;
        }
        h3 {
          margin-bottom: calc(var(--spacing) * 0);
          text-align: center;
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: #103069;
        }
        .price {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          color: var(--color-neutral-600);
        }
        .button {
          width: 100%;
          background-color: #103069 !important;
          padding-inline: calc(var(--spacing) * 6) !important;
          padding-block: calc(var(--spacing) * 4) !important;
          text-align: center;
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-white) !important;
          &:hover {
            @media (hover: hover) {
              background-color: #FFDF3B !important;
            }
          }
          &:hover {
            @media (hover: hover) {
              color: #103069 !important;
            }
          }
        }
        .button-yellow {
          width: 100%;
          background-color: #FFDF3B !important;
          text-align: center;
          color: #103069 !important;
          &:hover {
            @media (hover: hover) {
              background-color: #103069 !important;
            }
          }
          &:hover {
            @media (hover: hover) {
              color: var(--color-white) !important;
            }
          }
        }
      }
      .splide__arrows {
        .splide__arrow {
          background: #103069;
          border-radius: 6px;
          height: 120px;
          width: 60px;
          svg {
            path {
              fill: #FFF;
            }
          }
          &.splide__arrow--prev {
            left: -2rem;
          }
          &.splide__arrow--next {
            right: -2rem;
          }
        }
      }
    }
  }
  .page-hero {
    background-color: #103069;
    padding: 80px 30px;
    position: relative;
    text-align: center;
    &.has-bg {
      background-color: rgba(16, 48, 105, .5);
    }
    .hero-bg {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: -1;
    }
    .container {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin: 0 auto;
      max-width: 1200px;
      opacity: 1;
      h1 {
        color: #FFF;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 0;
        padding-top: 0;
      }
      p {
        color: #FFF;
        margin: 0 auto;
        max-width: 700px;
        text-align: center;
      }
    }
  }
}
.page {
  .page-blocks {
    gap: calc(var(--spacing) * 8);
  }
  &.home {
    .page-blocks {
      gap: calc(var(--spacing) * 0);
    }
  }
}
.page-content {
  padding-top: calc(var(--spacing) * 10);
  padding-bottom: calc(var(--spacing) * 20);
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 20);
  }
  .container {
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 8);
  }
}
.wpcf7 {
  form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    .cf-row {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 2);
      label, p {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: #103069;
      }
      .cf-field {
        width: 100%;
        span {
          input {
            width: 100%;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: #103069;
            padding: calc(var(--spacing) * 2);
          }
          select {
            width: 100%;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: #103069;
            padding: calc(var(--spacing) * 2);
          }
          textarea {
            width: 100%;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: #103069;
            padding: calc(var(--spacing) * 2);
          }
        }
      }
    }
    .cf-row-ad {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        flex-wrap: wrap;
      }
      .cf-column {
        width: 100%;
        @media (width >= 64rem) {
          width: calc(50% - .5rem);
        }
        p {
          display: flex;
          flex-direction: column;
          gap: calc(var(--spacing) * 2);
          label {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            color: #103069;
          }
          span {
            input {
              width: 100%;
              border-style: var(--tw-border-style);
              border-width: 1px;
              border-color: #103069;
              padding: calc(var(--spacing) * 2);
            }
            select {
              width: 100%;
              border-style: var(--tw-border-style);
              border-width: 1px;
              border-color: #103069;
              padding: calc(var(--spacing) * 2);
            }
            textarea {
              width: 100%;
              border-style: var(--tw-border-style);
              border-width: 1px;
              border-color: #103069;
              padding: calc(var(--spacing) * 2);
            }
            .wpcf7-checkbox {
              display: flex;
              flex-direction: column;
              gap: calc(var(--spacing) * 2);
              @media (width >= 64rem) {
                flex-direction: row;
              }
              @media (width >= 64rem) {
                flex-wrap: wrap;
              }
              .wpcf7-list-item {
                margin-left: calc(var(--spacing) * 0);
                width: 100%;
                @media (width >= 64rem) {
                  width: calc(50% - .25rem);
                }
                label {
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  gap: calc(var(--spacing) * 4);
                  input {
                    height: 20px;
                    width: 20px;
                  }
                }
              }
            }
          }
        }
      }
      &.half-width {
        .cf-column {
          @media (width >= 64rem) {
            margin-inline: auto;
          }
          @media (width >= 64rem) {
            width: calc(2/4 * 100%);
          }
        }
      }
    }
    &#wpcf7-f53174-o1 {
      padding-block: calc(var(--spacing) * 10);
    }
    input[type=submit] {
      background-color: #103069;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 2);
      text-align: center;
      color: var(--color-white);
    }
  }
}
.wpb_wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  .wpb_text_column {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  ul {
    margin-left: 15px;
    display: flex;
    list-style-type: disc;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .vc_tta-container {
    .vc_tta-tabs {
      .vc_tta-tabs-list {
        .vc_tta-tab {
          a {
            background-color: #103069 !important;
            color: var(--color-white) !important;
          }
          &.vc_active {
            position: relative;
            background-color: #0d2654 !important;
            &::after {
              content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="10px" width="10px" viewBox="0 0 640 640"><path d="M199.7 299.8C189.4 312.4 190.2 330.9 201.9 342.6L329.9 470.6C339.1 479.8 352.8 482.5 364.8 477.5C376.8 472.5 384.6 460.9 384.6 447.9L384.6 191.9C384.6 179 376.8 167.3 364.8 162.3C352.8 157.3 339.1 160.1 329.9 169.2L201.9 297.2L199.7 299.6z" fill="%23FFF"/></svg>');
              position: absolute;
              top: calc(1/2 * 100%);
              right: calc(var(--spacing) * 0);
              display: block;
              --tw-translate-y: calc(calc(2/4 * 100%) * -1);
              translate: var(--tw-translate-x) var(--tw-translate-y);
            }
          }
        }
      }
      .vc_tta-panel {
        .vc_tta-panel-body {
          background-color: var(--color-white) !important;
          color: #103069 !important;
          h4, strong {
            --tw-font-weight: var(--font-weight-bold) !important;
            font-weight: var(--font-weight-bold) !important;
          }
        }
      }
    }
  }
}
&.page-id-15 {
  .page-content {
    padding-top: calc(var(--spacing) * 0);
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
}
.reviews-wrapper {
  display: flex;
  width: 100%;
  max-width: 400px;
  flex-direction: column;
  gap: calc(var(--spacing) * 8);
  .reviews {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #CCC;
    padding: calc(var(--spacing) * 4);
    .top {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: calc(var(--spacing) * 8);
      img {
        height: calc(var(--spacing) * 12);
        width: calc(var(--spacing) * 12);
      }
      .stars {
        display: flex;
        flex-direction: row;
        gap: calc(var(--spacing) * 2);
      }
    }
    .rating {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
}
.wpcf7 {
  label {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #103069;
  }
  input[type=text], input[type=email], select {
    height: calc(var(--spacing) * 10);
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #103069;
  }
  textarea {
    height: calc(var(--spacing) * 20);
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #103069;
  }
  input[type=submit] {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
  }
}
.wpb_wrapper {
  label {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #103069;
  }
  input[type=text], input[type=email],select {
    height: calc(var(--spacing) * 10);
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #103069;
  }
  textarea {
    height: calc(var(--spacing) * 20);
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #103069;
  }
  input[type=submit], .cal-button {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
  }
}
.woocommerce {
  .add_to_cart_button, .button.product_type_variable, .button {
    background-color: #103069 !important;
    padding-inline: calc(var(--spacing) * 6) !important;
    padding-block: calc(var(--spacing) * 4) !important;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white) !important;
    &:hover {
      @media (hover: hover) {
        background-color: #FFDF3B !important;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: #103069 !important;
      }
    }
  }
  .button-yellow {
    background-color: #FFDF3B !important;
    color: #103069 !important;
    &:hover {
      @media (hover: hover) {
        background-color: #103069 !important;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white) !important;
      }
    }
  }
  .product-cat-hero {
    background-color: #103069;
    padding: 80px 30px;
    position: relative;
    text-align: center;
    &.has-bg {
      background-color: rgba(16, 48, 105, .5);
    }
    .hero-bg {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: -1;
    }
    .container {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin: 0 auto;
      max-width: 1200px;
      opacity: 1;
      h1 {
        color: #FFF;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 0;
        padding-top: 0;
      }
      p {
        color: #FFF;
        margin: 0 auto;
        max-width: 700px;
        text-align: center;
      }
    }
  }
  .product-wrapper {
    .container {
      margin-inline: auto;
      padding-inline: calc(var(--spacing) * 6);
      .subcats-grid {
        padding-block: calc(var(--spacing) * 16);
        .products {
          margin-bottom: calc(var(--spacing) * 0);
          display: flex;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          @media (width >= 64rem) {
            flex-direction: row;
          }
          @media (width >= 64rem) {
            flex-wrap: wrap;
          }
          &::before {
            display: none;
          }
          li {
            margin-right: calc(var(--spacing) * 0);
            margin-bottom: calc(var(--spacing) * 0);
            width: 100%;
            @media (width >= 64rem) {
              width: calc(33% - .75rem);
            }
            a {
              position: relative;
              display: block;
              height: 400px;
              width: 100%;
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
              .category-title {
                position: absolute;
                bottom: calc(var(--spacing) * 0);
                left: calc(var(--spacing) * 0);
                display: flex;
                height: 100%;
                width: 100%;
                flex-direction: column;
                justify-content: flex-end;
                --tw-gradient-position: to bottom;
                @supports (background-image: linear-gradient(in lab, red, red)) {
                  --tw-gradient-position: to bottom in oklab;
                }
                background-image: linear-gradient(var(--tw-gradient-stops));
                --tw-gradient-from: transparent;
                --tw-gradient-via: transparent;
                --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
                --tw-gradient-stops: var(--tw-gradient-via-stops);
                --tw-gradient-to: var(--color-neutral-500);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                padding-bottom: calc(var(--spacing) * 3);
                padding-left: calc(var(--spacing) * 3);
                font-size: var(--text-3xl);
                line-height: var(--tw-leading, var(--text-3xl--line-height));
                --tw-font-weight: var(--font-weight-bold);
                font-weight: var(--font-weight-bold);
                color: #FFFFFF;
              }
            }
          }
        }
      }
      .product-list {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 8);
        padding-block: calc(var(--spacing) * 16);
        @media (width >= 64rem) {
          flex-direction: row;
        }
        @media (width >= 64rem) {
          flex-wrap: wrap;
        }
        .products-sidebar {
          display: flex;
          width: 100%;
          flex-direction: column;
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          border-bottom-color: var(--color-neutral-600);
          padding-inline: calc(var(--spacing) * 4);
          padding-bottom: calc(var(--spacing) * 8);
          @media (width >= 64rem) {
            width: calc(40% - 1rem);
          }
          @media (width >= 64rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
          }
          @media (width >= 64rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0px;
          }
          @media (width >= 64rem) {
            border-right-color: var(--color-neutral-600);
          }
          @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 6);
          }
          @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 0);
          }
          @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 0);
          }
          @media (width >= 80rem) {
            width: calc(20% - 1rem);
          }
          .filters-title {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            background-color: #103069;
            padding: calc(var(--spacing) * 3);
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            color: var(--color-white);
            span {
              @media (width >= 64rem) {
                display: none;
              }
              &.up {
                rotate: 180deg;
              }
              svg {
                path {
                  fill: var(--color-white);
                }
              }
            }
          }
          #filters-wrapper {
            display: none;
            @media (width >= 64rem) {
              display: block;
            }
            &.open {
              display: block;
            }
          }
          .wp-block-woocommerce-product-filter-active {
            .wc-block-product-filter-removable-chips__items {
              display: flex;
              flex-direction: row;
              flex-wrap: wrap;
              gap: calc(var(--spacing) * 2);
            }
            .wp-block-woocommerce-product-filter-clear-button {
              button {
                border-radius: 0;
                background-color: #103069;
                color: var(--color-white);
              }
            }
          }
          .widget {
            .wp-block-woocommerce-product-filters {
              .wc-block-product-filters__open-overlay {
                display: none;
              }
              .wc-block-product-filters__overlay {
                position: static;
                pointer-events: all;
                .wc-block-product-filters__overlay-wrapper {
                  height: auto;
                  .wc-block-product-filters__overlay-dialog {
                    position: static;
                    transform: translateY(0);
                    .wc-block-product-filters__overlay-content {
                      padding: 0;
                      .wp-block-heading {
                        position: relative;
                        margin-bottom: calc(var(--spacing) * 0) !important;
                        background-color: var(--color-neutral-200);
                        padding: calc(var(--spacing) * 3);
                        font-size: var(--text-lg);
                        line-height: var(--tw-leading, var(--text-lg--line-height));
                        color: #103069;
                      }
                      .wp-block-woocommerce-product-filter-checkbox-list {
                        margin-top: calc(var(--spacing) * 2);
                      }
                      .wp-block-woocommerce-product-filter-price-slider {
                        background-color: var(--color-neutral-100);
                        padding: calc(var(--spacing) * 3);
                      }
                    }
                    .wc-block-product-filters__overlay-header, .wc-block-product-filters__overlay-footer {
                      display: none;
                    }
                  }
                }
              }
            }
          }
          .yith-wcan-filters {
            margin-bottom: calc(var(--spacing) * 0);
            display: flex;
            flex-direction: column;
            .yith-wcan-filter {
              margin-bottom: calc(var(--spacing) * 0);
              .filter-title {
                position: relative;
                background-color: var(--color-neutral-200);
                padding: calc(var(--spacing) * 3);
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
                color: #103069;
              }
              .filter-content {
                background-color: var(--color-neutral-100);
                padding: calc(var(--spacing) * 3);
              }
            }
            .yith-wcan-reset-filters {
              display: block;
              width: 100%;
              background-color: #FFDF3B;
              padding: calc(var(--spacing) * 4);
              --tw-font-weight: var(--font-weight-medium);
              font-weight: var(--font-weight-medium);
              color: #103069;
              &:hover {
                @media (hover: hover) {
                  background-color: #103069;
                }
              }
              &:hover {
                @media (hover: hover) {
                  color: var(--color-white);
                }
              }
            }
          }
        }
        .products-column {
          display: flex;
          width: 100%;
          flex-direction: column;
          gap: calc(var(--spacing) * 8);
          &.sidebar-active {
            @media (width >= 64rem) {
              width: calc(60% - 1rem);
            }
            @media (width >= 80rem) {
              width: calc(80% - 1rem);
            }
          }
          .products-header {
            display: flex;
            flex-direction: column;
            gap: calc(var(--spacing) * 4);
            background-color: color-mix(in srgb, oklch(92.2% 0 0) 25%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-neutral-200) 25%, transparent);
            }
            padding-inline: calc(var(--spacing) * 4);
            padding-block: calc(var(--spacing) * 6);
            @media (width >= 64rem) {
              flex-direction: row;
            }
            @media (width >= 64rem) {
              flex-wrap: wrap;
            }
            @media (width >= 64rem) {
              align-items: center;
            }
            @media (width >= 64rem) {
              justify-content: space-between;
            }
            form {
              margin-bottom: calc(var(--spacing) * 0);
              background-color: var(--color-white);
              padding: calc(var(--spacing) * 2);
            }
            p {
              margin-bottom: calc(var(--spacing) * 0);
            }
          }
          .products {
            margin-bottom: calc(var(--spacing) * 0);
            display: flex;
            flex-direction: column;
            column-gap: calc(var(--spacing) * 4);
            row-gap: calc(var(--spacing) * 16);
            @media (width >= 48rem) {
              flex-direction: row;
            }
            @media (width >= 48rem) {
              flex-wrap: wrap;
            }
            &::before {
              display: none;
            }
            li {
              margin-right: calc(var(--spacing) * 0);
              margin-bottom: calc(var(--spacing) * 0);
              display: flex;
              width: 100%;
              flex-direction: column;
              gap: calc(var(--spacing) * 3);
              padding-block: calc(var(--spacing) * 0);
              @media (width >= 48rem) {
                width: calc(50% - .5rem);
              }
              @media (width >= 80rem) {
                width: calc(33% - .5rem);
              }
              .thumbnail-wrapper {
                margin-inline: auto;
                display: block;
                height: 300px;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                img {
                  display: none;
                }
              }
              h2 {
                margin-bottom: calc(var(--spacing) * 0);
                padding-top: calc(var(--spacing) * 8);
                padding-bottom: calc(var(--spacing) * 4);
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height));
                --tw-font-weight: var(--font-weight-bold);
                font-weight: var(--font-weight-bold);
                color: #103069;
              }
              .price, .price-inc {
                margin-bottom: calc(var(--spacing) * 0);
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
                color: color-mix(in srgb, #000 75%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                  color: color-mix(in oklab, var(--color-black) 75%, transparent);
                }
              }
              .button {
                margin-top: calc(var(--spacing) * 0);
                display: block;
                background-color: #103069;
                padding-block: calc(var(--spacing) * 3);
                text-align: center;
                color: var(--color-white);
                &:hover {
                  @media (hover: hover) {
                    color: #FFDF3B;
                  }
                }
                @media (width >= 64rem) {
                  display: inline-block;
                }
              }
              .button-yellow {
                background-color: #FFDF3B;
                color: #103069;
              }
              .add-request-quote-button {
                width: 100%;
              }
              .added_to_cart {
                display: block;
                background-color: var(--color-black);
                padding-block: calc(var(--spacing) * 3);
                text-align: center;
                color: var(--color-white);
                &:hover {
                  @media (hover: hover) {
                    background-color: #333;
                  }
                }
                @media (width >= 64rem) {
                  display: inline-block;
                }
              }
              select {
                height: calc(var(--spacing) * 12);
                background-color: var(--color-black);
                padding-inline: calc(var(--spacing) * 8);
                padding-block: calc(var(--spacing) * 3);
                text-align: center;
                color: var(--color-white);
                &.disabled {
                  opacity: 50%;
                  cursor: not-allowed;
                }
              }
              .quantity-input {
                display: flex;
                flex-direction: row;
                button {
                  height: calc(var(--spacing) * 10);
                  width: calc(var(--spacing) * 10);
                  background-color: #103069;
                  padding-inline: calc(var(--spacing) * 4);
                  padding-block: calc(var(--spacing) * 2);
                  text-align: center;
                  color: var(--color-white);
                  &:disabled {
                    opacity: 50%;
                  }
                }
                input {
                  height: calc(var(--spacing) * 10);
                  width: calc(100% - 80px);
                  border-style: var(--tw-border-style);
                  border-width: 1px;
                  border-color: var(--color-black);
                  padding-inline: calc(var(--spacing) * 4);
                }
              }
              &.outofstock {
                .ajax_add_to_cart {
                  cursor: not-allowed;
                  opacity: 50;
                }
              }
            }
            .product-cat-banner {
              height: calc(var(--spacing) * 80);
              width: 100%;
              background-size: cover;
              background-repeat: no-repeat;
              .content {
                display: flex;
                height: 100%;
                width: 100%;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: calc(var(--spacing) * 4);
                background-color: color-mix(in srgb, #fff 65%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                  background-color: color-mix(in oklab, var(--color-white) 65%, transparent);
                }
                padding-inline: calc(var(--spacing) * 4);
                h3 {
                  width: 100%;
                  text-align: center;
                  font-size: var(--text-xl);
                  line-height: var(--tw-leading, var(--text-xl--line-height));
                  --tw-font-weight: var(--font-weight-bold);
                  font-weight: var(--font-weight-bold);
                  color: #103069;
                }
                p {
                  width: 100%;
                  text-align: center;
                  --tw-font-weight: var(--font-weight-medium);
                  font-weight: var(--font-weight-medium);
                  color: #103069;
                }
              }
            }
          }
          .woocommerce-pagination {
            display: flex;
            flex-direction: column;
            align-items: center;
            @media (width >= 64rem) {
              align-items: flex-start;
            }
            .page-numbers {
              margin: calc(var(--spacing) * 0);
              display: flex;
              flex-direction: row;
              flex-wrap: wrap;
              gap: calc(var(--spacing) * 2);
              border-style: var(--tw-border-style);
              border-width: 0px;
              li {
                border-style: var(--tw-border-style);
                border-width: 0px;
                .page-numbers {
                  display: flex;
                  height: calc(var(--spacing) * 12);
                  width: calc(var(--spacing) * 12);
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  border-radius: calc(infinity * 1px);
                  padding: calc(var(--spacing) * 1);
                  color: #103069;
                  &:hover {
                    @media (hover: hover) {
                      background-color: #103069;
                    }
                  }
                  &:hover {
                    @media (hover: hover) {
                      color: var(--color-white);
                    }
                  }
                  &.current {
                    background-color: #103069;
                    color: var(--color-white);
                  }
                }
              }
            }
          }
        }
      }
      .product {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        column-gap: calc(var(--spacing) * 6);
        row-gap: calc(var(--spacing) * 16);
        padding-block: calc(var(--spacing) * 16);
        @media (width >= 48rem) {
          flex-direction: row;
        }
        @media (width >= 48rem) {
          flex-wrap: wrap;
        }
        .woocommerce-product-gallery {
          margin-bottom: calc(var(--spacing) * 0);
          display: flex;
          width: 100%;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          @media (width >= 64rem) {
            width: calc(100% - 450px);
          }
          .woocommerce-product-gallery__image {
            img {
              margin-inline: auto;
              width: auto;
            }
          }
        }
        .summary {
          margin-bottom: calc(var(--spacing) * 0);
          display: flex;
          width: 100%;
          max-width: 400px;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          h1 {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            color: #103069;
          }
          .product-price {
            strong {
              color: #103069;
            }
            p {
              &:first-child {
                font-size: var(--text-2xl);
                line-height: var(--tw-leading, var(--text-2xl--line-height));
              }
              &:last-child {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
              }
            }
          }
          .product_meta {
            display: flex;
            flex-direction: column;
            gap: calc(var(--spacing) * 2);
            .posted_in {
              display: none;
            }
          }
          .cart {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: calc(var(--spacing) * 4);
            &::before {
              display: none;
            }
            .quantity {
              input {
                height: 60px;
                width: 100px;
                background-color: var(--color-neutral-200);
              }
            }
            .single_add_to_cart_button {
              background-color: #103069;
              color: var(--color-white);
              &:hover {
                @media (hover: hover) {
                  color: #FFDF3B;
                }
              }
            }
            &.variations_form {
              margin-bottom: calc(var(--spacing) * 0);
              display: flex;
              flex-direction: column;
              gap: calc(var(--spacing) * 4);
              .variations {
                margin-bottom: calc(var(--spacing) * 0);
                tbody {
                  tr {
                    display: flex;
                    flex-direction: column;
                    gap: calc(var(--spacing) * 2);
                    th {
                      text-align: left;
                    }
                    td {
                      display: flex;
                      flex-direction: row;
                      gap: calc(var(--spacing) * 2);
                      select {
                        margin-right: calc(var(--spacing) * 0);
                        background-color: var(--color-neutral-200);
                        padding: calc(var(--spacing) * 3);
                      }
                      .reset_variations {
                        background-color: #103069;
                        padding-inline: calc(var(--spacing) * 6);
                        padding-block: calc(var(--spacing) * 4);
                        --tw-font-weight: var(--font-weight-bold);
                        font-weight: var(--font-weight-bold);
                        color: var(--color-white);
                        &:hover {
                          @media (hover: hover) {
                            color: #FFDF3B;
                          }
                        }
                      }
                    }
                  }
                }
              }
              .single_variation_wrap {
                display: flex;
                flex-direction: column;
                gap: calc(var(--spacing) * 4);
                .single_variation {
                  .woocommerce-variation-availability, .woocommerce-variation-description {
                    display: none;
                  }
                  .woocommerce-variation-price {
                    .price {
                      font-size: var(--text-xl);
                      line-height: var(--tw-leading, var(--text-xl--line-height));
                      --tw-font-weight: var(--font-weight-bold);
                      font-weight: var(--font-weight-bold);
                      color: #103069;
                    }
                  }
                }
                .woocommerce-variation-add-to-cart {
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  gap: calc(var(--spacing) * 4);
                  .quantity {
                    input {
                      height: 60px;
                      width: 100px;
                      background-color: var(--color-neutral-200);
                    }
                  }
                  .single_add_to_cart_button {
                    background-color: #103069;
                    color: var(--color-white);
                    &:hover {
                      @media (hover: hover) {
                        color: #FFDF3B;
                      }
                    }
                  }
                }
              }
            }
          }
          .reviews-wrapper {
            display: flex;
            width: 100%;
            max-width: 400px;
            flex-direction: column;
            gap: calc(var(--spacing) * 8);
            .reviews {
              display: flex;
              width: 100%;
              flex-direction: column;
              gap: calc(var(--spacing) * 4);
              border-radius: var(--radius-xl);
              border-style: var(--tw-border-style);
              border-width: 1px;
              border-color: #CCC;
              padding: calc(var(--spacing) * 4);
              .top {
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: calc(var(--spacing) * 8);
                img {
                  height: calc(var(--spacing) * 12);
                  width: calc(var(--spacing) * 12);
                }
                .stars {
                  display: flex;
                  flex-direction: row;
                  gap: calc(var(--spacing) * 2);
                }
              }
              .rating {
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height));
                --tw-font-weight: var(--font-weight-bold);
                font-weight: var(--font-weight-bold);
              }
            }
          }
        }
        .woocommerce-tabs {
          width: 100%;
          ul {
            margin-bottom: calc(var(--spacing) * 0);
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: calc(var(--spacing) * 4);
            border-style: var(--tw-border-style);
            border-width: 0px;
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-bottom-color: var(--color-neutral-200);
            &::before {
              border-bottom-style: var(--tw-border-style);
              border-bottom-width: 0px;
            }
            li {
              border-style: var(--tw-border-style);
              border-width: 0px;
              background-color: var(--color-white);
              padding: calc(var(--spacing) * 0);
              a {
                display: block;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                border-top-style: var(--tw-border-style);
                border-top-width: 1px;
                border-right-style: var(--tw-border-style);
                border-right-width: 1px;
                border-left-style: var(--tw-border-style);
                border-left-width: 1px;
                border-color: var(--color-neutral-200);
                background-color: var(--color-white);
                padding-inline: calc(var(--spacing) * 4);
                padding-block: calc(var(--spacing) * 3);
              }
              &.active {
                a {
                  background-color: #103069;
                  color: var(--color-white);
                  &:hover {
                    @media (hover: hover) {
                      color: #FFDF3B;
                    }
                  }
                }
              }
            }
          }
          .woocommerce-Tabs-panel {
            margin-bottom: calc(var(--spacing) * 0);
            display: flex;
            flex-direction: column;
            gap: calc(var(--spacing) * 4);
            border-style: var(--tw-border-style);
            border-width: 0px;
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
            border-color: var(--color-neutral-200);
            background-color: var(--color-white);
            padding: calc(var(--spacing) * 5);
            h2 {
              display: none;
            }
            table {
              margin-bottom: calc(var(--spacing) * 0);
              display: block;
              width: 100%;
              overflow-x: scroll;
              border-top-style: var(--tw-border-style);
              border-top-width: 0px;
              padding-block: calc(var(--spacing) * 0);
              @media (width >= 64rem) {
                display: table;
              }
              tr {
                &:first-child {
                  td {
                    padding-inline: calc(var(--spacing) * 1);
                  }
                }
              }
            }
            ul {
              margin-left: calc(var(--spacing) * 4);
              display: flex;
              width: 100%;
              list-style-type: disc;
              flex-direction: column;
              gap: calc(var(--spacing) * 2);
              border-bottom-style: var(--tw-border-style);
              border-bottom-width: 0px;
            }
          }
        }
        .related, .upsells {
          display: flex;
          width: 100%;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          h2 {
            text-align: center;
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            color: #103069;
          }
          .splide {
            .splide__arrows {
              .splide__arrow {
                background: #103069;
                border-radius: 6px;
                height: 120px;
                width: 60px;
                svg {
                  path {
                    fill: #FFF;
                  }
                }
                &.splide__arrow--prev {
                  left: -1.5rem;
                }
                &.splide__arrow--next {
                  right: -1.5rem;
                }
              }
            }
            .product {
              margin-bottom: calc(var(--spacing) * 0);
              display: flex;
              width: 100%;
              flex-direction: column;
              align-content: flex-start;
              align-items: center;
              justify-content: center;
              gap: calc(var(--spacing) * 4);
              padding-inline: calc(var(--spacing) * 10);
              padding-block: calc(var(--spacing) * 0);
              .woocommerce-LoopProduct-link {
                display: flex;
                width: 100%;
                flex-direction: column;
                align-content: flex-start;
                align-items: center;
                gap: calc(var(--spacing) * 4);
                img {
                  margin-inline: auto;
                  height: 200px;
                  width: auto;
                }
                h2 {
                  margin-bottom: calc(var(--spacing) * 0);
                  text-align: center;
                  font-size: var(--text-lg);
                  line-height: var(--tw-leading, var(--text-lg--line-height));
                  --tw-font-weight: var(--font-weight-semibold);
                  font-weight: var(--font-weight-semibold);
                  color: #103069;
                }
                .price {
                  text-align: center;
                  font-size: var(--text-lg);
                  line-height: var(--tw-leading, var(--text-lg--line-height));
                  color: var(--color-neutral-600);
                }
              }
              .button {
                width: 100% !important;
                text-align: center;
              }
              .yith-ywraq-add-to-quote {
                width: 100%;
              }
            }
          }
        }
      }
      .yith_ywraq_add_item_response_message {
        display: none;
      }
      .yith_ywraq_add_item_browse_message {
        a {
          margin-top: calc(var(--spacing) * 0);
          display: block;
          background-color: var(--color-black);
          padding-inline: calc(var(--spacing) * 8);
          padding-block: calc(var(--spacing) * 3);
          text-align: center;
          color: var(--color-white);
          &:hover {
            @media (hover: hover) {
              background-color: #FFDF3B;
            }
          }
          &:hover {
            @media (hover: hover) {
              color: #103069;
            }
          }
        }
      }
    }
  }
  &.tax-product_cat {
    .page-title {
      display: none;
    }
  }
  .order-receipt-text {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    h1 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #103069;
    }
    p {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .woocommerce-info {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .woocommerce-NoticeGroup {
    width: 100%;
    .woocommerce-error {
      margin-bottom: calc(var(--spacing) * 0);
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 2);
    }
  }
  &.term-doors {
    .product-wrapper {
      .product-list {
        .products-column {
          .products {
            .product {
              .thumbnail-wrapper {
                background-size: contain;
                background-repeat: no-repeat;
              }
            }
          }
        }
      }
    }
  }
}
.woocommerce-cart {
  h1 {
    width: 100%;
    text-align: center;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #103069;
  }
  .woocommerce {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    padding: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      flex-wrap: wrap;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    .woocommerce-notices-wrapper {
      width: 100%;
    }
    .cart-table {
      width: 100%;
      @media (width >= 64rem) {
        width: calc(80% - 1rem);
      }
      .woocommerce-cart-form {
        .shop_table {
          thead {
            background-color: #103069;
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            color: var(--color-white);
          }
          tbody {
            tr {
              td {
                &.product-quantity {
                  input {
                    height: 60px;
                    width: 80px;
                    background-color: var(--color-neutral-200);
                  }
                }
              }
            }
          }
          .button {
            background-color: #103069;
            color: var(--color-white) !important;
            &:hover {
              @media (hover: hover) {
                background-color: #FFDF3B;
              }
            }
            &:hover {
              @media (hover: hover) {
                color: #103069 !important;
              }
            }
          }
        }
      }
      .crosssells {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
        h2 {
          text-align: center;
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #103069;
        }
        .splide {
          .splide__arrows {
            .splide__arrow {
              background: #103069;
              border-radius: 6px;
              height: 120px;
              width: 60px;
              svg {
                path {
                  fill: #FFF;
                }
              }
              &.splide__arrow--prev {
                left: 0;
              }
              &.splide__arrow--next {
                right: 0;
              }
            }
          }
          .product {
            margin-bottom: calc(var(--spacing) * 0);
            display: flex;
            width: 100%;
            flex-direction: column;
            align-content: flex-start;
            align-items: center;
            justify-content: center;
            gap: calc(var(--spacing) * 4);
            padding-block: calc(var(--spacing) * 0);
            .woocommerce-LoopProduct-link {
              display: flex;
              width: 100%;
              flex-direction: column;
              align-content: flex-start;
              align-items: center;
              gap: calc(var(--spacing) * 4);
              img {
                margin-inline: auto;
                height: 200px;
                width: auto;
              }
              h2 {
                margin-bottom: calc(var(--spacing) * 0);
                text-align: center;
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
                --tw-font-weight: var(--font-weight-semibold);
                font-weight: var(--font-weight-semibold);
                color: #103069;
              }
              .price {
                text-align: center;
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
                color: var(--color-neutral-600);
              }
            }
          }
        }
      }
    }
    .cart-collaterals {
      display: flex;
      width: 100%;
      flex-direction: column;
      gap: calc(var(--spacing) * 8);
      border-radius: 5px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding: calc(var(--spacing) * 3);
      @media (width >= 64rem) {
        width: calc(20% - 1rem);
      }
      border-color: rgba(0,0,0,0.1);
      &::after, &::before {
        display: none;
      }
      .coupon {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 2);
        input {
          width: 100%;
          border-style: var(--tw-border-style);
          border-width: 1px;
          padding: calc(var(--spacing) * 2);
        }
        button {
          display: block;
          width: 100%;
          background-color: #103069;
          color: var(--color-white);
          &:hover {
            @media (hover: hover) {
              background-color: #FFDF3B;
            }
          }
          &:hover {
            @media (hover: hover) {
              color: #103069;
            }
          }
        }
      }
      .cart_totals {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
        h2 {
          display: none;
        }
        .woocommerce-shipping-totals {
          display: flex;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          h3 {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
          }
        }
        .shop_table {
          border-style: var(--tw-border-style);
          border-width: 0px;
          tbody {
            tr {
              &:nth-child(even) {
                td {
                  background-color: var(--color-white);
                }
              }
              &.cart-subtotal {
                th, td {
                  border-top: 1px solid #e9e6ed;
                }
              }
            }
          }
        }
        .wc-proceed-to-checkout {
          margin-top: calc(var(--spacing) * 0);
          padding-top: calc(var(--spacing) * 0);
          padding-bottom: calc(var(--spacing) * 0);
          &::after {
            display: none;
          }
          .button {
            margin-bottom: calc(var(--spacing) * 0);
            background-color: #103069;
            &:hover {
              @media (hover: hover) {
                background-color: #FFDF3B;
              }
            }
            &:hover {
              @media (hover: hover) {
                color: #103069;
              }
            }
          }
        }
      }
    }
  }
}
.woocommerce-checkout {
  .checkout-wrapper {
    .container {
      margin-inline: auto;
      padding-inline: calc(var(--spacing) * 8);
      .woocommerce-checkout {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 12);
        padding-block: calc(var(--spacing) * 8);
        @media (width >= 64rem) {
          flex-direction: row;
        }
        @media (width >= 64rem) {
          flex-wrap: wrap;
        }
        h3 {
          margin-bottom: calc(var(--spacing) * 4);
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #103069;
        }
        .checkout-left {
          width: 100%;
          @media (width >= 64rem) {
            width: calc(50% - 1.5rem);
          }
          #customer_details {
            display: flex;
            flex-direction: column;
            gap: calc(var(--spacing) * 4);
            &::before {
              display: none;
            }
            .col-1, .col-2 {
              width: 100%;
              .woocommerce-shipping-fields {
                h3 {
                  font-size: var(--text-base);
                  line-height: var(--tw-leading, var(--text-base--line-height));
                  color: var(--color-neutral-600);
                }
              }
            }
          }
        }
        .checkout-right {
          display: flex;
          width: 100%;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          @media (width >= 64rem) {
            width: calc(50% - 1.5rem);
          }
          h3 {
            margin-bottom: calc(var(--spacing) * 0);
          }
          #order_review {
            display: flex;
            flex-direction: column;
            gap: calc(var(--spacing) * 4);
            .shop_table {
              order: 1;
              display: flex;
              width: 100%;
              flex-direction: column;
              gap: calc(var(--spacing) * 2);
              border-radius: 5px;
              border-style: var(--tw-border-style);
              border-width: 0px;
              background-color: var(--color-neutral-200);
              padding: calc(var(--spacing) * 4);
              .products {
                .row {
                  display: flex;
                  flex-direction: row;
                  justify-content: space-between;
                  gap: calc(var(--spacing) * 2);
                  &.row-header {
                    --tw-font-weight: var(--font-weight-bold);
                    font-weight: var(--font-weight-bold);
                  }
                  &.row-body {
                    width: 100%;
                    .cart_item {
                      display: flex;
                      width: 100%;
                      flex-direction: row;
                      justify-content: space-between;
                      gap: calc(var(--spacing) * 2);
                    }
                  }
                  &.row-footer {
                    display: flex;
                    flex-direction: column;
                    gap: calc(var(--spacing) * 2);
                    .cart-subtotal, .cart-delivery, .tax-rate, .order-total {
                      display: flex;
                      flex-direction: row;
                      justify-content: space-between;
                      border-top-style: var(--tw-border-style);
                      border-top-width: 1px;
                      border-top-color: var(--color-neutral-400);
                      padding-top: calc(var(--spacing) * 2);
                    }
                  }
                }
              }
              #custom-delivery-notice {
                display: none;
                flex-direction: column;
                gap: calc(var(--spacing) * 2);
                &.show {
                  display: flex !important;
                }
              }
              .woocommerce-shipping-totals {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: calc(var(--spacing) * 4);
                .items {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: calc(var(--spacing) * 4);
                  @media (width >= 64rem) {
                    flex-direction: row;
                  }
                  @media (width >= 64rem) {
                    flex-wrap: wrap;
                  }
                  .woocommerce-shipping-methods {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: calc(var(--spacing) * 4);
                    @media (width >= 64rem) {
                      flex-direction: row;
                    }
                    @media (width >= 64rem) {
                      flex-wrap: wrap;
                    }
                    li {
                      position: relative;
                      label {
                        display: flex;
                        height: calc(var(--spacing) * 12);
                        align-items: center;
                        justify-content: center;
                        background-color: #103069;
                        padding-inline: calc(var(--spacing) * 4);
                        padding-block: calc(var(--spacing) * 2);
                        --tw-font-weight: var(--font-weight-semibold);
                        font-weight: var(--font-weight-semibold);
                        color: var(--color-white);
                        &:hover {
                          @media (hover: hover) {
                            background-color: #FFDF3B;
                          }
                        }
                        &:hover {
                          @media (hover: hover) {
                            color: #103069;
                          }
                        }
                        img {
                          margin-left: calc(var(--spacing) * 0);
                        }
                      }
                      input {
                        display: none;
                        &:checked + label {
                          background-color: #FFDF3B;
                          color: #103069;
                        }
                      }
                    }
                  }
                }
              }
            }
            .delivery-options {
              order: 2;
              display: flex;
              width: 100%;
              flex-direction: column;
              border-radius: 5px;
              background-color: var(--color-neutral-200);
              .woocommerce-shipping-totals {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: calc(var(--spacing) * 4);
                .items {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: calc(var(--spacing) * 4);
                  @media (width >= 64rem) {
                    flex-direction: row;
                  }
                  @media (width >= 64rem) {
                    flex-wrap: wrap;
                  }
                  .woocommerce-shipping-methods {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: calc(var(--spacing) * 4);
                    @media (width >= 64rem) {
                      flex-direction: row;
                    }
                    @media (width >= 64rem) {
                      flex-wrap: wrap;
                    }
                    li {
                      position: relative;
                      label {
                        display: flex;
                        height: calc(var(--spacing) * 12);
                        align-items: center;
                        justify-content: center;
                        background-color: #103069;
                        padding-inline: calc(var(--spacing) * 4);
                        padding-block: calc(var(--spacing) * 2);
                        --tw-font-weight: var(--font-weight-semibold);
                        font-weight: var(--font-weight-semibold);
                        color: var(--color-white);
                        &:hover {
                          @media (hover: hover) {
                            background-color: #FFDF3B;
                          }
                        }
                        &:hover {
                          @media (hover: hover) {
                            color: #103069;
                          }
                        }
                        img {
                          margin-left: calc(var(--spacing) * 0);
                        }
                      }
                      input {
                        display: none;
                        &:checked + label {
                          background-color: #FFDF3B;
                          color: #103069;
                        }
                      }
                    }
                  }
                }
              }
            }
            .ordering-disclaimer {
              order: 3;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              gap: calc(var(--spacing) * 4);
              border-radius: 5px;
              background-color: var(--color-neutral-200);
              padding-inline: calc(var(--spacing) * 4);
              padding-block: calc(var(--spacing) * 4);
              h3 {
                position: relative;
                text-align: center;
                &::after {
                  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" width="20px" viewBox="0 0 640 640"><path d="M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z" fill="%23103069"/></svg>');
                  position: absolute;
                  top: calc(2/4 * 100%);
                  right: calc(var(--spacing) * -8);
                  display: block;
                  height: calc(var(--spacing) * 5);
                  width: calc(var(--spacing) * 5);
                  --tw-translate-y: calc(calc(2/4 * 100%) * -1);
                  translate: var(--tw-translate-x) var(--tw-translate-y);
                }
              }
              .content {
                display: none;
                flex-direction: column;
                gap: calc(var(--spacing) * 4);
                &.open {
                  display: flex;
                }
              }
            }
            #payment {
              order: 4;
              display: flex;
              width: 100%;
              flex-direction: column;
              border-radius: 5px;
              background-color: var(--color-neutral-200);
              .payment-methods {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: calc(var(--spacing) * 4);
                border-radius: 5px;
                background-color: var(--color-neutral-200);
                padding-block: calc(var(--spacing) * 4);
                .wc_payment_methods {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  gap: calc(var(--spacing) * 4);
                  border-bottom-style: var(--tw-border-style);
                  border-bottom-width: 0px;
                  padding: calc(var(--spacing) * 0);
                  @media (width >= 64rem) {
                    flex-direction: row;
                  }
                  @media (width >= 64rem) {
                    flex-wrap: wrap;
                  }
                  &::after, &::before {
                    display: none;
                  }
                  li {
                    position: relative;
                    label {
                      display: flex;
                      height: calc(var(--spacing) * 12);
                      align-items: center;
                      justify-content: center;
                      background-color: #103069;
                      padding-inline: calc(var(--spacing) * 4);
                      padding-block: calc(var(--spacing) * 2);
                      --tw-font-weight: var(--font-weight-semibold);
                      font-weight: var(--font-weight-semibold);
                      color: var(--color-white);
                      &:hover {
                        @media (hover: hover) {
                          background-color: #FFDF3B;
                        }
                      }
                      &:hover {
                        @media (hover: hover) {
                          color: #103069;
                        }
                      }
                      img {
                        margin-left: calc(var(--spacing) * 0);
                      }
                    }
                    input {
                      display: none;
                      &:checked + label {
                        background-color: #FFDF3B;
                        color: #103069;
                      }
                    }
                    .payment_box {
                      position: absolute;
                      left: calc(var(--spacing) * 0);
                      display: flex;
                      width: 300px;
                      flex-direction: column;
                      gap: calc(var(--spacing) * 2);
                    }
                  }
                }
              }
              .place-order {
                .woocommerce-terms-and-conditions-wrapper {
                  display: flex;
                  flex-direction: column;
                  gap: calc(var(--spacing) * 4);
                  .woocommerce-privacy-policy-text {
                    display: none;
                  }
                  .woocommerce-terms-and-conditions-checkbox-text {
                    color: #FF0000;
                  }
                }
                #place_order {
                  width: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
  .checkout_coupon {
    p {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
}
.pswp {
  z-index: 99999;
}
#single-product-content {
  .search-hero {
    background-color: #103069;
    padding: 80px 30px;
    position: relative;
    text-align: center;
    &.has-bg {
      background-color: rgba(16, 48, 105, .5);
    }
    .hero-bg {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: -1;
    }
    .container {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin: 0 auto;
      max-width: 1200px;
      opacity: 1;
      h1 {
        color: #FFF;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 0;
        padding-top: 0;
      }
      p {
        color: #FFF;
        margin: 0 auto;
        max-width: 700px;
        text-align: center;
      }
    }
  }
  .search-results {
    padding-block: calc(var(--spacing) * 16);
    .container {
      margin-inline: auto;
      padding-inline: calc(var(--spacing) * 6);
      ul {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
        @media (width >= 48rem) {
          flex-direction: row;
        }
        @media (width >= 48rem) {
          flex-wrap: wrap;
        }
        li {
          display: flex;
          width: 100%;
          flex-direction: column;
          gap: calc(var(--spacing) * 3);
          @media (width >= 48rem) {
            width: calc(50% - .5rem);
          }
          @media (width >= 64rem) {
            width: calc(33% - .7rem);
          }
          @media (width >= 80rem) {
            width: calc(25% - .75rem);
          }
          h2 {
            margin-bottom: calc(var(--spacing) * 0);
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            color: #103069;
          }
          .add_to_cart_button, .button.product_type_variable, .button {
            background-color: #103069 !important;
            padding-inline: calc(var(--spacing) * 6) !important;
            padding-block: calc(var(--spacing) * 4) !important;
            text-align: center;
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            color: var(--color-white) !important;
            &:hover {
              @media (hover: hover) {
                background-color: #FFDF3B !important;
              }
            }
            &:hover {
              @media (hover: hover) {
                color: #103069 !important;
              }
            }
          }
          .button-yellow {
            background-color: #FFDF3B !important;
            color: #103069 !important;
            &:hover {
              @media (hover: hover) {
                background-color: #103069 !important;
              }
            }
            &:hover {
              @media (hover: hover) {
                color: var(--color-white) !important;
              }
            }
          }
        }
      }
    }
  }
}
.search-result-add-to-cart {
  border-radius: 0 !important;
  background-color: #103069 !important;
  padding-inline: calc(var(--spacing) * 6) !important;
  padding-block: calc(var(--spacing) * 4) !important;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white) !important;
  &:hover {
    @media (hover: hover) {
      background-color: #FFDF3B !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: #103069 !important;
    }
  }
}
#site-footer {
  .memberships-wrapper {
    background-color: #0e2b5f;
    padding-block: calc(var(--spacing) * 6);
    .container {
      margin-inline: auto;
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
      padding-inline: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        flex-wrap: wrap;
      }
      @media (width >= 64rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        justify-content: center;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 8);
      }
      h6 {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: #FFDF3B;
      }
      ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 4);
        li {
          border-radius: calc(infinity * 1px);
          background-color: #FFDF3B;
          padding: calc(var(--spacing) * 3);
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #FFDF3B;
        }
      }
    }
  }
  .content {
    background-color: #103069;
    padding-block: calc(var(--spacing) * 12);
    .container {
      margin-inline: auto;
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
      padding-inline: calc(var(--spacing) * 6);
      @media (width >= 48rem) {
        flex-direction: row;
      }
      @media (width >= 48rem) {
        flex-wrap: wrap;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 8);
      }
      .column {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
        @media (width >= 48rem) {
          width: calc(50% - 1rem);
        }
        @media (width >= 64rem) {
          width: calc(20% - 2rem);
        }
        h6 {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #FFDF3B;
        }
        p {
          color: var(--color-white);
        }
        .memberships {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          gap: calc(var(--spacing) * 2);
          li {
            width: 100%;
            @media (width >= 48rem) {
              width: calc(50% - .25rem);
            }
            @media (width >= 64rem) {
              width: calc(25% - .5rem);
            }
            a {
              svg {
                path {
                  fill: #FFDF3B;
                }
              }
            }
          }
        }
        .mc4wp-form {
          display: flex;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          h2 {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            color: #FFDF3B;
          }
          label {
            display: none;
          }
          input[type=email] {
            margin-bottom: calc(var(--spacing) * 2);
            width: 100%;
            background-color: var(--color-white);
            padding: calc(var(--spacing) * 3);
          }
          input[type=submit] {
            width: 100%;
            background-color: #FFDF3B;
            padding-inline: calc(var(--spacing) * 8);
            padding-block: calc(var(--spacing) * 2);
            text-align: center;
            color: #103069;
          }
        }
        .menu {
          display: flex;
          flex-direction: column;
          gap: calc(var(--spacing) * 2);
          li {
            a {
              color: var(--color-white);
              &:hover {
                @media (hover: hover) {
                  color: #FFDF3B;
                }
              }
            }
          }
        }
      }
    }
  }
  .copyright {
    background-color: #202020;
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
  }
}
.mobile-call-banner {
  position: fixed;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 9999;
  width: 100%;
  background-color: #103069;
  padding-block: calc(var(--spacing) * 6);
  @media (width >= 64rem) {
    display: none;
  }
  .container {
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 8);
    a {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: calc(var(--spacing) * 6);
      svg {
        path {
          fill: var(--color-white);
        }
      }
      .content {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 2);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-white);
      }
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-font-weight: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-duration: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}