.litc-export-only { display: none; }

@media (min-width: 992px) { .lit-hide-desktop { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .lit-hide-tablet { display: none !important; } }
@media (max-width: 767px) { .lit-hide-mobile { display: none !important; } }

.bc-container { position: relative; }
        .bc-container:empty {
          min-height: 60px;
        }
        .bc-container:empty::before {
          content: 'Container — Drop blocks here';
          display: block;
          padding: 20px;
          text-align: center;
          color: #aaa;
          font-size: 13px;
          border: 2px dashed #ddd;
          border-radius: 4px;
          pointer-events: none;
        }

        /* Thin blue edge indicator on hover / during drag */
        .bc-container.lit-edge-near::after,
        .bc-container.lit-edge-active::after {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          width: 2px;
          background: rgba(59, 130, 246, 0.55);
          pointer-events: none;
          z-index: 10;
        }
        .bc-container.lit-edge-left::after { left: 0; }
        .bc-container.lit-edge-right::after { right: 0; }
        .bc-container.lit-edge-resizing,
        .bc-container.lit-edge-resizing * {
          user-select: none;
          -webkit-user-select: none;
        }

.lit-table-outer {
      width: 100%;
      box-sizing: border-box;
    }

    .lit-table-inner {
      padding: 16px;
      overflow-x: auto;
    }

    .lit-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
      font-family: inherit;
      table-layout: fixed;
    }

    .lit-table th {
      background: #f0f0f0;
      font-weight: 600;
      color: #333;
      border: 1px solid #ccc;
      padding: 10px 14px;
      text-align: left;
      position: relative;
      overflow: hidden;
      word-break: break-word;
    }

    .lit-table td {
      border: 1px solid #ccc;
      padding: 8px 14px;
      text-align: left;
      color: #444;
      overflow: hidden;
      word-break: break-word;
    }

    .lit-table tbody tr:nth-child(even) td {
      background: #fafafa;
    }

    .col-resize-handle {
      position: absolute;
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      cursor: col-resize;
      z-index: 20;
      background: transparent;
      user-select: none;
    }

    .col-resize-handle:hover,
    .col-resize-handle.resizing {
      background: rgba(66, 153, 225, 0.6);
    }

.lit-custom-html-wrapper { min-height: 30px; }

