:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(75,85,99);
	--wd-text-font-size: 15px;
	--wd-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(5,5,5);
	--wd-entities-title-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(17,24,39);
	--wd-entities-title-color-hover: rgb(0, 174, 239);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(5,5,5);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #00AEEF;
	--wd-alternative-color: rgb(5,5,5);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,174,239);
	--btn-accented-bgcolor-hover: rgb(0,143,209);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(5,5,5);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* =========================================================
   Figure Island - Clean Custom CSS
   Brand: Black + White + Electric Blue
   Version: Elementor Overlay Safe
   Purpose: Replace the full WoodMart Global Custom CSS.
   ========================================================= */

/* =========================================================
   00. Brand Tokens
   ========================================================= */

:root {
  --fi-black: #050505;
  --fi-black-2: #020202;
  --fi-dark-blue: #06131A;
  --fi-blue: #00AEEF;
  --fi-blue-hover: #008FD1;
  --fi-white: #FFFFFF;
  --fi-text: #D1D5DB;
  --fi-text-soft: #E5E7EB;
  --fi-border: rgba(0, 174, 239, 0.30);
  --fi-border-strong: rgba(0, 174, 239, 0.72);
  --fi-card-bg: linear-gradient(145deg, rgba(6, 18, 25, 0.95), rgba(2, 2, 2, 0.98));
  --fi-section-bg: linear-gradient(135deg, #020202 0%, #06131A 52%, #020202 100%);
}

/* =========================================================
   01. Global Typography / Base
   ========================================================= */

html,
body {
  background: var(--fi-black) !important;
}

body {
  font-family: "Inter", Arial, sans-serif;
  color: var(--fi-text);
}

h1, h2, h3, h4, h5, h6,
.page-title,
.title,
.woodmart-title-container {
  font-family: "Rajdhani", "Inter", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

a,
button,
.elementor-button {
  transition:
    color 0.22s ease,
    background 0.22s ease,
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

/* =========================================================
   02. Header / Navbar
   ========================================================= */

.whb-header .wd-nav > li > a,
.whb-header .main-nav .wd-nav > li > a {
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.45px !important;
  text-transform: uppercase !important;
}

.whb-header .wd-nav > li:hover > a,
.whb-header .wd-nav > li.current-menu-item > a,
.whb-header .wd-nav > li.current-menu-ancestor > a {
  color: var(--fi-blue) !important;
}

.whb-header .wd-tools-element .wd-tools-icon,
.whb-header .wd-search-form button,
.whb-header .searchsubmit {
  background-color: var(--fi-blue) !important;
  color: var(--fi-white) !important;
}

.whb-header .wd-tools-element:hover .wd-tools-icon,
.whb-header .wd-search-form button:hover,
.whb-header .searchsubmit:hover {
  background-color: var(--fi-blue-hover) !important;
  color: var(--fi-white) !important;
}

.whb-header .wd-tools-count {
  background-color: var(--fi-white) !important;
  color: var(--fi-blue) !important;
  border: 1px solid var(--fi-blue) !important;
  font-weight: 800 !important;
}

@media (min-width: 1025px) {
  .whb-header-bottom {
    background: var(--fi-black) !important;
    border-top: 1px solid rgba(0, 174, 239, 0.16) !important;
    border-bottom: 1px solid rgba(0, 174, 239, 0.22) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
  }

  .whb-header-bottom .wd-nav-main > li > a,
  .whb-header-bottom .wd-header-nav > li > a,
  .whb-header-bottom .menu > li > a {
    color: var(--fi-white) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    position: relative !important;
  }

  .whb-header-bottom .wd-nav-main > li:not(:last-child) > a,
  .whb-header-bottom .menu > li:not(:last-child) > a {
    border-right: 1px solid rgba(255, 255, 255, 0.10) !important;
  }

  .whb-header-bottom .wd-nav-main > li.current-menu-item > a,
  .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a,
  .whb-header-bottom .wd-nav-main > li:hover > a,
  .whb-header-bottom .menu > li.current-menu-item > a,
  .whb-header-bottom .menu > li.current-menu-ancestor > a,
  .whb-header-bottom .menu > li:hover > a {
    color: var(--fi-blue) !important;
  }

  .whb-header-bottom .wd-nav-main > li > a::after,
  .whb-header-bottom .menu > li > a::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--fi-blue), transparent);
    opacity: 0;
    transform: scaleX(0.4);
    transition: all 0.25s ease;
    border-radius: 999px;
  }

  .whb-header-bottom .wd-nav-main > li:hover > a::after,
  .whb-header-bottom .wd-nav-main > li.current-menu-item > a::after,
  .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a::after,
  .whb-header-bottom .menu > li:hover > a::after,
  .whb-header-bottom .menu > li.current-menu-item > a::after,
  .whb-header-bottom .menu > li.current-menu-ancestor > a::after {
    opacity: 1;
    transform: scaleX(1);
  }

  .wd-dropdown,
  .wd-dropdown-menu,
  .wd-design-default .wd-dropdown-menu,
  .wd-nav-main .sub-menu,
  .whb-header .sub-menu {
    background:
      radial-gradient(circle at top right, rgba(0, 174, 239, 0.16), transparent 34%),
      linear-gradient(180deg, #090909 0%, #020202 100%) !important;
    border: 1px solid rgba(0, 174, 239, 0.28) !important;
    border-radius: 14px !important;
    box-shadow:
      0 22px 50px rgba(0, 0, 0, 0.42),
      0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
    padding: 10px 0 !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  .wd-dropdown-menu li > a,
  .wd-nav-main .sub-menu li > a,
  .whb-header .sub-menu a {
    color: var(--fi-text) !important;
    font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.25px !important;
    padding: 11px 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    position: relative !important;
  }

  .wd-dropdown-menu li:last-child > a,
  .wd-nav-main .sub-menu li:last-child > a {
    border-bottom: none !important;
  }

  .wd-dropdown-menu li > a:hover,
  .wd-nav-main .sub-menu li > a:hover,
  .whb-header .sub-menu a:hover {
    color: var(--fi-blue) !important;
    background: rgba(0, 174, 239, 0.12) !important;
    padding-left: 24px !important;
  }

  .wd-dropdown-menu li > a:hover::before,
  .wd-nav-main .sub-menu li > a:hover::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    bottom: 9px;
    width: 3px;
    background: var(--fi-blue);
    border-radius: 0 999px 999px 0;
  }

  .whb-header .wd-nav-opener,
  .whb-header .menu-item-has-children > a::after,
  .whb-header-bottom .wd-nav-main > li.menu-item-has-children > a::before,
  .whb-header-bottom .menu > li.menu-item-has-children > a::before {
    color: var(--fi-blue) !important;
    opacity: 1 !important;
  }

  .whb-header-bottom .wd-nav-main > li.menu-item-has-children,
  .whb-header-bottom .menu > li.menu-item-has-children,
  .whb-header .wd-header-my-account,
  .whb-header .wd-tools-element.wd-header-my-account {
    position: relative !important;
  }

  .whb-header-bottom .wd-nav-main > li.menu-item-has-children::before,
  .whb-header-bottom .menu > li.menu-item-has-children::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 22px;
    background: transparent;
    z-index: 9999;
    pointer-events: auto;
  }

  .whb-header .wd-header-my-account::before {
    content: "";
    position: absolute;
    left: -18px;
    right: -18px;
    top: 100%;
    height: 34px;
    background: transparent;
    z-index: 99999;
    pointer-events: auto;
  }

  .whb-header .wd-header-my-account:hover .wd-dropdown,
  .whb-header .wd-header-my-account:hover .wd-dropdown-menu,
  .whb-header .wd-header-my-account:hover .wd-dropdown-my-account {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .whb-header .wd-header-my-account .wd-dropdown a,
  .whb-header .wd-header-my-account .wd-dropdown-menu a,
  .whb-header .wd-header-my-account .wd-dropdown-my-account a {
    color: var(--fi-text) !important;
    font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.25px !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  }

  .whb-header .wd-header-my-account .wd-dropdown a:hover,
  .whb-header .wd-header-my-account .wd-dropdown-menu a:hover,
  .whb-header .wd-header-my-account .wd-dropdown-my-account a:hover {
    color: var(--fi-blue) !important;
    background: rgba(0, 174, 239, 0.12) !important;
    padding-left: 24px !important;
  }
}

/* =========================================================
   03. Normal / Policy Page Dark Styling
   ========================================================= */

body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account),
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .main-page-wrapper,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .content-layout-wrapper,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-content-area,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content > .container {
  background: var(--fi-black) !important;
  color: var(--fi-text) !important;
}

body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content {
  max-width: 1050px !important;
  margin: 0 auto !important;
  padding: 70px 20px 85px !important;
  color: var(--fi-text) !important;
}

body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content h1,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content h2,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content h3,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content h4 {
  color: var(--fi-white) !important;
}

body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content p,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content li {
  color: var(--fi-text) !important;
  line-height: 1.8 !important;
}

body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content a {
  color: var(--fi-blue) !important;
  font-weight: 700 !important;
}

body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .page-title,
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .title-size-default {
  background: var(--fi-black) !important;
}

