.elementor-7681 .elementor-element.elementor-element-b17631f{width:100%;max-width:100%;align-self:center;}.elementor-7681 .elementor-element.elementor-element-b17631f > .elementor-widget-container{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;}.elementor-bc-flex-widget .elementor-7681 .elementor-element.elementor-element-bdd2d7e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7681 .elementor-element.elementor-element-bdd2d7e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7681 .elementor-element.elementor-element-bdd2d7e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7681 .elementor-element.elementor-element-bdd2d7e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-7681 .elementor-element.elementor-element-bdd2d7e > .elementor-element-populated{margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:10px 10px 10px 10px;}.elementor-7681 .elementor-element.elementor-element-14c3137{width:100%;max-width:100%;align-self:center;}.elementor-7681 .elementor-element.elementor-element-14c3137 > .elementor-widget-container{margin:8px 8px 8px 8px;padding:8px 8px 8px 8px;}.elementor-7681 .elementor-element.elementor-element-14c3137 .elementor-heading-title{font-family:"clashdisplay-semibold", Sans-serif;}.elementor-7681 .elementor-element.elementor-element-db82d22{width:100%;max-width:100%;grid-row:span 1;}.elementor-7681 .elementor-element.elementor-element-db82d22.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7681 .elementor-element.elementor-element-db82d22.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-7681 .elementor-element.elementor-element-eb7fd73{width:24.332%;}.elementor-7681 .elementor-element.elementor-element-bdd2d7e{width:75%;}}@media(max-width:1024px){.elementor-7681 .elementor-element.elementor-element-db82d22.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-7681 .elementor-element.elementor-element-db82d22.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-b17631f *//* ========= FTZ – Full-height archive layout (advanced sidebar) ========= */

/* Whole archive section = at least full viewport height */
.ftz-archive-shell {
  min-height: 100vh;
}

/* Stretch Elementor columns to same height */
.ftz-archive-shell > .elementor-container {
  align-items: stretch;
}

/* LEFT COLUMN (sidebar) – no bg, full height column */
.ftz-archive-sidebar {
  align-self: stretch;
  position: relative;
  padding-right: 2px;                 /* little breathing space */
  background: transparent !important;  /* NO gradient bg */
}

/* Remove vertical highlight line */
.ftz-archive-sidebar::before {
  display: none !important;
}

/* Make widget wrap fill the column height */
.ftz-archive-sidebar,
.ftz-archive-sidebar > .elementor-widget-wrap {
  height: 100%;
}

/* === CATEGORY CARD (glass, full-height, sticky) ===================== */

.ftz-archive-sidebar .ftz-sidebar-box.ftz-sidebar-cats {
  /* card sticks below header AND fills remaining viewport */
  position: sticky;
  top: 120px;                              /* adjust to your header height */

  height: calc(100vh - 120px);             /* full sidebar height */
  max-height: calc(100vh - 120px);
  align-self: stretch;

  display: flex;
  flex-direction: column;

  border-radius: 12px;
  padding: 18px 16px 18px;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.92),
      rgba(248,250,252,0.98)
    );
  border: 1px solid rgba(148,103,249,0.16);
  box-shadow:
    0 16px 38px rgba(15,23,42,0.10),
    0 0 0 1px rgba(255,255,255,0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Sidebar heading */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-sidebar-title {
  margin: 0 0 8px;                 /* tighter gap to list */
  font-size: 22px;                 /* bigger heading */
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #0b1120;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(148,103,249,0.16);
}

/* Category list area scrolls if too long, card keeps height */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list {
  list-style: none;
  margin: 0;
  padding: 4px 0 0;

  flex: 1 1 auto;
  overflow-y: auto;
}

/* Slim custom scrollbar (Webkit) */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list::-webkit-scrollbar {
  width: 6px;
}
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list::-webkit-scrollbar-track {
  background: transparent;
}
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list::-webkit-scrollbar-thumb {
  background: rgba(148,103,249,0.40);
  border-radius: 999px;
}

/* One item */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list li {
  margin: 0;
}

/* Link style – pill + icon + hover */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list a {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 9px 12px;               /* more breathing space */
  margin: 2px 0;
  border-radius: 999px;

  font-size: 15px;                 /* bigger category text */
  color: #111827;                  /* ALWAYS black text */
  text-decoration: none;

  transition:
    background 0.16s ease,
    color 0.16s ease,
    box-shadow 0.16s ease;
}

/* Small circular bullet */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 12px;
  background: rgba(148,103,249,0.6);
  box-shadow: 0 0 0 4px rgba(148,103,249,0.15);
}

/* Hover effect for normal items – bg only, text remains black */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list a:hover,
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list a:focus {
  background: #f4f2ff;
  color: #111827;
}

/* Selected / current category – purple band, text still black */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list .current-cat > a,
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list .current-cat-parent > a {
  background: linear-gradient(90deg,#e6d9ff,#d7c4ff);
  color: #111827;                  /* keep black even when active */
  font-weight: 600;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 999px;
}

/* Explicit: active item stays black on hover too */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list .current-cat > a:hover,
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list .current-cat-parent > a:hover {
  color: #111827 !important;
}

/* Bullet inside selected row */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list .current-cat > a::before,
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-list .current-cat-parent > a::before {
  background: #000000;             /* black dot */
  box-shadow: 0 0 0 4px rgba(255,255,255,0.25);
}


/* ===== Category search bar inside sidebar card ===== */

.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-search {
  flex: 0 0 auto;                 /* never shrink; list will scroll instead */
  margin: 0 0 10px;               /* only bottom margin */
  position: relative;
  padding: 15px;
}

.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-search input[type="search"] {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 34px 8px 12px;     /* extra right padding for icon */
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  font-size: 14px;                /* slightly larger input text */
  background: #f9fafb;
  color: #111827;
  outline: none;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease;
}

/* focus state */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-search input[type="search"]:focus {
  border-color: #9467f9;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(148,103,249,0.18),
              0 8px 20px rgba(15,23,42,0.10);
}

/* Input – give a bit more right padding for the icon */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-search input[type="search"] {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 38px 8px 12px;     /* ↑ more space on the right */
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  font-size: 14px;
  background: #f9fafb;
  color: #111827;
  outline: none;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease;
}

/* Simple purple search icon – perfectly centered */
.ftz-sidebar-box.ftz-sidebar-cats .ftz-cat-search::after {
  content: "\f002";                          /* FA magnifying glass */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #9467f9;
  position: absolute;
  right: 25px;                               /* a bit more inward */
  top: 50%;
  transform: translateY(-50%);               /* tiny nudge to optical center */
  font-size: 14px;
  pointer-events: none;
}/* End custom CSS */