/* ── Hide litc-export-only in editor ── */
    .litc-export-only { display: none !important; }

    /* ── Base: radio inputs hidden ── */
    .lit-carousel input[type="radio"] { display: none; }

    /* ── Slide: hidden by default ── */
    .lit-carousel-slide {
      display: none;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      background: #f5f5f5;
      position: absolute;
      top: 0; left: 0;
    }
    .lit-carousel-slide img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 16px;
      box-sizing: border-box;
      display: block;
    }

    /* ── Thumb ── */
    .lit-carousel-thumb {
      display: flex;
      flex-shrink: 0;
      border: 2px solid #ddd;
      cursor: pointer;
      overflow: hidden;
      align-items: center;
      justify-content: center;
      background: #eee;
      transition: border-color .15s;
      box-sizing: border-box;
    }
    .lit-carousel-thumb:hover { border-color: #999; }
    .lit-carousel-thumb img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 4px;
      box-sizing: border-box;
      display: block;
    }

    /* ── Hide scrollbar ── */
    .lit-carousel-thumbs::-webkit-scrollbar { display: none; }
    .lit-carousel-thumbs { -ms-overflow-style: none; scrollbar-width: none; }

    /* ════════════════════════════════
       NAV CAROUSEL — base + layout variants
       ════════════════════════════════ */
    .lit-product-carousel-nav {
      display: block;
      width: 100%;
      max-width: 800px;
      box-sizing: border-box;
      min-width: 0;
    }
    /* Base shared styles for all nav layout variants */
    .lit-carousel--nav {
      display: flex;
      border: 1px solid #ddd;
      width: 100%;
      box-sizing: border-box;
      min-width: 0;
    }

    /* ── HORIZONTAL LAYOUTS (top/bottom): clip overflowing thumbs ──
       For top/bottom nav, the thumb row is flex with flex-shrink:0 children,
       so many thumbs push the row's min-content past the gallery width,
       which cascades up and widens the outer column (e.g. .product-img-col).
       Setting overflow:hidden + max-width:100% makes this row a scroll
       container — flex min-width:auto resolves to 0, severing the cascade,
       and extra thumbs get clipped instead of overflowing the image. */
    .lit-product-carousel-nav:not(:has(.lit-carousel--nav-left)):not(:has(.lit-carousel--nav-right))
      .lit-carousel-thumbstrip .lit-carousel-thumbs {
      max-width: 100%;
      overflow: hidden;
    }
    .lit-carousel--nav .lit-carousel-thumbstrip {
      position: relative;
      background: #fafafa;
      overflow: hidden;
    }
    .lit-carousel--nav .lit-carousel-thumbs {
      display: flex;
      gap: 6px;
      flex-shrink: 0;
      flex-wrap: nowrap;
      transition: transform 0.3s ease;
    }
    .lit-carousel--nav .lit-carousel-thumb {
      width: 72px;
      height: 58px;
      flex-shrink: 0;
    }
    .lit-carousel--nav .lit-carousel-main-wrap {
      position: relative;
    }
    .lit-carousel--nav .lit-carousel-main {
      width: 100%;
      aspect-ratio: 1 / 1;
      flex-shrink: 0;
      overflow: hidden;
      position: relative;
      background: #f5f5f5;
    }
    /* Nav button sets — hidden by default, shown via :has() */
    .lit-carousel--nav .lit-nav {
      display: none;
      position: absolute;
      inset: 0;
      align-items: center;
      justify-content: space-between;
      pointer-events: none;
      z-index: 5;
    }
    /* Nav buttons on main image — small round, centered, floating */
    .lit-carousel--nav .lit-carousel-main-wrap .lit-nav {
      padding: 0 12px;
    }
    .lit-carousel--nav .lit-carousel-main-wrap .lit-nav-btn {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: rgba(255,255,255,0.82);
      color: #222;
      font-size: 13px;
      border: none;
      box-shadow: 0 2px 8px rgba(0,0,0,0.18);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      flex-shrink: 0;
    }
    .lit-carousel--nav .lit-carousel-main-wrap .lit-nav-btn:hover {
      background: rgba(255,255,255,1);
      box-shadow: 0 3px 12px rgba(0,0,0,0.26);
    }

    .lit-nav-btn {
      pointer-events: all;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      flex-shrink: 0;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #e0e0e0;
      box-shadow: 0 1px 5px rgba(0,0,0,0.13);
      cursor: pointer;
      font-size: 11px;
      color: #333;
      user-select: none;
      transition: background 0.15s, box-shadow 0.15s;
      box-sizing: border-box;
      z-index: 5;
    }
    .lit-nav-btn:hover {
      background: #f5f5f5;
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }

    /* ── NAV-TOP: thumbstrip on top, main image below ── */
    .lit-carousel--nav-top {
      flex-direction: column;
    }
    .lit-carousel--nav-top .lit-carousel-thumbstrip {
      border-bottom: 1px solid #ddd;
      display: flex;
      justify-content: center;
      align-items: center;
      /* min-width:0 prevents flex item from expanding past parent when many thumbs overflow */
      width: 100%;
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
    }
    .lit-carousel--nav-top .lit-carousel-thumbs {
      flex-direction: row;
      padding: 8px 12px;
      transform: translateX(0);
    }
    .lit-carousel--nav-top .lit-carousel-main-wrap {
      width: 100%;
    }
    .lit-carousel--nav-top .lit-carousel-thumbstrip .lit-nav {
      padding: 0 10px;
    }

    /* ── NAV-BOTTOM: thumbstrip on bottom, main image above ── */
    .lit-carousel--nav-bottom {
      flex-direction: column-reverse;
    }
    .lit-carousel--nav-bottom .lit-carousel-thumbstrip {
      border-top: 1px solid #ddd;
      display: flex;
      justify-content: center;
      align-items: center;
      /* min-width:0 prevents flex item from expanding past parent when many thumbs overflow */
      width: 100%;
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
    }
    .lit-carousel--nav-bottom .lit-carousel-thumbs {
      flex-direction: row;
      padding: 8px 12px;
      transform: translateX(0);
    }
    .lit-carousel--nav-bottom .lit-carousel-main-wrap {
      width: 100%;
    }
    .lit-carousel--nav-bottom .lit-carousel-thumbstrip .lit-nav {
      padding: 0 10px;
    }

    /* ── NAV-LEFT: thumbstrip on left, main image on right ── */
    .lit-carousel--nav-left {
      flex-direction: row;
      align-items: center;
    }
    .lit-carousel--nav-left .lit-carousel-thumbstrip {
      border-right: 1px solid #ddd;
      width: 90px;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      align-self: stretch;
    }
    .lit-carousel--nav-left .lit-carousel-thumbs {
      flex-direction: column;
      padding: 44px 8px;
      transform: translateY(0);
    }
    .lit-carousel--nav-left .lit-carousel-main-wrap {
      flex: 1;
      width: auto;
    }
    .lit-carousel--nav-left .lit-carousel-thumbstrip .lit-nav {
      flex-direction: column;
      padding: 10px 0;
    }

    /* ── NAV-RIGHT: thumbstrip on right, main image on left ── */
    .lit-carousel--nav-right {
      flex-direction: row-reverse;
      align-items: center;
    }
    .lit-carousel--nav-right .lit-carousel-thumbstrip {
      border-left: 1px solid #ddd;
      width: 90px;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      align-self: stretch;
    }
    .lit-carousel--nav-right .lit-carousel-thumbs {
      flex-direction: column;
      padding: 44px 8px;
      transform: translateY(0);
    }
    .lit-carousel--nav-right .lit-carousel-main-wrap {
      flex: 1;
      width: auto;
    }
    .lit-carousel--nav-right .lit-carousel-thumbstrip .lit-nav {
      flex-direction: column;
      padding: 10px 0;
    }

    /* Gradient fade at edges of thumbstrip — horizontal (top/bottom layouts) */
    .lit-carousel--nav-top .lit-carousel-thumbstrip .lit-nav::before,
    .lit-carousel--nav-top .lit-carousel-thumbstrip .lit-nav::after,
    .lit-carousel--nav-bottom .lit-carousel-thumbstrip .lit-nav::before,
    .lit-carousel--nav-bottom .lit-carousel-thumbstrip .lit-nav::after {
      content: "";
      position: absolute;
      top: 0; bottom: 0;
      width: 52px;
      pointer-events: none;
      z-index: 4;
    }
    .lit-carousel--nav-top .lit-carousel-thumbstrip .lit-nav::before,
    .lit-carousel--nav-bottom .lit-carousel-thumbstrip .lit-nav::before {
      left: 0;
    }
    .lit-carousel--nav-top .lit-carousel-thumbstrip .lit-nav::after,
    .lit-carousel--nav-bottom .lit-carousel-thumbstrip .lit-nav::after {
      right: 0;
    }
    /* Gradient fade — vertical (left/right layouts) */
    .lit-carousel--nav-left .lit-carousel-thumbstrip .lit-nav::before,
    .lit-carousel--nav-left .lit-carousel-thumbstrip .lit-nav::after,
    .lit-carousel--nav-right .lit-carousel-thumbstrip .lit-nav::before,
    .lit-carousel--nav-right .lit-carousel-thumbstrip .lit-nav::after {
      content: "";
      position: absolute;
      left: 0; right: 0;
      height: 52px;
      pointer-events: none;
      z-index: 4;
    }
    .lit-carousel--nav-left .lit-carousel-thumbstrip .lit-nav::before,
    .lit-carousel--nav-right .lit-carousel-thumbstrip .lit-nav::before {
      top: 0;
    }
    .lit-carousel--nav-left .lit-carousel-thumbstrip .lit-nav::after,
    .lit-carousel--nav-right .lit-carousel-thumbstrip .lit-nav::after {
      bottom: 0;
    }

    /* :has() selectors — slide + thumb + nav visibility */
    .lit-carousel--nav:has(input:nth-of-type(1):checked) .lit-carousel-main .lit-carousel-slide:nth-of-type(1) { display: flex; }
    .lit-carousel--nav:has(input:nth-of-type(2):checked) .lit-carousel-main .lit-carousel-slide:nth-of-type(2) { display: flex; }
    .lit-carousel--nav:has(input:nth-of-type(3):checked) .lit-carousel-main .lit-carousel-slide:nth-of-type(3) { display: flex; }
    .lit-carousel--nav:has(input:nth-of-type(4):checked) .lit-carousel-main .lit-carousel-slide:nth-of-type(4) { display: flex; }
    .lit-carousel--nav:has(input:nth-of-type(1):checked) .lit-carousel-thumb:nth-of-type(1) { border-color: #333; background: #f0f0f0; }
    .lit-carousel--nav:has(input:nth-of-type(2):checked) .lit-carousel-thumb:nth-of-type(2) { border-color: #333; background: #f0f0f0; }
    .lit-carousel--nav:has(input:nth-of-type(3):checked) .lit-carousel-thumb:nth-of-type(3) { border-color: #333; background: #f0f0f0; }
    .lit-carousel--nav:has(input:nth-of-type(4):checked) .lit-carousel-thumb:nth-of-type(4) { border-color: #333; background: #f0f0f0; }
    .lit-carousel--nav:has(input:nth-of-type(1):checked) .lit-nav--1 { display: flex; }
    .lit-carousel--nav:has(input:nth-of-type(2):checked) .lit-nav--2 { display: flex; }
    .lit-carousel--nav:has(input:nth-of-type(3):checked) .lit-nav--3 { display: flex; }
    .lit-carousel--nav:has(input:nth-of-type(4):checked) .lit-nav--4 { display: flex; }

    /* ── Thumb count per breakpoint (data-attribute selectors) ── */
    .lit-product-carousel-nav[data-desktop-thumbs="1"] .lit-carousel-thumb:nth-child(n+2) { display: none !important; }
    .lit-product-carousel-nav[data-desktop-thumbs="2"] .lit-carousel-thumb:nth-child(n+3) { display: none !important; }
    .lit-product-carousel-nav[data-desktop-thumbs="3"] .lit-carousel-thumb:nth-child(n+4) { display: none !important; }
    .lit-product-carousel-nav[data-desktop-thumbs="4"] .lit-carousel-thumb:nth-child(n+5) { display: none !important; }
    @media (max-width: 1024px) {
  .lit-product-carousel-nav[data-tablet-thumbs="1"] .lit-carousel-thumb:nth-child(n+2) { display: none !important; }
  .lit-product-carousel-nav[data-tablet-thumbs="1"] .lit-carousel-thumb:nth-child(-n+1) { display: flex !important; }
  .lit-product-carousel-nav[data-tablet-thumbs="2"] .lit-carousel-thumb:nth-child(n+3) { display: none !important; }
  .lit-product-carousel-nav[data-tablet-thumbs="2"] .lit-carousel-thumb:nth-child(-n+2) { display: flex !important; }
  .lit-product-carousel-nav[data-tablet-thumbs="3"] .lit-carousel-thumb:nth-child(n+4) { display: none !important; }
  .lit-product-carousel-nav[data-tablet-thumbs="3"] .lit-carousel-thumb:nth-child(-n+3) { display: flex !important; }
  .lit-product-carousel-nav[data-tablet-thumbs="4"] .lit-carousel-thumb:nth-child(n+5) { display: none !important; }
  .lit-product-carousel-nav[data-tablet-thumbs="4"] .lit-carousel-thumb:nth-child(-n+4) { display: flex !important; }
}
    @media (max-width: 768px) {
  .lit-product-carousel-nav[data-phone-thumbs="1"] .lit-carousel-thumb:nth-child(n+2) { display: none !important; }
  .lit-product-carousel-nav[data-phone-thumbs="1"] .lit-carousel-thumb:nth-child(-n+1) { display: flex !important; }
  .lit-product-carousel-nav[data-phone-thumbs="2"] .lit-carousel-thumb:nth-child(n+3) { display: none !important; }
  .lit-product-carousel-nav[data-phone-thumbs="2"] .lit-carousel-thumb:nth-child(-n+2) { display: flex !important; }
  .lit-product-carousel-nav[data-phone-thumbs="3"] .lit-carousel-thumb:nth-child(n+4) { display: none !important; }
  .lit-product-carousel-nav[data-phone-thumbs="3"] .lit-carousel-thumb:nth-child(-n+3) { display: flex !important; }
  .lit-product-carousel-nav[data-phone-thumbs="4"] .lit-carousel-thumb:nth-child(n+5) { display: none !important; }
  .lit-product-carousel-nav[data-phone-thumbs="4"] .lit-carousel-thumb:nth-child(-n+4) { display: flex !important; }
}

    /* ── Vertical thumbstrip: rotate arrows to point up/down ── */
    .lit-carousel--nav-left .lit-carousel-thumbstrip .lit-nav-btn,
    .lit-carousel--nav-right .lit-carousel-thumbstrip .lit-nav-btn {
      transform: rotate(90deg);
    }

    /* :has() selectors — thumb strip scroll by count (horizontal: top/bottom layouts) */
    .lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(2):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-78px); }
    .lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(3):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-156px); }
    .lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-234px); }
    .lit-product-carousel-nav[data-desktop-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-156px); }
    .lit-product-carousel-nav[data-desktop-thumbs="3"]:is(:has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-234px); }
    @media (max-width: 992px) {
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(2):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-78px); }
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(3):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-156px); }
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-234px); }
  .lit-product-carousel-nav[data-tablet-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-156px); }
  .lit-product-carousel-nav[data-tablet-thumbs="3"]:is(:has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-234px); }
}
    @media (max-width: 600px) {
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(2):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-78px); }
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(3):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-156px); }
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-234px); }
  .lit-product-carousel-nav[data-phone-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-156px); }
  .lit-product-carousel-nav[data-phone-thumbs="3"]:is(:has(input:nth-of-type(4):checked)) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateX(-234px); }
}

    /* :has() selectors — thumb strip scroll by count (vertical: left/right layouts) */
    .lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(2):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
.lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(2):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-64px); }
    .lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(3):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
.lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(3):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-128px); }
    .lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
.lit-product-carousel-nav[data-desktop-thumbs="1"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-192px); }
    .lit-product-carousel-nav[data-desktop-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
.lit-product-carousel-nav[data-desktop-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-128px); }
    .lit-product-carousel-nav[data-desktop-thumbs="3"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
.lit-product-carousel-nav[data-desktop-thumbs="3"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-192px); }
    @media (max-width: 992px) {
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(2):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(2):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-64px); }
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(3):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(3):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-128px); }
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-tablet-thumbs="1"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-192px); }
  .lit-product-carousel-nav[data-tablet-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-tablet-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-128px); }
  .lit-product-carousel-nav[data-tablet-thumbs="3"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-tablet-thumbs="3"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-192px); }
}
    @media (max-width: 600px) {
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(2):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(2):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-64px); }
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(3):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(3):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-128px); }
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-phone-thumbs="1"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-192px); }
  .lit-product-carousel-nav[data-phone-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-phone-thumbs="2"]:is(:has(input:nth-of-type(3):checked), :has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-128px); }
  .lit-product-carousel-nav[data-phone-thumbs="3"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
  .lit-product-carousel-nav[data-phone-thumbs="3"]:is(:has(input:nth-of-type(4):checked)):has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs { transform: translateY(-192px); }
}

    /* ── Collage Grid ── */
    .lit-collage-grid {
      display: grid;
      gap: 8px;
      width: 100%;
      box-sizing: border-box;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-flow: dense;
    }
    .lit-collage-img {
      width: 100%;
      height: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      display: block;
    }
    .lit-product-carousel-nav[data-desktop-thumbs="1"] .lit-collage-grid { grid-template-columns: repeat(1, 1fr); }
    .lit-product-carousel-nav[data-desktop-thumbs="2"] .lit-collage-grid { grid-template-columns: repeat(2, 1fr); }
    .lit-product-carousel-nav[data-desktop-thumbs="3"] .lit-collage-grid { grid-template-columns: repeat(3, 1fr); }
    .lit-product-carousel-nav[data-desktop-thumbs="4"] .lit-collage-grid { grid-template-columns: repeat(4, 1fr); }
    @media (max-width: 1024px) {
  .lit-product-carousel-nav[data-tablet-thumbs="1"] .lit-collage-grid { grid-template-columns: repeat(1, 1fr); }
  .lit-product-carousel-nav[data-tablet-thumbs="2"] .lit-collage-grid { grid-template-columns: repeat(2, 1fr); }
  .lit-product-carousel-nav[data-tablet-thumbs="3"] .lit-collage-grid { grid-template-columns: repeat(3, 1fr); }
  .lit-product-carousel-nav[data-tablet-thumbs="4"] .lit-collage-grid { grid-template-columns: repeat(4, 1fr); }
}
    @media (max-width: 768px) {
  .lit-product-carousel-nav[data-phone-thumbs="1"] .lit-collage-grid { grid-template-columns: repeat(1, 1fr); }
  .lit-product-carousel-nav[data-phone-thumbs="2"] .lit-collage-grid { grid-template-columns: repeat(2, 1fr); }
  .lit-product-carousel-nav[data-phone-thumbs="3"] .lit-collage-grid { grid-template-columns: repeat(3, 1fr); }
  .lit-product-carousel-nav[data-phone-thumbs="4"] .lit-collage-grid { grid-template-columns: repeat(4, 1fr); }
}

    /* ── Collage Arrangements ── */
    /* Spotlight: first image is hero (2×2). Falls back to plain grid if <2 columns. */
    .lit-collage-grid.lit-collage--spotlight > :first-child {
      grid-column: span 2;
      grid-row: span 2;
    }
    /* Featured Top: first image spans full row at top with banner aspect-ratio */
    .lit-collage-grid.lit-collage--featured-top > :first-child {
      grid-column: 1 / -1;
      aspect-ratio: 16 / 7;
    }
    /* Phone (1 column): all arrangements degrade to uniform single-column grid */
    @media (max-width: 768px) {
      .lit-product-carousel-nav[data-phone-thumbs="1"] .lit-collage-grid > :first-child {
        grid-column: auto;
        grid-row: auto;
        aspect-ratio: 1 / 1;
      }
    }