/* =========================================================
   04. Full Width Elementor Wrappers
   ========================================================= */

.fi-about-hero-wrap,
.fi-about-why-wrap,
.fi-mission-wrap,
.fi-about-mission-wrap,
.fi-about-final-cta,
.fi-contact-hero-wrap,
.fi-home-hero-wrap,
.fi-home-trust-wrap,
.fi-home-category-wrap,
.fi-home-drops-wrap,
.fi-home-promo-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
}

@media (min-width: 1201px) {
  .fi-about-hero-wrap,
  .fi-about-why-wrap,
  .fi-mission-wrap,
  .fi-about-mission-wrap,
  .fi-contact-hero-wrap,
  .fi-home-hero-wrap,
  .fi-home-trust-wrap,
  .fi-home-category-wrap,
  .fi-home-drops-wrap,
  .fi-home-promo-wrap {
    padding-left: calc((100vw - 1200px) / 2) !important;
    padding-right: calc((100vw - 1200px) / 2) !important;
  }
}

@media (max-width: 1200px) {
  .fi-about-hero-wrap,
  .fi-about-why-wrap,
  .fi-mission-wrap,
  .fi-about-mission-wrap,
  .fi-contact-hero-wrap,
  .fi-home-hero-wrap,
  .fi-home-trust-wrap,
  .fi-home-category-wrap,
  .fi-home-drops-wrap,
  .fi-home-promo-wrap {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .fi-about-hero-wrap,
  .fi-about-why-wrap,
  .fi-mission-wrap,
  .fi-about-mission-wrap,
  .fi-contact-hero-wrap,
  .fi-home-hero-wrap,
  .fi-home-trust-wrap,
  .fi-home-category-wrap,
  .fi-home-drops-wrap,
  .fi-home-promo-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* =========================================================
   05. About Page
   Page ID: 4400
   ========================================================= */

body.page-id-4400 .main-page-wrapper,
body.page-id-4400 .site-content,
body.page-id-4400 .content-layout-wrapper,
body.page-id-4400 .wd-content-area,
body.page-id-4400 .entry-content,
body.page-id-4400 .elementor {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: var(--fi-black) !important;
}

.fi-about-hero-wrap {
  background:
    radial-gradient(circle at 80% 30%, rgba(0, 174, 239, 0.18), transparent 32%),
    linear-gradient(135deg, #050505 0%, #00111A 100%) !important;
}

.fi-about-why-wrap {
  background:
    radial-gradient(circle at top center, rgba(0, 174, 239, 0.10), transparent 36%),
    linear-gradient(180deg, #050505 0%, #080808 100%) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.18) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.18) !important;
}

.fi-about-why-wrap .elementor-heading-title {
  color: var(--fi-white) !important;
}

.fi-about-why-wrap .elementor-widget-heading:first-child .elementor-heading-title,
.fi-about-why-wrap h1:first-child,
.fi-about-why-wrap h2:first-child,
.fi-about-why-wrap h3:first-child {
  color: var(--fi-blue) !important;
}

.fi-about-why-wrap .elementor-widget-text-editor,
.fi-about-why-wrap .elementor-widget-text-editor p {
  color: var(--fi-text) !important;
}

.fi-mission-wrap,
.fi-about-mission-wrap {
  background:
    radial-gradient(circle at 72% 28%, rgba(0, 174, 239, 0.16), transparent 34%),
    radial-gradient(circle at 18% 80%, rgba(0, 174, 239, 0.08), transparent 30%),
    linear-gradient(135deg, #02070B 0%, #06131A 48%, #020202 100%) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.24) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
}

.fi-about-card,
.fi-mission-card,
.fi-mission-mini-card,
.fi-contact-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 174, 239, 0.34) !important;
  transition:
    transform 0.32s ease,
    box-shadow 0.32s ease,
    border-color 0.32s ease,
    background 0.32s ease !important;
}

.fi-about-card {
  background:
    linear-gradient(145deg, rgba(8, 23, 31, 0.96) 0%, rgba(2, 2, 2, 0.98) 58%, rgba(0, 0, 0, 1) 100%) !important;
  border-radius: 22px !important;
  box-shadow:
    0 22px 45px rgba(0, 0, 0, 0.42),
    0 8px 18px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(0, 174, 239, 0.12) !important;
  transform: translateZ(0) !important;
}

.fi-about-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 174, 239, 0.26), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(0, 174, 239, 0.12), transparent 38%);
  opacity: 0.45;
  transition: opacity 0.32s ease;
  pointer-events: none;
  z-index: 1;
}

.fi-about-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.38), transparent);
  opacity: 0.7;
  pointer-events: none;
  z-index: 1;
}

.fi-about-card:hover {
  transform: translateY(-12px) scale(1.025) !important;
  border-color: rgba(0, 174, 239, 0.85) !important;
  box-shadow:
    0 34px 70px rgba(0, 0, 0, 0.58),
    0 18px 32px rgba(0, 0, 0, 0.38),
    0 0 32px rgba(0, 174, 239, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(0, 174, 239, 0.22) !important;
}

.fi-about-card:hover::before {
  opacity: 0.9;
}

.fi-about-card .elementor-widget-icon,
.fi-about-card .elementor-widget-heading,
.fi-about-card .elementor-widget-text-editor,
.fi-about-card h1,
.fi-about-card h2,
.fi-about-card h3,
.fi-about-card h4,
.fi-about-card p,
.fi-about-card .elementor-widget-container {
  position: relative !important;
  z-index: 3 !important;
}

.fi-about-card:hover .fi-about-card-icon,
.fi-about-card:hover .elementor-widget-icon {
  transform: translateY(-5px) scale(1.1) !important;
  filter: drop-shadow(0 0 16px rgba(0, 174, 239, 0.85)) !important;
}

.fi-about-card .elementor-heading-title {
  color: var(--fi-blue) !important;
  text-shadow: 0 0 16px rgba(0, 174, 239, 0.18) !important;
}

.fi-about-card .elementor-widget-text-editor,
.fi-about-card .elementor-widget-text-editor p {
  color: #F3F4F6 !important;
}

.fi-mission-card,
.fi-mission-mini-card {
  background:
    radial-gradient(circle at top right, rgba(0, 174, 239, 0.16), transparent 38%),
    linear-gradient(180deg, #061822 0%, #02080D 100%) !important;
  border-radius: 18px !important;
}

.fi-mission-card:hover,
.fi-mission-mini-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 174, 239, 0.75) !important;
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.35),
    0 0 28px rgba(0, 174, 239, 0.22) !important;
}

.fi-mission-mini-card {
  padding: 24px !important;
  margin-bottom: 18px !important;
}

.fi-mission-mini-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: radial-gradient(circle at top left, rgba(0, 174, 239, 0.18), transparent 42%);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

.fi-mission-mini-card:hover::before {
  opacity: 1;
}

.fi-mission-mini-card .elementor-heading-title {
  color: var(--fi-white) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}

.fi-mission-mini-card .elementor-widget-text-editor,
.fi-mission-mini-card .elementor-widget-text-editor p {
  color: var(--fi-text-soft) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.fi-mission-mini-card .elementor-widget-heading,
.fi-mission-mini-card .elementor-widget-text-editor {
  position: relative !important;
  z-index: 2 !important;
}

.fi-about-final-cta {
  min-height: 500px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
}

/* =========================================================
   06. Footer Payment Logos
   ========================================================= */

.fi-footer-payment-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  color: var(--fi-text) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
}

.fi-payment-label {
  color: var(--fi-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-right: 8px !important;
  white-space: nowrap !important;
}

.fi-payment-logo {
  display: inline-block !important;
  width: auto !important;
  height: 24px !important;
  max-width: 86px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  opacity: 0.95 !important;
  filter: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.fi-payment-logo:hover {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

.fi-payment-logo[alt="PayPal"] {
  height: 26px !important;
  max-width: 92px !important;
}

.fi-payment-logo[alt="Visa"],
.fi-payment-logo[alt="Mastercard"] {
  height: 22px !important;
  max-width: 58px !important;
}

.copyrights-wrapper,
.min-footer {
  background: var(--fi-black) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.16) !important;
}

@media (max-width: 767px) {
  .fi-footer-payment-strip {
    justify-content: center !important;
    text-align: center !important;
    gap: 7px !important;
    margin-top: 10px !important;
    flex-wrap: wrap !important;
  }

  .fi-payment-label {
    width: 100% !important;
    margin-right: 0 !important;
    font-size: 13px !important;
  }

  .fi-payment-logo {
    height: 22px !important;
    max-width: 76px !important;
  }

  .fi-payment-logo[alt="PayPal"] {
    height: 24px !important;
    max-width: 84px !important;
  }

  .fi-payment-logo[alt="Visa"],
  .fi-payment-logo[alt="Mastercard"] {
    height: 20px !important;
    max-width: 52px !important;
  }
}

/* =========================================================
   07. Contact Page
   Page ID: 4439
   ========================================================= */

body.page-id-4439 .main-page-wrapper,
body.page-id-4439 .site-content,
body.page-id-4439 .content-layout-wrapper,
body.page-id-4439 .wd-content-area,
body.page-id-4439 .entry-content,
body.page-id-4439 .elementor {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: var(--fi-black) !important;
}

.fi-contact-hero-wrap {
  min-height: auto !important;
  padding-top: 95px !important;
  padding-bottom: 95px !important;
  background:
    radial-gradient(circle at 72% 22%, rgba(0, 174, 239, 0.16), transparent 34%),
    radial-gradient(circle at 14% 78%, rgba(0, 174, 239, 0.08), transparent 32%),
    var(--fi-section-bg) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.18) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.14) !important;
  overflow: hidden !important;
}

.fi-contact-card {
  background:
    radial-gradient(circle at top right, rgba(0, 174, 239, 0.12), transparent 38%),
    var(--fi-card-bg) !important;
  border-radius: 18px !important;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.fi-contact-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--fi-border-strong) !important;
  box-shadow:
    0 24px 52px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(0, 174, 239, 0.18) !important;
}

.fi-contact-card .elementor-icon,
.fi-contact-card i,
.fi-contact-card svg {
  color: var(--fi-blue) !important;
  fill: var(--fi-blue) !important;
}

.fi-contact-card a {
  color: var(--fi-blue) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.fi-contact-card a:hover {
  color: #38C8FF !important;
}

.fi-contact-form-panel {
  background:
    radial-gradient(circle at top right, rgba(0, 174, 239, 0.15), transparent 36%),
    linear-gradient(160deg, rgba(5, 24, 32, 0.94), rgba(3, 3, 3, 0.98)) !important;
  border: 1px solid rgba(0, 174, 239, 0.34) !important;
  border-radius: 22px !important;
  padding: 34px !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.42),
    0 0 30px rgba(0, 174, 239, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.fi-contact-form-panel label,
.fi-contact-form-panel .wpcf7-form label {
  display: block !important;
  margin-bottom: 5px !important;
  color: var(--fi-white) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.fi-contact-form-panel .wpcf7-form p {
  margin-bottom: 12px !important;
}

.fi-contact-form-panel label .required,
.fi-contact-form-panel .required,
.fi-contact-form-panel label span.required {
  color: #ff4d4d !important;
}

.fi-contact-form-panel input,
.fi-contact-form-panel textarea,
.fi-contact-form-panel select {
  width: 100% !important;
  min-height: 46px !important;
  margin-top: 0 !important;
  background: rgba(0, 0, 0, 0.58) !important;
  color: var(--fi-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  padding: 12px 14px !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
}

.fi-contact-form-panel textarea {
  min-height: 135px !important;
  resize: vertical !important;
}

.fi-contact-form-panel input::placeholder,
.fi-contact-form-panel textarea::placeholder {
  color: rgba(255, 255, 255, 0.48) !important;
}

.fi-contact-form-panel input:focus,
.fi-contact-form-panel textarea:focus,
.fi-contact-form-panel select:focus {
  border-color: var(--fi-blue) !important;
  background: rgba(0, 14, 22, 0.84) !important;
  box-shadow:
    0 0 0 1px rgba(0, 174, 239, 0.55),
    0 0 18px rgba(0, 174, 239, 0.18) !important;
}

.fi-contact-form-panel .wpcf7-not-valid-tip,
.fi-contact-form-panel form.invalid .wpcf7-response-output,
.fi-contact-form-panel form.failed .wpcf7-response-output,
.fi-contact-form-panel form.aborted .wpcf7-response-output,
.fi-contact-form-panel form.spam .wpcf7-response-output,
.fi-contact-form-panel form.unaccepted .wpcf7-response-output {
  display: none !important;
}

.fi-contact-form-panel .wpcf7-not-valid,
.fi-contact-form-panel input.wpcf7-not-valid,
.fi-contact-form-panel textarea.wpcf7-not-valid,
.fi-contact-form-panel select.wpcf7-not-valid {
  border-color: #ff4d4d !important;
  box-shadow:
    0 0 0 1px rgba(255, 77, 77, 0.45),
    0 0 16px rgba(255, 77, 77, 0.16) !important;
}

.fi-contact-form-panel input[type="submit"],
.fi-contact-form-panel button[type="submit"],
.fi-contact-form-panel .wpcf7-submit {
  width: auto !important;
  min-width: 150px !important;
  margin-top: 4px !important;
  background: var(--fi-blue) !important;
  color: var(--fi-white) !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 13px 24px !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  cursor: pointer !important;
  box-shadow: 0 0 22px rgba(0, 174, 239, 0.28) !important;
}

.fi-contact-form-panel input[type="submit"]:hover,
.fi-contact-form-panel button[type="submit"]:hover,
.fi-contact-form-panel .wpcf7-submit:hover {
  background: var(--fi-blue-hover) !important;
  transform: translateY(-1px) !important;
}

.fi-contact-form-panel .wpcf7-response-output {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.fi-contact-form-panel form.sent .wpcf7-response-output {
  display: block !important;
  margin: 22px 0 0 !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  background: rgba(0, 174, 239, 0.10) !important;
  border: 1px solid rgba(0, 174, 239, 0.55) !important;
  color: var(--fi-white) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.25),
    0 0 18px rgba(0, 174, 239, 0.14) !important;
}

.fi-contact-form-panel .wpcf7-response-output::before,
.fi-contact-form-panel .wpcf7-response-output::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 767px) {
  .fi-contact-hero-wrap {
    padding-top: 60px !important;
    padding-bottom: 65px !important;
  }

  .fi-contact-form-panel {
    padding: 24px !important;
    border-radius: 18px !important;
    margin-top: 28px !important;
  }

  .fi-contact-card {
    border-radius: 16px !important;
    margin-bottom: 16px !important;
  }

  .fi-contact-form-panel input[type="submit"],
  .fi-contact-form-panel button[type="submit"],
  .fi-contact-form-panel .wpcf7-submit {
    width: 100% !important;
  }
}

/* =========================================================
   08. WooCommerce Account Safety Fixes
   ========================================================= */

body.woocommerce-account .whb-header .wd-search-form,
body.woocommerce-account .whb-header .searchform,
body.woocommerce-account .whb-header form.woocommerce-product-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 520px !important;
  background: var(--fi-black) !important;
  border: 2px solid rgba(255, 255, 255, 0.92) !important;
  border-radius: 999px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transform: none !important;
}

body.woocommerce-account .whb-header .wd-search-form input,
body.woocommerce-account .whb-header .searchform input,
body.woocommerce-account .whb-header form.woocommerce-product-search input,
body.woocommerce-account .whb-header input[type="search"],
body.woocommerce-account .whb-header input.s {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  background: transparent !important;
  color: var(--fi-white) !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 70px 0 22px !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 50px !important;
  box-shadow: none !important;
  outline: none !important;
  pointer-events: auto !important;
  user-select: text !important;
}

body.woocommerce-account .whb-header .wd-search-form input::placeholder,
body.woocommerce-account .whb-header .searchform input::placeholder,
body.woocommerce-account .whb-header form.woocommerce-product-search input::placeholder {
  color: rgba(255, 255, 255, 0.68) !important;
}

body.woocommerce-account .whb-header .wd-search-form button,
body.woocommerce-account .whb-header .searchform button,
body.woocommerce-account .whb-header form.woocommerce-product-search button,
body.woocommerce-account .whb-header .searchsubmit,
body.woocommerce-account .whb-header button[type="submit"] {
  position: absolute !important;
  top: 50% !important;
  right: 4px !important;
  left: auto !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--fi-blue) !important;
  color: var(--fi-white) !important;
  border: 0 !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  line-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  cursor: pointer !important;
}

body.woocommerce-account .whb-header .wd-search-form button::before,
body.woocommerce-account .whb-header .searchform button::before,
body.woocommerce-account .whb-header form.woocommerce-product-search button::before,
body.woocommerce-account .whb-header .searchsubmit::before {
  display: block !important;
  color: var(--fi-white) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account .whb-header .wd-search-form button:hover,
body.woocommerce-account .whb-header .searchform button:hover,
body.woocommerce-account form.woocommerce-product-search button:hover,
body.woocommerce-account .whb-header .searchsubmit:hover {
  background: var(--fi-blue-hover) !important;
  color: var(--fi-white) !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
}

body.woocommerce-account form.lost_reset_password::before,
body.woocommerce-account form.lost_reset_password::after,
body.woocommerce-account .woocommerce-ResetPassword::before,
body.woocommerce-account .woocommerce-ResetPassword::after {
  content: none !important;
  display: none !important;
}

body.woocommerce-account form.lost_reset_password,
body.woocommerce-account .woocommerce-ResetPassword {
  position: relative !important;
  isolation: isolate !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

body.woocommerce-account form.lost_reset_password *,
body.woocommerce-account .woocommerce-ResetPassword * {
  position: relative !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}

body.woocommerce-account form.lost_reset_password input#user_login,
body.woocommerce-account form.lost_reset_password input[name="user_login"],
body.woocommerce-account .woocommerce-ResetPassword input#user_login,
body.woocommerce-account .woocommerce-ResetPassword input[name="user_login"],
body.woocommerce-account .lost_reset_password .woocommerce-Input {
  display: block !important;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  background: rgba(0, 0, 0, 0.72) !important;
  color: var(--fi-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.30) !important;
  border-radius: 0 !important;
  padding: 13px 15px !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  user-select: text !important;
  cursor: text !important;
  box-shadow: none !important;
  outline: none !important;
}

body.woocommerce-account form.lost_reset_password input#user_login:focus,
body.woocommerce-account form.lost_reset_password input[name="user_login"]:focus,
body.woocommerce-account .woocommerce-ResetPassword input#user_login:focus,
body.woocommerce-account .woocommerce-ResetPassword input[name="user_login"]:focus,
body.woocommerce-account .lost_reset_password .woocommerce-Input:focus {
  border-color: var(--fi-blue) !important;
  background: rgba(0, 14, 22, 0.84) !important;
  box-shadow:
    0 0 0 1px rgba(0, 174, 239, 0.55),
    0 0 18px rgba(0, 174, 239, 0.18) !important;
}

body.woocommerce-account form.lost_reset_password button.button,
body.woocommerce-account .woocommerce-ResetPassword button.button {
  position: relative !important;
  z-index: 60 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

body.woocommerce-account .whb-header .button,
body.woocommerce-account .whb-header button,
body.woocommerce-account .whb-header input[type="submit"] {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* =========================================================
   09. Home Page Base / Title Remove
   Page ID: 29127
   ========================================================= */

body.home .page-title,
body.home .wd-page-title,
body.home .title-size-default,
body.home .entry-header,
body.home .entry-title,
body.page-id-29127 .page-title,
body.page-id-29127 .wd-page-title,
body.page-id-29127 .title-size-default,
body.page-id-29127 .entry-header,
body.page-id-29127 .entry-title {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.home .main-page-wrapper,
body.home .site-content,
body.home .content-layout-wrapper,
body.home .wd-content-area,
body.home .entry-content,
body.home .elementor,
body.page-id-29127 .main-page-wrapper,
body.page-id-29127 .site-content,
body.page-id-29127 .content-layout-wrapper,
body.page-id-29127 .wd-content-area,
body.page-id-29127 .entry-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: var(--fi-black) !important;
}

/* =========================================================
   10. Elementor Overlay Safe Image Sections
   IMPORTANT:
   Background images + overlays are controlled from Elementor.
   This CSS only styles layout, borders, typography and buttons.
   ========================================================= */

.fi-home-hero-wrap,
.fi-hero-mini-card,
.fi-home-category-card,
.fi-home-drop-card,
.fi-home-promo-banner,
.fi-about-final-cta {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #020202 !important;
}

/* Elementor overlay layer must stay visible and behind content */
.fi-home-hero-wrap > .elementor-background-overlay,
.fi-hero-mini-card > .elementor-background-overlay,
.fi-home-category-card > .elementor-background-overlay,
.fi-home-drop-card > .elementor-background-overlay,
.fi-home-promo-banner > .elementor-background-overlay,
.fi-about-final-cta > .elementor-background-overlay {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
}

/* Content stays above Elementor overlay */
.fi-home-hero-wrap > .e-con-inner,
.fi-home-hero-wrap > .elementor-container,
.fi-home-hero-wrap > .elementor-widget-wrap,
.fi-hero-mini-card > .e-con-inner,
.fi-hero-mini-card > .elementor-container,
.fi-hero-mini-card > .elementor-widget-wrap,
.fi-home-category-card > .e-con-inner,
.fi-home-category-card > .elementor-container,
.fi-home-category-card > .elementor-widget-wrap,
.fi-home-drop-card > .e-con-inner,
.fi-home-drop-card > .elementor-container,
.fi-home-drop-card > .elementor-widget-wrap,
.fi-home-promo-banner > .e-con-inner,
.fi-home-promo-banner > .elementor-container,
.fi-home-promo-banner > .elementor-widget-wrap,
.fi-about-final-cta > .e-con-inner,
.fi-about-final-cta > .elementor-container,
.fi-about-final-cta > .elementor-widget-wrap {
  position: relative !important;
  z-index: 2 !important;
}

.fi-home-hero-wrap .elementor-widget,
.fi-hero-mini-card .elementor-widget,
.fi-home-category-card .elementor-widget,
.fi-home-drop-card .elementor-widget,
.fi-home-promo-banner .elementor-widget,
.fi-about-final-cta .elementor-widget {
  position: relative !important;
  z-index: 3 !important;
}

/* =========================================================
   Figure Island - Elementor Overlay Fix
   IMPORTANT: Do not kill ::before because Elementor Container overlay uses it.
   ========================================================= */

.fi-home-hero-wrap,
.fi-hero-mini-card,
.fi-home-category-card,
.fi-home-drop-card,
.fi-home-promo-banner,
.fi-about-final-cta {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

/* Elementor background overlay layer */
.fi-home-hero-wrap::before,
.fi-hero-mini-card::before,
.fi-home-category-card::before,
.fi-home-drop-card::before,
.fi-home-promo-banner::before,
.fi-about-final-cta::before {
  pointer-events: none !important;
  border-radius: inherit !important;
  z-index: 1 !important;
}

/* Do not use custom after overlays */
.fi-home-hero-wrap::after,
.fi-hero-mini-card::after,
.fi-home-category-card::after,
.fi-home-drop-card::after,
.fi-home-promo-banner::after,
.fi-about-final-cta::after {
  content: none !important;
  display: none !important;
}

/* Keep content above Elementor overlay */
.fi-home-hero-wrap > *,
.fi-hero-mini-card > *,
.fi-home-category-card > *,
.fi-home-drop-card > *,
.fi-home-promo-banner > *,
.fi-about-final-cta > * {
  position: relative !important;
  z-index: 2 !important;
}

/* =========================================================
   11. Home Hero
   ========================================================= */

.fi-home-hero-wrap {
  min-height: 720px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.22) !important;
  box-sizing: border-box !important;
}

.fi-home-hero-content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 700px !important;
  text-align: left !important;
}

.fi-home-eyebrow .elementor-heading-title {
  color: var(--fi-blue) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 16px rgba(0, 174, 239, 0.55) !important;
}

.fi-home-title .elementor-heading-title {
  color: var(--fi-white) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: clamp(48px, 6vw, 88px) !important;
  font-weight: 900 !important;
  line-height: 0.96 !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 5px 28px rgba(0, 0, 0, 1),
    0 0 30px rgba(0, 174, 239, 0.18) !important;
}

.fi-home-hero-text,
.fi-home-hero-text p {
  color: var(--fi-text-soft) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  max-width: 620px !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.95) !important;
}

.fi-home-trust-line,
.fi-home-trust-line p {
  color: var(--fi-white) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: 0.3px !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 1) !important;
}

.fi-home-btn-primary .elementor-button,
.fi-home-btn-primary a.elementor-button {
  background: var(--fi-blue) !important;
  color: var(--fi-white) !important;
  border: 0 !important;
  border-radius: 7px !important;
  padding: 15px 28px !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.45px !important;
  box-shadow:
    0 16px 34px rgba(0, 174, 239, 0.34),
    0 6px 16px rgba(0, 0, 0, 0.7) !important;
}

.fi-home-btn-primary .elementor-button:hover,
.fi-home-btn-primary a.elementor-button:hover {
  background: var(--fi-blue-hover) !important;
  color: var(--fi-white) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 767px) {
  .fi-home-hero-wrap {
    min-height: 650px !important;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
    background-position: center center !important;
  }

  .fi-home-hero-content {
    max-width: 100% !important;
  }

  .fi-home-title .elementor-heading-title {
    font-size: 44px !important;
    line-height: 1 !important;
  }

  .fi-home-hero-text,
  .fi-home-hero-text p {
    font-size: 16px !important;
  }

  .fi-home-trust-line,
  .fi-home-trust-line p {
    font-size: 15px !important;
  }
}

/* =========================================================
   12. Home Hero Mini Cards
   ========================================================= */

.fi-hero-mini-stack {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
}

.fi-hero-mini-card {
  min-height: 128px !important;
  padding: 22px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border-radius: 18px !important;
  border: 1px solid rgba(0, 174, 239, 0.42) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.52),
    0 0 22px rgba(0, 174, 239, 0.12) !important;
  transform: translateZ(0) !important;
}

.fi-hero-mini-card .elementor-heading-title {
  color: var(--fi-white) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
  text-shadow:
    0 4px 16px rgba(0, 0, 0, 1),
    0 0 18px rgba(0, 174, 239, 0.22) !important;
}

.fi-hero-mini-card .elementor-button,
.fi-hero-mini-card a.elementor-button {
  margin-top: 10px !important;
  background: var(--fi-blue) !important;
  color: var(--fi-white) !important;
  border: 0 !important;
  border-radius: 7px !important;
  padding: 10px 18px !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  box-shadow:
    0 10px 22px rgba(0, 174, 239, 0.34),
    0 4px 12px rgba(0, 0, 0, 0.75) !important;
}

.fi-hero-mini-card .elementor-button:hover,
.fi-hero-mini-card a.elementor-button:hover {
  background: var(--fi-blue-hover) !important;
  color: var(--fi-white) !important;
  transform: translateY(-2px) !important;
}

.fi-hero-mini-card:hover {
  transform: translateY(-5px) scale(1.015) !important;
  border-color: rgba(0, 174, 239, 0.82) !important;
  box-shadow:
    0 28px 62px rgba(0, 0, 0, 0.64),
    0 0 34px rgba(0, 174, 239, 0.24) !important;
}

@media (max-width: 767px) {
  .fi-hero-mini-stack {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-top: 28px !important;
  }

  .fi-hero-mini-card {
    min-height: 115px !important;
    padding: 20px !important;
    border-radius: 16px !important;
  }

  .fi-hero-mini-card .elementor-heading-title {
    font-size: 21px !important;
  }
}

/* =========================================================
   13. Home Trust Strip
   ========================================================= */

.fi-home-trust-wrap {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 174, 239, 0.10), transparent 34%),
    linear-gradient(180deg, #050505 0%, #020202 100%) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.18) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.18) !important;
  overflow: hidden !important;
}