.lit-carousel-rh {
          position: absolute;
          width: 14px; height: 14px;
          background: #fff;
          border: 2px solid #555;
          border-radius: 3px;
          z-index: 999;
          box-sizing: border-box;
          cursor: pointer;
        }
        .lit-carousel-rh:hover { background: #555; }
        .lit-carousel-rh[data-dir="nw"] { top: -7px;    left: -7px;  cursor: nw-resize; }
        .lit-carousel-rh[data-dir="ne"] { top: -7px;    right: -7px; cursor: ne-resize; }
        .lit-carousel-rh[data-dir="sw"] { bottom: -7px; left: -7px;  cursor: sw-resize; }
        .lit-carousel-rh[data-dir="se"] { bottom: -7px; right: -7px; cursor: se-resize; }

        /* Prevent images from capturing mouse events in editor so parent can be dragged */
        .lit-product-carousel-nav img {
          pointer-events: none;
          user-select: none;
          -webkit-user-drag: none;
        }

        /* In editor: disable CSS translate, use JS scroll instead */
        .lit-product-carousel-nav .lit-carousel-thumbstrip {
          overflow: visible !important;
        }
        /* Horizontal layouts (top/bottom): scroll X */
        .lit-product-carousel-nav:not(:has(.lit-carousel--nav-left)):not(:has(.lit-carousel--nav-right)) .lit-carousel-thumbstrip .lit-carousel-thumbs {
          overflow-x: auto !important;
          overflow-y: hidden !important;
          transform: none !important;
          transition: none !important;
        }
        /* Vertical layouts (left/right): scroll Y */
        .lit-product-carousel-nav:has(.lit-carousel--nav-left) .lit-carousel-thumbstrip .lit-carousel-thumbs,
        .lit-product-carousel-nav:has(.lit-carousel--nav-right) .lit-carousel-thumbstrip .lit-carousel-thumbs {
          overflow-x: hidden !important;
          overflow-y: auto !important;
          transform: none !important;
          transition: none !important;
        }
        /* Remove gradient fade on thumbstrip edges (all layouts) */
        .lit-carousel--nav-top .lit-carousel-thumbstrip .lit-nav::before,
        .lit-carousel--nav-top .lit-carousel-thumbstrip .lit-nav::after,
        .lit-carousel--nav-bottom .lit-carousel-thumbstrip .lit-nav::before,
        .lit-carousel--nav-bottom .lit-carousel-thumbstrip .lit-nav::after,
        .lit-carousel--nav-left .lit-carousel-thumbstrip .lit-nav::before,
        .lit-carousel--nav-left .lit-carousel-thumbstrip .lit-nav::after,
        .lit-carousel--nav-right .lit-carousel-thumbstrip .lit-nav::before,
        .lit-carousel--nav-right .lit-carousel-thumbstrip .lit-nav::after {
          display: none !important;
        }

[data-gjs-type="lit-cat-card"] { cursor: pointer; }
  [data-gjs-type="lit-cat-card"] * { pointer-events: none; }
  [data-gjs-type="lit-cat-card"][data-cat-strict="1"] * { pointer-events: none !important; }
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) img,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) svg,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) svg * {
    pointer-events: auto;
  }
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .box-link,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .box-link *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .boxlink,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .boxlink *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-title,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-title *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-name,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-name *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-title,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-title *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .card-title,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .card-title *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-title,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-title *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .platform-name,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .platform-name *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .tile-title,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .tile-title *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .category-title,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .category-title *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-label,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-label *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-big-label,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-big-label *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-small-name,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-small-name *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .catbox-label,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .catbox-label *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-cat-name,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-cat-name *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-label,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-label *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-label-name,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-label-name *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .style-name,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .style-name *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .range-title,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .range-title *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-subtitle,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-subtitle *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-sub,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-sub *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-subtitle,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cat-subtitle *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .card-subtitle,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .card-subtitle *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-subtitle,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .feat-subtitle *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .tile-subtitle,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .tile-subtitle *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .subtitle,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .subtitle *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .shopnow,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .shopnow *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .shop-now,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .shop-now *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-cta,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-cta *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-link,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .col-card-link *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .card-cta,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .card-cta *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cta-label,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .cta-label *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .btn-label,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .btn-label *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .tile-cta,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .tile-cta *,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .category-link,
  [data-gjs-type="lit-cat-card"]:not([data-cat-strict="1"]) .category-link * {
    pointer-events: auto;
  }