.fi-home-trust-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 210px !important;
  padding: 28px !important;
  background:
    radial-gradient(circle at top center, rgba(0, 174, 239, 0.15), transparent 42%),
    var(--fi-card-bg) !important;
  border: 1px solid var(--fi-border) !important;
  border-radius: 20px !important;
  box-shadow:
    0 20px 42px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease !important;
}

.fi-home-trust-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: radial-gradient(circle at top right, rgba(0, 174, 239, 0.22), transparent 38%);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

.fi-home-trust-card:hover {
  transform: translateY(-8px) !important;
  border-color: var(--fi-border-strong) !important;
  box-shadow:
    0 28px 58px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(0, 174, 239, 0.20) !important;
}

.fi-home-trust-card:hover::before {
  opacity: 1;
}

.fi-home-trust-card .elementor-widget-icon,
.fi-home-trust-card .elementor-widget-heading,
.fi-home-trust-card .elementor-widget-text-editor {
  position: relative !important;
  z-index: 2 !important;
}

.fi-home-trust-card .elementor-icon,
.fi-home-trust-card i,
.fi-home-trust-card svg {
  color: var(--fi-blue) !important;
  fill: var(--fi-blue) !important;
  filter: drop-shadow(0 0 14px rgba(0, 174, 239, 0.65)) !important;
}

.fi-home-trust-card .elementor-heading-title,
.fi-home-trust-card h1,
.fi-home-trust-card h2,
.fi-home-trust-card h3,
.fi-home-trust-card h4 {
  color: var(--fi-blue) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.25px !important;
  text-shadow: 0 0 16px rgba(0, 174, 239, 0.22) !important;
}

.fi-home-trust-card .elementor-widget-text-editor,
.fi-home-trust-card .elementor-widget-text-editor p {
  color: var(--fi-text) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

@media (max-width: 767px) {
  .fi-home-trust-wrap {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .fi-home-trust-card {
    min-height: auto !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
  }

  .fi-home-trust-card .elementor-heading-title {
    font-size: 20px !important;
  }
}

/* =========================================================
   14. Home Shop by Universe / Category Cards
   ========================================================= */

.fi-home-category-wrap {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(0, 174, 239, 0.12), transparent 32%),
    radial-gradient(circle at 84% 74%, rgba(0, 174, 239, 0.10), transparent 32%),
    var(--fi-section-bg) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.16) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.18) !important;
  overflow: hidden !important;
}

.fi-home-category-wrap .elementor-heading-title {
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
}

.fi-home-category-wrap .fi-section-title .elementor-heading-title {
  color: var(--fi-white) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.fi-home-category-wrap .elementor-widget-text-editor,
.fi-home-category-wrap .elementor-widget-text-editor p {
  color: var(--fi-text) !important;
}

.fi-home-category-card {
  min-height: 360px !important;
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  border: 1px solid rgba(0, 174, 239, 0.42) !important;
  border-radius: 24px !important;
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.52),
    0 0 22px rgba(0, 174, 239, 0.12) !important;
  transform: translateZ(0) !important;
}

.fi-home-category-card .fi-card-label,
.fi-home-category-card .fi-card-label .elementor-heading-title {
  color: var(--fi-blue) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 1.15px !important;
  text-transform: uppercase !important;
  margin: 0 0 8px 0 !important;
  text-shadow:
    0 0 14px rgba(0, 174, 239, 0.85),
    0 2px 8px rgba(0, 0, 0, 1) !important;
}

.fi-home-category-card .elementor-widget-heading:not(.fi-card-label) .elementor-heading-title {
  color: var(--fi-white) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 4px 18px rgba(0, 0, 0, 1),
    0 1px 4px rgba(0, 0, 0, 1) !important;
}

.fi-home-category-card .elementor-widget-text-editor,
.fi-home-category-card .elementor-widget-text-editor p {
  max-width: 94% !important;
  color: var(--fi-white) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  text-shadow:
    0 3px 14px rgba(0, 0, 0, 1),
    0 1px 4px rgba(0, 0, 0, 1) !important;
}

.fi-home-category-btn .elementor-button,
.fi-home-category-btn a.elementor-button {
  margin-top: 8px !important;
  background: var(--fi-blue) !important;
  color: var(--fi-white) !important;
  border: 0 !important;
  border-radius: 7px !important;
  padding: 12px 22px !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.45px !important;
  box-shadow:
    0 12px 28px rgba(0, 174, 239, 0.34),
    0 4px 12px rgba(0, 0, 0, 0.70) !important;
}

.fi-home-category-btn .elementor-button:hover,
.fi-home-category-btn a.elementor-button:hover {
  background: var(--fi-blue-hover) !important;
  color: var(--fi-white) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 16px 34px rgba(0, 174, 239, 0.42),
    0 6px 16px rgba(0, 0, 0, 0.78) !important;
}

.fi-home-category-card:hover {
  transform: translateY(-8px) scale(1.01) !important;
  border-color: rgba(0, 174, 239, 0.82) !important;
  box-shadow:
    0 34px 75px rgba(0, 0, 0, 0.62),
    0 0 34px rgba(0, 174, 239, 0.24) !important;
}

@media (max-width: 767px) {
  .fi-home-category-wrap {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .fi-home-category-card {
    min-height: 315px !important;
    padding: 24px !important;
    border-radius: 20px !important;
    margin-bottom: 18px !important;
  }

  .fi-home-category-card .elementor-widget-heading:not(.fi-card-label) .elementor-heading-title {
    font-size: 27px !important;
  }

  .fi-home-category-card .elementor-widget-text-editor,
  .fi-home-category-card .elementor-widget-text-editor p {
    max-width: 100% !important;
    font-size: 14px !important;
  }

  .fi-home-category-card .fi-card-label,
  .fi-home-category-card .fi-card-label .elementor-heading-title {
    font-size: 12px !important;
  }
}

/* =========================================================
   15. Home Featured Collector Drops
   ========================================================= */

.fi-home-drops-wrap {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
  background:
    radial-gradient(circle at 22% 35%, rgba(0, 174, 239, 0.16), transparent 34%),
    radial-gradient(circle at 88% 65%, rgba(0, 174, 239, 0.10), transparent 30%),
    linear-gradient(135deg, #050505 0%, #06131A 52%, #020202 100%) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.18) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.18) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.fi-home-drops-wrap .elementor-heading-title {
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
}

.fi-home-drops-eyebrow .elementor-heading-title {
  color: var(--fi-blue) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

.fi-home-drops-title .elementor-heading-title {
  color: var(--fi-white) !important;
  font-size: clamp(40px, 4.4vw, 68px) !important;
  font-weight: 900 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.03em !important;
  text-transform: uppercase !important;
}

.fi-home-drops-text,
.fi-home-drops-text p {
  color: var(--fi-text) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  max-width: 560px !important;
}

.fi-home-drop-card {
  min-height: 170px !important;
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  border-radius: 22px !important;
  border: 1px solid rgba(0, 174, 239, 0.38) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.48),
    0 0 24px rgba(0, 174, 239, 0.10) !important;
}

.fi-home-drop-card .elementor-heading-title {
  color: var(--fi-blue) !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  text-shadow: 0 0 14px rgba(0, 174, 239, 0.35) !important;
}

.fi-home-drop-card .elementor-widget-text-editor,
.fi-home-drop-card .elementor-widget-text-editor p {
  color: var(--fi-white) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  max-width: 430px !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.95) !important;
}

.fi-home-drop-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 174, 239, 0.78) !important;
  box-shadow:
    0 30px 68px rgba(0, 0, 0, 0.62),
    0 0 34px rgba(0, 174, 239, 0.22) !important;
}