.lit-promo-card {
      text-align: center;
      font-family: inherit;
      box-sizing: border-box;
      cursor: pointer;
      text-decoration: none;
      color: inherit;
    }
    .lit-promo-card * {
      pointer-events: none;
    }
    .promo-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .promo-card { text-align: center; display: flex; flex-direction: column; }
    .promo-img {
      width: 100%;
      aspect-ratio: 1;
      background: #f4f4f0;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .promo-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .promo-desc {
      font-size: 13px;
      color: #888888;
      line-height: 1.6;
      margin-bottom: 5px;
      font-weight: 300;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-word;
    }
    .promo-price {
      font-size: 20px;
      font-weight: 700;
      color: #333333;
      margin-top: auto;
    }
    .litc-export-only { display: none; }

.tab-frame { display: block; position: relative; }
  .tab-frame > input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
  }
  .tab-frame > .tab-headers {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-bottom: 1px solid #e2e8f0;
  }
  .tab-frame > .tab-headers label {
    display: inline-block;
    padding: 10px 18px;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    user-select: none;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
  }
  .tab-frame > .tab-headers label:hover { color: #222; }
  .tab-frame > .tab-headers label.is-active {
    color: #2b6cb0;
    border-bottom-color: #4299e1;
    font-weight: 600;
  }
  .tab-frame > .tab-contents .tab-content { display: none; padding: 16px 0; }
  .tab-frame > .tab-contents .tab-content.is-active { display: block; }

@media (max-width: 480px){
             body {
border: 0px solid red !important;
}

.content1 {
	padding: 0 0px !important;
        
}
     }
     
    

.topnav {
  overflow: hidden;
  background-color: #084b60;
      color: #084b60;
      padding: 7px;
      font-size: 12px;
      text-align: center;
      

}
    
                  @media (max-width: 480px){
      .topnav {
            display:none !important;
}
}
    



  
div.etlogo {
     background-color: #008577;  
             width: 50%;
    margin: auto;
    padding: 30px;
                 
}
                      @media (max-width: 480px){
             div.etlogo {
            width: 100%;
}
          }
  
  

   
    
body {margin:0;}

.icon-bar {
  width: 100%;
  background-color: #fec756;
  overflow: auto;
}

.icon-bar i {
 
  color:#084b60;

}
    
    .icon-bar p {
  float: left;
  width: 20%;
  text-align: center;
  padding: 20px 0;
  transition: all 0.3s ease;
  color: #084b60;
  font-size: 30px;
}

.icon-bar a:hover {
  background-color: #008577;
}

.active {
  background-color: #008577;
}
        
                      @media (max-width: 480px){
             .icon-bar {
            display:none !important;
}
          }
    
    


    .icon-bar2 {
  width: 100%;
     height: 10px;
  background-color: #F27121;
  overflow: auto;
    }


  


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

.content {
width: 100%;
      
    }
  }


  

    .icon-barspacer {
  width: 100%;
     height: 20px;
  background-color: #fff;
  overflow: auto;
    }
       
             @media only screen and (max-width: 480px) {

.icon-barspacer {
display:none !important;
      
    }
  }


  

      .column1 img {width:48%;padding:14px 7px;border-radius:0px;}
    
@media only screen and (max-width: 480px) {

.column1 img {
	width: 100% !important;
    text-align: center;
}
} 
 

      /* Three image containers (use 25% for four, and 50% for two, etc) */
div.tgal7column {
  float: left;
  width: 33.3%;
  padding: 0 10px;
}
         
div.tgal7column img{
             transition: all 0.2s;
    transform: scale(1);
         }
         
div.tgal7column img:hover{
             transition: all 0.2s;
    transform: scale(1.09);
         }
         
           /* Clear floats after the columns */
.tgal7:after {
  content: "";
  display: table;
  clear: both;
}
      

      



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

.tgal7 {
	display: none !important;
     
}
}



#slider {
	overflow: hidden;
}
#slider figure {
	position: relative;
	width: 800%;
	margin: 0;
	left: 0;
	animation: 30s slider infinite;
       
}
#slider figure img {
	width: 12.5%;
	float: left;
        transform: scale(1);
     transition: all 0.2s;
     
}
          
          #slider figure img:hover {

        transform: scale(1);
     transition: all 0.2s;
            
     
}
          


@keyframes slider {
	0% {
		left: 0;
	}
	11.42857142857143% {
		left: 0;
	}
	14.28571428571429% {
		left: -100%;
	}
	25.71428571428572% {
		left: -100%;
	}
	28.57142857142858% {
		left: -200%;
	}
	40.00000000000001% {
		left: -200%;
	}
	42.85714285714287% {
		left: -300%;
	}
	54.2857142857143% {
		left: -300%;
	}
	57.14285714285716% {
		left: -400%;
	}
	68.57142857142859% {
		left: -400%;
	}
	71.42857142857145% {
		left: -500%;
	}
	82.85714285714288% {
		left: -500%;
	}
	85.71428571428574% {
		left: -600%;
	}
	97.14285714285717% {
		left: -600%;
	}
	100% {
		left: -700%;
	}
}
    
                 @media (max-width: 480px){
             #slider {
            display:none !important;
}
          }



    .icon-bar21 {
  width: 100%;
     height: 10px;
  background-color: #fec756;
  overflow: auto;
    }


  

    .text-bar26 {
  width: 100%;
     height: 60px;
  background-color: #fec756;
          color:#084b60;
  overflow: auto;
          text-align:center;
          font-size:12px;
          margin:0 auto;
          
    }

         .text-bar26 p {
         
        margin:20px 0;
           }
        
                             @media (max-width: 480px){
             .text-bar26 {
            display:none !important;
}
         
 
         }

  

  
    .cb1 {
  width: 40%;
  height: 15%;
      
    
}
          



  


.tgal2column .cb1 {
  position: absolute;
  top: 65%;
  left: 30%; 
  background-color: #fec756;
  color: #084b60;
      border: 1px solid black;
  font-size: 12px;
  padding: 0;
  border: none;
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
    transform: scale(1);
     transition: all 0.2s;
}



.tgal2column .cb1:hover {
 opacity: 1;
      background-color: #084b60;
    color: white;
    transition: all 0.2s;
    transform: scale(1.15);
}
  
  
  
  
  
  
  
.tgal2column {
    position: relative;
   float: left;
  width: 25%;
  padding: 10px;
     opacity: 1;
    
}
  
  .tgal2column:hover {
    position: relative;
   float: left;
  width: 25%;
  padding: 10px;
     opacity: 1;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 1s ease;
  backface-visibility: hidden;
}

.middle {
  transition: 1s ease;
  opacity: 0;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.tgal2column:hover .image {
  opacity: 1;

}

.tgal2column:hover .middle {
  opacity: 1;
    
}

.text {
  background-color: #428bca;
  color: white;
  font-size: 10px;
  padding: 2px 5px;
}

div.tgal2::after {
  content: "";
  clear: both;
  display: table;
}
  
  @media only screen and (max-width: 600px) {

.maincat {
display:none !important;
      
    }
  }


    .icon-bar3 {
  width: 100%;
     height: 10px;
  background-color: #38434c;
  overflow: auto;
    }


  

    
div.fpcdesign {
     background-color:white;  
             width: 100%;
              float: left;
                
}
  
  div.fpcdesign1 {
    display: block;
  margin-left: auto;
  margin-right: auto;
    padding: 10px;
  width: 20%;
    
    }
  

           

  


        /* Clear floats after image containers */
div.fpcdesign::after {
  content: "";
  clear: both;
  display: table;
}
           

@media (max-width: 480px){
div.fpcdesign1 {
      width: 75%;
}
}

body { background-color: #fff }
    * ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1) }
    * ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2) }
    * ::-webkit-scrollbar { width: 10px }
  

      

      [data-gjs-type="wrapper"] {
        min-height: 100vh;
        padding-top: 0.001em;
      }

      .gjs-dashed *[data-gjs-highlightable] {
        outline: 1px dashed rgba(170,170,170,0.7);
        outline-offset: -2px;
      }

      .gjs-selected {
        outline: 2px solid #3b97e3 !important;
        outline-offset: -2px;
      }

      .gjs-selected-parent {
        outline: 2px solid #ffca6f !important
      }

      .gjs-no-select {
        user-select: none;
        -webkit-user-select:none;
        -moz-user-select: none;
      }

      .gjs-freezed {
        opacity: 0.5;
        pointer-events: none;
      }

      .gjs-no-pointer {
        pointer-events: none;
      }

      .gjs-pointer-init {
        pointer-events: initial;
      }

      .gjs-plh-image {
        background: #f5f5f5;
        border: none;
        height: 100px;
        width: 100px;
        display: block;
        outline: 3px solid #ffca6f;
        cursor: pointer;
        outline-offset: -2px
      }

      .gjs-grabbing {
        cursor: grabbing;
        cursor: -webkit-grabbing;
      }

      .gjs-is__grabbing {
        overflow-x: hidden;
      }

      .gjs-is__grabbing,
      .gjs-is__grabbing * {
        cursor: grabbing !important;
      }

      
      * { box-sizing: border-box; } body {margin: 0;}

#ixpe{background-color:#008577 !important;}

#iibeb{text-decoration:none !important;}

#i75bi{text-decoration:none !important;}

#iwe2g{text-decoration:none !important;}

#i6yzs{text-decoration:none !important;}

#if2ez{text-decoration:none !important;}

#ihd9f{line-height:15px !important;}

#ij5yf{background-color:#084b60 !important;color:#fec756 !important;}

#ijr3u{background-color:#f5f5f5 !important;}

#io2vi{background-color:#084b60 !important;color:#fec756 !important;}

#ignru{margin:0px -10px !important;}

#if19g{margin-top:20px !important;}

#iy9ov{margin:auto !important;width:90% !important;}

#isepkf{font-size:10px !important;color:white !important;padding:0px 30px !important;}

#iegw27{font-size:10px !important;color:white !important;padding:0px 30px !important;}

#iuqzkr{background-color:#084b60 !important;color:#fec756 !important;}

#inxo29{margin:0px -10px !important;}

#ix0k3b{margin:auto !important;width:90% !important;}

#iqiosk{font-size:13px !important;font-family:'Montserrat',sans-serif !important;}

#imzn4v{margin-left:20px !important;}

#footer-newsletter-section{background:#312f30 !important;}

#ixpc7i{font-family:'Montserrat' !important;color:#fec756 !important;}

#ipd0lo{font-size:30px !important;color:#fec756 !important;}

#iy5ezq{font-size:30px !important;color:#fec756 !important;}

#ialxie{font-size:30px !important;color:#fec756 !important;}

#ighz4k{font-size:30px !important;color:#fec756 !important;}

#ifwuf1{font-family:'Montserrat' !important;color:#fec756 !important;}

#i4dra7{border-radius:20px !important;}

#footer-section{background:#008577 none repeat scroll 0 0 !important;}

@media (max-width: 480px){body{border-top-width:0px !important;border-top-style:solid !important;border-top-color:red !important;border-right-width:0px !important;border-right-style:solid !important;border-right-color:red !important;border-bottom-width:0px !important;border-bottom-style:solid !important;border-bottom-color:red !important;border-left-width:0px !important;border-left-style:solid !important;border-left-color:red !important;border-image-outset:0 !important;border-image-repeat:stretch !important;border-image-slice:100% !important;border-image-source:none !important;border-image-width:1 !important;}}

@media (max-width: 480px){.content1{padding-top:0px !important;padding-right:0px !important;padding-bottom:0px !important;padding-left:0px !important;}}

.topnav{overflow-x:hidden !important;overflow-y:hidden !important;background-color:rgb(8, 75, 96) !important;color:rgb(8, 75, 96) !important;padding-top:7px !important;padding-right:7px !important;padding-bottom:7px !important;padding-left:7px !important;font-size:12px !important;text-align:center !important;}

@media (max-width: 480px){.topnav{display:none !important;}}

div.etlogo{background-color:rgb(0, 133, 119) !important;width:50% !important;margin-top:auto !important;margin-right:auto !important;margin-bottom:auto !important;margin-left:auto !important;padding-top:30px !important;padding-right:30px !important;padding-bottom:30px !important;padding-left:30px !important;}

@media (max-width: 480px){div.etlogo{width:100% !important;}}

body{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}

.icon-bar{width:100% !important;background-color:rgb(254, 199, 86) !important;overflow-x:auto !important;overflow-y:auto !important;}

.icon-bar i{color:rgb(8, 75, 96) !important;}

.icon-bar p{float:left !important;width:20% !important;text-align:center !important;padding-top:20px !important;padding-right:0px !important;padding-bottom:20px !important;padding-left:0px !important;transition-property:all !important;transition-duration:0.3s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;color:rgb(8, 75, 96) !important;font-size:30px !important;}