@media (max-width: 767px) {
  .fi-home-drops-wrap {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .fi-home-drops-title .elementor-heading-title {
    font-size: 40px !important;
  }

  .fi-home-drop-card {
    min-height: 190px !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
  }
}

/* =========================================================
   16. Home Promotional Banners
   ========================================================= */

.fi-home-promo-wrap {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(0, 174, 239, 0.12), transparent 32%),
    radial-gradient(circle at 82% 84%, rgba(0, 174, 239, 0.08), transparent 32%),
    linear-gradient(135deg, #020202 0%, #06131A 52%, #020202 100%) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.16) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.18) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.fi-home-promo-eyebrow .elementor-heading-title {
  color: var(--fi-blue) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.fi-home-promo-title .elementor-heading-title {
  color: var(--fi-white) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: clamp(32px, 3.6vw, 52px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.fi-home-promo-text,
.fi-home-promo-text p {
  color: var(--fi-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  text-align: center !important;
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fi-home-promo-banner {
  min-height: 255px !important;
  height: 255px !important;
  padding: 34px 42px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border-radius: 22px !important;
  border: 1px solid rgba(0, 174, 239, 0.42) !important;
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.52),
    0 0 22px rgba(0, 174, 239, 0.12) !important;
  cursor: pointer !important;
}

.fi-home-promo-banner > .elementor-widget,
.fi-home-promo-banner .elementor-widget-heading,
.fi-home-promo-banner .elementor-widget-text-editor,
.fi-home-promo-banner .elementor-widget-button {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 560px !important;
}

.fi-promo-label,
.fi-promo-label .elementor-heading-title {
  display: block !important;
  color: var(--fi-blue) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  margin-bottom: 10px !important;
  text-shadow:
    0 0 14px rgba(0, 174, 239, 0.85),
    0 2px 8px rgba(0, 0, 0, 1) !important;
}

.fi-promo-title,
.fi-promo-title .elementor-heading-title {
  display: block !important;
  color: var(--fi-white) !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: clamp(26px, 2.8vw, 40px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  margin-bottom: 12px !important;
  text-shadow:
    0 4px 20px rgba(0, 0, 0, 1),
    0 0 20px rgba(0, 174, 239, 0.16) !important;
}

.fi-promo-desc,
.fi-promo-desc p {
  display: block !important;
  color: var(--fi-white) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  max-width: 520px !important;
  margin: 0 0 18px 0 !important;
  text-shadow:
    0 3px 14px rgba(0, 0, 0, 1),
    0 1px 4px rgba(0, 0, 0, 1) !important;
}

.fi-promo-btn {
  display: block !important;
  margin-top: 0 !important;
}

.fi-promo-btn .elementor-button,
.fi-promo-btn a.elementor-button {
  background: var(--fi-blue) !important;
  color: var(--fi-white) !important;
  border: 0 !important;
  border-radius: 7px !important;
  padding: 12px 22px !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.45px !important;
  text-transform: uppercase !important;
  box-shadow:
    0 12px 28px rgba(0, 174, 239, 0.34),
    0 4px 12px rgba(0, 0, 0, 0.72) !important;
}

.fi-promo-btn .elementor-button:hover,
.fi-promo-btn a.elementor-button:hover {
  background: var(--fi-blue-hover) !important;
  color: var(--fi-white) !important;
  transform: translateY(-2px) !important;
}

.fi-home-promo-banner:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(0, 174, 239, 0.82) !important;
  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.64),
    0 0 34px rgba(0, 174, 239, 0.22) !important;
}

/* Full clickable promo card link */
.fi-home-promo-banner .elementor-widget-html {
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.fi-home-promo-banner .elementor-widget-html .elementor-widget-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.fi-promo-card-link {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.fi-home-promo-banner .elementor-widget-heading,
.fi-home-promo-banner .elementor-widget-text-editor {
  pointer-events: none !important;
}

.fi-home-promo-banner .fi-promo-label,
.fi-home-promo-banner .fi-promo-btn,
.fi-home-promo-banner .elementor-widget-button:empty {
  display: none !important;
}

@media (max-width: 767px) {
  .fi-home-promo-wrap {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .fi-home-promo-banner {
    min-height: 320px !important;
    height: auto !important;
    padding: 28px 24px !important;
    border-radius: 20px !important;
  }

  .fi-promo-title,
  .fi-promo-title .elementor-heading-title {
    font-size: 30px !important;
  }

  .fi-promo-desc,
  .fi-promo-desc p {
    font-size: 14px !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   17. Final Safety
   Elementor Overlay must win.
   Do not put manual CSS overlays on image cards.
   ========================================================= */

.elementor-editor-active .fi-home-hero-wrap,
.elementor-editor-active .fi-hero-mini-card,
.elementor-editor-active .fi-home-category-card,
.elementor-editor-active .fi-home-drop-card,
.elementor-editor-active .fi-home-promo-banner,
.elementor-editor-active .fi-about-final-cta {
  overflow: hidden !important;
}

/* End of Figure Island Clean Custom CSS */

/* =========================================================
   Figure Island - Elementor Background Overlay Layer Fix
   Allows Elementor overlay to work on image containers
   ========================================================= */

/* Elementor inner wrappers also above overlay */

.fi-home-hero-wrap .elementor-widget-wrap,
.fi-home-hero-wrap .elementor-widget,
.fi-hero-mini-card .e-con-inner,
.fi-hero-mini-card .elementor-container,
.fi-hero-mini-card .elementor-widget-wrap,
.fi-hero-mini-card .elementor-widget,
.fi-home-category-card .e-con-inner,
.fi-home-category-card .elementor-container,
.fi-home-category-card .elementor-widget-wrap,
.fi-home-category-card .elementor-widget,
.fi-home-drop-card .e-con-inner,
.fi-home-drop-card .elementor-container,
.fi-home-drop-card .elementor-widget-wrap,
.fi-home-drop-card .elementor-widget,
.fi-home-promo-banner .e-con-inner,
.fi-home-promo-banner .elementor-container,
.fi-home-promo-banner .elementor-widget-wrap,
.fi-home-promo-banner .elementor-widget {
  position: relative !important;
  z-index: 2 !important;
}

/* =========================================================
   Figure Island Hero Mini Cards - Full Card Click
   ========================================================= */

.fi-hero-mini-card {
  cursor: pointer !important;
}

.fi-hero-mini-card .elementor-widget-html {
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fi-hero-mini-card .elementor-widget-html .elementor-widget-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fi-hero-card-link {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Keep visible card text clean */
.fi-hero-mini-card .elementor-widget-heading {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: none !important;
}

/* Hide any remaining button widgets if Elementor leaves them */
.fi-hero-mini-card .elementor-widget-button,
.fi-hero-mini-card .elementor-button-wrapper {
  display: none !important;
}

/* In Elementor editor, don't let the invisible link block editing */
.elementor-editor-active .fi-hero-card-link {
  pointer-events: none !important;
}

/* =========================================================
   Figure Island Home - Collector Promotions Grid
   Client reference style, dark mode version
   ========================================================= */

.fi-collector-promo-section {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.fi-collector-promo-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 0.95fr !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 28px auto 0 !important;
  align-items: stretch !important;
}

.fi-collector-promo-side {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  height: 100% !important;
}

.fi-collector-promo-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  min-height: 230px !important;
  padding: 24px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;

  border-radius: 18px !important;
  border: 1px solid rgba(0, 174, 239, 0.38) !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #020202 !important;

  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.46),
    0 0 22px rgba(0, 174, 239, 0.10) !important;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}

.fi-collector-promo-card-small {
  min-height: 106px !important;
  padding: 18px !important;
}

/* Keep Elementor overlay working */
.fi-collector-promo-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.10) 0%,
      rgba(0, 0, 0, 0.42) 48%,
      rgba(0, 0, 0, 0.86) 100%
    ) !important;
}

/* Content above overlay */
.fi-collector-promo-card > *,
.fi-collector-promo-card .elementor-widget,
.fi-collector-promo-card .elementor-widget-container {
  position: relative !important;
  z-index: 3 !important;
}

.fi-collector-promo-card .elementor-heading-title {
  color: #ffffff !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  margin: 0 0 6px !important;
  text-shadow:
    0 4px 16px rgba(0, 0, 0, 1),
    0 0 18px rgba(0, 174, 239, 0.20) !important;
}

.fi-collector-promo-card-small .elementor-heading-title {
  font-size: 22px !important;
}

.fi-collector-promo-card .elementor-widget-text-editor,
.fi-collector-promo-card .elementor-widget-text-editor p {
  color: #E5E7EB !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 95% !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 1) !important;
}

.fi-collector-promo-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 174, 239, 0.82) !important;
  box-shadow:
    0 30px 66px rgba(0, 0, 0, 0.62),
    0 0 32px rgba(0, 174, 239, 0.20) !important;
}

/* Section heading alignment */
.fi-collector-promo-title .elementor-heading-title {
  color: #00AEEF !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: clamp(32px, 3vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

.fi-collector-promo-text,
.fi-collector-promo-text p {
  color: #D1D5DB !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  text-align: left !important;
  max-width: 760px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .fi-collector-promo-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .fi-collector-promo-side {
    grid-column: span 2 !important;
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .fi-collector-promo-section {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .fi-collector-promo-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-top: 22px !important;
  }

  .fi-collector-promo-side {
    grid-column: span 1 !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .fi-collector-promo-card,
  .fi-collector-promo-card-small {
    min-height: 220px !important;
    padding: 22px !important;
    border-radius: 16px !important;
  }

  .fi-collector-promo-card .elementor-heading-title {
    font-size: 25px !important;
  }
}
/* =========================================================
   Figure Island Collector Promotions - Text Polish
   ========================================================= */

/* Card title color blue */
.fi-collector-promo-card .elementor-heading-title {
  color: #00AEEF !important;
  text-shadow:
    0 0 14px rgba(0, 174, 239, 0.45),
    0 4px 14px rgba(0, 0, 0, 1) !important;
}

/* Small side cards: keep title and description in one line */
.fi-collector-promo-card-small .elementor-heading-title {
  white-space: nowrap !important;
  font-size: 21px !important;
  line-height: 1.05 !important;
}

.fi-collector-promo-card-small .elementor-widget-text-editor,
.fi-collector-promo-card-small .elementor-widget-text-editor p {
  white-space: nowrap !important;
  max-width: none !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
/* =========================================================
   Figure Island Collector Promotions - Full Card Click
   ========================================================= */

.fi-collector-promo-card {
  cursor: pointer !important;
}

.fi-collector-promo-card .elementor-widget-html {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fi-collector-promo-card .elementor-widget-html .elementor-widget-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fi-collector-card-link {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Keep visible text clean above image/overlay */
.fi-collector-promo-card .elementor-widget-heading,
.fi-collector-promo-card .elementor-widget-text-editor {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: none !important;
}

/* Allow editing inside Elementor */
.elementor-editor-active .fi-collector-card-link {
  pointer-events: none !important;
}
/* =========================================================
   Figure Island Category Highlights - Client Reference Layout
   Compact category cards + See all link
   ========================================================= */

/* Section spacing */
.fi-home-category-wrap {
  padding-top: 72px !important;
  padding-bottom: 82px !important;
}

/* Heading row polish */
.fi-home-category-wrap .elementor-heading-title {
  text-align: left !important;
}

/* See all link */
.fi-category-see-all .elementor-button,
.fi-category-see-all a.elementor-button,
.fi-category-see-all a {
  background: transparent !important;
  color: #D1D5DB !important;
  border: 0 !important;
  padding: 0 !important;

  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-transform: none !important;
  letter-spacing: 0.2px !important;

  box-shadow: none !important;
}

.fi-category-see-all .elementor-button:hover,
.fi-category-see-all a.elementor-button:hover,
.fi-category-see-all a:hover {
  color: #00AEEF !important;
  background: transparent !important;
  transform: translateX(4px) !important;
  box-shadow: none !important;
}

/* Compact card shape like client reference */
.fi-home-category-card {
  min-height: 240px !important;
  height: 240px !important;
  padding: 24px !important;

  justify-content: flex-end !important;
  align-items: flex-start !important;

  border-radius: 18px !important;
  border: 1px solid rgba(0, 174, 239, 0.42) !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.48),
    0 0 20px rgba(0, 174, 239, 0.10) !important;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}

/* Card title */
.fi-home-category-card .elementor-heading-title {
  color: #ffffff !important;
  font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  text-transform: uppercase !important;
  text-align: left !important;

  text-shadow:
    0 4px 18px rgba(0, 0, 0, 1),
    0 0 18px rgba(0, 174, 239, 0.14) !important;
}

/* Hide old small label / explore text if still inside category cards */
.fi-home-category-card .fi-card-label,
.fi-home-category-card .elementor-widget-text-editor,
.fi-home-category-card .elementor-widget-button {
  display: none !important;
}

/* Hover */
.fi-home-category-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 174, 239, 0.82) !important;
  box-shadow:
    0 28px 62px rgba(0, 0, 0, 0.62),
    0 0 30px rgba(0, 174, 239, 0.22) !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .fi-home-category-card {
    min-height: 220px !important;
    height: 220px !important;
  }

  .fi-home-category-card .elementor-heading-title {
    font-size: 27px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .fi-home-category-wrap {
    padding-top: 55px !important;
    padding-bottom: 60px !important;
  }

  .fi-home-category-card {
    min-height: 190px !important;
    height: 190px !important;
    padding: 20px !important;
    border-radius: 16px !important;
  }

  .fi-home-category-card .elementor-heading-title {
    font-size: 24px !important;
  }
Figure Island Product Card Hover Actions
  .fi-category-see-all .elementor-button,
  .fi-category-see-all a.elementor-button,
  .fi-category-see-all a {
    font-size: 16px !important;
  }
}
@media (max-width: 576px) {
	/* ================================
   Figure Island Mobile Header/Menu
   ================================ */

/* Mobile top header */
@media (max-width: 1024px) {
  .whb-header .whb-row {
    background-color: #ffffff !important;
  }

  .whb-header .wd-tools-element .wd-tools-icon,
  .whb-header .wd-header-mobile-nav .wd-tools-icon,
  .whb-header .wd-header-cart .wd-tools-icon {
    background-color: #00AEEF !important;
    color: #ffffff !important;
    border-radius: 999px;
  }

  .whb-header .wd-header-mobile-nav .wd-tools-text {
    color: #ffffff !important;
    font-family: "Rajdhani", "Poppins", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
  }
}

/* Mobile side drawer */
.mobile-nav,
.wd-side-hidden,
.wd-side-hidden.wd-left {
  background-color: #050505 !important;
}

/* Mobile drawer search */
.mobile-nav .searchform,
.wd-side-hidden .searchform {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.2);
}

/* Mobile drawer menu items */
.mobile-nav .wd-nav-mobile > li > a,
.wd-side-hidden .wd-nav-mobile > li > a,
.mobile-nav .menu-item > a,
.wd-side-hidden .menu-item > a {
  color: #ffffff !important;
  font-family: "Rajdhani", "Poppins", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

/* Mobile submenu items */
.mobile-nav .sub-menu a,
.wd-side-hidden .sub-menu a {
  color: #D1D5DB !important;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
}

/* Mobile hover/active */
.mobile-nav .wd-nav-mobile > li.current-menu-item > a,
.mobile-nav .wd-nav-mobile > li > a:hover,
.wd-side-hidden .menu-item > a:hover,
.wd-side-hidden .sub-menu a:hover {
  color: #00AEEF !important;
}

/* Mobile submenu opener */
.mobile-nav .wd-nav-opener,
.wd-side-hidden .wd-nav-opener {
  background-color: #00AEEF !important;
  color: #ffffff !important;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}

/* Mobile drawer borders */
.mobile-nav .wd-nav-mobile > li,
.wd-side-hidden .menu-item {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Mobile bottom navigation */
.wd-toolbar {
  background-color: #ffffff !important;
  border-top: 1px solid #E5E7EB !important;
}

.wd-toolbar a {
  color: #111827 !important;
  font-family: "Rajdhani", "Poppins", Arial, sans-serif;
  font-weight: 700;
}

.wd-toolbar a:hover,
.wd-toolbar .wd-tools-icon,
.wd-toolbar .wd-tools-count {
  color: #00AEEF !important;
}

/* ================================
   Figure Island Mobile Menu Dividers
   ================================ */

@media (max-width: 1024px) {
  /* Main mobile menu item dividers */
  .mobile-nav .wd-nav-mobile > li,
  .wd-side-hidden .wd-nav-mobile > li,
  .mobile-nav .menu-item,
  .wd-side-hidden .menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  /* Stronger divider for top-level menu items */
  .mobile-nav .wd-nav-mobile > li > a,
  .wd-side-hidden .wd-nav-mobile > li > a {
    border-bottom: 1px solid rgba(0, 174, 239, 0.12) !important;
    min-height: 46px;
    display: flex;
    align-items: center;
  }

  /* Submenu items softer divider */
  .mobile-nav .sub-menu li,
  .wd-side-hidden .sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  /* Submenu item spacing */
  .mobile-nav .sub-menu a,
  .wd-side-hidden .sub-menu a {
    padding-left: 28px !important;
    color: #D1D5DB !important;
    background: #080808 !important;
  }

  /* Submenu hover/active */
  .mobile-nav .sub-menu a:hover,
  .wd-side-hidden .sub-menu a:hover {
    color: #00AEEF !important;
    background: rgba(0, 174, 239, 0.10) !important;
  }

  /* Blue opener button divider */
  .mobile-nav .wd-nav-opener,
  .wd-side-hidden .wd-nav-opener {
    border-left: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08);
  }

  /* Search area divider */
  .mobile-nav .searchform,
  .wd-side-hidden .searchform {
    border-bottom: 1px solid rgba(0, 174, 239, 0.25) !important;
  }

  /* Wishlist / account spacing */
  .mobile-nav .wishlist-info-widget,
  .mobile-nav .login-side-opener,
  .wd-side-hidden .wishlist-info-widget,
  .wd-side-hidden .login-side-opener {
    border-top: 1px solid rgba(0, 174, 239, 0.16) !important;
  }
}

/* ================================
   Figure Island Accessibility Button Fix
   Prevent overlap with mobile bottom navbar
   ================================ */

@media (max-width: 1024px) {
  .ally-widget,
  .ally-widget-trigger,
  .ally-accessibility-widget,
  .pojo-a11y-toolbar-toggle,
  .accessibility-assistant,
  [class*="accessibility"] {
    bottom: 78px !important;
    z-index: 9999 !important;
  }

  .wd-toolbar {
    z-index: 9998 !important;
  }
}


/* ================================
   Figure Island Mobile Bottom Navbar
   ================================ */

@media (max-width: 1024px) {
  /* Bottom bar container */
  .wd-toolbar {
    height: 68px !important;
    padding: 6px 6px 7px !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(0, 174, 239, 0.18) !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.08) !important;
    z-index: 9998 !important;
  }

  /* Each bottom nav item */
  .wd-toolbar a,
  .wd-toolbar .wd-tools-element {
    color: #111827 !important;
    font-family: "Rajdhani", "Poppins", Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.25px !important;
  }

  /* Icons */
  .wd-toolbar .wd-tools-icon,
  .wd-toolbar a:before {
    color: #00AEEF !important;
    font-size: 22px !important;
    line-height: 1 !important;
    margin-bottom: 3px !important;
  }

  /* Active / hover state */
  .wd-toolbar a:hover,
  .wd-toolbar a:hover .wd-tools-icon,
  .wd-toolbar .wd-active,
  .wd-toolbar .current-menu-item > a {
    color: #00AEEF !important;
  }

  /* Count badge */
  .wd-toolbar .wd-tools-count {
    min-width: 17px !important;
    height: 17px !important;
    line-height: 15px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background: #00AEEF !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    top: -6px !important;
    right: -8px !important;
  }

  /* Prevent page content hiding behind bottom toolbar */
  body {
    padding-bottom: 70px;
  }

  /* Move accessibility button above bottom navbar */
  .ally-widget,
  .ally-widget-trigger,
  .ally-accessibility-widget,
  .pojo-a11y-toolbar-toggle,
  .accessibility-assistant,
  button[aria-label*="accessibility" i],
  div[class*="accessibility" i],
  div[id*="accessibility" i] {
    bottom: 82px !important;
    z-index: 10000 !important;
  }
}

/* ================================
   Figure Island Mobile Bottom Navbar Active State
   ================================ */

@media (max-width: 1024px) {
  /* Active/current bottom nav item */
  .wd-toolbar .wd-toolbar-item.wd-active,
  .wd-toolbar .wd-toolbar-item.wd-active a,
  .wd-toolbar .wd-toolbar-item.wd-active .wd-tools-text,
  .wd-toolbar .wd-toolbar-item.wd-active .wd-tools-icon,
  .wd-toolbar .wd-toolbar-item.current-menu-item,
  .wd-toolbar .wd-toolbar-item.current-menu-item a,
  .wd-toolbar .wd-toolbar-item.current-menu-item .wd-tools-text,
  .wd-toolbar .wd-toolbar-item.current-menu-item .wd-tools-icon,
  .wd-toolbar a.wd-active,
  .wd-toolbar a.current,
  .wd-toolbar a[aria-current="page"] {
    color: #00AEEF !important;
  }

  /* Make inactive bottom nav text clean dark */
  .wd-toolbar .wd-toolbar-item,
  .wd-toolbar .wd-toolbar-item a,
  .wd-toolbar .wd-toolbar-item .wd-tools-text {
    color: #111827 !important;
  }

  /* Keep inactive icons blue but softer */
  .wd-toolbar .wd-toolbar-item .wd-tools-icon {
    color: #00AEEF !important;
    opacity: 0.88;
  }

  /* Active icon stronger */
  .wd-toolbar .wd-toolbar-item.wd-active .wd-tools-icon,
  .wd-toolbar .wd-toolbar-item.current-menu-item .wd-tools-icon,
  .wd-toolbar a[aria-current="page"] .wd-tools-icon {
    color: #00AEEF !important;
    opacity: 1;
  }

  /* Active label stronger */
  .wd-toolbar .wd-toolbar-item.wd-active .wd-tools-text,
  .wd-toolbar .wd-toolbar-item.current-menu-item .wd-tools-text,
  .wd-toolbar a[aria-current="page"] .wd-tools-text {
    color: #00AEEF !important;
    font-weight: 800 !important;
  }
}

/* ================================
   Figure Island Mobile Bottom Navbar
   Clean inactive + active state
   ================================ */

@media (max-width: 1024px) {
  /* Inactive bottom nav items */
  .wd-toolbar a,
  .wd-toolbar .wd-tools-text,
  .wd-toolbar .wd-tools-icon {
    color: #4B5563 !important;
    opacity: 1 !important;
  }

  /* Inactive count badges */
  .wd-toolbar .wd-tools-count {
    background: #E5E7EB !important;
    color: #111827 !important;
    border: 2px solid #ffffff !important;
  }

  /* Active bottom nav item */
  .wd-toolbar a.fi-active-toolbar,
  .wd-toolbar a.fi-active-toolbar .wd-tools-text,
  .wd-toolbar a.fi-active-toolbar .wd-tools-icon {
    color: #00AEEF !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }

  /* Active count badge */
  .wd-toolbar a.fi-active-toolbar .wd-tools-count {
    background: #00AEEF !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
  }

  /* Active top indicator line */
  .wd-toolbar a.fi-active-toolbar {
    position: relative;
  }

  .wd-toolbar a.fi-active-toolbar::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 28px;
    height: 3px;
    transform: translateX(-50%);
    background: #00AEEF;
    border-radius: 999px;
  }

  /* Keep accessibility button above toolbar */
  .ally-widget,
  .ally-widget-trigger,
  .ally-accessibility-widget,
  .pojo-a11y-toolbar-toggle,
  .accessibility-assistant,
  button[aria-label*="accessibility" i],
  div[class*="accessibility" i],
  div[id*="accessibility" i] {
    bottom: 86px !important;
    z-index: 10000 !important;
  }
}

/* ================================
   Figure Island Mobile Bottom Navbar
   FINAL active/inactive override
   Only current page should be blue
   ================================ */

@media (max-width: 1024px) {
  /* Reset all bottom toolbar items to inactive gray */
  .wd-toolbar a,
  .wd-toolbar a .wd-tools-text,
  .wd-toolbar a .wd-tools-icon,
  .wd-toolbar a:before,
  .wd-toolbar .wd-toolbar-label,
  .wd-toolbar .wd-toolbar-item,
  .wd-toolbar .wd-toolbar-item a,
  .wd-toolbar .wd-toolbar-item .wd-tools-text,
  .wd-toolbar .wd-toolbar-item .wd-tools-icon {
    color: #4B5563 !important;
    opacity: 1 !important;
  }

  /* Reset all inactive count badges */
  .wd-toolbar a .wd-tools-count {
    background: #E5E7EB !important;
    color: #111827 !important;
    border: 2px solid #ffffff !important;
  }

  /* Active toolbar item only */
  .wd-toolbar a.fi-active-toolbar,
  .wd-toolbar a.fi-active-toolbar .wd-tools-text,
  .wd-toolbar a.fi-active-toolbar .wd-tools-icon,
  .wd-toolbar a.fi-active-toolbar:before,
  .wd-toolbar a.fi-active-toolbar .wd-toolbar-label {
    color: #00AEEF !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }

  /* Active count badge only */
  .wd-toolbar a.fi-active-toolbar .wd-tools-count {
    background: #00AEEF !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
  }

  /* Active blue top line */
  .wd-toolbar a.fi-active-toolbar {
    position: relative !important;
  }

  .wd-toolbar a.fi-active-toolbar::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 28px;
    height: 3px;
    transform: translateX(-50%);
    background: #00AEEF;
    border-radius: 999px;
  }

  /* Remove active line from inactive items */
  .wd-toolbar a:not(.fi-active-toolbar)::after {
    display: none !important;
  }
}
/* =========================================
   Figure Island Mobile Header Dark Fix
   Makes mobile header match black brand style
   ========================================= */

@media (max-width: 1024px) {
  /* Mobile header background */
  .whb-header,
  .whb-header .whb-row,
  .whb-header .whb-general-header,
  .whb-header .whb-main-header,
  .whb-mobile-header,
  .whb-header .whb-sticky-row {
    background: #050505 !important;
    border-bottom: 1px solid rgba(0, 174, 239, 0.22) !important;
  }

  /* Mobile logo area */
  .whb-header .site-logo,
  .whb-header .wd-logo {
    background: transparent !important;
  }

  /* Menu/cart icons stay electric blue */
  .whb-header .wd-tools-element .wd-tools-icon,
  .whb-header .wd-header-mobile-nav .wd-tools-icon,
  .whb-header .wd-header-cart .wd-tools-icon {
    background-color: #00AEEF !important;
    color: #ffffff !important;
    border-radius: 999px !important;
  }

  /* Mobile menu text */
  .whb-header .wd-header-mobile-nav .wd-tools-text {
    color: #ffffff !important;
  }

  /* Header search if visible on mobile/tablet */
  .whb-header .searchform,
  .whb-header .wd-search-form,
  .whb-header input[type="text"],
  .whb-header input[type="search"] {
    background: #050505 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
  }

  .whb-header input::placeholder {
    color: rgba(255, 255, 255, 0.65) !important;
  }
}
}