.icon-bar a:hover{background-color:rgb(0, 133, 119) !important;}

.active{background-color:rgb(0, 133, 119) !important;}

@media (max-width: 480px){.icon-bar{display:none !important;}}

.icon-bar2{width:100% !important;height:10px !important;background-color:rgb(242, 113, 33) !important;overflow-x:auto !important;overflow-y:auto !important;}

@media only screen and (max-width: 480px){.content{width:100% !important;}}

.icon-barspacer{width:100% !important;height:20px !important;background-color:rgb(255, 255, 255) !important;overflow-x:auto !important;overflow-y:auto !important;}

@media only screen and (max-width: 480px){.icon-barspacer{display:none !important;}}

.column1 img{width:48% !important;padding-top:14px !important;padding-right:7px !important;padding-bottom:14px !important;padding-left:7px !important;border-top-left-radius:0px !important;border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;border-bottom-left-radius:0px !important;}

@media only screen and (max-width: 480px){.column1 img{width:100% !important;text-align:center !important;}}

div.tgal7column{float:left !important;width:33.3% !important;padding-top:0px !important;padding-right:10px !important;padding-bottom:0px !important;padding-left:10px !important;}

div.tgal7column img{transition-property:all !important;transition-duration:0.2s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;transform:scale(1) !important;}

div.tgal7column img:hover{transition-property:all !important;transition-duration:0.2s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;transform:scale(1.09) !important;}

.tgal7::after{content:"" !important;display:table !important;clear:both !important;}

@media only screen and (max-width: 480px){.tgal7{display:none !important;}}

#slider{overflow-x:hidden !important;overflow-y:hidden !important;}

#slider figure{position:relative !important;width:800% !important;margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;left:0px !important;animation-name:slider !important;animation-duration:30s !important;animation-timing-function:ease !important;animation-delay:0s !important;animation-iteration-count:infinite !important;animation-direction:normal !important;animation-fill-mode:none !important;animation-play-state:running !important;}

#slider figure img{width:12.5% !important;float:left !important;transform:scale(1) !important;transition-property:all !important;transition-duration:0.2s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;}

#slider figure img:hover{transform:scale(1) !important;transition-property:all !important;transition-duration:0.2s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;}

@keyframes slider{0%{left:0px;}11.4286%{left:0px;}14.2857%{left:-100%;}25.7143%{left:-100%;}28.5714%{left:-200%;}40%{left:-200%;}42.8571%{left:-300%;}54.2857%{left:-300%;}57.1429%{left:-400%;}68.5714%{left:-400%;}71.4286%{left:-500%;}82.8572%{left:-500%;}85.7143%{left:-600%;}97.1429%{left:-600%;}100%{left:-700%;}}

@media (max-width: 480px){#slider{display:none !important;}}

.icon-bar21{width:100% !important;height:10px !important;background-color:rgb(254, 199, 86) !important;overflow-x:auto !important;overflow-y:auto !important;}

.text-bar26{width:100% !important;height:60px !important;background-color:rgb(254, 199, 86) !important;color:rgb(8, 75, 96) !important;overflow-x:auto !important;overflow-y:auto !important;text-align:center !important;font-size:12px !important;margin-top:0px !important;margin-right:auto !important;margin-bottom:0px !important;margin-left:auto !important;}

.text-bar26 p{margin-top:20px !important;margin-right:0px !important;margin-bottom:20px !important;margin-left:0px !important;}

@media (max-width: 480px){.text-bar26{display:none !important;}}

.cb1{width:40% !important;height:15% !important;}

.tgal2column .cb1{position:absolute !important;top:65% !important;left:30% !important;background-color:rgb(254, 199, 86) !important;color:rgb(8, 75, 96) !important;font-size:12px !important;padding-top:0px !important;padding-right:0px !important;padding-bottom:0px !important;padding-left:0px !important;border-top-width:medium !important;border-top-style:none !important;border-top-color:currentcolor !important;border-right-width:medium !important;border-right-style:none !important;border-right-color:currentcolor !important;border-bottom-width:medium !important;border-bottom-style:none !important;border-bottom-color:currentcolor !important;border-left-width:medium !important;border-left-style:none !important;border-left-color:currentcolor !important;border-image-outset:0 !important;border-image-repeat:stretch !important;border-image-slice:100% !important;border-image-source:none !important;border-image-width:1 !important;cursor:pointer !important;border-top-left-radius:20px !important;border-top-right-radius:20px !important;border-bottom-right-radius:20px !important;border-bottom-left-radius:20px !important;text-align:center !important;transform:scale(1) !important;transition-property:all !important;transition-duration:0.2s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;}

.tgal2column .cb1:hover{opacity:1 !important;background-color:rgb(8, 75, 96) !important;color:white !important;transition-property:all !important;transition-duration:0.2s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;transform:scale(1.15) !important;}

.tgal2column{position:relative !important;float:left !important;width:25% !important;padding-top:10px !important;padding-right:10px !important;padding-bottom:10px !important;padding-left:10px !important;opacity:1 !important;}

.tgal2column:hover{position:relative !important;float:left !important;width:25% !important;padding-top:10px !important;padding-right:10px !important;padding-bottom:10px !important;padding-left:10px !important;opacity:1 !important;}

.image{opacity:1 !important;display:block !important;width:100% !important;height:auto !important;transition-property:all !important;transition-duration:1s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;backface-visibility:hidden !important;}

.middle{transition-property:all !important;transition-duration:1s !important;transition-timing-function:ease !important;transition-delay:0s !important;transition-behavior:normal !important;opacity:0 !important;position:absolute !important;top:80% !important;left:50% !important;transform:translate(-50%, -50%) !important;text-align:center !important;}

.tgal2column:hover .image{opacity:1 !important;}

.tgal2column:hover .middle{opacity:1 !important;}

.text{background-color:rgb(66, 139, 202) !important;color:white !important;font-size:10px !important;padding-top:2px !important;padding-right:5px !important;padding-bottom:2px !important;padding-left:5px !important;}

div.tgal2::after{content:"" !important;clear:both !important;display:table !important;}

@media only screen and (max-width: 600px){.maincat{display:none !important;}}

.icon-bar3{width:100% !important;height:10px !important;background-color:rgb(56, 67, 76) !important;overflow-x:auto !important;overflow-y:auto !important;}

div.fpcdesign{background-color:white !important;width:100% !important;float:left !important;}

div.fpcdesign1{display:block !important;margin-left:auto !important;margin-right:auto !important;padding-top:10px !important;padding-right:10px !important;padding-bottom:10px !important;padding-left:10px !important;width:20% !important;}

div.fpcdesign::after{content:"" !important;clear:both !important;display:table !important;}

@media (max-width: 480px){div.fpcdesign1{width:75% !important;}}

@media (min-width: 992px){.lit-hide-desktop{display:none !important;}}

@media (min-width: 768px) and (max-width: 991px){.lit-hide-tablet{display:none !important;}}

@media (max-width: 767px){.lit-hide-mobile{display:none !important;}}

.bc-row{display:flex !important;flex-wrap:wrap !important;width:100% !important;box-sizing:border-box !important;row-gap:16px !important;column-gap:16px !important;}

.bc-col{flex-grow:1 !important;flex-shrink:1 !important;flex-basis:0% !important;min-width:0px !important;box-sizing:border-box !important;}

.bc-btn{display:inline-block !important;padding-top:10px !important;padding-right:24px !important;padding-bottom:10px !important;padding-left:24px !important;background-color:rgb(37, 99, 235) !important;background-position-x:0% !important;background-position-y:0% !important;background-repeat:repeat !important;background-attachment:scroll !important;background-image:none !important;background-size:auto !important;background-origin:padding-box !important;background-clip:border-box !important;color:rgb(255, 255, 255) !important;border-top-width:medium !important;border-top-style:none !important;border-top-color:currentcolor !important;border-right-width:medium !important;border-right-style:none !important;border-right-color:currentcolor !important;border-bottom-width:medium !important;border-bottom-style:none !important;border-bottom-color:currentcolor !important;border-left-width:medium !important;border-left-style:none !important;border-left-color:currentcolor !important;border-image-outset:0 !important;border-image-repeat:stretch !important;border-image-slice:100% !important;border-image-source:none !important;border-image-width:1 !important;border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;font-size:14px !important;font-weight:600 !important;cursor:pointer !important;text-decoration-color:currentcolor !important;text-decoration-line:none !important;text-decoration-style:solid !important;text-decoration-thickness:auto !important;line-height:1.4 !important;}

.bc-btn:hover{opacity:0.88 !important;}

.bc-link{color:rgb(37, 99, 235) !important;text-decoration-color:currentcolor !important;text-decoration-line:underline !important;text-decoration-style:solid !important;text-decoration-thickness:auto !important;}

.bc-input{width:100% !important;padding-top:8px !important;padding-right:12px !important;padding-bottom:8px !important;padding-left:12px !important;border-top-width:1px !important;border-top-style:solid !important;border-top-color:rgb(209, 213, 219) !important;border-right-width:1px !important;border-right-style:solid !important;border-right-color:rgb(209, 213, 219) !important;border-bottom-width:1px !important;border-bottom-style:solid !important;border-bottom-color:rgb(209, 213, 219) !important;border-left-width:1px !important;border-left-style:solid !important;border-left-color:rgb(209, 213, 219) !important;border-image-outset:0 !important;border-image-repeat:stretch !important;border-image-slice:100% !important;border-image-source:none !important;border-image-width:1 !important;border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;font-size:14px !important;background-color:rgb(255, 255, 255) !important;background-position-x:0% !important;background-position-y:0% !important;background-repeat:repeat !important;background-attachment:scroll !important;background-image:none !important;background-size:auto !important;background-origin:padding-box !important;background-clip:border-box !important;color:rgb(17, 17, 17) !important;box-sizing:border-box !important;}

.bc-select{width:100% !important;padding-top:8px !important;padding-right:12px !important;padding-bottom:8px !important;padding-left:12px !important;border-top-width:1px !important;border-top-style:solid !important;border-top-color:rgb(209, 213, 219) !important;border-right-width:1px !important;border-right-style:solid !important;border-right-color:rgb(209, 213, 219) !important;border-bottom-width:1px !important;border-bottom-style:solid !important;border-bottom-color:rgb(209, 213, 219) !important;border-left-width:1px !important;border-left-style:solid !important;border-left-color:rgb(209, 213, 219) !important;border-image-outset:0 !important;border-image-repeat:stretch !important;border-image-slice:100% !important;border-image-source:none !important;border-image-width:1 !important;border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;font-size:14px !important;background-color:rgb(255, 255, 255) !important;background-position-x:0% !important;background-position-y:0% !important;background-repeat:repeat !important;background-attachment:scroll !important;background-image:none !important;background-size:auto !important;background-origin:padding-box !important;background-clip:border-box !important;color:rgb(17, 17, 17) !important;box-sizing:border-box !important;}

.bc-textarea{resize:vertical !important;min-height:80px !important;}

.bc-label{display:block !important;font-size:13px !important;font-weight:500 !important;color:rgb(55, 65, 81) !important;margin-bottom:4px !important;}

.bc-form{display:flex !important;flex-direction:column !important;row-gap:12px !important;column-gap:12px !important;}

.bc-container{width:1140px !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;padding-left:16px !important;padding-right:16px !important;box-sizing:border-box !important;}

.lit-promo-card{text-align:center !important;font-family:inherit !important;box-sizing:border-box !important;cursor:pointer !important;text-decoration-color:currentcolor !important;text-decoration-line:none !important;text-decoration-style:solid !important;text-decoration-thickness:auto !important;color:inherit !important;}

.lit-promo-card *{pointer-events:none !important;}

.promo-grid{display:grid !important;grid-template-columns:repeat(4, 1fr) !important;row-gap:14px !important;column-gap:14px !important;}

.promo-card{text-align:center !important;display:flex !important;flex-direction:column !important;}

.promo-img{width:100% !important;aspect-ratio:1 / 1 !important;background-color:rgb(244, 244, 240) !important;background-position-x:0% !important;background-position-y:0% !important;background-repeat:repeat !important;background-attachment:scroll !important;background-image:none !important;background-size:auto !important;background-origin:padding-box !important;background-clip:border-box !important;margin-bottom:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow-x:hidden !important;overflow-y:hidden !important;}

.promo-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}

.promo-desc{font-size:13px !important;color:rgb(136, 136, 136) !important;line-height:1.6 !important;margin-bottom:5px !important;font-weight:300 !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-moz-box-orient:vertical !important;overflow-x:hidden !important;overflow-y:hidden !important;word-break:break-word !important;}

.promo-price{font-size:20px !important;font-weight:700 !important;color:rgb(51, 51, 51) !important;margin-top:auto !important;}

.litc-export-only{display:none !important;}
.powered-by { display: block; width: fit-content; margin: 12px auto 0; font-size: 9px; color: #aaa; font-weight: 400; letter-spacing: 0.02em; padding-right: 125px; background: url('https://litcommerce.com/wp-content/uploads/2025/10/LitC-Logo_240x55.svg') no-repeat right center; background-size: 120px auto; line-height: 27px; }