/** Shopify CDN: Minification failed

Line 17410:0 Expected "}" to go with "{"

**/
/* ===================================================== */
/* PERF OPTIMIZED (Same Look) */
/* ===================================================== */

/* ---------- Shared Galaxy Vars (reuse = faster) ---------- */
/* :root{
  --tgpt-grad-bluegreen: linear-gradient(135deg, rgba(44,156,197,.79) 25%, #00E676 100%);
  --tgpt-price-grad: linear-gradient(135deg, rgb(30, 255, 240) 0%, #00E676 100%);

  --tgpt-space-base: linear-gradient(180deg, #04050a 0%, #080b16 100%);

  --tgpt-galaxy-bg:
    radial-gradient(ellipse at 12% 14%, rgba(0, 230, 184, 0.28) 0%, transparent 55%),
    radial-gradient(ellipse at 48% 52%, rgba(90, 255, 222, 0.14) 0%, transparent 65%),
    radial-gradient(ellipse at 88% 78%, rgba(112, 90, 255, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse at 62% 98%, rgba(60, 255, 220, 0.18) 0%, transparent 65%),

    radial-gradient(2px 2px at 18% 22%, rgba(255,255,255,.95) 50%, transparent 52%),
    radial-gradient(2px 2px at 72% 18%, rgba(255,255,255,.85) 50%, transparent 52%),
    radial-gradient(1.8px 1.8px at 34% 78%, rgba(255,255,255,.9) 50%, transparent 52%),
    radial-gradient(1.6px 1.6px at 86% 46%, rgba(255,255,255,.8) 50%, transparent 52%),
    radial-gradient(1.6px 1.6px at 55% 88%, rgba(255,255,255,.75) 50%, transparent 52%),

    radial-gradient(1.2px 1.2px at 10% 40%, rgba(255,255,255,.65) 50%, transparent 52%),
    radial-gradient(1.2px 1.2px at 28% 12%, rgba(255,255,255,.55) 50%, transparent 52%),
    radial-gradient(1.2px 1.2px at 60% 34%, rgba(255,255,255,.6) 50%, transparent 52%),
    radial-gradient(1.2px 1.2px at 78% 62%, rgba(255,255,255,.6) 50%, transparent 52%),
    radial-gradient(1.2px 1.2px at 92% 24%, rgba(255,255,255,.55) 50%, transparent 52%),

    radial-gradient(0.9px 0.9px at 6% 82%, rgba(255,255,255,.35) 50%, transparent 52%),
    radial-gradient(0.9px 0.9px at 20% 58%, rgba(255,255,255,.3) 50%, transparent 52%),
    radial-gradient(0.9px 0.9px at 44% 16%, rgba(255,255,255,.28) 50%, transparent 52%),
    radial-gradient(0.9px 0.9px at 66% 72%, rgba(255,255,255,.32) 50%, transparent 52%),
    radial-gradient(0.9px 0.9px at 82% 90%, rgba(255,255,255,.3) 50%, transparent 52%),
    radial-gradient(0.9px 0.9px at 96% 56%, rgba(255,255,255,.34) 50%, transparent 52%),

    var(--tgpt-space-base);
} */
 /* =====================================
   FORCE MAIN BACKGROUND = PURE BLACK
   (Disable galaxy backgrounds)
===================================== */

/* 1) Global page background */
html, body,
#MainContent,
.shopify-section,
main,
.wrapper,
.page-width,
.gradient {
  background: rgb(0, 0, 0) !important;
  background-image: none !important;
}

/* 2) Remove galaxy scheme background (keep text colors) */
.color-scheme-64bf74ea-a43a-43c0-b70f-e6fd8ffec657,
.color-scheme-64bf74ea-a43a-43c0-b70f-e6fd8ffec657.gradient {
  background: #000 !important;
  background-image: none !important;
  --gradient-background: none !important;
}



/* ===================================================== */
/* COLLECTION LIST – CLEAN CARDS */
/* ===================================================== */

.collection-list :where(.card, .card__inner, .card__media, .media, .ratio){
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.collection-list .card__inner{ padding: 0 !important; }

.collection-list img{
  object-fit: contain !important;
  background: transparent !important;
}

.collection-list.row{
  --bs-gutter-x: 10px;
  --bs-gutter-y: 10px;
}

.collection-list__item{
  padding-inline: 5px !important;
  margin-bottom: 10px !important;
}

.collection-list-section :where(.card__media, .collection-card__media, .media){
  margin-bottom: 0 !important;
  padding-bottom: 250px !important;
}

/* ===================================================== */
/* HEADER SEARCH – FINAL CLEAN FIX */
/* ===================================================== */



#shopify__header__section .header-inline-search{
  position:relative !important;
  margin:0 auto !important;
  z-index:5 !important;
}



#shopify__header__section .header__actions_btn{
  padding:12px;
}

#shopify__header__section .header-inline-search__form{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}

#shopify__header__section .header-inline-search__input-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

#shopify__header__section .header-inline-search__cancel,
#shopify__header__section .header-inline-search__clear[hidden] {
  display: none !important;
}

#shopify__header__section .header-inline-search__lead-icon {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #8ea2b6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

#shopify__header__section .header-inline-search__lead-icon svg {
  width: 17px !important;
  height: 17px !important;
}

/* INPUT */
#shopify__header__section .header-inline-search__input{
  height:46px !important;
  padding:0 70px 0 44px !important;
  background:rgba(0,0,0,.2) !important;
  backdrop-filter: blur(8px);
  border:1px solid rgb(58 130 177 / 35%) !important;
  border-radius:14px !important;
  color:#fff !important;
  font-size:15px !important;
  outline:none !important;
}


#shopify__header__section .header-inline-search__input::placeholder{
  color: rgba(92, 148, 180, 0.55) !important;
}






/* MIC ICON */
#shopify__header__section .ts7-micro_phone__button{
  position:absolute !important;
  right:64px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:rgba(255,255,255,.9) !important;
  border-radius:50% !important;
  width:32px !important;
  height:32px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  z-index:5 !important;
}

/* SEARCH BUTTON */
#shopify__header__section .header-inline-search__btn{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  height:46px !important;
  width:58px !important;
  background: #63df4b !important;
  border: 1px solid rgba(99, 223, 75, 0.58) !important;
  border-radius:0 14px 14px 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow: 0 8px 18px rgba(99, 223, 75, 0.24);
}

#shopify__header__section .header-inline-search__btn svg{
  width:18px !important;
  height:18px !important;
  color:#071109 !important;
}

.product-grid-item__action-visibal-cart .product-grid-item__actions__btn{
  width:100%;
  padding-block:15px;

  background:
    radial-gradient(120% 140% at 10% 20%, rgba(120, 200, 255, 0.22), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(80, 160, 255, 0.18), transparent 60%),
    linear-gradient(135deg, rgba(0, 90, 180, 0.38), rgba(0, 255, 166, 0.38)) !important;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border-radius:8px;
  border:1px solid rgba(140, 200, 255, 0.22);

  box-shadow:
    0 8px 18px rgba(0,0,0,0.35),
    inset 0 0 14px rgba(120, 200, 255, 0.20),
    0 0 14px rgba(0, 160, 255, 0.30);

  color:#eef9ff;
  font-weight:600;
  letter-spacing:.3px;
}

.product-grid-item__action-visibal-cart .product-grid-item__actions__btn:hover{
  background:
    radial-gradient(120% 140% at 10% 20%, rgba(180, 240, 255, 0.55), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(120, 200, 255, 0.45), transparent 60%),
    linear-gradient(135deg, rgba(0, 120, 220, 0.75), rgba(0, 200, 255, 0.75)) !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,0.55),
    inset 0 0 22px rgba(180, 240, 255, 0.45),
    0 0 30px rgba(0, 200, 255, 0.65);

  transform: translateY(-1px);
}

/* OLD PRICE (compare at) */
.price--on-sale .price__compare .price-item{
  color: rgb(145, 199, 180);
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(255,255,255,0.6);
  opacity: 0.7;
  font-weight: 500;
} 

/* ===================================================== */
/* MOBILE COLLECTION CARDS – 3 PER ROW + SMALLER TEXT */
/* ===================================================== */
.tgpt-mobile-top-categories {
  display: none;
}

.template-search .tgpt-search-form__lead-icon {
  display: none;
}

.tgpt-category-menu[hidden] {
  display: none !important;
}

.tgpt-category-menu-open {
  overflow: hidden;
}

.tgpt-category-menu {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #fff;
}

.tgpt-category-menu__overlay {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  cursor: pointer;
}

.tgpt-category-menu__panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-height: 88dvh;
  overflow-y: auto;
  padding: 18px 16px calc(20px + env(safe-area-inset-bottom));
  border: 1px solid rgba(87, 255, 75, 0.2);
  border-radius: 24px 24px 0 0;
  background: #0a0a0a;
  box-shadow: 0 -20px 55px rgba(0, 0, 0, 0.58), 0 0 30px rgba(87, 255, 75, 0.08);
}

.tgpt-category-menu__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.tgpt-category-menu__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  margin-bottom: 8px;
  border: 1px solid rgba(87, 255, 75, 0.25);
  border-radius: 999px;
  background: rgba(87, 255, 75, 0.1);
  color: #57ff4b;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.tgpt-category-menu__title {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.08;
}

.tgpt-category-menu__close {
  position: relative;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.tgpt-category-menu__close span::before,
.tgpt-category-menu__close span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}

.tgpt-category-menu__close span::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.tgpt-category-menu__sections {
  display: grid;
  gap: 12px;
}

.tgpt-category-menu__section {
  overflow: hidden;
  border: 1px solid rgba(87, 255, 75, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

.tgpt-category-menu__section summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  padding: 0 14px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
  cursor: pointer;
  list-style: none;
}

.tgpt-category-menu__section summary::-webkit-details-marker {
  display: none;
}

.tgpt-category-menu__summary-icon {
  position: relative;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #57ff4b;
}

.tgpt-category-menu__summary-icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(-50%, -50%) rotate(-45deg);
  transition: transform 0.2s ease;
}

.tgpt-category-menu__summary-icon::after {
  content: none;
}

.tgpt-category-menu__section[open] .tgpt-category-menu__summary-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.tgpt-category-menu__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0 12px 14px;
}

.tgpt-category-menu__link {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  min-height: 42px;
  min-width: 0;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  background: #101214;
  color: #f3f7f4 !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none !important;
}

.tgpt-category-menu__link:hover {
  border-color: rgba(87, 255, 75, 0.38);
  color: #57ff4b !important;
}

.tgpt-category-menu__link-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgpt-category-menu__link small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(87, 255, 75, 0.12);
  color: #57ff4b;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.tgpt-category-menu__link-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  flex: 0 0 18px;
}

.tgpt-category-menu__link-icon svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.tgpt-category-menu__link-icon svg circle,
.tgpt-category-menu__link-icon svg rect {
  stroke: currentColor;
}

.tgpt-category-menu__link-icon--brand {
  border-radius: 50%;
  border: 1px solid rgba(87, 255, 75, 0.24);
  background: rgba(87, 255, 75, 0.1);
  overflow: hidden;
}

.tgpt-category-menu__link-icon--brand img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tgpt-category-menu__brand-initial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.03em;
  color: currentColor;
}

.tgpt-category-menu__desktop-launcher {
  display: none;
}

.tgpt-category-menu__button {
  min-height: 44px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(87, 255, 75, 0.28);
  border-radius: 999px;
  background: rgba(87, 255, 75, 0.1);
  color: #57ff4b;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.tgpt-category-menu__button svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

@media (min-width: 750px) {
  .tgpt-category-menu {
    align-items: flex-start;
    padding: 92px 24px 24px;
  }

  .tgpt-category-menu__panel {
    width: min(1120px, 100%);
    max-height: calc(100dvh - 120px);
    padding: 22px;
    border-radius: 24px;
  }

  .tgpt-category-menu__sections {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.9fr);
    gap: 16px;
  }

  .tgpt-category-menu__section {
    padding: 16px;
  }

  .tgpt-category-menu__section summary {
    min-height: auto;
    padding: 0;
    pointer-events: none;
  }

  .tgpt-category-menu__summary-icon {
    display: none;
  }

  .tgpt-category-menu__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 16px 0 0;
  }

  .tgpt-category-menu__grid--brands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tgpt-category-menu__link {
    min-height: 44px;
    font-size: 13px;
    grid-template-columns: 18px minmax(0, 1fr) auto;
  }

  .tgpt-category-menu__desktop-launcher {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 14px;
  }
}

@media (max-width:749px){
  .tgpt-category-menu {
    align-items: flex-start;
    padding-top: calc(env(safe-area-inset-top) + 10px);
  }

  .tgpt-category-menu__panel {
    border-radius: 0 0 24px 24px;
    max-height: min(88dvh, calc(100dvh - env(safe-area-inset-top) - 10px));
  }

  .tgpt-mobile-top-categories {
    display: block;
    margin: 2px 0 24px;
  }

  .tgpt-mobile-top-categories__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
  }

  .tgpt-mobile-top-categories__title {
    margin: 0;
    color: #f4f8f6;
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 800;
  }

  .tgpt-mobile-top-categories__hint {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    color: #63df4b;
    font-size: 1.05rem;
    line-height: 1.1;
    font-weight: 700;
    white-space: nowrap;
  }

  .tgpt-mobile-top-categories__arrow {
    width: 15px;
    height: 15px;
    color: #63df4b;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    flex-shrink: 0;
  }

  .tgpt-mobile-top-categories__rail {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 1px 2px 8px;
    margin-inline: -2px;
  }

  .tgpt-mobile-top-categories__rail::-webkit-scrollbar {
    display: none;
  }

  .tgpt-mobile-top-category {
    flex: 0 0 54px;
    width: 54px;
    padding: 0;
    border: 0;
    background: transparent;
    scroll-snap-align: start;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-family: inherit;
    text-decoration: none !important;
    color: #f1f8f0 !important;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }

  .tgpt-mobile-top-category:focus,
  .tgpt-mobile-top-category:focus-visible {
    outline: none !important;
    box-shadow: none !important;
  }

  .tgpt-mobile-top-category:focus-visible .tgpt-mobile-top-category__icon {
    outline: 2px solid rgba(99, 223, 75, 0.88);
    outline-offset: 3px;
  }

  .tgpt-mobile-top-category__icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f5fff2;
    background:
      radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.08), transparent 42%),
      linear-gradient(180deg, rgba(17, 24, 27, 0.98), rgba(5, 10, 13, 0.98));
    border: 1px solid rgba(99, 223, 75, 0.34);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 8px 16px rgba(0, 0, 0, 0.34),
      0 0 12px rgba(99, 223, 75, 0.1);
  }

  .tgpt-mobile-top-category__icon svg {
    width: 23px;
    height: 23px;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }

  .tgpt-mobile-top-category__label {
    display: block;
    width: 100%;
    margin-top: 6px;
    color: #edf5f1;
    font-size: 0.98rem;
    line-height: 1.15;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
  }

  .collection-list--desktop-grid,
  .collection-list__view-all--desktop {
    display: none !important;
  }

  .collection-list .collection-list__item{
    flex:0 0 33.333% !important;
    max-width:33.333% !important;
    padding-inline:4px !important;
    margin-bottom:10px !important;
  }

  .collection-list-section :where(.card__media, .collection-card__media, .media){
    padding-bottom:90px !important;
    margin-bottom:0 !important;
  }

  .collection__title,
  h5.collection__title,
  .collection-list__item .collection__title{
    font-size:1.1rem !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    text-align:center !important;
  }

  .collection__card_text h5.collection__title{
    font-size:1.15rem !important;
    padding:6px 10px !important;
  }

  .collection__card_text{
    padding:0.6rem 1rem !important;
    border-radius:2.5rem !important;
  }

  .collection__product_count{ font-size:1.3rem !important; }

  .collection-list__item .card--stretch .media{ position:relative !important; }

  .collection-list__item .card--stretch .media > img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    max-width:100% !important;
    max-height:100% !important;
  }
}

/* ===================================================== */
/* Search highlight <mark> */
/* ===================================================== */
.predictive-search mark,
.template-search mark,
.ts7-autocomplete-items mark,
.ts7-product-items mark,
.ts7-quick-view .ts7-product-name mark{
  background: transparent !important;
  color:#63df4b !important;
  font-weight: 800;
}

/* ===================================================== */
/* Color scheme background (kept, but safer) */
/* ===================================================== */
.color-scheme-64bf74ea-a43a-43c0-b70f-e6fd8ffec657{
  --color-background: 5, 7, 13;
  --gradient-background: var(--tgpt-galaxy-bg);
  --color-foreground: 245, 245, 245;
  --color-shadow: 0, 0, 0;
}

.color-scheme-64bf74ea-a43a-43c0-b70f-e6fd8ffec657.gradient{
  background: var(--gradient-background);
  background-size: cover;
  background-repeat: no-repeat;
}

/* ===================================================== */
/* GLASS CARD – COLLECTION CARD */
/* ===================================================== */

.card--media.collection__card.mb-30.color-scheme-64bf74ea-a43a-43c0-b70f-e6fd8ffec657.gradient{
  background: rgba(10, 28, 36, 0.55) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(120, 220, 210, 0.25) !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,0.45),
    inset 0 0 0 1px rgba(255,255,255,0.03);

  border-radius: 22px;
  transition: all .25s ease;
}

/* ⚡ Faster than .collection__card * (avoid matching EVERYTHING) */
.card--media.collection__card :where(.card__inner, .card__media, .media, .ratio){
  background: transparent !important;
}

.card--media.collection__card:hover{
  transform: translateY(-3px);
  border-color: rgba(140, 255, 120, 0.45);
  box-shadow:
    0 18px 40px rgba(0,0,0,0.55),
    0 0 25px rgba(120,220,210,0.25);
}

/* ===================================================== */
/* FEATURED COLLECTION HEADING GALAXY GLASS */
/* ===================================================== */

.featured-collection-sectoin .section-heading-wrapper{
  padding: 20px 15px;
  background: var(--tgpt-galaxy-bg) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 10px;
  border: 1px solid rgba(120, 180, 255, 0.25);
  box-shadow:
    0 12px 30px rgba(0,0,0,.4),
    inset 0 0 25px rgba(120, 180, 255, 0.18);
}

/* ===================================================== */
/* NEW ARRIVALS MOBILE CAROUSEL */
/* ===================================================== */

.featured-collection--new-arrivals {
  background: #0a0a0a !important;
  color: #fff;
  overflow: hidden;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(124, 255, 0, 0.16);
  color: #7cff00;
  border: 1px solid rgba(124, 255, 0, 0.42);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__title {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.1;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__see-all {
  flex: 0 0 auto;
  color: #00ff66;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__see-all:hover {
  color: #7cff00;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
  background: #181a1c !important;
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.26);
}

.featured-collection--new-arrivals .collection__product > .col {
  display: flex;
}

.featured-collection--new-arrivals .collection__product > .col > .product-grid-item--new-arrivals {
  width: 100%;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals:hover {
  transform: translateY(-2px);
  border-color: rgba(124, 255, 0, 0.28);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.36);
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__thumbnail {
  flex: 1 1 auto;
  margin: 6px;
  border-radius: 13px;
  background: #101214;
  aspect-ratio: 1 / 1.14;
  min-height: 132px;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product__media_thumbnail,
.featured-collection--new-arrivals .product-grid-item--new-arrivals .media {
  width: 100%;
  height: 100%;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .media {
  padding-bottom: 0 !important;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .media img {
  width: 100%;
  height: 100%;
  padding: 8px;
  object-fit: contain !important;
  object-position: center;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .media img.secondary__img {
  display: none;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  pointer-events: none;
}

.featured-collection--new-arrivals .tgpt-product-card__badge {
  position: static;
  z-index: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: #7cff00;
  color: #07110a;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row-wishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  pointer-events: auto;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals ul.product-grid-item__actions.style2 {
  top: 10px !important;
  right: 10px !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 10;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end !important;
  padding: 0;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1;
  visibility: visible;
  gap: 0;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals ul.product-grid-item__actions.style2 li {
  margin: 0 !important;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  padding: 0;
  border-radius: 0;
  color: #7cff00 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.72));
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist.active {
  color: #7cff00 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist svg {
  width: 19px;
  height: 17px;
  stroke-width: 1.8px;
  color: #7cff00 !important;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist span {
  height: auto;
  line-height: 0;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist:hover,
.featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist.active {
  color: #7cff00 !important;
  background: transparent !important;
  border: 0 !important;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__content {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 78px;
  padding: 1px 10px 10px;
  text-align: left !important;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__content > * {
  margin-bottom: 4px;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__content > .tgpt-new-arrivals-card__purchase {
  margin-bottom: 0;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__title {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__title a {
  color: #f6f7f8;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .price,
.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__price {
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
  align-items: flex-start;
  justify-content: flex-start;
  color: #7cff00;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .price dl,
.featured-collection--new-arrivals .product-grid-item--new-arrivals .price dd {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .price__regular,
.featured-collection--new-arrivals .product-grid-item--new-arrivals .price__sale {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .price .price-item {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .price-item--sale,
.featured-collection--new-arrivals .product-grid-item--new-arrivals .price-item--regular {
  color: #7cff00 !important;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .price__compare .price-item--regular {
  color: rgba(255, 255, 255, 0.48) !important;
  font-size: 10px;
  font-weight: 500;
  margin-inline-start: 0 !important;
  text-decoration: line-through;
}

.featured-collection--new-arrivals .tgpt-new-arrivals-card__purchase {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  margin-top: 4px;
}

.featured-collection--new-arrivals .tgpt-new-arrivals-card__price {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  min-height: 32px;
  line-height: 1;
}

.featured-collection--new-arrivals .tgpt-new-arrivals-card__price-current,
.featured-collection--new-arrivals .tgpt-new-arrivals-card__price-compare {
  display: block;
  max-width: 100%;
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.featured-collection--new-arrivals .tgpt-new-arrivals-card__price-current {
  color: #7cff00;
  font-size: 12px;
  font-weight: 800;
}

.featured-collection--new-arrivals .tgpt-new-arrivals-card__price-compare {
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
  font-weight: 600;
  text-decoration: line-through;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__action-visibal-cart {
  position: static;
  flex: 0 0 auto;
  width: auto;
  flex-grow: 0;
  align-items: center;
  display: flex;
  margin: 0;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__action-visibal-cart .product-grid-item__action-visibal-cart {
  position: static;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__action-visibal-cart product-form,
.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__action-visibal-cart quick-view-modal {
  width: auto;
  display: flex;
  align-items: center;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__actions__btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: transparent !important;
  border: 1.5px solid #7cff00;
  color: #7cff00 !important;
  box-shadow: none;
  line-height: 1;
  margin: 0 !important;
  vertical-align: middle;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__actions__btn .action__btn--text {
  border: 0;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__actions__btn .action__btn--text--label {
  display: none;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__actions__btn svg {
  width: 17px;
  height: 17px;
  display: block;
  margin: 0;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__actions__btn:hover {
  border-color: #7cff00;
  color: #7cff00 !important;
  background: transparent !important;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .action__btn--text_icon {
  color: #7cff00;
  font-size: 20px;
  line-height: 1;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 18px;
  min-height: 18px;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.25);
  transition: width 0.2s ease, background-color 0.2s ease;
}

.featured-collection--new-arrivals .tgpt-new-arrivals__dot.is-active {
  width: 18px;
  background: #7cff00;
}

@media (min-width: 768px) {
  .tgpt-new-arrivals__dots {
    display: none !important;
  }
}

@media screen and (min-width: 750px) {
  .featured-collection--new-arrivals .collection__product {
    row-gap: 24px;
  }
}

html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-page-header {
  display: none;
}

html:not([data-color-mode="light"]) body.template-cart .cart__note {
  display: none !important;
}

body.template-cart .cart__ctas--fallback {
  display: none !important;
}

.tgpt-home-mobile-footer {
  display: none;
}

@media screen and (max-width: 749px) {
  .featured-collection--new-arrivals {
    margin-top: -10px;
    padding-inline: 0;
    padding-top: 18px !important;
    padding-bottom: 20px !important;
    contain: paint;
  }

  .featured-collection--new-arrivals + .featured-collection-sectoin {
    padding-top: 24px !important;
  }

  .featured-collection--new-arrivals .container,
  .featured-collection--new-arrivals .container-fluid {
    width: 100%;
    max-width: none;
    padding-left: 16px;
    padding-right: 0;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals__header {
    padding-right: 16px;
    margin-bottom: 12px;
    min-width: 0;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals__title {
    font-size: 20px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals__eyebrow {
    height: 18px;
    padding: 0 7px;
    font-size: 9px;
  }

  .featured-collection--new-arrivals .product_slider_wrapper {
    margin-right: -16px;
    overflow: visible;
  }

  .featured-collection--new-arrivals .collection__product {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 0;
    -webkit-overflow-scrolling: touch;
    margin: 0 !important;
    padding: 0 16px 4px 0;
    touch-action: pan-x;
    overscroll-behavior-x: contain;
  }

  .featured-collection--new-arrivals .collection__product::-webkit-scrollbar {
    display: none;
  }

  .featured-collection--new-arrivals .collection__product {
    scrollbar-width: none;
  }

  .featured-collection--new-arrivals .collection__product > .col {
    flex: 0 0 clamp(108px, 31vw, 132px);
    max-width: clamp(108px, 31vw, 132px);
    padding: 0 !important;
    margin: 0 !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .featured-collection--new-arrivals .product-grid-item--new-arrivals {
    min-height: 100%;
    border-radius: 15px;
  }

  .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__thumbnail {
    margin: 5px;
    border-radius: 12px;
    aspect-ratio: 1 / 1.22;
    min-height: clamp(132px, 39vw, 158px);
  }

  .featured-collection--new-arrivals .product-grid-item--new-arrivals .media img {
    padding: 4px;
  }

  .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__content {
    min-height: 76px;
    padding: 1px 9px 9px;
  }

  .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__title {
    font-size: 11px;
  }

  .featured-collection--new-arrivals .product-grid-item--new-arrivals .price,
  .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__price {
    font-size: 11px;
  }

  .featured-collection--new-arrivals .product-grid-item--new-arrivals .price__compare .price-item--regular {
    font-size: 9px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals-card__purchase {
    gap: 6px;
    min-height: 32px;
    margin-top: 3px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals-card__price {
    min-height: 30px;
    gap: 2px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals-card__price-current {
    font-size: 11px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals-card__price-compare {
    font-size: 9px;
  }

  .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__actions__btn {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals__dots {
    margin-top: 12px;
  }
}

@media screen and (max-width: 360px) {
  .featured-collection--new-arrivals .container,
  .featured-collection--new-arrivals .container-fluid {
    padding-left: 12px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals__header {
    gap: 10px;
    padding-right: 12px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals__title-wrap {
    gap: 7px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals__title {
    font-size: 19px;
  }

  .featured-collection--new-arrivals .tgpt-new-arrivals__see-all {
    font-size: 13px;
  }

  .featured-collection--new-arrivals .product_slider_wrapper {
    margin-right: -12px;
  }

  .featured-collection--new-arrivals .collection__product {
    gap: 9px;
    padding-right: 12px;
  }

  .featured-collection--new-arrivals .collection__product > .col {
    flex-basis: 106px;
    max-width: 106px;
  }
}

/* ===================================================== */
/* CART BUTTON (grid item) */
/* ===================================================== */

.product-grid-item__action-visibal-cart .product-grid-item__actions__btn{
  width:100%;
  padding-block:15px;

  background:
    radial-gradient(120% 140% at 10% 20%, rgba(120, 200, 255, 0.22), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(80, 160, 255, 0.18), transparent 60%),
    linear-gradient(135deg, rgba(0, 90, 180, 0.38), rgba(0, 255, 166, 0.38)) !important;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border-radius:8px;
  border:1px solid rgba(140, 200, 255, 0.22);

  box-shadow:
    0 8px 18px rgba(0,0,0,0.35),
    inset 0 0 14px rgba(120, 200, 255, 0.20),
    0 0 14px rgba(0, 160, 255, 0.30);

  color:#eef9ff;
  font-weight:600;
  letter-spacing:.3px;
}

.product-grid-item__action-visibal-cart .product-grid-item__actions__btn:hover{
  background:
    radial-gradient(120% 140% at 10% 20%, rgba(180, 240, 255, 0.55), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(120, 200, 255, 0.45), transparent 60%),
    linear-gradient(135deg, rgba(0, 120, 220, 0.75), rgba(0, 200, 255, 0.75)) !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,0.55),
    inset 0 0 22px rgba(180, 240, 255, 0.45),
    0 0 30px rgba(0, 200, 255, 0.65);

  transform: translateY(-1px);
}


/* ===================================================== */
/* PRODUCT CARD – CLEAN & COMPACT */
/* ===================================================== */

.product-grid-item__thumbnail .media{
  aspect-ratio: 1 / 1;
  max-height:220px;
  overflow:hidden;
}

.product-grid-item__thumbnail img{
  object-fit:contain;
  width:100%;
  height:100%;
}

.product-grid-item__content{ padding:12px 12px 14px !important; }

.product-grid-item__title,
.product-grid-item__title a{
  font-size:13px !important;
  font-weight:600;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.product-grid-item__description,
.product-grid-item__excerpt,
.product-grid-item__content p{ display:none !important; }

.product-grid-item__price{ font-size:13px !important; margin-top:6px; }

.product-grid-item__actions__btn,
.product-form__submit{
  padding:8px 12px !important;
  font-size:12px !important;
  border-radius:6px;
}

.product-grid-item{ min-height: unset !important; }

/* ===================================================== */
/* BACK TO TOP */
/* ===================================================== */

#scroll__top{
  position:fixed;
  bottom:22px;
  right:22px;
  width:46px;
  height:46px;
  border-radius:50%;
  z-index:999;

  background:
    radial-gradient(120% 120% at 20% 20%, rgba(120, 200, 255, 0.35), transparent 60%),
    radial-gradient(120% 120% at 80% 80%, rgba(80, 255, 190, 0.25), transparent 60%),
    linear-gradient(135deg, rgba(0, 110, 255, 0.45), rgba(0, 255, 170, 0.35));

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border:1px solid rgba(140, 220, 255, 0.3);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;

  box-shadow:
    0 10px 26px rgba(0,0,0,0.45),
    inset 0 0 14px rgba(120, 200, 255, 0.25),
    0 0 20px rgba(0, 180, 255, 0.35);

  transition: all .35s ease;
  animation: galaxyPulse 3.2s infinite ease-in-out;
}

#scroll__top svg{
  width:20px;
  height:20px;
  stroke:#eaffff;
  transition: transform .3s ease, stroke .3s ease;
}

#scroll__top:hover{
  transform: translateY(-6px) scale(1.06);
  box-shadow:
    0 16px 38px rgba(0,0,0,0.6),
    inset 0 0 22px rgba(120, 255, 220, 0.4),
    0 0 32px rgba(0, 220, 255, 0.6);
}

#scroll__top:hover svg{
  transform: translateY(-2px);
  stroke:#9fffe8;
}

@keyframes galaxyPulse{
  0%{
    box-shadow:
      0 10px 26px rgba(0,0,0,0.45),
      inset 0 0 14px rgba(120, 200, 255, 0.25),
      0 0 18px rgba(0, 180, 255, 0.3);
  }
  50%{
    box-shadow:
      0 14px 34px rgba(0,0,0,0.55),
      inset 0 0 22px rgba(120, 255, 220, 0.45),
      0 0 30px rgba(0, 220, 255, 0.65);
  }
  100%{
    box-shadow:
      0 10px 26px rgba(0,0,0,0.45),
      inset 0 0 14px rgba(120, 200, 255, 0.25),
      0 0 18px rgba(0, 180, 255, 0.3);
  }
}

/* Wishlist active */
button.cart--icon-button.active{
  background:
    radial-gradient(120% 140% at 10% 20%, rgba(180, 240, 255, 0.55), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(120, 200, 255, 0.45), transparent 60%),
    linear-gradient(135deg, rgba(0, 120, 220, 0.75), rgba(0, 200, 255, 0.75)) !important;
}

/* Dynamic checkout */
.shopify-payment-button__button--unbranded{
  background:
    radial-gradient(120% 140% at 10% 20%, rgba(180, 240, 255, 0.55), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(120, 200, 255, 0.45), transparent 60%),
    linear-gradient(135deg, rgba(0, 120, 220, 0.75), rgba(0, 200, 255, 0.75)) !important;
}



/* Quick view + cart backgrounds */
/* .quick__view__contetnt_wrapper,
.cart-notification,
.shopify-section,
.cart_template_wrapper{
  position: relative;
  background: var(--tgpt-galaxy-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:
    0 18px 40px rgba(0,0,0,0.55),
    inset 0 0 0 1px rgba(255,255,255,0.03);
  overflow:hidden;
} */





/* Cart notification product info text */
.cart-notification-product__info,
.cart-notification-product__info *,
.d-flex,
.totals__subtotal,
.icon-checkmark,
.h2,
.item__success_message{
  color:#fff !important;
}

/* Quantity */
.quantity{ border: 1.5px solid rgba(255,255,255,0.85) !important; }

.quantity__button,
.quantity__button svg,
.quantity__button svg *{
  color:#fff !important;
  fill:#fff !important;
  stroke:#fff !important;
}

.quantity__input{ color:#fff !important; }
.quantity__input:-webkit-autofill{ -webkit-text-fill-color:#fff !important; }

/* Cart notification layout */
cart-notification .cart-notification-product{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
}

cart-notification :where(.cart-notification-product__image, .cart-notification-product__image img, .cart-notification-product img){
  width:70px !important;
  height:70px !important;
  max-width:70px !important;
  max-height:70px !important;
  object-fit:contain !important;
  border-radius:12px !important;
  background:rgba(255,255,255,0.06) !important;
  flex:0 0 70px !important;
}

cart-notification .cart-notification-product__info{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

cart-notification :where(.cart-notification-product__name, .cart-notification-product__info a){
  color:#fff !important;
  font-size:14px !important;
  line-height:1.25 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  word-break:break-word !important;
}

cart-notification .cart-notification-product__info :where(p, span, dd){
  color:rgba(255,255,255,0.85) !important;
  margin:0 !important;
}

cart-notification .cart-notification-product__info .quantity{
  width:120px !important;
  height:38px !important;
  border:1px solid rgba(255,255,255,0.35) !important;
  border-radius:12px !important;
}

@media (max-width:749px){
  cart-notification .cart-notification-product{ gap:10px !important; padding:10px 0 !important; }
  cart-notification :where(.cart-notification-product__image, .cart-notification-product__image img, .cart-notification-product img){
    width:62px !important; height:62px !important; flex:0 0 62px !important;
  }
  cart-notification .cart-notification-product__info .quantity{ width:110px !important; height:36px !important; }
}

/* Cart items text */
.cart-items,
.cart-items *,
.cart-item,
.cart-item *{ color:#fff !important; }

/* Breadcrumbs + cart rows background (fixed syntax, same look) */
.breadcrumbs,
.row .col-12,
.cart_subtotal{
  background: var(--tgpt-galaxy-bg);
}

/* Container label text */
.container,
.cart_subtotal,
.cart__note label{ color:white; }

/* Textareas / inputs */
.text-area,
.text-area--resize-vertical,
.field__input{
  box-shadow: 0 0 0 1.5px rgba(255,255,255,0.8) !important;
  border:none !important;
  color:#fff !important;
  background:transparent !important;
  border-radius:8px;
}

.text-area:focus,
.field__input:focus{
  box-shadow: 0 0 0 2px rgba(255,255,255,1) !important;
}

label[for="Cart-note"],
.cart__note label,
.cart-note__label{ color:#fff !important; }


/* DISABLE CART NOTE & SHIPPING DRAWERS */
.notification_action_drawer {
  display: none !important;
}

/* MINI CART – FORCE SAME IMAGE SIZE */
#offcanvas__mini_cart .cart-notification__product--image {
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  min-height: 84px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;
  border-radius: 14px !important;
  
}

/* Image inside the container */
#offcanvas__mini_cart .cart-notification__product--image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important; /* change to cover if you prefer crop */
  display: block !important;
}

/* CART CLOSE ICON COLOR */
#offcanvas__mini_cart .icon-close {
  color: #ffffff; /* pick any color */
}

.cart_notification_action_button{
  display:none;
}

/* SALE BADGE – Blue & Green Gradient */
.product-sale-badge,
.sale__text,
.badge.product-sale-badge,
.badge.sale__text,
.product-grid-item__badges .badge.color-background-1.gradient
{
  background:
    linear-gradient(
      135deg,
      rgba(0, 140, 255, 0.95),
      rgba(0, 220, 170, 0.95)
    ) !important;

  color: #ffffff !important;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;

  border-radius: 8px;
  padding: 6px 12px;

  box-shadow:
    0 6px 18px rgba(0, 160, 255, 0.45),
    inset 0 0 12px rgba(255, 255, 255, 0.18);
}

/* =====================================
   CART REMOVE – NO FLASH / NO OVERLAY
   ===================================== */

/* hide loading overlay completely */
.cart-notification-product .loading-overlay,
.cart-notification-product.loading .loading-overlay {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* prevent background flash */
.cart-notification-product.loading::before {
  display: none !important;
  opacity: 0 !important;
}

/* hide spinner if injected */
.cart-notification-product svg.spinner {
  display: none !important;
}

/* remove opacity change while removing */
.cart-notification-product.loading {
  opacity: 1 !important;
  transition: none !important;
}



/* SIMPLE TOP-RIGHT ACTIONS */
.product-grid-item__actions{
  background: linear-gradient(135deg,rgba(1, 124, 255, 0.68),rgba(0, 210, 172, 0.52));
  border-radius: 10px;
}

button.cart--icon-button:hover svg {
  transform: scale(1.25);
}

/* FORCE sticky bar to bottom */
.product__sticky{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  z-index: 999999 !important;
}


/* Keep header structure intact, only control inside row */
#shopify__header__section .header__inner{
  display:flex !important;
  align-items:center !important;
}


/* =========================================
   MOBILE OFFCANVAS: FIX WHITE TOP BLOCK + FULL HEIGHT
   ========================================= */

@media (max-width: 991px){

  /* drawer panel */
  .offcanvas-header{
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100dvh !important; /* iOS friendly */
    background: #000 !important;
    color: #fff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* kill any “white container” inside */
  .offcanvas-header *{
    background-color: transparent !important;
  }

  /* if the drawer has a top logo/banner/media block -> make it dark + not huge */
  .offcanvas-header :is(.media, .ratio, .card__media, .image, .image-wrap, .offcanvas__logo, .offcanvas__top){
    background: #000 !important;
  }

  /* common cause: an image/logo area reserving big height */
  .offcanvas-header :is(.offcanvas__logo, .offcanvas__top, .offcanvas__header-top, .offcanvas__header_logo){
    max-height: 70px !important;
    overflow: hidden !important;
  }

  /* if it’s an empty image showing as white, hide it completely */
  .offcanvas-header :is(.offcanvas__logo, .offcanvas__top, .offcanvas__header-top, .offcanvas__header_logo):empty{
    display: none !important;
  }

  /* make links readable */
  .offcanvas-header a,
  .offcanvas-header summary,
  .offcanvas-header span{
    color: #fff !important;
  }

}
.page__header,.section-heading,.newsletter--signup__wrapper,.header__topbar,.contact__form--wrapper ,.product-recommendations__heading{
  padding: 18px 16px !important; /* less padding */

  /* dark galaxy tech gradient */
  background:
    radial-gradient(120% 140% at 15% 20%, rgba(0, 200, 160, 0.25), transparent 60%),
    radial-gradient(120% 140% at 85% 80%, rgba(0, 140, 255, 0.18), transparent 65%),
    linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.85),
      rgba(0, 90, 70, 0.75)
    );

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  border-radius: 14px;
  border: 1px solid rgba(0, 220, 180, 0.25);

  box-shadow:
    0 10px 28px rgba(0,0,0,0.45),
    inset 0 0 18px rgba(0, 200, 170, 0.18);

  color: #eaffff;
}

/* =====================================
   FOOTER SOCIAL SVG: BRAND COLORS ON HOVER
   (place this AFTER your current footer social CSS)
===================================== */

/* Make SVG follow link color */
.footer__list-social .list-social__link svg,
.footer__list-social .list-social__link svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Keep your default style, but don't force white-on-hover */
.footer__list-social .list-social__link:hover {
  color: inherit !important; /* stop forcing white */
}

/* FACEBOOK */
.footer__list-social .list-social__link[href*="facebook"]:hover {
  color: #1877F2 !important;
  border-color: #1877F2 !important;
  background: rgba(24,119,242,.12) !important;
}

/* INSTAGRAM */
.footer__list-social .list-social__link[href*="instagram"]:hover {
  color: #E1306C !important;
  border-color: #E1306C !important;
  background-color: rgba(225, 48, 108, 0.12) !important;
}

/* TIKTOK */
.footer__list-social .list-social__link[href*="tiktok"]:hover {
  color: #25F4EE !important;
  border-color: #25F4EE !important;
  background: rgba(37,244,238,.10) !important;
}
/* =====================================
   SOCIAL ICONS – BRAND COLOR ON HOVER
===================================== */

/* Default state */
.list-social__link {
  color: #bfc9d4; /* neutral light gray */
  transition: color 0.25s ease, transform 0.25s ease;
}

/* Slight lift on hover (optional but nice) */
.list-social__link:hover {
  transform: translateY(-2px);
}

/* FACEBOOK */
.list-social__link[href*="facebook"]:hover,
.list-social__link--facebook:hover {
  color: #1877F2 !important;
}

/* INSTAGRAM */
.list-social__link[href*="instagram"]:hover,
.list-social__link--instagram:hover {
  color:rgb(209, 50, 103) !important;
}

/* TIKTOK */
.list-social__link[href*="tiktok"]:hover,
.list-social__link--tiktok:hover {
  color: #25F4EE !important;
}

/* =====================================
   COLLECTION LIST – 2 ITEMS PER ROW
===================================== */

/* Mobile */
@media (max-width: 767px) {
  .collection-list {
    display: flex;
    flex-wrap: wrap;
  }

  .collection-list__item.col {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

.share-button__button:hover {
  color: #ffffff !important;
}
/* .social__share_box.d-flex.align-items-center a,.share-button__button {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.social__share_box.d-flex.align-items-center a:hover,.share-button__button:hover {
  transform: translateY(-4px) scale(1.03);
} */

.product__sticky.sticky {
  display: none !important;
}

.cart_notification_topbar .item__empty_message,
.cart_notification_topbar h3  {
  color: #ffffff !important; /* change to any color you want */
}


/* =========================================================
   HIDE SOCIAL + WISHLIST FROM DESKTOP HEADER MENU
   BUT KEEP THEM IN MOBILE OFFCANVAS MENU
========================================================= */

/* 1) Hide from desktop header menu */
@media (min-width: 992px) {
  /* Desktop menu (header) */
  .header__menu_li a[href*="facebook"],
  .header__menu_li a[href*="instagram"],
  .header__menu_li a[href*="tiktok"],
  .header__menu_li a[href*="wishlist"],
  .header__menu_li a[href*="wish-list"],
  .header__menu_li a[href*="/pages/wishlist"],
  .header__menu_li a[href*="/apps/wishlist"],
  .header__menu_li a[href*="wishlist"] {
    display: none !important;
  }

  /* Hide the <li> itself if it contains those links */
  .header__menu_li:has(a[href*="facebook"]),
  .header__menu_li:has(a[href*="instagram"]),
  .header__menu_li:has(a[href*="tiktok"]),
  .header__menu_li:has(a[href*="wishlist"]),
  .header__menu_li:has(a[href*="wish-list"]),
  .header__menu_li:has(a[href*="/pages/wishlist"]),
  .header__menu_li:has(a[href*="/apps/wishlist"]) {
    display: none !important;
  }
}

/* 2) Force show in mobile menu (offcanvas / drawer) */
@media (max-width: 991px) {
  .offcanvas-header .header__menu_li,
  .offcanvas-header .header__menu_li a,
  .menu-drawer .header__menu_li,
  .menu-drawer .header__menu_li a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/* =========================================================
   MOBILE ONLY – SOCIAL TEXT COLORS (OFFCANVAS MENU)
========================================================= */
@media (max-width: 991px) {

  /* Facebook */
  .offcanvas-header a[href*="facebook"],
  .offcanvas-header summary[href*="facebook"],
  .offcanvas-header span[href*="facebook"],
  .offcanvas-header span:has(a[href*="facebook"]) {
    color: #1877F2 !important;
  }

  /* Instagram */
  .offcanvas-header a[href*="instagram"],
  .offcanvas-header summary[href*="instagram"],
  .offcanvas-header span[href*="instagram"],
  .offcanvas-header span:has(a[href*="instagram"]) {
    color: #E1306C !important;
  }

  /* TikTok */
  .offcanvas-header a[href*="tiktok"],
  .offcanvas-header summary[href*="tiktok"],
  .offcanvas-header span[href*="tiktok"],
  .offcanvas-header span:has(a[href*="tiktok"]) {
    color: #25F4EE !important;
  }

}

/* =========================================================
   MOBILE OFFCANVAS MENU - POLISHED DRAWER
========================================================= */
@media (max-width: 991px) {
  .offcanvas-header {
    width: min(88vw, 360px) !important;
    max-width: 360px !important;
    height: 100dvh !important;
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
    background:
      radial-gradient(120% 90% at 18% 0%, rgba(31, 180, 84, 0.16), transparent 56%),
      radial-gradient(120% 90% at 100% 18%, rgba(0, 200, 255, 0.12), transparent 60%),
      linear-gradient(180deg, #101820 0%, #090d12 100%) !important;
    border-right: 1px solid rgba(124, 252, 93, 0.18) !important;
    border-radius: 0 22px 22px 0 !important;
    box-shadow: 20px 0 55px rgba(0, 0, 0, 0.62) !important;
    color: #edf6ff !important;
    overflow: hidden !important;
  }

  .offcanvas-header.open {
    visibility: visible !important;
  }

  .offcanvas-header.open ~ .offcanvas-overlay,
  .offcanvas-overlay.open {
    z-index: 9998 !important;
    opacity: 0.68 !important;
    background: rgba(3, 6, 10, 0.82) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }

  body:has(.offcanvas-header.open) .mobile-bottom-nav {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(18px) !important;
  }

  .offcanvas__inner {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  .offcanvas__logo {
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 12px !important;
    max-height: none !important;
    min-height: 86px !important;
    padding: 16px 16px 14px !important;
    background:
      linear-gradient(135deg, rgba(20, 31, 42, 0.92), rgba(8, 13, 19, 0.94)) !important;
    border-bottom: 1px solid rgba(124, 252, 93, 0.14) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.04) !important;
    overflow: visible !important;
  }

  .offcanvas__logo_link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    max-width: calc(100% - 54px) !important;
    padding: 0 !important;
    color: #f4f9ff !important;
    text-decoration: none !important;
  }

  .offcanvas__logo_link::after {
    content: none;
  }

  .offcanvas__logo_link img {
    width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    object-fit: contain !important;
    margin: 0 !important;
    filter: drop-shadow(0 0 12px rgba(124, 252, 93, 0.22));
  }

  .offcanvas__brand-text {
    color: #f4f9ff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .offcanvas__close_btn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  }

  .offcanvas__close_btn:hover {
    background: rgba(124, 252, 93, 0.1) !important;
    border-color: rgba(124, 252, 93, 0.34) !important;
    transform: scale(1.03);
  }

  .offcanvas__close_btn::before,
  .offcanvas__close_btn::after {
    left: 12px !important;
    width: 18px !important;
    height: 2px !important;
    background: #edf6ff !important;
  }

  .quick__information--body {
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .offcanvas__inner .quick__links {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 14px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .offcanvas__menu {
    height: auto !important;
    overflow: visible !important;
  }

  .offcanvas__menu_ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .offcanvas__menu_li,
  .offcanvas__menu_li:first-child {
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    overflow: hidden !important;
  }

  .offcanvas__menu_item {
    min-height: 50px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #edf6ff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    border-radius: 14px !important;
    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  }

  .offcanvas__menu_item:hover {
    color: #7cfc5d !important;
    background: rgba(124, 252, 93, 0.08) !important;
    transform: translateX(2px);
  }

  .offcanvas__sub_menu_toggle {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #bdc9d5 !important;
    line-height: 1 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
  }

  .offcanvas__menu_li:has(> .offcanvas__sub_menu_toggle) > .offcanvas__menu_item,
  .offcanvas__sub_menu_li:has(> .offcanvas__sub_menu_toggle) > .offcanvas__sub_menu_item {
    padding-right: 52px !important;
  }

  .offcanvas__sub_menu_li {
    position: relative !important;
  }

  .offcanvas__sub_menu_li > .offcanvas__sub_menu_toggle {
    top: 50% !important;
  }

  .offcanvas__menu_item--expandable,
  .offcanvas__sub_menu_item--expandable {
    cursor: pointer !important;
  }

  .offcanvas__menu_item--expandable[aria-expanded="true"],
  .offcanvas__sub_menu_item--expandable[aria-expanded="true"] {
    color: #7cfc5d !important;
  }

  .offcanvas__sub_menu_toggle::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 9px !important;
    height: 9px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    transform-origin: center !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
  }

  .offcanvas__sub_menu_toggle::after {
    content: none !important;
  }

  .offcanvas__sub_menu_toggle.active {
    color: #7cfc5d !important;
  }

  .offcanvas__sub_menu_toggle.active::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  .offcanvas__sub_menu {
    padding: 0 10px 12px !important;
  }

  .offcanvas__sub_menu_li {
    border: 0 !important;
  }

  .offcanvas__sub_menu_item {
    margin-top: 6px !important;
    min-height: 50px !important;
    padding: 12px 12px 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    color: #b9c5d1 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  .offcanvas__menu_item.user--menu__icon svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }

  .offcanvas__menu_li:has(a[href*="facebook"]),
  .offcanvas__menu_li:has(a[href*="instagram"]),
  .offcanvas__menu_li:has(a[href*="tiktok"]) {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.045) !important;
  }

  .offcanvas__menu_item[href*="facebook"] {
    color: #8fbdff !important;
    background: linear-gradient(135deg, rgba(24, 119, 242, 0.16), rgba(255, 255, 255, 0.03)) !important;
  }

  .offcanvas__menu_item[href*="instagram"] {
    color: #ff82b2 !important;
    background: linear-gradient(135deg, rgba(225, 48, 108, 0.16), rgba(255, 255, 255, 0.03)) !important;
  }

  .offcanvas__menu_item[href*="tiktok"] {
    color: #7ffcf6 !important;
    background: linear-gradient(135deg, rgba(37, 244, 238, 0.14), rgba(255, 255, 255, 0.03)) !important;
  }

  .offcanvas__menu_item[href*="facebook"]::after,
  .offcanvas__menu_item[href*="instagram"]::after,
  .offcanvas__menu_item[href*="tiktok"]::after {
    content: "";
    margin-left: auto;
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 14px currentColor;
    opacity: 0.9;
  }
}


html:not([data-color-mode="light"]) .facet-filters__field .select__select,
html:not([data-color-mode="light"]) .mobile-facets__sort .select__select {
  background: #000000 !important;
  color: #ffffff !important;
}

html[data-color-mode="light"] .facet-filters__field .select__select,
html[data-color-mode="light"] .mobile-facets__sort .select__select {
  background: #ffffff !important;
  color: #0f172a !important;
}

.mobile-facets__open:hover {
  color:white !important
}

.ts7-filter-search-box input {

    color: white;
}

.ts7-filter-search-icon svg{
display:none;
}

/* ================================
   TS7 – FORCE DARK MODE
================================ */

/* Main widget + results */
.ts7-main-dynamic-container {
  --ts7-widget-main-bg:rgb(0, 0, 0);
  --ts7-widget-lable-bg-color:rgb(0, 0, 0);
  --ts7-widget-view-all-link-bg-color:rgb(0, 0, 0);
  --ts7-result-filter-bg-color:rgb(0, 0, 0);
  --ts7-result-qv-bg-color:rgb(0, 0, 0);
}

/* Any text elements inside (safe coverage) */
.ts7-filter-dynamic p,
.ts7-filter-dynamic span,
.ts7-filter-dynamic label,
.ts7-filter-dynamic a,
.ts7-filter-dynamic h4{
  color: #ffffff !important;
}

.ts7-filter-label input[type="checkbox"],
.ts7-filter-label input[type="checkbox"]:checked {
  appearance: none;
  -webkit-appearance: none;

  width: 16px;
  height: 16px;

  border-radius: var(--ts7-result-check-box-border-radius-color);
  border: 1px solid #ffffff !important;
  background-color: transparent !important;
  cursor: pointer;
}
.ts7-filter-label input[type="checkbox"]:checked::after {
  content: "✓";
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  display: block;
}


#idFilterSearchBox {
    height:46px !important;
 
  background:rgba(0,0,0,.2) !important;
  backdrop-filter: blur(8px);
  border:1px solid rgb(58 130 177 / 35%) !important;
  border-radius:14px !important;
  color:#fff !important;
  font-size:15px !important;
  outline:none !important;
}
#idFilterSearchBox::placeholder {
   color: rgba(92, 148, 180, 0.55) !important;
}


#id_ts7_filter_max_price_text,
#id_ts7_filter_min_price_text {
  height: 35px !important;
  background: rgba(0,0,0,.2) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgb(58 130 177 / 35%) !important;
  border-radius: 14px !important;

  color: #ffffff !important;          /* typed text */
  caret-color: #ffffff !important;    /* cursor */
  font-size: 15px !important;
  outline: none !important;
}
/* Make selected (highlighted) text visible inside these inputs */
#id_ts7_filter_max_price_text::selection,
#id_ts7_filter_min_price_text::selection {
  background: rgba(0, 180, 255, 0.35) !important; /* highlight color */
  color: #ffffff !important;
}

/* Firefox */
#id_ts7_filter_max_price_text::-moz-selection,
#id_ts7_filter_min_price_text::-moz-selection {
  background: rgba(0, 180, 255, 0.35) !important;
  color: #ffffff !important;
}


.ts7-product-grid .ts7-product-price .ts7-price.discount,.ts7-discount-price {
    color: #91c7b4;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: #fff9;
    opacity: .7;
    font-weight: 500;
}

.ts7-product-grid .ts7-product-price .ts7-pro-price,.ts7-dropbtn {
      color: rgb(255, 255, 255) !important; /* green */
    margin: 5px 5px 5px 0;
}


.ts7-pbc-list-grid .title a, .ts7-product-grid .title a,.ts7-show-result-span {

    color: white;
}
.ts7-preview-pro-discription span {
    color: white;
opacity:0.7;
}

.ts7-dropbtn:hover{
  color:black !important;

}


/* If SVG uses paths instead of direct svg fill */
.ts7-container .ts7-filter-nav {
  fill:rgb(255, 255, 255) !important;
}



/* TS7 Add to Cart button – bordered like site buttons */
.ts7-result-btn.ts7-outline-btn.ts7_result-addToCart {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(120% 140% at 15% 20%, rgba(0, 200, 255, .35), transparent 60%), radial-gradient(120% 140% at 85% 80%, rgba(0, 255, 170, .3), transparent 60%), linear-gradient(135deg, #0078dca6, #00ffaaa6) !important;    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(120, 220, 210, .35);
    color: #ecfbff !important;
    box-shadow: 0 8px 22px #00000059, inset 0 0 18px #78dcd240, 0 0 18px #00c8ff59;
    transition: all .25s ease;
}
.ts7-result-btn.ts7-outline-btn.ts7_result-addToCart:hover{
    background:
    radial-gradient(120% 140% at 10% 20%, rgba(180, 240, 255, 0.55), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(120, 200, 255, 0.45), transparent 60%),
    linear-gradient(135deg, rgba(0, 120, 220, 0.75), rgba(0, 200, 255, 0.75)) !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,0.55),
    inset 0 0 22px rgba(180, 240, 255, 0.45),
    0 0 30px rgba(0, 200, 255, 0.65);

  transform: translateY(-1px);
}



.ts7-modal-content {
    background: black;
}
.ts7-modal-content .ts7-additional-field, .ts7-modal-content .ts7-pro-price, .ts7-product-detail, .ts7-product-name,.ts7-quantity,.ts7-input{
  color:white;
}

/*eye on product */
.ts7_result-quickView {
    box-shadow:
    0 12px 30px rgba(0,0,0,0.55),
    inset 0 0 22px rgba(180, 240, 255, 0.45),
    0 0 30px rgba(0, 200, 255, 0.65);
}

.ts7-input::selection{
  background: rgba(0, 180, 255, 0.35) !important; /* highlight color */
}



.ts7-container .ts7-d-flex.ts7-align-center.ts7-flex-wrap.ts7-p-bottom {
  display: inline-flex;
  align-items: center;
  justify-content: center;

 
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;

  color: #ffffff !important;
  background: transparent;

  cursor: pointer;
  transition: all .25s ease;
}

#id_quick_main_img_29547257659564{
  border-radius:10px !important;
}




/* TS7 QV — ADD TO CART */
.ts7-button.ts7-result-btn.ts7-qv-add-to-cart-btn.ts7-show-add-to-cart {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  background:
    radial-gradient(120% 140% at 15% 20%, rgba(0, 200, 255, .35), transparent 60%),
    radial-gradient(120% 140% at 85% 80%, rgba(0, 255, 170, .3), transparent 60%),
    linear-gradient(135deg, #0078dca6, #00ffaaa6) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(120, 220, 210, .35);
  color: #ecfbff !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.35),
    inset 0 0 18px rgba(120,220,210,.25),
    0 0 18px rgba(0,200,255,.45);

  transition: all .25s ease;
}

.ts7-button.ts7-result-btn.ts7-qv-add-to-cart-btn.ts7-show-add-to-cart:hover {
  background:
    radial-gradient(120% 140% at 10% 20%, rgba(180, 240, 255, 0.55), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(120, 200, 255, 0.45), transparent 60%),
    linear-gradient(135deg, rgba(0, 120, 220, 0.75), rgba(0, 200, 255, 0.75)) !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,0.55),
    inset 0 0 22px rgba(180,240,255,.45),
    0 0 30px rgba(0,200,255,.65);

  transform: translateY(-1px);
}


/* ===============================
   TECH-GPT GALAXY LOADING SPINNER
================================ */

.ts7-loading-icon {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  z-index: 9999; /* Ensure it's above other content */
}

.ts7-loading-icon::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #00ffb2;
  border-right-color: #00cfff;
  box-shadow:
    0 0 12px rgba(0, 255, 178, 0.6),
    0 0 24px rgba(0, 207, 255, 0.4);
  animation: techgpt-spin 0.9s linear infinite;
}

@keyframes techgpt-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.price__sale .price-item--sale,
.price .price-item--sale,.price-item--regular {
  color: #fff !important;
}





.instagram--item {
  border-radius: 16px;
  box-shadow:
    0 0 0 1px rgba(0, 230, 184, 0.25),
    0 10px 28px rgba(0, 0, 0, 0.4);
}

.image-with-text__text-item {
  display: flex;
  flex-direction: column;
  gap: 24px; /* space between elements */
}
.image-with-text__text-item::after {
  content: "";
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    #00e6b8,
    #00a86b,
    transparent
  );
  margin: 12px 0 18px;
  opacity: 0.7;
}
.image-with-text__text-item .button:first-of-type {
  margin-bottom: 20px;
  position: relative;
}

.image-with-text__text-item .button:first-of-type::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    #00e6b8,
    #00a86b,
    transparent
  );
}


/* ================================
   TECH-GPT WhatsApp Share Button
================================ */

/* keep the share row nice */
.social__share_box{
  gap: 12px !important;
  flex-wrap: wrap !important; /* so it won't break on small widths */
}

/* container */
.whatsapp-share-button{
  display: flex !important;
  align-items: center !important;
}

/* the actual button link */
.whatsapp-share-button > a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
margin-bottom:10px;
  height: 44px !important;          /* same vibe as Add to Cart */
  padding: 0 18px !important;

  border-radius: 12px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: .2px !important;

  color: #ffffff !important;

  /* Tech-GPT dark + WhatsApp green gradient */
    background: radial-gradient(120% 140% at 15% 20%, rgba(0, 180, 255, .22), transparent 60%), radial-gradient(120% 140% at 85% 80%, rgba(0, 255, 160, .18), transparent 60%), linear-gradient(135deg, #0a2230, #0f4d38, #9fdc2e) !important;
    border: .1px solid rgb(0, 0, 0);

  box-shadow:
    0 10px 26px rgba(0,0,0,.55),
    inset 0 0 16px rgba(37,211,102,.25),
    0 0 18px rgba(37,211,102,.40) !important;

  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease !important;
}

/* icon */
.whatsapp-share-button > a svg{
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 auto !important;
  filter: drop-shadow(0 0 6px rgba(37,211,102,.45));
}

/* hover */
.whatsapp-share-button > a:hover{
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.65),
    inset 0 0 18px rgba(37,211,102,.35),
    0 0 28px rgba(37,211,102,.70) !important;
}

/* active */
.whatsapp-share-button > a:active{
  transform: scale(.98) !important;
}

/* ================================
   TECH-GPT WhatsApp Button (Unified)
================================ */
.whatsapp-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  height: 40px !important;
  min-height: 40px !important;
  padding: 0 18px !important;

  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .2px !important;
  text-decoration: none !important;

  color: #ffffff !important;

  /* Dark glass + WhatsApp green gradient */
  background:
    radial-gradient(120% 140% at 20% 20%, rgba(37,211,102,.35), transparent 55%),
    linear-gradient(135deg, #0a2a18, #25D366) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 0.1px solid rgb(0, 0, 0);

  box-shadow:
    0 10px 26px rgba(0,0,0,.55),
    inset 0 0 16px rgba(37,211,102,.25),
    0 0 18px rgba(37,211,102,.40) !important;

  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease !important;
}

/* Hover */
.whatsapp-btn:hover{
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.65),
    inset 0 0 18px rgba(37,211,102,.35),
    0 0 28px rgba(37,211,102,.70) !important;
}

/* Active */
.whatsapp-btn:active{
  transform: scale(.98) !important;
}

/* ==================================================
   TECH-GPT — Dynamic checkout (Buy it now)
   Blue + Green + Yellow blend
================================================== */
.shopify-payment-button__button--unbranded {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* SIZE */
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 24px !important;

  /* COLOR BLEND (blue → green → yellow) */
  background:
    radial-gradient(120% 140% at 15% 20%, rgba(0,180,255,.28), transparent 60%),
    radial-gradient(120% 140% at 85% 80%, rgba(0,255,160,.22), transparent 60%),
    linear-gradient(135deg, #003a52, #0c5f3b, #c6ff2e) !important;

  color: #ecfff4 !important;

  border-radius: 12px !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .3px !important;

  box-shadow:
    0 6px 18px rgba(0,0,0,.55),
    inset 0 0 14px rgba(0,255,160,.22),
    0 0 14px rgba(0,180,255,.35) !important;

  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease !important;
}
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background:
    radial-gradient(120% 140% at 15% 20%, rgba(80,220,255,.45), transparent 60%),
    radial-gradient(120% 140% at 85% 80%, rgba(120,255,200,.35), transparent 60%),
    linear-gradient(135deg, #004e70, #117a4d, #d6ff4a) !important;

  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;

  box-shadow:
    0 10px 26px rgba(0,0,0,.65),
    inset 0 0 18px rgba(120,255,200,.32),
    0 0 24px rgba(0,200,255,.55) !important;
}
.shopify-payment-button__button--unbranded[disabled] {
  opacity: .55 !important;
  filter: grayscale(.25) !important;
  cursor: not-allowed !important;
}


/* ==================================================
   TECH-GPT — Global buttons (Primary / Secondary)
   Compatible with Buy & Buy It Now
================================================== */
.button,
.customer button,
.shopify-challenge__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  /* SIZE & FEEL */
  min-height: 44px;
  padding: 0 22px;
  font-weight: 600;
  letter-spacing: .25px;

  /* COLOR SYSTEM (Blue → Green → Yellow, calmer) */
  background:
    radial-gradient(120% 140% at 15% 20%, rgba(0,180,255,.22), transparent 60%),
    radial-gradient(120% 140% at 85% 80%, rgba(0,255,160,.18), transparent 60%),
    linear-gradient(135deg, #0a2230, #0f4d38, #9fdc2e) !important;
  border: 0.1px solid rgb(0, 0, 0);

  color: #eafff7 !important;

  border-radius: 12px;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 6px 18px rgba(0,0,0,.45),
    inset 0 0 14px rgba(0,255,160,.18),
    0 0 12px rgba(0,180,255,.28);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    filter .2s ease,
    background .25s ease;
}
.button:hover,
.customer button:hover,
.shopify-challenge__button:hover {
  background:
    radial-gradient(120% 140% at 15% 20%, rgba(80,220,255,.35), transparent 60%),
    radial-gradient(120% 140% at 85% 80%, rgba(120,255,200,.28), transparent 60%),
    linear-gradient(135deg, #0d3245, #147055, #b8ff3c) !important;

  transform: translateY(-1px);
  filter: brightness(1.05);

  box-shadow:
    0 10px 24px rgba(0,0,0,.6),
    inset 0 0 18px rgba(120,255,200,.25),
    0 0 18px rgba(0,200,255,.45);
}
.button:disabled,
.customer button:disabled,
.shopify-challenge__button:disabled {
  opacity: .55;
  filter: grayscale(.25);
  cursor: not-allowed;
  box-shadow: none;
}

.ts7-search-paging-pager__item--next svg,
.ts7-search-paging-pager__item--prev svg {
  width: 20px;
  height: 14px;
  fill:rgb(255, 255, 255); /* soft white */
  transition: fill .25s ease, transform .25s ease, filter .25s ease;
}
.ts7-search-paging-pager__item--next:hover svg,
.ts7-search-paging-pager__item--prev:hover svg {
  fill:rgb(61, 198, 185);
  transform: translateX(2px); /* subtle motion */
}
.ts7-search-paging-pager__item--prev:hover svg {
  transform: translateX(-2px);
}


.ts7-search-paging-pager__item:hover {
  color: rgb(61, 198, 185);
}
#open-modal .ts7-modal-close .ts7-close-btn svg path, .ts7-result-btn svg {
    fill: rgb(61, 198, 185);
}


.ts7-buy-btn {


  /* Tech-GPT Add to Cart style */
  background: linear-gradient(135deg,
    rgba(0, 180, 255, 0.9),
    rgba(0, 255, 170, 0.9)
  );

  text-shadow:
    0 0 6px rgba(0, 180, 255, 0.45),
    0 0 10px rgba(0, 255, 170, 0.35);
}

.ts7-buy-btn:hover {


  /* Tech-GPT Add to Cart style */
   background:
    radial-gradient(120% 140% at 10% 20%, rgba(180, 240, 255, 0.55), transparent 60%),
    radial-gradient(120% 140% at 90% 80%, rgba(120, 200, 255, 0.45), transparent 60%),
    linear-gradient(135deg, rgba(0, 120, 220, 0.75), rgba(0, 200, 255, 0.75)) !important;

  text-shadow:
    0 0 6px rgba(0, 180, 255, 0.45),
    0 0 10px rgba(0, 255, 170, 0.35);
      transform: translateY(-1px);

}

/* Quick View – force media box height + center image (mobile) */
@media (max-width: 991px) {

  quick-view-modal .media,
  .quick__view__contetnt_wrapper .media,
  #quickViewWrapper .media {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;

    /* IMPORTANT: don't use height:auto here */
    height: clamp(260px, 60vw, 420px) !important;
  }

  /* because your theme makes the image absolute 100% */
  quick-view-modal .media img,
  .quick__view__contetnt_wrapper .media img,
  #quickViewWrapper .media img {
    object-fit: contain !important;   /* full image visible */
    object-position: center !important;
  }

  /* If your quick view uses .media > video / model-viewer too */
  quick-view-modal .media model-viewer,
  #quickViewWrapper .media model-viewer {
    object-fit: contain !important;
  }
}


/* FIX cart popup cut on mobile (allow scroll + safe area) */
.cart-notification,
cart-notification,
.quick__view__contetnt_wrapper {
  overflow: visible !important; /* remove the clipping */
}

/* 3) Remove galaxy background from quick view + cart areas (keep blur/border) */
.quick__view__contetnt_wrapper,
.cart-notification,
.cart_template_wrapper,
.shopify-section {
  background: rgb(0, 0, 0) !important;
  background-image: none !important;
}


.button.gird__column_icon.active {
  color: rgb(61, 198, 185);
}
.facets__summary{
  color: rgb(61, 198, 185);

}
/* Keep Add to Cart + WhatsApp on the same line */
.product-form__cart--box{
  display: flex !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

/* Make both buttons behave like inline-flex buttons */
.product__add__cart__button,
.whatsapp-atc{
  flex: 0 0 auto;
}

.product__add__cart__button .product-form__submit{
  width: auto !important;
  min-width: 180px; /* adjust if you want */
}

/* WhatsApp button sizing */
.whatsapp-atc{
  width: auto !important;
  min-width: 160px; /* adjust if you want */
  white-space: nowrap;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 16px; /* match your theme button padding */
}

/* If quantity exists, keep it from forcing a wrap */
.product-form__quantity{
  flex: 0 0 auto;
}


  
/* wrapper */
.whatsapp-btn{
  /* display: flex;
  justify-content: center;
  width: 100%; */
  margin-bottom:10px;
}

/* ===================================================== */
/* MOBILE HEADER REBUILD (clean + professional) */
/* ===================================================== */

#shopify__header__section .header__heading-logo--tgpt-wordmark {
  width: clamp(150px, 14vw, 220px) !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

#shopify__header__section .header__heading-logo-picture--desktop-lockup {
  display: block;
  line-height: 0;
}

@media (min-width: 992px) {
  #shopify__header__section .header__heading-logo-picture--desktop-lockup {
    width: clamp(190px, 13vw, 255px);
  }

  #shopify__header__section .header__heading-logo-picture--desktop-lockup .header__heading-logo--tgpt-wordmark {
    width: 100% !important;
    max-height: 82px;
    object-fit: contain !important;
    object-position: center !important;
  }
}

.topbar-mobile-logo {
  display: none;
}

.mobile-bottom-nav {
  display: none;
}

@media (max-width: 991px) {
  :root {
    --tgpt-mobile-bottom-nav-height: 72px;
    --tgpt-mobile-bottom-nav-offset: calc(var(--tgpt-mobile-bottom-nav-height) + env(safe-area-inset-bottom));
  }

  #shopify__header__section .header_bottom {
    padding: 10px 0 12px !important;
    background: #0b0f14 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #shopify__header__section .container {
    padding-inline: 12px !important;
  }

  #shopify__header__section .header__inner {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center !important;
    gap: 12px;
    width: 100%;
    margin: 0 !important;
  }

  #shopify__header__section .header__logo,
  #shopify__header__section .header__menu.d-md-none,
  #shopify__header__section .header__actions > .header__actions_btn--wishlist,
  #shopify__header__section .header__actions > .header__actions_btn--user,
  #shopify__header__section .header__actions > open-minicart,
  #shopify__header__section .header__actions > .header__actions_btn--cart,
  #shopify__header__section .header__actions > .information--drawer__trigger {
    display: none !important;
  }

  #shopify__header__section .col-auto.menu--bar-lines {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #shopify__header__section .mobile__menu_bar.header__actions_btn--menu {
    position: static !important;
    transform: none !important;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: #161d26;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 18px rgba(0, 0, 0, 0.32);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  #shopify__header__section .mobile__menu_bar.header__actions_btn--menu svg {
    display: none !important;
  }

  #shopify__header__section .mobile__menu_bar.header__actions_btn--menu::before {
    content: "";
    width: 21px;
    height: 2.4px;
    border-radius: 999px;
    background: #edf4fb;
    box-shadow: 0 -7px 0 #edf4fb, 0 7px 0 #edf4fb;
  }

  #shopify__header__section .header__actions {
    width: 100% !important;
    min-width: 0;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #shopify__header__section .header-inline-search {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    max-width: none !important;
  }

  #shopify__header__section .header-inline-search__form {
    width: 100% !important;
    margin: 0 !important;
  }

  #shopify__header__section .header-inline-search__input {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 66px 0 42px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(87, 255, 75, 0.2) !important;
    background: #111417 !important;
    color: #f2f7fd !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    backdrop-filter: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 18px rgba(0, 0, 0, 0.28);
    appearance: none !important;
  }

  #shopify__header__section .header-inline-search__input::placeholder {
    color: #8ea2b6 !important;
    opacity: 1;
  }

  #shopify__header__section .header-inline-search__lead-icon {
    left: 14px !important;
    color: #90a6b9 !important;
  }

  #shopify__header__section .header-inline-search__btn {
    top: 4px !important;
    right: 4px !important;
    width: 42px !important;
    height: 40px !important;
    border-radius: 11px !important;
    background: #63df4b !important;
    color: #071109 !important;
    border: 1px solid rgba(99, 223, 75, 0.68) !important;
    box-shadow: 0 6px 14px rgba(99, 223, 75, 0.28);
  }

  #shopify__header__section .header-inline-search__btn:hover {
    background: #72ea59 !important;
  }

  #shopify__header__section .ts7-micro_phone__button {
    display: none !important;
  }

  #shopify__header__section .mobile-theme-toggle {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: #161d26;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 18px rgba(0, 0, 0, 0.32);
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #f0f6fd !important;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
  }

  #shopify__header__section .mobile-theme-toggle::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.09) 0%, transparent 60%);
    pointer-events: none;
  }

  #shopify__header__section .mobile-theme-toggle:hover {
    border-color: rgba(99, 223, 75, 0.45);
    color: #63df4b !important;
  }

  #shopify__header__section .mobile-theme-toggle svg {
    width: 21px;
    height: 21px;
    position: relative;
    z-index: 1;
  }

  #shopify__header__section .mobile-theme-toggle__icon--moon {
    display: none;
  }

  html[data-color-mode="light"] #shopify__header__section .mobile-theme-toggle__icon--sun {
    display: none;
  }

  html[data-color-mode="light"] #shopify__header__section .mobile-theme-toggle__icon--moon {
    display: block;
  }

  .header__topbar {
    padding: 4px 0 !important;
    background: #0b0f14 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .header__topbar .container {
    padding-inline: 12px !important;
  }

  .header__topbar .row {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 54px;
    align-items: center !important;
    gap: 6px;
    margin: 0 !important;
  }

  .header__topbar .row::after {
    content: "";
    grid-column: 3;
    display: block;
    width: 54px;
    height: 1px;
  }

  .header__topbar .row > div {
    grid-column: 2;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    padding: 0 !important;
  }

  .topbar-mobile-logo {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    width: 54px;
    height: 38px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 13px;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    flex-shrink: 0;
  }

  .topbar-mobile-logo img {
    display: block;
    width: 35px;
    height: 35px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(99, 223, 75, 0.26));
  }

  .header__topbar p.mb-0 {
    margin: 0 !important;
  }

  .header__topbar .topbar-home-link {
    color: #e9eff6 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    min-height: 38px;
    padding: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    letter-spacing: 0.01em;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .header__topbar .topbar-home-link::before {
    content: none;
  }

  @media (max-width: 380px) {
    .topbar-mobile-logo {
      width: 50px;
    }

    .topbar-mobile-logo img {
      width: 33px;
      height: 33px;
    }

    .header__topbar .topbar-home-link {
      font-size: 13px;
      padding-inline: 12px;
    }
  }

  body {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset) + 16px) !important;
  }

  .mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 2px;
    min-height: var(--tgpt-mobile-bottom-nav-height);
    padding: 9px 10px calc(8px + env(safe-area-inset-bottom));
    border-radius: 18px 18px 0 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 0;
    background: rgba(12, 16, 21, 0.98);
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  .mobile-bottom-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 52px;
    color: #c5d0db;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
  }

  .mobile-bottom-nav__item svg {
    width: 22px;
    height: 22px;
  }

  .mobile-bottom-nav__item.is-active {
    color: #7cfc5d;
  }

  .mobile-bottom-nav__icon-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-bottom-nav__badge {
    position: absolute;
    top: -6px;
    right: -9px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #7cfc5d;
    color: #07110a;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .product__sticky {
    bottom: calc(var(--tgpt-mobile-bottom-nav-offset) + 8px) !important;
  }

  body.sticky__cart {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset) + 84px) !important;
  }

  .cart_subtotal,
  #main-cart-footer,
  .cart__footer,
  .cart__ctas,
  .cart__dynamic-checkout-buttons,
  .checkout-actions,
  .product__add__cart__button,
  .shopify-payment-button,
  .template-product .product-form__buttons {
    margin-bottom: calc(var(--tgpt-mobile-bottom-nav-offset) + 8px) !important;
  }

  .template-search .template-search__header {
    text-align: left !important;
    margin-bottom: 18px !important;
  }

  .template-search .tgpt-search-header__title {
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1.06 !important;
    color: #ffffff !important;
    letter-spacing: 0 !important;
  }

  .template-search .tgpt-search-header__meta {
    margin: 8px 0 0 !important;
    color: #b8c2cf !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .template-search .template-search__search {
    margin: 0 0 16px !important;
    max-width: 100% !important;
  }

  .template-search .search_result_page {
    width: 100% !important;
  }

  .template-search .search.search-modal__form {
    margin-top: 0 !important;
  }

  .template-search .search__input_field.input__field_form {
    position: relative !important;
    width: 100% !important;
  }

  .template-search .tgpt-search-form__lead-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8ea2b6;
    pointer-events: none;
    z-index: 2;
  }

  .template-search .tgpt-search-form__lead-icon svg {
    width: 17px;
    height: 17px;
  }

  .template-search .search__input.input__field {
    height: 46px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(87, 255, 75, 0.2) !important;
    background: #111417 !important;
    color: #f2f7fd !important;
    padding: 0 62px 0 42px !important;
    font-size: 15px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 16px rgba(0, 0, 0, 0.24) !important;
  }

  .template-search .search__input.input__field::placeholder {
    color: #8ea2b6 !important;
    opacity: 1 !important;
  }

  .template-search .input__field_form_button.search__button {
    position: absolute !important;
    right: 4px !important;
    top: 4px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(99, 223, 75, 0.68) !important;
    background: #63df4b !important;
    color: #071109 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 14px rgba(99, 223, 75, 0.28) !important;
  }

  .template-search .input__field_form_button.search__button svg {
    width: 16px !important;
    height: 16px !important;
  }

  .template-search .template-search__results .row[data-product-column] {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    row-gap: 10px;
  }

  .template-search .template-search__results .row[data-product-column] > .col {
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
  }

  .template-search .template-search__results .product-grid-item {
    display: grid !important;
    grid-template-columns: 108px minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin: 0 !important;
    border: 1px solid rgba(87, 255, 75, 0.18) !important;
    border-radius: 18px !important;
    background: #101214 !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28) !important;
    overflow: hidden !important;
  }

  .template-search .template-search__results .product-grid-item__thumbnail {
    margin: 0 !important;
    padding: 10px !important;
    min-height: 108px !important;
    background: #15191d !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
  }

  .template-search .template-search__results .product-grid-item__thumbnail .product__media_thumbnail,
  .template-search .template-search__results .product-grid-item__thumbnail .product__media_thumbnail .media {
    width: 100% !important;
  }

  .template-search .template-search__results .product-grid-item__thumbnail .product__media_thumbnail .media {
    padding-bottom: 100% !important;
    background: transparent !important;
  }

  .template-search .template-search__results .product-grid-item__thumbnail .product__media_thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .template-search .template-search__results ul.product-grid-item__actions.style2 {
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 4 !important;
  }

  .template-search .template-search__results ul.product-grid-item__actions.style2 li:not(:has(.product-grid-item__wishlist)) {
    display: none !important;
  }

  .template-search .template-search__results .product-grid-item__wishlist {
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(87, 255, 75, 0.22) !important;
    background: rgba(10, 13, 16, 0.8) !important;
    color: #57ff4b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .template-search .template-search__results .product-grid-item__wishlist svg {
    width: 16px !important;
    height: 16px !important;
  }

  .template-search .template-search__results .product-grid-item__content {
    padding: 10px 12px 10px 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    position: relative !important;
  }

  .template-search .template-search__results .product-grid-item__content > * {
    margin-top: 0 !important;
  }

  .template-search .template-search__results .product-grid-item__title,
  .template-search .template-search__results .product-grid-item__title a {
    font-size: 14px !important;
    line-height: 1.28 !important;
    color: #f4f7fb !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .template-search .template-search__results .review-wrap {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    font-size: 12px !important;
  }

  .template-search .template-search__results .review-wrap .rating-star1 {
    color: #57ff4b !important;
  }

  .template-search .template-search__results .product-grid-item__price {
    margin-top: auto !important;
    padding-right: 48px !important;
    justify-content: flex-start !important;
  }

  .template-search .template-search__results .product-grid-item__price .price-item--sale {
    color: #57ff4b !important;
    font-weight: 800 !important;
  }

  .template-search .template-search__results .product-grid-item__price .price-item--regular,
  .template-search .template-search__results .product-grid-item__price .price-item--last {
    color: #b8c2cf !important;
    font-size: 12px !important;
  }

  .template-search .template-search__results .product-card__color-swatches {
    display: none !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    margin: 0 !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart .product-grid-item__actions__btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    border-radius: 11px !important;
    border: 1px solid rgba(87, 255, 75, 0.58) !important;
    background: transparent !important;
    color: #57ff4b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart .action__btn--text {
    gap: 0 !important;
    justify-content: center !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart .action__btn--text--label {
    display: none !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart .action__btn--text_icon {
    font-size: 19px !important;
    line-height: 1 !important;
    color: currentColor !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart svg {
    width: 16px !important;
    height: 16px !important;
  }
}

@media (max-width: 991px) {
  .offcanvas-header[aria-hidden="true"] {
    display: none !important;
  }

  .offcanvas-header {
    background: #0f141b !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 16px 0 40px rgba(0, 0, 0, 0.55) !important;
  }

  .offcanvas__logo {
    background: #11161c !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 16px 18px !important;
  }

  .offcanvas__close_btn::before,
  .offcanvas__close_btn::after {
    background: #e9eff6 !important;
  }

  .offcanvas__menu_li {
    border-color: rgba(255, 255, 255, 0.08) !important;
  }

  .offcanvas__menu_item {
    color: #e9eff6 !important;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 18px !important;
  }

  .offcanvas__sub_menu_item {
    color: #b4bfcc !important;
    font-size: 14px;
  }

  .offcanvas__sub_menu_toggle {
    color: #c4ceda !important;
  }

  .offcanvas__sub_menu_toggle.active {
    color: #63df4b !important;
  }

  .offcanvas-overlay {
    background: rgba(4, 6, 9, 0.65) !important;
  }
}

.tech-gpt-accent {
  color: #63df4b !important;
  font-weight: 700;
}

html[data-color-mode="light"] body,
html[data-color-mode="light"] #MainContent,
html[data-color-mode="light"] .shopify-section,
html[data-color-mode="light"] main,
html[data-color-mode="light"] .wrapper,
html[data-color-mode="light"] .page-width,
html[data-color-mode="light"] .gradient {
  background: #f4f7fb !important;
  background-image: none !important;
  color: #0f172a !important;
}

html[data-color-mode="light"] #shopify__header__section .header_bottom,
html[data-color-mode="light"] .header__topbar {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] #shopify__header__section .mobile__menu_bar.header__actions_btn--menu,
html[data-color-mode="light"] #shopify__header__section .header-inline-search__input,
html[data-color-mode="light"] #shopify__header__section .mobile-theme-toggle {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  color: #0f172a !important;
}

html[data-color-mode="light"] #shopify__header__section .mobile__menu_bar.header__actions_btn--menu::before {
  background: #0f172a;
  box-shadow: 0 -6px 0 #0f172a, 0 6px 0 #0f172a;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__input::placeholder {
  color: #5f6e80 !important;
}

html[data-color-mode="light"] .header__topbar .topbar-home-link {
  background: transparent !important;
  border-color: transparent !important;
  color: #0f172a !important;
}

html[data-color-mode="light"] .topbar-mobile-logo {
  background: rgba(15, 23, 42, 0.04);
  border-color: transparent !important;
}

html[data-color-mode="light"] .mobile-bottom-nav {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(15, 23, 42, 0.12);
}

html[data-color-mode="light"] .mobile-bottom-nav__item {
  color: #334155;
}

html[data-color-mode="light"] .mobile-bottom-nav__item.is-active {
  color: #16a34a;
}

@media (max-width: 991px) {
  html:not([data-color-mode="light"]) body.cart-open .mobile-bottom-nav,
  html:not([data-color-mode="light"]) body.cart-open .bottom-nav,
  html:not([data-color-mode="light"]) body.cart-open .mobile__bottom_menu {
    display: none !important;
  }

  html:not([data-color-mode="light"]) body.cart-open {
    overflow: hidden !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart {
    width: min(92vw, 430px) !important;
    max-width: 92vw !important;
    height: 100dvh !important;
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 99999 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification-wrapper {
    position: static !important;
    height: 100% !important;
    overflow: visible !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_action_drawer_overlay {
    position: fixed !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    background: rgba(2, 6, 10, 0.68) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 1 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart.active .cart_action_drawer_overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification {
    position: relative !important;
    z-index: 2 !important;
    margin-left: auto !important;
    width: min(92vw, 430px) !important;
    max-width: 92vw !important;
    height: 100dvh !important;
    background: #070b0f !important;
    border-left: 1px solid rgba(78, 255, 65, 0.18) !important;
    border-radius: 24px 0 0 24px !important;
    box-shadow: -20px 0 42px rgba(0, 0, 0, 0.62), 0 0 34px rgba(78, 255, 65, 0.11) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_notification_topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    padding: 16px 16px 14px !important;
    background:
      linear-gradient(180deg, rgba(9, 14, 20, 0.98) 0%, rgba(9, 14, 20, 0.9) 100%) !important;
    border-bottom: 1px solid rgba(78, 255, 65, 0.14) !important;
    margin: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__header {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__status-icon {
    position: relative !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(87, 255, 75, 0.28) !important;
    background: rgba(87, 255, 75, 0.08) !important;
    color: #57ff4b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__status-badge {
    position: absolute !important;
    top: -6px !important;
    right: -7px !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #57ff4b !important;
    color: #07110a !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__header-copy {
    min-width: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__heading {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__subtitle {
    margin: 4px 0 0 !important;
    color: #8ea2b6 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__close {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #e9f1f9 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .empty__cart__item {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(87, 255, 75, 0.18) !important;
    background: rgba(255, 255, 255, 0.04) !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .empty__cart__item h3 {
    margin: 0 0 5px !important;
    font-size: 14px !important;
    color: #e8f0f8 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .empty__cart__item a {
    color: #57ff4b !important;
    font-size: 12px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart__items {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 12px 14px !important;
    margin: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart #cart-notification-product > .cart-notification-product {
    margin-top: 10px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart #cart-notification-product > .cart-notification-product:first-child {
    margin-top: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification-product {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 12px !important;
    border: 1px solid rgba(87, 255, 75, 0.16) !important;
    border-radius: 16px !important;
    background: #10161c !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__product--image,
  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification-product__image {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #131c24 !important;
    object-fit: contain !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification-product__info {
    padding-left: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification-product__name,
  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification-product__name a {
    margin: 0 !important;
    color: #f4f8fc !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification-product__option {
    margin-top: 0 !important;
    color: #8ea2b6 !important;
    font-size: 12px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart__item_price {
    margin-top: 1px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart__item_price .price {
    color: #57ff4b !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart__item_price .cart-item__old-price.price {
    color: #8f99a4 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration-color: #8f99a4 !important;
    margin-right: 8px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__quantity-wrapper {
    margin-top: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .quantity.cart-notification--product {
    width: 114px !important;
    height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(87, 255, 75, 0.26) !important;
    background: #0d141b !important;
    padding: 0 2px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .quantity.cart-notification--product .quantity__button {
    width: 30px !important;
    color: #b6c7d9 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .quantity.cart-notification--product .quantity__button svg {
    width: 13px !important;
    height: 13px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .quantity.cart-notification--product .quantity__input {
    color: #f0f6fd !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__remove-btn {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    background: #111920 !important;
    color: #9db1c3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__remove-btn .icon-remove {
    width: 14px !important;
    height: 14px !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart-notification__links {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 7 !important;
    margin-top: auto !important;
    background: #0a1015 !important;
    border-top: 1px solid rgba(87, 255, 75, 0.16) !important;
    box-shadow: 0 -14px 28px rgba(0, 0, 0, 0.42) !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_notification_links_inner {
    padding: 14px 14px 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_notification_links_inner .totals {
    margin-bottom: 12px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
    background: #101821 !important;
    border: 1px solid rgba(87, 255, 75, 0.16) !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .totals__subtotal {
    color: #d7e3ee !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart #cart-notification-subtotal {
    color: #57ff4b !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    margin: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_notification--footer {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_notification--footer > * {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_notification--footer .button {
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_notification--footer .button--secondary {
    background: #10161d !important;
    color: #d5e3f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
  }

  html:not([data-color-mode="light"]) #offcanvas__mini_cart .cart_notification--footer .button--primary {
    background: #57ff4b !important;
    color: #081109 !important;
    border: 1px solid rgba(87, 255, 75, 0.7) !important;
    box-shadow: 0 10px 20px rgba(87, 255, 75, 0.22) !important;
  }
}

@media (max-width: 991px) {
  html:not([data-color-mode="light"]) body.template-cart .breadcrumbs {
    padding: 12px 0 6px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart_template_wrapper,
  html:not([data-color-mode="light"]) body.template-cart .cart_subtotal {
    background: transparent !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart_template_wrapper {
    padding-top: 6px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-items thead tr {
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(87, 255, 75, 0.14) !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-items thead th {
    color: #8fa3b6 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    padding-bottom: 10px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item {
    margin-bottom: 14px !important;
    padding: 12px !important;
    border: 1px solid rgba(87, 255, 75, 0.16) !important;
    border-radius: 18px !important;
    background: #0e141b !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.26) !important;
    gap: 12px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__media {
    width: 88px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__image {
    width: 88px !important;
    height: 88px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #131c24 !important;
    object-fit: contain !important;
    padding: 6px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__details {
    grid-column: 2 / 5 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__details > * + * {
    margin-top: 6px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__name {
    color: #f4f8fc !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .product-option {
    color: #8ea2b6 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__quantity {
    grid-column: 2 / 5 !important;
    margin-top: 2px !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  html:not([data-color-mode="light"]) body.template-cart quantity-input.quantity {
    width: 116px !important;
    height: 36px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(87, 255, 75, 0.24) !important;
    background: #0b1117 !important;
    padding: 0 2px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart quantity-input.quantity .quantity__button {
    width: 30px !important;
    color: #b8cada !important;
  }

  html:not([data-color-mode="light"]) body.template-cart quantity-input.quantity .quantity__button svg {
    width: 13px !important;
    height: 13px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart quantity-input.quantity .quantity__input {
    color: #f0f6fd !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart cart-remove-button .button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: #111920 !important;
    color: #9db1c3 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart cart-remove-button .icon-remove {
    width: 14px !important;
    height: 14px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__totals .price,
  html:not([data-color-mode="light"]) body.template-cart .cart-item__price-wrapper .price {
    color: #57ff4b !important;
    font-weight: 800 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__old-price {
    color: #8f99a4 !important;
    font-size: 12px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart_subtotal {
    margin-top: 4px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__footer {
    padding: 14px !important;
    border: 1px solid rgba(87, 255, 75, 0.2) !important;
    border-radius: 20px !important;
    background: #0b1118 !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28) !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__blocks > * + * {
    margin-top: 12px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .totals {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(87, 255, 75, 0.16) !important;
    background: #101821 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .totals__subtotal {
    color: #d9e6f1 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .totals__subtotal-value {
    color: #57ff4b !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tax-note {
    color: #8ea2b6 !important;
    font-size: 12px !important;
    margin: 4px 0 0 !important;
    text-align: left !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__ctas {
    margin-top: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__checkout-button.button {
    min-height: 48px !important;
    border-radius: 13px !important;
    background: #57ff4b !important;
    color: #071109 !important;
    border: 1px solid rgba(87, 255, 75, 0.72) !important;
    box-shadow: 0 12px 20px rgba(87, 255, 75, 0.22) !important;
    font-weight: 800 !important;
  }
}

@media (min-width: 750px) {
  html:not([data-color-mode="light"]) body.template-cart .cart-items {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-items thead th {
    color: #8fa3b6 !important;
    border-bottom-color: rgba(87, 255, 75, 0.14) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item td {
    background: #0e141b !important;
    border-top: 1px solid rgba(87, 255, 75, 0.14) !important;
    border-bottom: 1px solid rgba(87, 255, 75, 0.14) !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item td:first-child {
    border-left: 1px solid rgba(87, 255, 75, 0.14) !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item td:last-child {
    border-right: 1px solid rgba(87, 255, 75, 0.14) !important;
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__name {
    color: #f4f8fc !important;
    font-weight: 700 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__price-wrapper .price,
  html:not([data-color-mode="light"]) body.template-cart .cart-item__totals .price {
    color: #57ff4b !important;
    font-weight: 800 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__footer {
    margin-top: 8px !important;
    padding: 18px !important;
    border: 1px solid rgba(87, 255, 75, 0.18) !important;
    border-radius: 20px !important;
    background: #0b1118 !important;
  }
}

@media screen and (max-width: 749px) {
  html:not([data-color-mode="light"]) body.template-cart main,
  html:not([data-color-mode="light"]) body.template-cart #MainContent,
  html:not([data-color-mode="light"]) body.template-cart .cart-page,
  html:not([data-color-mode="light"]) body.template-cart .cart_template_wrapper {
    padding-bottom: calc(180px + env(safe-area-inset-bottom)) !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .breadcrumbs {
    display: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart_template_wrapper {
    padding-top: 4px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-page-header {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 10px;
    margin: 2px 0 14px;
    padding: 0 2px;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-page-header__title {
    margin: 0;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-page-header__icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(78, 255, 65, 0.24);
    background: #10161d;
    color: #57ff4b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-items thead,
  html:not([data-color-mode="light"]) body.template-cart .cart-items thead tr {
    display: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
    border: 1px solid rgba(78, 255, 65, 0.12) !important;
    border-radius: 18px !important;
    background: #111820 !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.26) !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__media {
    width: 82px !important;
    flex: 0 0 82px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__image {
    width: 82px !important;
    height: 82px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #151f29 !important;
    object-fit: contain !important;
    padding: 6px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__details {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    font-size: 14px !important;
    line-height: 1.34 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__name.product-title {
    color: #f4f8fc !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__name,
  html:not([data-color-mode="light"]) body.template-cart .cart-item-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__name.product-title:hover {
    text-decoration: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__details dl,
  html:not([data-color-mode="light"]) body.template-cart .cart-item__details .product-option,
  html:not([data-color-mode="light"]) body.template-cart .cart-item__details .discounts {
    display: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__price-wrapper .price,
  html:not([data-color-mode="light"]) body.template-cart .cart-item__totals .price {
    color: #57ff4b !important;
    font-weight: 800 !important;
    font-size: 15px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__old-price {
    color: #8f99a4 !important;
    font-size: 12px !important;
    margin-right: 6px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__totals.right.medium-hide.large-up-hide {
    display: block !important;
    margin-top: 2px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__quantity {
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
  }

  html:not([data-color-mode="light"]) body.template-cart quantity-input.quantity {
    width: 112px !important;
    height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(78, 255, 65, 0.24) !important;
    background: #0d141c !important;
    padding: 0 2px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart quantity-input.quantity .quantity__button {
    width: 30px !important;
    color: #b8cada !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html:not([data-color-mode="light"]) body.template-cart quantity-input.quantity .quantity__button svg {
    width: 13px !important;
    height: 13px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart quantity-input.quantity .quantity__input {
    color: #f0f6fd !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  html:not([data-color-mode="light"]) body.template-cart cart-remove-button .button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(78, 255, 65, 0.38) !important;
    background: linear-gradient(145deg, rgba(13, 21, 28, 0.98), rgba(48, 108, 58, 0.92)) !important;
    color: #69ff61 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.35);
  }

  html:not([data-color-mode="light"]) body.template-cart cart-remove-button .icon-remove {
    width: 15px !important;
    height: 15px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart_subtotal {
    margin-top: 6px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-summary {
    margin-bottom: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__footer {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-summary-card {
    background: linear-gradient(180deg, #10161d, #070b0f) !important;
    border: 1px solid rgba(83, 255, 65, 0.22) !important;
    border-radius: 24px 24px 0 0 !important;
    padding: 22px 18px !important;
    box-shadow: 0 -12px 35px rgba(82, 255, 65, 0.12) !important;
    margin-bottom: calc(90px + env(safe-area-inset-bottom)) !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-summary-card__title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__rows {
    margin-top: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 8px !important;
    color: #d9e6f1 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__label,
  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__value {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__value {
    text-align: right !important;
    color: #f2f7fd !important;
    font-weight: 700 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row + .tgpt-cart-summary__row {
    margin-top: 10px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row--shipping {
    color: #9bb0c3 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row--shipping .tgpt-cart-summary__value {
    color: #9bb0c3 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__divider {
    height: 1px !important;
    margin: 12px 0 8px !important;
    background: rgba(255, 255, 255, 0.09) !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row--total {
    margin-top: 0 !important;
    color: #57ff4b !important;
    font-size: 17px !important;
    font-weight: 800 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row--total .tgpt-cart-summary__label,
  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
    color: #57ff4b !important;
    font-size: 17px !important;
    font-weight: 800 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tax-note {
    display: block !important;
    color: #8fa4b7 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin: 12px 0 0 !important;
    text-align: left !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__ctas--fallback {
    display: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__ctas {
    margin-top: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__checkout-button.button {
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #7dff62, #4fdd45) !important;
    color: #071109 !important;
    border: 1px solid rgba(87, 255, 75, 0.72) !important;
    box-shadow: 0 14px 24px rgba(87, 255, 75, 0.24) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 18px !important;
    letter-spacing: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-checkout-arrow {
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-continue-link {
    margin-top: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    color: #57ff4b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-continue-link:hover {
    text-decoration: none !important;
    color: #74ff67 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-trust-badges {
    margin-top: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-trust-badges span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(87, 255, 75, 0.2) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: #cdddeb !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    padding: 0 8px !important;
  }
}

/* TECH-GPT MOBILE CART PAGE - final precedence */
@media screen and (max-width: 749px) {
  html:not([data-color-mode="light"]) body.template-cart main {
    padding-bottom: calc(180px + env(safe-area-inset-bottom)) !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 14px !important;
    background: linear-gradient(180deg, #121820, #070b0f) !important;
    border: 1px solid rgba(92, 255, 55, 0.16) !important;
    border-radius: 22px !important;
    padding: 14px !important;
    margin-bottom: 16px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item > td {
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__media {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 92px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__image {
    width: 92px !important;
    height: 92px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    background: #111 !important;
    padding: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__details {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__totals.right.medium-hide.large-up-hide {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    text-align: left !important;
    margin: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__totals.right.small-hide {
    display: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__name,
  html:not([data-color-mode="light"]) body.template-cart .cart-item-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__price-wrapper .price,
  html:not([data-color-mode="light"]) body.template-cart .cart-item__totals .price {
    color: #62ff3f !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-item__quantity {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .quantity {
    width: 116px !important;
    height: 40px !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 14px !important;
    background: #050608 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .quantity__button,
  html:not([data-color-mode="light"]) body.template-cart .quantity__input {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    background: transparent !important;
    border: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart cart-remove-button .button,
  html:not([data-color-mode="light"]) body.template-cart cart-remove-button a {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #05333a, #65f034) !important;
    color: #fff !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-summary-card {
    background: linear-gradient(180deg, #121820, #070b0f) !important;
    border: 1px solid rgba(92, 255, 55, 0.22) !important;
    border-radius: 26px 26px 0 0 !important;
    padding: 22px 18px calc(110px + env(safe-area-inset-bottom)) !important;
    margin: 28px 0 calc(90px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 -14px 40px rgba(92, 255, 55, 0.12) !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart-summary-card__title {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin-bottom: 18px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__rows {
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-top: 18px !important;
    margin-top: 18px !important;
    gap: 10px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row--total .tgpt-cart-summary__label {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
    color: #62ff3f !important;
    font-size: 26px !important;
    font-weight: 950 !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tax-note {
    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 13px !important;
    margin: 10px 0 18px !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .cart__checkout-button,
  html:not([data-color-mode="light"]) body.template-cart button[name="checkout"] {
    width: 100% !important;
    height: 58px !important;
    border-radius: 17px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #0b737d, #75f238) !important;
    color: #061006 !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 30px rgba(92, 255, 55, 0.22) !important;
    text-transform: none !important;
  }

  html:not([data-color-mode="light"]) body.template-cart .tgpt-cart-continue-link {
    color: #62ff3f !important;
    text-align: center !important;
    display: block !important;
    margin-top: 16px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
}

/* Legacy index-only mobile footer overrides removed in favor of unified tgpt-mobile-footer. */

@media screen and (max-width: 991px) {
  body.tgpt-mobile-search-open {
    overflow: hidden !important;
  }

  body.tgpt-mobile-search-open .mobile-bottom-nav {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(16px) !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10030 !important;
    margin: 0 !important;
    padding: calc(env(safe-area-inset-top) + 8px) 12px calc(var(--tgpt-mobile-bottom-nav-offset, 0px) + 12px) !important;
    background: linear-gradient(180deg, #050a0f 0%, #0a0f14 100%) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    display: block !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .header-inline-search__form {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 2px 0 12px !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(5, 10, 15, 0.96) 0%, rgba(5, 10, 15, 0.86) 68%, rgba(5, 10, 15, 0) 100%) !important;
  }

  #shopify__header__section .header-inline-search__input-wrap {
    position: relative !important;
    width: 100% !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .header-inline-search__input {
    height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: #111821 !important;
    color: #f7fbff !important;
    padding: 0 88px 0 44px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .header-inline-search__input:focus {
    border-color: #63df4b !important;
    box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.18) !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .header-inline-search__lead-icon {
    left: 14px !important;
    color: #8fa3b6 !important;
  }

  #shopify__header__section .header-inline-search__clear {
    position: absolute !important;
    right: 46px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #dbe7f2 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #shopify__header__section .header-inline-search__clear[hidden] {
    display: none !important;
  }

  #shopify__header__section .header-inline-search__clear span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }

  #shopify__header__section .header-inline-search__clear span::before,
  #shopify__header__section .header-inline-search__clear span::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 1.8px;
    border-radius: 999px;
    background: currentColor;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  #shopify__header__section .header-inline-search__clear span::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .header-inline-search__btn {
    right: 6px !important;
    top: 6px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #63df4b !important;
    box-shadow: none !important;
  }

  #shopify__header__section .header-inline-search__cancel {
    display: none;
    border: 0;
    background: transparent;
    color: #63df4b;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    padding: 6px 2px;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .header-inline-search__cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .predictive-search.predictive-search--header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 0px) + 24px) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .predictive-search__heading {
    width: 100% !important;
    margin: 12px 0 8px !important;
    padding: 0 2px 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #e9f0f7 !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .predictive-search__results-list {
    margin: 0 !important;
    padding: 0 !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .predictive-search__list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .predictive-search__list-item[aria-selected="true"] > *,
  #shopify__header__section predictive-search.header-inline-search.is-mobile-search-active .predictive-search__list-item:hover > * {
    background: rgba(255, 255, 255, 0.04) !important;
  }

  #shopify__header__section .predictive-search__item--query {
    min-height: 46px;
    padding: 0 4px !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) 10px;
    gap: 12px;
    align-items: center;
    text-decoration: none;
    color: #d7e2ee;
  }

  #shopify__header__section .predictive-search__query-icon {
    display: inline-flex;
    color: #94a7ba;
  }

  #shopify__header__section .predictive-search__query-icon svg {
    width: 16px;
    height: 16px;
    display: block;
  }

  #shopify__header__section .predictive-search__query-text {
    font-size: 14px;
    line-height: 1.3;
  }

  #shopify__header__section .predictive-search__query-arrow {
    width: 8px;
    height: 8px;
    border-top: 2px solid #63df4b;
    border-right: 2px solid #63df4b;
    transform: rotate(45deg);
  }

  #shopify__header__section .predictive-search__item--link {
    display: grid !important;
    grid-template-columns: 66px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 10px 2px !important;
    text-decoration: none;
  }

  #shopify__header__section .predictive-search__image-wrap {
    width: 62px;
    height: 62px;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #111821;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  #shopify__header__section .predictive-search__image {
    width: 52px;
    height: 52px;
    object-fit: contain;
  }

  #shopify__header__section .predictive-search__item-content--product {
    padding: 0 !important;
    min-width: 0;
  }

  #shopify__header__section .predictive-search__item-heading {
    margin: 0 !important;
    color: #f4f8fc !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  #shopify__header__section .predictive-search__item-rating {
    margin: 4px 0 0 !important;
    color: #9fb0c2 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  #shopify__header__section .predictive-search__item-rating span {
    color: #63df4b;
  }

  #shopify__header__section .predictive-search__item-price {
    justify-self: end;
    text-align: right;
    color: #63df4b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  #shopify__header__section .predictive-search__item-price .price,
  #shopify__header__section .predictive-search__item-price .price-item,
  #shopify__header__section .predictive-search__item-price .price-item--regular,
  #shopify__header__section .predictive-search__item-price .price-item--sale,
  #shopify__header__section .predictive-search__item-price .price-item--last {
    color: #63df4b !important;
    font-weight: 800 !important;
    font-size: 13px !important;
  }

  #shopify__header__section .predictive-search__view-all {
    margin-top: 12px;
    min-height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(17, 24, 33, 0.72);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    text-decoration: none;
    color: #eaf2f9;
    font-size: 14px;
    font-weight: 700;
  }

  #shopify__header__section .predictive-search__view-all-arrow {
    width: 9px;
    height: 9px;
    border-top: 2px solid #63df4b;
    border-right: 2px solid #63df4b;
    transform: rotate(45deg);
  }
}

/* ===================================================== */
/* Search Results Panel - Final Premium UI               */
/* ===================================================== */

:root {
  --tgpt-search-bg: rgba(8, 10, 12, 0.96);
  --tgpt-search-card-bg: rgba(255, 255, 255, 0.035);
  --tgpt-search-border: rgba(96, 255, 120, 0.18);
  --tgpt-search-card-border: rgba(255, 255, 255, 0.08);
  --tgpt-search-text: #f3f8ff;
  --tgpt-search-muted: rgba(255, 255, 255, 0.48);
  --tgpt-search-sale: #68ff7a;
}

@keyframes tgpt-search-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

#shopify__header__section predictive-search input[type="search"],
#shopify__header__section .header-inline-search__input,
#shopify__header__section .search__input,
.ts7-input,
.ts7-container input[type="search"] {
  user-select: text !important;
  -webkit-user-select: text !important;
  pointer-events: auto !important;
  touch-action: manipulation;
}

#shopify__header__section .predictive-search.predictive-search--header {
  position: absolute !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 120 !important;
}

#shopify__header__section predictive-search[loading] .predictive-search.predictive-search--header,
#shopify__header__section predictive-search[open] .predictive-search.predictive-search--header {
  background: transparent !important;
}

#shopify__header__section predictive-search[loading] .predictive-search.predictive-search--header {
  border: 1px solid var(--tgpt-search-border) !important;
  border-radius: 18px !important;
  background: var(--tgpt-search-bg) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.65), 0 0 22px rgba(96, 255, 120, 0.08) !important;
  overflow: hidden !important;
}

#shopify__header__section predictive-search[loading] .predictive-search.predictive-search--header .predictive-search__loading-state {
  min-height: 170px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--tgpt-search-bg) !important;
}

#shopify__header__section .tgpt-predictive-results {
  position: relative !important;
  width: 100% !important;
  margin-top: 8px !important;
  border-radius: 18px !important;
  border: 1px solid var(--tgpt-search-border) !important;
  background: var(--tgpt-search-bg) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.65), 0 0 22px rgba(96, 255, 120, 0.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden !important;
  animation: tgpt-search-fade-in 0.2s ease;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__loading-state {
  background: var(--tgpt-search-bg) !important;
}

#shopify__header__section .predictive-search .spinner .path,
#shopify__header__section .tgpt-predictive-results .spinner .path {
  stroke: #00ff88 !important;
  filter: drop-shadow(0 0 6px rgba(0, 255, 120, 0.5));
}

#shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll {
  max-height: min(62vh, 560px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 12px 12px 92px !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__heading {
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 2px 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: var(--tgpt-search-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__results-list {
  margin: 0 !important;
  padding: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__list-item {
  border: 0 !important;
  margin: 0 0 10px !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__list-item:last-child {
  margin-bottom: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item {
  padding: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item--link {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  border: 1px solid var(--tgpt-search-card-border) !important;
  background: var(--tgpt-search-card-bg) !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item--link:hover,
#shopify__header__section .tgpt-predictive-results .predictive-search__list-item[aria-selected="true"] .predictive-search__item--link {
  background: rgba(96, 255, 120, 0.08) !important;
  border-color: rgba(96, 255, 120, 0.24) !important;
  transform: translateY(-1px);
}

#shopify__header__section .tgpt-predictive-results .predictive-search__image-wrap {
  width: 58px !important;
  height: 58px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-content--product {
  min-width: 0 !important;
  padding: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-heading {
  margin: 0 !important;
  color: var(--tgpt-search-text) !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-heading mark {
  color: var(--tgpt-search-sale) !important;
  background: transparent !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-rating {
  margin: 4px 0 0 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 11px !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-rating span {
  color: var(--tgpt-search-sale) !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price {
  margin-top: 6px !important;
  text-align: left !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price,
#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price dl,
#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price__sale,
#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price__regular {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
  text-align: left !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price dt {
  display: none !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price dd {
  margin: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price__sale dd.price__compare {
  order: 1;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price__sale dd:not(.price__compare) {
  order: 2;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price-item--regular {
  color: var(--tgpt-search-muted) !important;
  text-decoration: line-through !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price-item--sale,
#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price__regular .price-item--regular {
  color: var(--tgpt-search-sale) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__empty {
  margin: 4px 2px 0 !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__footer {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 8 !important;
  pointer-events: none !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__view-all {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(99, 223, 75, 0.58) !important;
  background: linear-gradient(135deg, #63df4b 0%, #7af152 100%) !important;
  color: #071109 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  box-shadow:
    0 10px 24px rgba(99, 223, 75, 0.32),
    0 0 16px rgba(99, 223, 75, 0.24) !important;
  pointer-events: auto !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__view-all-arrow {
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid #071109 !important;
  border-right: 2px solid #071109 !important;
  transform: rotate(45deg);
}

#shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll::-webkit-scrollbar,
.ts7-search-suggestions-menu .ts7-search-results-scroll::-webkit-scrollbar,
.ts7-search-suggestions-menu .ts7-search-menu-list::-webkit-scrollbar {
  width: 6px;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll::-webkit-scrollbar-thumb,
.ts7-search-suggestions-menu .ts7-search-results-scroll::-webkit-scrollbar-thumb,
.ts7-search-suggestions-menu .ts7-search-menu-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background-color: rgba(96, 255, 120, 0.35);
}

.ts7-search-suggestions-menu {
  z-index: 999 !important;
  background: var(--tgpt-search-bg) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list {
  background: var(--tgpt-search-bg) !important;
  border: 1px solid var(--tgpt-search-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.65), 0 0 22px rgba(96, 255, 120, 0.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: tgpt-search-fade-in 0.2s ease;
}

.ts7-search-suggestions-menu .ts7-search-menu-list,
.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column {
  position: relative !important;
  max-height: min(68vh, 620px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 12px !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column {
  display: block !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.tgpt-ts7-footer-ready {
  position: relative !important;
  overflow: hidden !important;
  max-height: min(68vh, 620px) !important;
  padding: 12px !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.tgpt-ts7-single-scroller.tgpt-ts7-footer-ready {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.tgpt-ts7-single-scroller.tgpt-ts7-footer-ready .ts7-search-results-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-bottom: 92px !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.tgpt-ts7-single-scroller.tgpt-ts7-footer-ready :is(.ts7-search-widget-first, .ts7-search-widget-second),
.ts7-search-suggestions-menu .ts7-search-menu-list.tgpt-ts7-single-scroller.tgpt-ts7-footer-ready :is(.ts7-search-widget-first, .ts7-search-widget-second) > * {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.tgpt-ts7-single-scroller.tgpt-ts7-footer-ready [data-tgpt-flattened-form='true'] {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.ts7-search-suggestions-menu .ts7-popular-suggestion,
.ts7-search-suggestions-menu .ts7-collection-tab,
.ts7-search-suggestions-menu .ts7-page-tab,
.ts7-search-suggestions-menu .ts7-blog-tab,
.ts7-search-suggestions-menu .ts7-cpb-menu,
.ts7-search-suggestions-menu .ts7-search-suggestion-cpb,
.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-widget-first,
.ts7-search-suggestions-menu .ts7-search-results-scroll .ts7-search-widget-first {
  display: none !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-widget-first {
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ts7-search-suggestions-menu .ts7-search-results-scroll {
  max-height: min(60vh, 520px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-bottom: 92px !important;
  -webkit-overflow-scrolling: touch !important;
}

.ts7-search-suggestions-menu .ts7-search-widget-second,
.ts7-multi-column .ts7-search-widget-second,
.ts7-search-suggestions-menu .ts7-search-results-scroll .ts7-search-widget-second,
.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-widget-second,
.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-widget-second.ts7-multicolum-100 {
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-widget-second > div {
  width: 100% !important;
}

.ts7-search-suggestions-menu .ts7-search-widget-second .ts7-search-label {
  margin: 0 0 10px !important;
  padding: 0 2px 2px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--tgpt-search-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.ts7-search-suggestions-menu .ts7-search-suggestion-product-grid,
.ts7-search-suggestions-menu .ts7-search-suggestion-product-list {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-product-listing ul,
.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-product-listing .ts7-search-grid-view {
  display: block !important;
}

.ts7-search-suggestions-menu .ts7-search-suggestion-product-grid a,
.ts7-search-suggestions-menu .ts7-search-suggestion-product-list a {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-product.ts7-search-suggestion-product-grid,
.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-product.ts7-search-suggestion-product-list {
  width: 100% !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-product.ts7-search-suggestion-product-grid a,
.ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-product.ts7-search-suggestion-product-list a {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
}

.ts7-search-suggestions-menu .ts7-search-suggestion-product-grid a:last-child,
.ts7-search-suggestions-menu .ts7-search-suggestion-product-list a:last-child {
  margin-bottom: 0 !important;
}

.ts7-search-suggestions-menu .ts7-search-product {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid var(--tgpt-search-card-border) !important;
  border-radius: 14px !important;
  background: var(--tgpt-search-card-bg) !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

.ts7-search-suggestions-menu .ts7-search-suggestion-product-grid a:hover .ts7-search-product,
.ts7-search-suggestions-menu .ts7-search-suggestion-product-list a:hover .ts7-search-product,
.ts7-search-suggestions-menu .ts7-search-product:hover {
  background: rgba(96, 255, 120, 0.08) !important;
  border-color: rgba(96, 255, 120, 0.24) !important;
  transform: translateY(-1px);
}

.ts7-search-suggestions-menu .ts7-search-product-img {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #fff !important;
  overflow: hidden !important;
}

.ts7-search-suggestions-menu .ts7-search-product-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

.ts7-search-suggestions-menu .ts7-search-product-details {
  width: calc(100% - 70px) !important;
  min-width: 0 !important;
  text-align: left !important;
  line-height: 1.25 !important;
}

.ts7-search-suggestions-menu .ts7-search-product-details .ts7-d-flex > div {
  max-width: 100% !important;
  white-space: normal !important;
  text-align: left !important;
}

.ts7-search-suggestions-menu span.ts7-search-suggestions-title {
  color: var(--tgpt-search-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ts7-search-suggestions-menu span.ts7-search-suggestions-title mark,
.ts7-search-suggestions-menu .ts7-preview-pro-discription mark,
.ts7-search-suggestions-menu .ts7-search-product mark {
  color: var(--tgpt-search-sale) !important;
  background: transparent !important;
}

.ts7-search-suggestions-menu .ts7-search-suggestions-price-list,
.ts7-search-suggestions-menu .ts7-search-suggestions-price-list .ts7-d-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 5px 0 0 !important;
  text-align: left !important;
  flex-wrap: wrap !important;
}

.ts7-search-suggestions-menu .ts7-search-suggestions-price.ts7-discount {
  color: var(--tgpt-search-muted) !important;
  text-decoration: line-through !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.ts7-search-suggestions-menu span.ts7-search-suggestions-price {
  color: var(--tgpt-search-sale) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 0 !important;
}

.ts7-search-suggestions-menu .ts7-review-count,
.ts7-search-suggestions-menu .ts7-total-reviews,
.ts7-search-suggestions-menu .ts7-search-suggestions-reviews,
.ts7-search-suggestions-menu .ts7-search-product-label,
.ts7-search-suggestions-menu .ts7-preview-pro-discription {
  display: none !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list .ts7-search-view-all-link {
  margin-top: 10px !important;
  padding-top: 10px !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5 !important;
  background: linear-gradient(to top, #0b0f12 80%, rgba(11, 15, 18, 0)) !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list .ts7-search-view-all-link .ts7-view-all-items {
  width: min(100%, 640px) !important;
  margin: 0 auto !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(99, 223, 75, 0.58) !important;
  background: linear-gradient(135deg, #63df4b 0%, #7af152 100%) !important;
  color: #071109 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow:
    0 10px 24px rgba(99, 223, 75, 0.32),
    0 0 16px rgba(99, 223, 75, 0.24) !important;
}

.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-search-view-all-link,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-suggestions-view-all-link {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  z-index: 6 !important;
}

.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-search-view-all-link .ts7-view-all-items,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-suggestions-view-all-link span {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(99, 223, 75, 0.58) !important;
  background: linear-gradient(135deg, #63df4b 0%, #7af152 100%) !important;
  color: #071109 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow:
    0 10px 24px rgba(99, 223, 75, 0.32),
    0 0 16px rgba(99, 223, 75, 0.24) !important;
}

.ts7-search-suggestions-menu .search-results-arrow {
  border-color: #071109 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__view-all:hover,
.ts7-search-suggestions-menu .ts7-search-menu-list .ts7-search-view-all-link .ts7-view-all-items:hover,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-search-view-all-link .ts7-view-all-items:hover,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-suggestions-view-all-link span:hover {
  background: linear-gradient(135deg, #75ec59 0%, #8bf76a 100%) !important;
  filter: brightness(1.02);
}

.ts7-autocomplete-items,
.ts7-autocomplete-items .ts7-search-suggestions-menu,
.ts7-autocomplete-items .ts7-search-menu-list,
.ts7-autocomplete-items .ts7-search-widget-first,
.ts7-autocomplete-items .ts7-search-widget-second {
  background: var(--tgpt-search-bg) !important;
}

.ts7-search-suggestions-menu .ts7-loading-icon,
.ts7-autocomplete-items .ts7-loading-icon {
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 44px !important;
  height: 44px !important;
  z-index: 7 !important;
}

.ts7-search-suggestions-menu .ts7-loading-icon::after,
.ts7-autocomplete-items .ts7-loading-icon::after {
  border-top-color: #00ff88 !important;
  border-right-color: #68ff7a !important;
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.6), 0 0 18px rgba(104, 255, 122, 0.4) !important;
  filter: drop-shadow(0 0 6px rgba(0, 255, 120, 0.5));
}

.search-icon--processing,
.search-icon--processing svg,
.search-icon--processing path,
.search-icon--processing circle {
  color: #00ff88 !important;
  stroke: #00ff88 !important;
  fill: #00ff88 !important;
}

@media screen and (max-width: 991px) {
  #shopify__header__section .tgpt-predictive-results {
    width: calc(100vw - 24px) !important;
    margin: 8px auto 0 !important;
  }

  #shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll {
    max-height: min(56vh, calc(100dvh - 220px)) !important;
    padding-bottom: calc(102px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #shopify__header__section .tgpt-predictive-results .predictive-search__footer {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
  }

  .ts7-search-suggestions-menu {
    width: calc(100vw - 24px) !important;
    margin: 0 12px !important;
  }

  .ts7-search-suggestions-menu .ts7-search-menu-list.tgpt-ts7-footer-ready {
    width: calc(100vw - 24px) !important;
    max-height: min(58vh, calc(100dvh - 220px)) !important;
    border-radius: 18px !important;
  }

  .ts7-search-suggestions-menu .ts7-search-menu-list.ts7-multi-column .ts7-search-widget-second {
    max-width: 100% !important;
  }

  .ts7-search-suggestions-menu .ts7-search-results-scroll {
    max-height: min(52vh, calc(100dvh - 290px)) !important;
    padding-bottom: calc(102px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-search-view-all-link,
  .ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-suggestions-view-all-link {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
  }
}

/* ===================================================== */
/* Search Title Readability (TS7 + Predictive + Search) */
/* ===================================================== */
.ts7-pbc-list-grid .title,
.ts7-product-grid .title,
#shopify__header__section .tgpt-predictive-results .predictive-search__item-content--product {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.ts7-pbc-list-grid .title a,
.ts7-product-grid .title a,
.ts7-search-suggestions-menu span.ts7-search-suggestions-title,
#shopify__header__section .tgpt-predictive-results .predictive-search__item-heading,
.template-search .template-search__results .product-grid-item__title,
.template-search .template-search__results .product-grid-item__title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
  max-width: 100% !important;
  color: var(--tgpt-search-text) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.ts7-search-suggestions-menu .ts7-search-product-details,
.ts7-search-suggestions-menu .ts7-search-product-details .ts7-d-flex,
.ts7-search-suggestions-menu .ts7-search-product-details .ts7-d-flex > div {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

@media screen and (min-width: 992px) {
  .ts7-pbc-list-grid .title a,
  .ts7-product-grid .title a,
  .ts7-search-suggestions-menu span.ts7-search-suggestions-title,
  #shopify__header__section .tgpt-predictive-results .predictive-search__item-heading,
  .template-search .template-search__results .product-grid-item__title,
  .template-search .template-search__results .product-grid-item__title a {
    -webkit-line-clamp: 3 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
}


/* ===================================================== */
/* Tech-GPT Cart Page Rebuild (Mobile + Desktop)         */
/* ===================================================== */
:is(body.template-cart, body.page-type-cart) {
  --tgpt-cart-bg: #04090f;
  --tgpt-cart-surface: rgba(10, 18, 27, 0.94);
  --tgpt-cart-surface-2: rgba(14, 24, 35, 0.98);
  --tgpt-cart-border: rgba(102, 255, 120, 0.24);
  --tgpt-cart-border-strong: rgba(112, 255, 132, 0.38);
  --tgpt-cart-text: #f5f9ff;
  --tgpt-cart-muted: rgba(214, 227, 242, 0.7);
  --tgpt-cart-accent: #79f55a;
  --tgpt-cart-shadow: 0 16px 34px rgba(0, 0, 0, 0.45), 0 0 24px rgba(106, 255, 127, 0.12);
  background: #04090f;
}

:is(body.template-cart, body.page-type-cart) #MainContent,
:is(body.template-cart, body.page-type-cart) main,
:is(body.template-cart, body.page-type-cart) .cart_template_wrapper,
:is(body.template-cart, body.page-type-cart) .cart_subtotal {
  background: transparent !important;
}

:is(body.template-cart, body.page-type-cart) #MainContent {
  position: relative;
}

:is(body.template-cart, body.page-type-cart) #MainContent::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(1200px 420px at 0% -15%, rgba(112, 255, 132, 0.12), transparent 60%),
    radial-gradient(900px 360px at 100% 0%, rgba(60, 120, 255, 0.1), transparent 58%),
    #04090f;
}

:is(body.template-cart, body.page-type-cart) .cart_template_wrapper.container,
:is(body.template-cart, body.page-type-cart) .cart_subtotal.container {
  max-width: min(1320px, calc(100% - 24px)) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .cart_template_wrapper > .row,
:is(body.template-cart, body.page-type-cart) .cart_subtotal > .row {
  margin: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .cart_template_wrapper > .row > .col-12,
:is(body.template-cart, body.page-type-cart) .cart_subtotal > .row > .col-12 {
  padding: 0 !important;
}

:is(body.template-cart, body.page-type-cart) cart-items:not(.is-empty) .cart__warnings {
  display: none !important;
}

:is(body.template-cart, body.page-type-cart) cart-items.is-empty .cart__warnings {
  display: block !important;
}

:is(body.template-cart, body.page-type-cart) cart-items.is-empty .cart__contents,
:is(body.template-cart, body.page-type-cart) .cart_subtotal .is-empty {
  display: none !important;
}

:is(body.template-cart, body.page-type-cart) .cart__items {
  border: 0 !important;
  padding-bottom: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .cart__contents > * + * {
  margin-top: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .cart__warnings {
  margin: 12px 0 0 !important;
  padding: 30px 22px !important;
  border-radius: 22px !important;
  border: 1px solid var(--tgpt-cart-border) !important;
  background: linear-gradient(180deg, rgba(15, 23, 34, 0.96), rgba(9, 15, 23, 0.98)) !important;
  box-shadow: var(--tgpt-cart-shadow) !important;
  text-align: center !important;
}

:is(body.template-cart, body.page-type-cart) .cart__empty-text {
  margin: 0 0 16px !important;
  color: var(--tgpt-cart-text) !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}

:is(body.template-cart, body.page-type-cart) .cart__warnings .button {
  min-height: 48px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(120, 245, 90, 0.72) !important;
  background: linear-gradient(135deg, #79f55a 0%, #8cff74 100%) !important;
  color: #071108 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  min-height: 56px !important;
  margin: 8px 0 18px !important;
  padding: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__status {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__cart-icon-wrap {
  position: relative !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(113, 255, 130, 0.42) !important;
  background: linear-gradient(180deg, rgba(14, 24, 35, 0.98), rgba(9, 16, 24, 0.98)) !important;
  color: #79f55a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34), 0 0 16px rgba(113, 255, 130, 0.16) !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__count {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: #79f55a !important;
  border: 2px solid #04090f !important;
  color: #0a140a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__status-copy {
  min-width: 0 !important;
  text-align: center !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__title {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(30px, 6vw, 40px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__subtitle {
  margin: 6px 0 0 !important;
  color: var(--tgpt-cart-muted) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__icon {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: rgba(236, 245, 255, 0.9) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  flex: 0 0 auto !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
  display: grid !important;
  gap: 14px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 100px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 20px !important;
  border: 1px solid var(--tgpt-cart-border) !important;
  background: linear-gradient(160deg, var(--tgpt-cart-surface-2), var(--tgpt-cart-surface)) !important;
  box-shadow: var(--tgpt-cart-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__media {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__media-link {
  display: block !important;
  width: 100% !important;
}

:is(body.template-cart, body.page-type-cart) .cart-item__image {
  width: 100px !important;
  height: 100px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  background: #111a24 !important;
  object-fit: cover !important;
  padding: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__body {
  grid-column: 2 !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    'details details'
    'unit unit'
    'quantity quantity'
    'totals totals'
    'error error' !important;
  gap: 10px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__details {
  grid-area: details !important;
  min-width: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__vendor {
  margin: 0 0 5px !important;
  color: var(--tgpt-cart-muted) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

:is(body.template-cart, body.page-type-cart) .cart-item__name,
:is(body.template-cart, body.page-type-cart) .cart-item__name.product-title {
  margin: 0 !important;
  color: var(--tgpt-cart-text) !important;
  text-decoration: none !important;
  font-size: 17px !important;
  line-height: 1.26 !important;
  font-weight: 760 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  max-width: 100% !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__meta-list,
:is(body.template-cart, body.page-type-cart) .product-option {
  color: var(--tgpt-cart-muted) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__meta-list {
  margin-top: 8px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price {
  grid-area: unit !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price,
:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .cart-item__price-wrapper,
:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .cart-item__discounted-prices,
:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .cart-item__discounted-prices {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price,
:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .price {
  color: var(--tgpt-cart-accent) !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

:is(body.template-cart, body.page-type-cart) .cart-item__old-price {
  color: rgba(231, 239, 248, 0.46) !important;
  text-decoration: line-through !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__quantity {
  grid-area: quantity !important;
  display: grid !important;
  grid-template-columns: minmax(0, 240px) 48px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity {
  width: 100% !important;
  height: 48px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(115, 255, 135, 0.42) !important;
  background: rgba(8, 15, 22, 0.98) !important;
  box-shadow: inset 0 0 0 1px rgba(113, 255, 130, 0.06) !important;
  padding: 0 6px !important;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__button {
  width: 46px !important;
  color: rgba(241, 248, 255, 0.94) !important;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__button svg {
  width: 16px !important;
  height: 16px !important;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__input {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(17, 27, 37, 0.95) !important;
  color: rgba(240, 248, 255, 0.92) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.2s ease;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove:hover {
  background: rgba(126, 255, 146, 0.2) !important;
  transform: translateY(-1px);
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove .icon-remove {
  width: 16px !important;
  height: 16px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals {
  grid-area: totals !important;
  display: grid !important;
  gap: 2px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__total-label {
  color: var(--tgpt-cart-muted) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 700 !important;
}

:is(body.template-cart, body.page-type-cart) .cart-item__error {
  grid-area: error !important;
  margin-top: 0 !important;
  color: #ff7b85 !important;
}

:is(body.template-cart, body.page-type-cart) .cart-item .loading-overlay {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: inherit !important;
  background: rgba(6, 12, 18, 0.72) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 8 !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

:is(body.template-cart, body.page-type-cart) .cart-item .loading-overlay.hidden {
  display: none !important;
}

:is(body.template-cart, body.page-type-cart) .cart-item .loading-overlay .path {
  stroke: var(--tgpt-cart-accent) !important;
  filter: drop-shadow(0 0 6px rgba(121, 245, 90, 0.55));
}

:is(body.template-cart, body.page-type-cart) .cart_subtotal {
  margin-top: 16px !important;
}

:is(body.template-cart, body.page-type-cart) .cart__footer {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:is(body.template-cart, body.page-type-cart) .cart__blocks > * + * {
  margin-top: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .cart-summary-card {
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 22px !important;
  border: 1px solid var(--tgpt-cart-border-strong) !important;
  background: linear-gradient(160deg, rgba(13, 22, 32, 0.98), rgba(8, 14, 21, 0.98)) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.48), 0 0 26px rgba(121, 245, 90, 0.11) !important;
  padding: 20px 18px !important;
}

:is(body.template-cart, body.page-type-cart) .cart-summary-card__title {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__rows {
  display: grid !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(121, 245, 90, 0.2) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__label {
  color: var(--tgpt-cart-muted) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__value {
  color: #edf6ff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__divider {
  display: none !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__label,
:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
  color: var(--tgpt-cart-accent) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--shipping .tgpt-cart-summary__value {
  max-width: 190px !important;
  white-space: normal !important;
  line-height: 1.28 !important;
  font-size: 13px !important;
}

:is(body.template-cart, body.page-type-cart) .tax-note {
  margin: 12px 0 0 !important;
  color: rgba(214, 227, 242, 0.62) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__ctas {
  margin-top: 14px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__ctas > * + * {
  margin-top: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .cart__checkout-button.button,
:is(body.template-cart, body.page-type-cart) .tgpt-cart-continue-link.button {
  width: 100% !important;
  min-height: 50px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
}

:is(body.template-cart, body.page-type-cart) .cart__checkout-button.button {
  border: 1px solid rgba(129, 255, 109, 0.95) !important;
  background: linear-gradient(135deg, #79f55a 0%, #94ff79 100%) !important;
  color: #061206 !important;
  box-shadow: 0 14px 24px rgba(121, 245, 90, 0.28) !important;
  gap: 8px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-checkout-arrow {
  font-size: 17px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-continue-link.button {
  border: 1px solid rgba(121, 245, 90, 0.26) !important;
  background: linear-gradient(180deg, rgba(12, 20, 30, 0.96), rgba(7, 12, 19, 0.96)) !important;
  color: #dce9f5 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges {
  margin-top: 12px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges span {
  min-height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(121, 245, 90, 0.2) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: #d7e6f3 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 8px !important;
}

@media screen and (max-width: 991px) {
  :is(body.template-cart, body.page-type-cart) #MainContent,
  :is(body.template-cart, body.page-type-cart) main,
  :is(body.template-cart, body.page-type-cart) .cart_template_wrapper {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + 220px + env(safe-area-inset-bottom)) !important;
  }

  :is(body.template-cart, body.page-type-cart) .breadcrumbs,
  :is(body.template-cart, body.page-type-cart) #shopify-section-breadcrumbs {
    display: none !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart_template_wrapper.container {
    max-width: calc(100% - 14px) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header {
    margin-bottom: 14px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__title {
    font-size: clamp(34px, 7vw, 40px) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__subtitle {
    font-size: 12px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
    gap: 16px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card {
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px 12px !important;
    border-radius: 22px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__media,
  :is(body.template-cart, body.page-type-cart) .cart-item__image {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 86px !important;
    border-radius: 15px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__vendor,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__meta-list,
  :is(body.template-cart, body.page-type-cart) .product-option,
  :is(body.template-cart, body.page-type-cart) .discounts {
    display: none !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-item__name,
  :is(body.template-cart, body.page-type-cart) .cart-item__name.product-title {
    font-size: 18px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 3 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .price {
    font-size: 18px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__quantity {
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 9px !important;
  }

  :is(body.template-cart, body.page-type-cart) quantity-input.quantity {
    max-width: 100% !important;
    height: 50px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals,
  :is(body.template-cart, body.page-type-cart) .cart-item__error {
    display: none !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + 2px) !important;
    z-index: 10020 !important;
    padding: 0 8px calc(env(safe-area-inset-bottom) + 8px) !important;
    pointer-events: none !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .cart_subtotal.container {
    max-width: 100% !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .cart-summary-card {
    pointer-events: auto !important;
    border-radius: 18px !important;
    padding: 12px !important;
    margin: 0 !important;
    box-shadow: 0 -18px 30px rgba(0, 0, 0, 0.52), 0 0 24px rgba(121, 245, 90, 0.1) !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .cart-summary-card__title,
  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-summary__row--shipping,
  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-summary__divider,
  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-summary__row--total,
  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tax-note,
  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-trust-badges {
    display: none !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-summary__rows {
    margin: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-summary__row {
    min-height: 62px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(121, 245, 90, 0.24) !important;
    background: rgba(10, 20, 31, 0.98) !important;
    padding: 0 15px !important;
    margin: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-summary__label {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: rgba(234, 242, 250, 0.92) !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-summary__value {
    color: #79f55a !important;
    font-size: 20px !important;
    font-weight: 900 !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-summary__ctas {
    margin-top: 11px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .cart__checkout-button.button {
    min-height: 54px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .tgpt-cart-checkout-arrow {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  :is(body.template-cart, body.page-type-cart) #MainContent {
    max-width: min(1320px, calc(100% - 44px)) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px) !important;
    column-gap: 26px !important;
    row-gap: 20px !important;
    align-items: start !important;
    padding-bottom: 34px !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-breadcrumbs {
    grid-column: 1 / -1 !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-items {
    grid-column: 1 !important;
    min-width: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer {
    grid-column: 2 !important;
    position: sticky !important;
    top: 108px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header {
    margin: 10px 0 20px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card {
    grid-template-columns: 116px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 16px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__media,
  :is(body.template-cart, body.page-type-cart) .cart-item__image {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    height: 116px !important;
    border-radius: 16px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__body {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      'details totals'
      'unit totals'
      'quantity totals'
      'error error' !important;
    column-gap: 16px !important;
    row-gap: 9px !important;
    align-items: start !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__quantity {
    grid-template-columns: minmax(0, 170px) 42px !important;
    gap: 10px !important;
  }

  :is(body.template-cart, body.page-type-cart) quantity-input.quantity {
    height: 44px !important;
  }

  :is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__input {
    font-size: 15px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals {
    min-width: 150px !important;
    padding-left: 14px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
    justify-items: end !important;
    align-content: start !important;
    text-align: right !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .price {
    font-size: 20px !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-item__name,
  :is(body.template-cart, body.page-type-cart) .cart-item__name.product-title {
    font-size: 19px !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 3 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__ctas {
    grid-template-columns: 1fr !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges {
    grid-template-columns: 1fr !important;
  }
}

/* ===================================================== */
/* Tech-GPT Wishlist Page Rebuild                        */
/* ===================================================== */
:is(body.template-page, body.page-type-page) #wishlist {
  --tgpt-wishlist-bg: #04090f;
  --tgpt-wishlist-surface: rgba(10, 18, 27, 0.94);
  --tgpt-wishlist-surface-2: rgba(14, 24, 35, 0.98);
  --tgpt-wishlist-border: rgba(112, 255, 132, 0.24);
  --tgpt-wishlist-border-strong: rgba(112, 255, 132, 0.38);
  --tgpt-wishlist-text: #f5f9ff;
  --tgpt-wishlist-muted: rgba(214, 227, 242, 0.72);
  --tgpt-wishlist-accent: #79f55a;
  --tgpt-wishlist-shadow: 0 16px 34px rgba(0, 0, 0, 0.45), 0 0 24px rgba(106, 255, 127, 0.12);
  position: relative;
  background: transparent !important;
  padding-bottom: 34px;
}

:is(body.template-page, body.page-type-page) #wishlist::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(1300px 420px at 0% -10%, rgba(112, 255, 132, 0.12), transparent 58%),
    radial-gradient(860px 360px at 100% 0%, rgba(56, 118, 255, 0.08), transparent 62%),
    var(--tgpt-wishlist-bg);
}

:is(body.template-page, body.page-type-page) #wishlist .container {
  max-width: min(1320px, calc(100% - 24px));
  padding: 0 !important;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-shell {
  display: grid;
  gap: 16px;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  gap: 14px;
  margin: 6px 0 4px;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  margin: 0 auto;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__icon-wrap {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  border: 1px solid rgba(113, 255, 130, 0.42);
  background: linear-gradient(180deg, rgba(14, 24, 35, 0.98), rgba(9, 16, 24, 0.98));
  color: var(--tgpt-wishlist-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34), 0 0 16px rgba(113, 255, 130, 0.16);
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__count {
  position: absolute;
  top: -8px;
  right: -8px;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--tgpt-wishlist-accent);
  border: 2px solid #04090f;
  color: #0a140a;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__copy {
  min-width: 0;
  text-align: center;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(30px, 6vw, 40px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.02em;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__subtitle {
  margin: 6px 0 0;
  color: var(--tgpt-wishlist-muted);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(236, 245, 255, 0.9);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-page {
  display: grid;
  gap: 18px;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] > .col {
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-skeleton {
  height: 146px;
  border-radius: 18px;
  border: 1px solid rgba(121, 245, 90, 0.18);
  background: linear-gradient(135deg, rgba(15, 24, 34, 0.94), rgba(9, 16, 24, 0.96));
  position: relative;
  overflow: hidden;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-skeleton::after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(121, 245, 90, 0.12), transparent);
  animation: tgptWishlistShimmer 1.6s ease-in-out infinite;
}

@keyframes tgptWishlistShimmer {
  100% {
    transform: translateX(100%);
  }
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item {
  position: relative;
  display: grid !important;
  grid-template-columns: 106px minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
  margin: 0 !important;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid var(--tgpt-wishlist-border);
  background: linear-gradient(160deg, var(--tgpt-wishlist-surface-2), var(--tgpt-wishlist-surface));
  box-shadow: var(--tgpt-wishlist-shadow);
  overflow: hidden;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__thumbnail {
  min-height: 106px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #111a24;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__thumbnail .product__media_thumbnail,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__thumbnail .media,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__thumbnail .product-grid-item__image {
  display: block;
  height: 100% !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__thumbnail .media {
  padding-bottom: 0 !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__content {
  padding: 0 !important;
  display: grid;
  align-content: start;
  gap: 8px;
  line-height: 1.25;
  text-align: left !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__content > * {
  margin: 0 !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__title {
  margin: 0 !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__title a {
  color: var(--tgpt-wishlist-text) !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  line-height: 1.27 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-decoration: none !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__title a:hover {
  color: #ffffff !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product__vendor {
  color: var(--tgpt-wishlist-muted) !important;
  font-size: 12px;
  margin-bottom: -2px !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price-wrap,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__price {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price {
  margin: 0 !important;
  color: var(--tgpt-wishlist-text);
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price dl,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price__sale,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price__regular {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: wrap;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price dt {
  display: none !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price dd {
  margin: 0 !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price__regular .price-item--regular,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price__sale .price-item--sale {
  color: var(--tgpt-wishlist-accent) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.05;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price__compare .price-item--regular {
  color: rgba(241, 248, 255, 0.44) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: line-through !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions {
  top: 10px;
  right: 10px;
  gap: 6px;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions li:has(.compare__button) {
  display: none !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] button.cart--icon-button {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(121, 245, 90, 0.22);
  background: rgba(9, 16, 24, 0.96);
  color: #dce9f5;
  box-shadow: none;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] button.cart--icon-button:hover {
  background: rgba(121, 245, 90, 0.18);
  color: #ffffff;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] button.cart--icon-button.active {
  background: var(--tgpt-wishlist-accent) !important;
  border-color: rgba(121, 245, 90, 0.95) !important;
  color: #071108 !important;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-empty {
  margin: 4px 0 0;
}

:is(body.template-page, body.page-type-page) #wishlist .empty-list--info {
  border-radius: 22px;
  border: 1px solid var(--tgpt-wishlist-border-strong);
  background: linear-gradient(160deg, rgba(13, 22, 32, 0.98), rgba(8, 14, 21, 0.98));
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.48), 0 0 26px rgba(121, 245, 90, 0.11);
  padding: 38px 24px;
  text-align: center;
}

:is(body.template-page, body.page-type-page) #wishlist .empty-list--text {
  margin: 0;
  color: #ffffff;
  font-size: clamp(26px, 5vw, 34px);
  line-height: 1.08;
  font-weight: 800;
}

:is(body.template-page, body.page-type-page) #wishlist .empty-list--info p {
  margin: 10px 0 0;
  color: var(--tgpt-wishlist-muted);
  font-size: 14px;
}

:is(body.template-page, body.page-type-page) #wishlist .empty-list--info .lezada-button-link {
  margin-top: 16px;
}

:is(body.template-page, body.page-type-page) #wishlist .empty-list--info .lezada-button-link a {
  min-height: 48px;
  border-radius: 13px;
  border: 1px solid rgba(120, 245, 90, 0.72);
  background: linear-gradient(135deg, #79f55a 0%, #8cff74 100%);
  color: #071108;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

@media screen and (max-width: 1199px) {
  :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  :is(body.template-page, body.page-type-page) #wishlist {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + 28px);
  }

  :is(body.template-page, body.page-type-page) #wishlist .container {
    max-width: calc(100% - 14px);
  }

  :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-grid {
    grid-template-columns: 1fr;
  }

  :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    border-radius: 18px;
  }

  :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__thumbnail {
    min-height: 90px;
  }

  :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__title a {
    font-size: 16px !important;
    -webkit-line-clamp: 2;
  }

  :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price__regular .price-item--regular,
  :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .price__sale .price-item--sale {
    font-size: 18px !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__title {
    font-size: clamp(32px, 8vw, 40px);
  }

  :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__subtitle {
    font-size: 12px;
  }
}

/* ===================================================== */
/* Tech-GPT Wishlist Refinements                         */
/* ===================================================== */
:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header {
  min-height: auto;
  margin: 2px 0 8px;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid rgba(112, 255, 132, 0.2);
  background: linear-gradient(145deg, rgba(14, 23, 34, 0.94), rgba(9, 15, 23, 0.98));
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.38), 0 0 20px rgba(112, 255, 132, 0.08);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__copy {
  text-align: left;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__eyebrow {
  margin: 0 0 6px;
  color: rgba(214, 227, 242, 0.72);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__title {
  font-size: clamp(28px, 5.5vw, 36px);
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__subtitle {
  margin-top: 5px;
}

:is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__cta {
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(120, 245, 90, 0.7);
  background: linear-gradient(135deg, #79f55a 0%, #8cff74 100%);
  color: #061106;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  box-shadow: 0 10px 18px rgba(121, 245, 90, 0.2);
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions {
  opacity: 1 !important;
  visibility: visible !important;
  top: 10px !important;
  right: 10px !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 12 !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions > li {
  margin: 0 !important;
  display: inline-flex !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions quick-view-modal,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions wishlist-item {
  display: inline-flex !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] compare-item,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .compare__button,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions li:has(.compare__button) {
  display: none !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions button.cart--icon-button {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  min-height: 36px !important;
  border-radius: 12px;
  border: 1px solid rgba(120, 245, 90, 0.86);
  background: linear-gradient(135deg, rgba(8, 16, 24, 0.98) 0%, rgba(10, 18, 28, 0.96) 100%);
  color: #061106;
  padding: 0 !important;
  box-shadow: 0 8px 16px rgba(121, 245, 90, 0.24);
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions button.cart--icon-button svg {
  width: 16px !important;
  height: 16px !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions quick-view-modal button.cart--icon-button {
  background: linear-gradient(135deg, #79f55a 0%, #8cff74 100%) !important;
  color: #041004 !important;
  border-color: rgba(120, 245, 90, 0.95) !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions quick-view-modal button.cart--icon-button:hover {
  background: linear-gradient(135deg, #8cff74 0%, #79f55a 100%) !important;
  color: #041004 !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions .product-grid-item__wishlist {
  border-color: rgba(120, 245, 90, 0.22) !important;
  background: rgba(9, 16, 24, 0.96) !important;
  color: #dce9f5 !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions .product-grid-item__wishlist svg {
  width: 15px !important;
  height: 15px !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions .product-grid-item__wishlist.active {
  border-color: rgba(120, 245, 90, 0.86) !important;
  background: linear-gradient(135deg, #79f55a 0%, #8cff74 100%) !important;
  color: #061106 !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn {
  width: 100% !important;
  min-height: 50px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(120, 245, 90, 0.88) !important;
  background: linear-gradient(135deg, #79f55a 0%, #8cff74 100%) !important;
  color: #061106 !important;
  box-shadow: 0 10px 20px rgba(121, 245, 90, 0.24) !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn .action__btn--text,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn .action__btn--text--label,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn svg {
  color: #061106 !important;
  fill: currentColor;
  stroke: currentColor;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn:hover {
  background: linear-gradient(135deg, #8cff74 0%, #79f55a 100%) !important;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__badges {
  top: 10px;
  left: 10px;
  gap: 6px;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__badges .badge,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__badges .product-sale-badge,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__badges .sale__text,
:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__badges .sale__save--percent {
  border-radius: 999px !important;
  border: 1px solid rgba(120, 245, 90, 0.55) !important;
  background: rgba(7, 16, 12, 0.92) !important;
  color: #79f55a !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 4px 9px !important;
  line-height: 1.1;
}

.mobile-bottom-nav__badge--wishlist {
  border: 2px solid rgba(12, 16, 21, 0.98);
}

.mobile-bottom-nav__badge--wishlist.is-empty {
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: 14px 12px;
    gap: 12px;
  }

  :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__copy {
    text-align: center;
  }

  :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__cta {
    min-height: 42px;
    width: 100%;
  }

  :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__actions button.cart--icon-button {
    width: 34px;
    height: 34px;
  }
}

/* ===================================================== */
/* Tech-GPT Cart Header + Card Refinements               */
/* ===================================================== */
:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header {
  min-height: auto !important;
  margin: 2px 0 10px !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(112, 255, 132, 0.2) !important;
  background: linear-gradient(145deg, rgba(14, 23, 34, 0.94), rgba(9, 15, 23, 0.98)) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.38), 0 0 20px rgba(112, 255, 132, 0.08) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__copy {
  min-width: 0 !important;
  text-align: left !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__eyebrow {
  margin: 0 0 6px !important;
  color: rgba(214, 227, 242, 0.72) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__title {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(28px, 5.5vw, 36px) !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__subtitle {
  margin: 5px 0 0 !important;
  color: rgba(214, 227, 242, 0.72) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.32 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__count {
  position: static !important;
  top: auto !important;
  right: auto !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  height: 24px !important;
  margin-right: 6px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #79f55a !important;
  color: #0a140a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  vertical-align: middle !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__cta {
  min-height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(120, 245, 90, 0.7) !important;
  background: linear-gradient(135deg, #79f55a 0%, #8cff74 100%) !important;
  color: #061106 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  box-shadow: 0 10px 18px rgba(121, 245, 90, 0.2) !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card {
  border-radius: 18px !important;
  padding: 12px !important;
  gap: 12px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__body {
  gap: 8px !important;
  align-content: start !important;
}

:is(body.template-cart, body.page-type-cart) .cart-item__name,
:is(body.template-cart, body.page-type-cart) .cart-item__name.product-title {
  -webkit-line-clamp: 2 !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price,
:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .price {
  font-size: 20px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__quantity {
  grid-template-columns: minmax(0, 200px) 46px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity {
  height: 44px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove {
  min-height: 44px !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  border: 1px solid rgba(120, 245, 90, 0.86) !important;
  background: linear-gradient(135deg, #79f55a 0%, #8cff74 100%) !important;
  color: #061106 !important;
  box-shadow: 0 8px 16px rgba(121, 245, 90, 0.22) !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove:hover {
  background: linear-gradient(135deg, #8cff74 0%, #79f55a 100%) !important;
  color: #041004 !important;
}

@media screen and (max-width: 749px) {
  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    padding: 14px 12px !important;
    gap: 12px !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__copy {
    text-align: center !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__cta {
    min-height: 42px !important;
    width: 100% !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
    min-height: 0 !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .cart-item__image {
    width: 84px !important;
    height: 84px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
    padding: 0 !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__body {
    grid-column: 2 !important;
    gap: 7px !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .cart-item__name,
  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .cart-item__name.product-title {
    font-size: 16px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 2 !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price {
    font-size: 16px !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__quantity {
    grid-template-columns: minmax(0, 180px) 44px !important;
    gap: 8px !important;
    margin-top: 0 !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) quantity-input.quantity {
    height: 42px !important;
  }

  html:not([data-color-mode="light"]) :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
  }
}

/* ===================================================== */
/* PRODUCT CARD IMAGE AREA NORMALIZATION */
/* ===================================================== */
.product-grid-item .product-grid-item__thumbnail {
  --tgpt-media-overlay-space: 44px;
  --tgpt-media-frame-margin: 10px;
  --tgpt-media-frame-height: clamp(140px, 20vw, 220px);
  --tgpt-media-frame-padding: clamp(8px, 1vw, 14px);
}

.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-frame {
  position: relative;
  width: calc(100% - (var(--tgpt-media-frame-margin) * 2));
  height: var(--tgpt-media-frame-height);
  min-height: var(--tgpt-media-frame-height);
  margin: var(--tgpt-media-overlay-space) var(--tgpt-media-frame-margin) var(--tgpt-media-frame-margin);
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(17, 24, 33, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-link,
.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-link .media,
.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-link .product-grid-item__image,
.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-frame .card__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-link .media {
  padding-bottom: 0 !important;
  aspect-ratio: auto !important;
  max-height: none !important;
  background: transparent !important;
}

.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-link img,
.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: var(--tgpt-media-frame-padding) !important;
}

.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-frame .placeholder_svg_parent {
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-frame .placeholder-svg {
  width: 72%;
  height: 72%;
}

.product-grid-item .product-grid-item__thumbnail .product-grid-item__badges,
.product-grid-item .product-grid-item__thumbnail .tgpt-product-card__badge,
.product-grid-item .product-grid-item__thumbnail ul.product-grid-item__actions.style2 {
  z-index: 12;
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__thumbnail {
  --tgpt-media-overlay-space: 36px;
  --tgpt-media-frame-margin: 6px;
  --tgpt-media-frame-height: clamp(92px, 30vw, 136px);
  --tgpt-media-frame-padding: clamp(6px, 1.2vw, 10px);
}

.featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-frame {
  border-radius: 12px;
  background: #101214;
}

.template-search .template-search__results .product-grid-item .product-grid-item__thumbnail {
  --tgpt-media-overlay-space: 34px;
  --tgpt-media-frame-margin: 8px;
  --tgpt-media-frame-height: 86px;
  --tgpt-media-frame-padding: 8px;
}

.template-search .template-search__results .product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-frame {
  border-radius: 12px;
  background: #131a22;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item .product-grid-item__thumbnail {
  --tgpt-media-overlay-space: 34px;
  --tgpt-media-frame-margin: 6px;
  --tgpt-media-frame-height: 74px;
  --tgpt-media-frame-padding: 6px;
}

:is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item .product-grid-item__thumbnail .tgpt-product-card__media-frame {
  border-radius: 12px;
  background: #111a24;
}

@media screen and (max-width: 767px) {
  .product-grid-item .product-grid-item__thumbnail {
    --tgpt-media-overlay-space: 40px;
    --tgpt-media-frame-margin: 8px;
    --tgpt-media-frame-height: clamp(124px, 42vw, 172px);
    --tgpt-media-frame-padding: clamp(6px, 2.2vw, 10px);
  }

  .template-search .template-search__results .product-grid-item .product-grid-item__thumbnail {
    --tgpt-media-overlay-space: 32px;
    --tgpt-media-frame-margin: 8px;
    --tgpt-media-frame-height: 84px;
  }

  :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item .product-grid-item__thumbnail {
    --tgpt-media-overlay-space: 32px;
    --tgpt-media-frame-margin: 6px;
    --tgpt-media-frame-height: 72px;
  }
}

/* ===================================================== */
/* Tech-GPT White Mode Rebuild (Global + Components)     */
/* ===================================================== */
html[data-color-mode="light"] {
  color-scheme: light;
  --color-background: 244, 247, 251;
  --color-foreground: 15, 23, 42;
  --tgpt-light-bg: #f4f7fb;
  --tgpt-light-surface: #ffffff;
  --tgpt-light-surface-soft: #eef3f9;
  --tgpt-light-border: rgba(15, 23, 42, 0.12);
  --tgpt-light-border-strong: rgba(15, 23, 42, 0.2);
  --tgpt-light-text: #0f172a;
  --tgpt-light-muted: #4a5d75;
  --tgpt-light-muted-soft: #607086;
  --tgpt-light-accent: #63df4b;
  --tgpt-light-accent-strong: #58cb42;
  --tgpt-light-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
  --tgpt-search-bg: rgba(255, 255, 255, 0.98);
  --tgpt-search-card-bg: rgba(15, 23, 42, 0.04);
  --tgpt-search-border: rgba(79, 194, 66, 0.28);
  --tgpt-search-card-border: rgba(15, 23, 42, 0.11);
  --tgpt-search-text: #0f172a;
  --tgpt-search-muted: rgba(15, 23, 42, 0.56);
  --tgpt-search-sale: #1f9f35;
}

html[data-color-mode="light"] body,
html[data-color-mode="light"] #MainContent,
html[data-color-mode="light"] .shopify-section,
html[data-color-mode="light"] main,
html[data-color-mode="light"] .wrapper,
html[data-color-mode="light"] .page-width,
html[data-color-mode="light"] .gradient,
html[data-color-mode="light"] [class*="color-scheme-"] {
  background: var(--tgpt-light-bg) !important;
  background-image: none !important;
  color: var(--tgpt-light-text) !important;
}

html[data-color-mode="light"] p,
html[data-color-mode="light"] li,
html[data-color-mode="light"] label,
html[data-color-mode="light"] .rte,
html[data-color-mode="light"] .product-option,
html[data-color-mode="light"] .tax-note,
html[data-color-mode="light"] .cart__note,
html[data-color-mode="light"] .form__label,
html[data-color-mode="light"] .caption-with-letter-spacing {
  color: var(--tgpt-light-muted) !important;
}

html[data-color-mode="light"] h1,
html[data-color-mode="light"] h2,
html[data-color-mode="light"] h3,
html[data-color-mode="light"] h4,
html[data-color-mode="light"] h5,
html[data-color-mode="light"] h6,
html[data-color-mode="light"] .h0,
html[data-color-mode="light"] .h1,
html[data-color-mode="light"] .h2,
html[data-color-mode="light"] .h3,
html[data-color-mode="light"] .h4,
html[data-color-mode="light"] .h5 {
  color: var(--tgpt-light-text) !important;
}

html[data-color-mode="light"] a {
  color: var(--tgpt-light-text);
}

html[data-color-mode="light"] a:hover {
  color: #1f9f35;
}

html[data-color-mode="light"] .header__topbar,
html[data-color-mode="light"] #shopify__header__section .header_bottom {
  background: var(--tgpt-light-surface) !important;
  border-color: var(--tgpt-light-border) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

html[data-color-mode="light"] .topbar-mobile-logo {
  background: rgba(15, 23, 42, 0.04) !important;
  border: 1px solid var(--tgpt-light-border) !important;
}

html[data-color-mode="light"] #shopify__header__section .mobile__menu_bar.header__actions_btn--menu,
html[data-color-mode="light"] #shopify__header__section .mobile-theme-toggle,
html[data-color-mode="light"] #shopify__header__section .header-inline-search__input,
html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn {
  box-shadow: none !important;
}

html[data-color-mode="light"] #shopify__header__section .mobile__menu_bar.header__actions_btn--menu,
html[data-color-mode="light"] #shopify__header__section .mobile-theme-toggle,
html[data-color-mode="light"] #shopify__header__section .header-inline-search__input {
  background: var(--tgpt-light-surface-soft) !important;
  border-color: var(--tgpt-light-border) !important;
  color: var(--tgpt-light-text) !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__input::placeholder {
  color: #64748b !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__lead-icon {
  color: #64748b !important;
}

html[data-color-mode="light"] #shopify__header__section .mobile__menu_bar.header__actions_btn--menu::before {
  background: var(--tgpt-light-text) !important;
  box-shadow: 0 -6px 0 var(--tgpt-light-text), 0 6px 0 var(--tgpt-light-text) !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn {
  background: linear-gradient(135deg, #63df4b 0%, #7bea5d 100%) !important;
  border-color: rgba(87, 206, 67, 0.78) !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn svg {
  color: #071109 !important;
}

html[data-color-mode="light"] .mobile-bottom-nav {
  background: rgba(255, 255, 255, 0.98) !important;
  border-top: 1px solid var(--tgpt-light-border) !important;
  box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] .mobile-bottom-nav__item {
  color: #334155 !important;
}

html[data-color-mode="light"] .mobile-bottom-nav__item.is-active {
  color: #1f9f35 !important;
}

html[data-color-mode="light"] .mobile-bottom-nav__badge,
html[data-color-mode="light"] .mobile-bottom-nav__badge--wishlist {
  border-color: rgba(255, 255, 255, 0.96) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-menu-list {
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16), 0 0 22px rgba(99, 223, 75, 0.14) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__heading,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-widget-second .ts7-search-label {
  border-bottom-color: rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__item--link:hover,
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__list-item[aria-selected="true"] .predictive-search__item--link,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-suggestion-product-grid a:hover .ts7-search-product,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-suggestion-product-list a:hover .ts7-search-product,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-product:hover {
  background: rgba(99, 223, 75, 0.12) !important;
  border-color: rgba(87, 206, 67, 0.38) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__image-wrap,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-product-img {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-menu-list .ts7-search-view-all-link,
html[data-color-mode="light"] .ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-search-view-all-link,
html[data-color-mode="light"] .ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-suggestions-view-all-link,
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__footer {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.96) 82%, rgba(255, 255, 255, 0)) !important;
}

html[data-color-mode="light"] .product-grid-item,
html[data-color-mode="light"] .featured-collection--new-arrivals .product-grid-item--new-arrivals,
html[data-color-mode="light"] .collection-list .card,
html[data-color-mode="light"] .blog-card,
html[data-color-mode="light"] .cart-notification-product,
html[data-color-mode="light"] .testimonial-card,
html[data-color-mode="light"] .accordion__item {
  background: var(--tgpt-light-surface) !important;
  border-color: var(--tgpt-light-border) !important;
  box-shadow: var(--tgpt-light-shadow) !important;
}

html[data-color-mode="light"] .product-grid-item__title a,
html[data-color-mode="light"] .product-grid-item__title,
html[data-color-mode="light"] .template-search .template-search__results .product-grid-item__title,
html[data-color-mode="light"] .template-search .template-search__results .product-grid-item__title a,
html[data-color-mode="light"] .cart-item__name,
html[data-color-mode="light"] .cart-item__name.product-title {
  color: var(--tgpt-light-text) !important;
}

html[data-color-mode="light"] .price,
html[data-color-mode="light"] .price-item,
html[data-color-mode="light"] .price-item--sale,
html[data-color-mode="light"] .money {
  color: #1f9f35 !important;
}

html[data-color-mode="light"] .price-item--regular,
html[data-color-mode="light"] .price__compare .price-item--regular,
html[data-color-mode="light"] .cart-item__old-price {
  color: rgba(15, 23, 42, 0.48) !important;
}

html[data-color-mode="light"] .button,
html[data-color-mode="light"] .shopify-payment-button__button--unbranded,
html[data-color-mode="light"] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn,
html[data-color-mode="light"] .cart__checkout-button.button {
  border-color: rgba(87, 206, 67, 0.75) !important;
  background: linear-gradient(135deg, #63df4b 0%, #7bea5d 100%) !important;
  color: #061106 !important;
  box-shadow: 0 10px 24px rgba(99, 223, 75, 0.24) !important;
}

html[data-color-mode="light"] .button--secondary,
html[data-color-mode="light"] .tgpt-cart-continue-link.button,
html[data-color-mode="light"] .cart_notification--footer .button--secondary {
  border-color: var(--tgpt-light-border-strong) !important;
  background: var(--tgpt-light-surface) !important;
  color: var(--tgpt-light-text) !important;
  box-shadow: none !important;
}

html[data-color-mode="light"] input,
html[data-color-mode="light"] textarea,
html[data-color-mode="light"] select,
html[data-color-mode="light"] .field__input,
html[data-color-mode="light"] .tgpt-shot-footer__input-wrap,
html[data-color-mode="light"] quantity-input.quantity {
  background: var(--tgpt-light-surface) !important;
  border-color: var(--tgpt-light-border) !important;
  color: var(--tgpt-light-text) !important;
}

html[data-color-mode="light"] input::placeholder,
html[data-color-mode="light"] textarea::placeholder,
html[data-color-mode="light"] .field__input::placeholder,
html[data-color-mode="light"] .tgpt-shot-footer__input-wrap input[type="email"]::placeholder {
  color: #70829a !important;
}

html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification,
html[data-color-mode="light"] #offcanvas__mini_cart .cart_notification_topbar,
html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification__header,
html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification-product,
html[data-color-mode="light"] #offcanvas__mini_cart .cart_notification_links_inner,
html[data-color-mode="light"] #offcanvas__mini_cart .cart_notification--footer {
  background: var(--tgpt-light-surface) !important;
  color: var(--tgpt-light-text) !important;
  border-color: var(--tgpt-light-border) !important;
}

html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification-product__name,
html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification-product__name a,
html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification__heading,
html[data-color-mode="light"] #offcanvas__mini_cart .totals__subtotal,
html[data-color-mode="light"] #offcanvas__mini_cart #cart-notification-subtotal {
  color: var(--tgpt-light-text) !important;
}

html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification__subtitle,
html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification-product__option {
  color: var(--tgpt-light-muted) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) {
  --tgpt-cart-bg: #f4f7fb;
  --tgpt-cart-surface: #ffffff;
  --tgpt-cart-surface-2: #f8fbff;
  --tgpt-cart-border: rgba(15, 23, 42, 0.13);
  --tgpt-cart-border-strong: rgba(15, 23, 42, 0.2);
  --tgpt-cart-text: #0f172a;
  --tgpt-cart-muted: #5e7088;
  --tgpt-cart-accent: #1f9f35;
  --tgpt-cart-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
  background: #f4f7fb !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) #MainContent::before {
  background:
    radial-gradient(1200px 420px at 0% -15%, rgba(99, 223, 75, 0.14), transparent 60%),
    radial-gradient(900px 360px at 100% 0%, rgba(52, 120, 255, 0.1), transparent 58%),
    #f4f7fb !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__title,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__value,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .price,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-summary-card__title {
  color: var(--tgpt-light-text) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__label,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__value,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__count,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart__checkout-button.button {
  color: #1f9f35 !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__count,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart__checkout-button.button {
  color: #0a2509 !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__count {
  border-color: #f4f7fb !important;
}

html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist {
  --tgpt-wishlist-bg: #f4f7fb;
  --tgpt-wishlist-surface: #ffffff;
  --tgpt-wishlist-surface-2: #f8fbff;
  --tgpt-wishlist-border: rgba(15, 23, 42, 0.13);
  --tgpt-wishlist-border-strong: rgba(15, 23, 42, 0.2);
  --tgpt-wishlist-text: #0f172a;
  --tgpt-wishlist-muted: #5e7088;
  --tgpt-wishlist-accent: #1f9f35;
  --tgpt-wishlist-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
}

html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist::before {
  background:
    radial-gradient(1300px 420px at 0% -10%, rgba(99, 223, 75, 0.14), transparent 58%),
    radial-gradient(860px 360px at 100% 0%, rgba(52, 120, 255, 0.09), transparent 62%),
    #f4f7fb !important;
}

html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .empty-list--info {
  background: linear-gradient(160deg, #ffffff, #f8fbff) !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1) !important;
}

html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__title,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__title a,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .empty-list--text {
  color: #0f172a !important;
}

html[data-color-mode="light"] .tgpt-shot-footer {
  --tgpt-footer-bg: #edf2f8;
  --tgpt-footer-surface: #ffffff;
  --tgpt-footer-border: rgba(15, 23, 42, 0.14);
  --tgpt-footer-text: #0f172a;
  --tgpt-footer-muted: #4c5f77;
  --tgpt-footer-muted-soft: #607086;
  --tgpt-footer-accent: #63df4b;
  --tgpt-footer-accent-strong: #58cb42;
  --tgpt-footer-accent-shadow: rgba(99, 223, 75, 0.26);
  border-top: 1px solid rgba(15, 23, 42, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__inner {
  background:
    radial-gradient(140% 100% at 14% 0%, rgba(99, 223, 75, 0.12), transparent 56%),
    radial-gradient(120% 90% at 90% 0%, rgba(56, 115, 255, 0.1), transparent 64%),
    #edf2f8 !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__highlight p,
html[data-color-mode="light"] .tgpt-shot-footer__menu-title,
html[data-color-mode="light"] .tgpt-shot-footer__follow h3,
html[data-color-mode="light"] .tgpt-shot-footer__newsletter h3,
html[data-color-mode="light"] .tgpt-shot-footer__secure-copy p,
html[data-color-mode="light"] .tgpt-shot-footer__bottom p {
  color: #0f172a !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__social-link,
html[data-color-mode="light"] .tgpt-shot-footer__payment,
html[data-color-mode="light"] .tgpt-shot-footer__input-wrap,
html[data-color-mode="light"] .tgpt-shot-footer__to-top {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__input-wrap input[type="email"] {
  color: #0f172a !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__input-wrap button {
  border-color: rgba(87, 206, 67, 0.62) !important;
  background: linear-gradient(135deg, #63df4b 0%, #7bea5d 100%) !important;
  color: #071109 !important;
  box-shadow: 0 10px 20px rgba(99, 223, 75, 0.26) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__to-top svg,
html[data-color-mode="light"] .tgpt-shot-footer__social-link svg,
html[data-color-mode="light"] .tgpt-shot-footer__menu-icon,
html[data-color-mode="light"] .tgpt-shot-footer__highlight > span,
html[data-color-mode="light"] .tgpt-shot-footer__secure-copy > span {
  color: #1f9f35 !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__payment span,
html[data-color-mode="light"] .tgpt-shot-footer__payment--wish span {
  color: #0f172a !important;
}

html[data-color-mode="light"] ::selection {
  background: rgba(99, 223, 75, 0.3);
  color: #041104;
}

/* ===================================================== */
/* Tech-GPT Cart Mobile Premium Refresh                  */
/* ===================================================== */
@media screen and (max-width: 991px) {
  :is(body.template-cart, body.page-type-cart) #MainContent,
  :is(body.template-cart, body.page-type-cart) main,
  :is(body.template-cart, body.page-type-cart) .cart_template_wrapper {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + env(safe-area-inset-bottom) + 28px) !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer {
    position: static !important;
    inset: auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
    z-index: auto !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart_template_wrapper.container,
  :is(body.template-cart, body.page-type-cart) .cart_subtotal.container {
    max-width: calc(100% - 16px) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header.tgpt-cart-page-header--mobile-pro {
    margin: 8px 0 12px !important;
    padding: 13px 14px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(112, 255, 132, 0.24) !important;
    background: linear-gradient(160deg, rgba(13, 22, 32, 0.97), rgba(8, 14, 21, 0.97)) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.44), 0 0 20px rgba(112, 255, 132, 0.08) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__copy {
    text-align: left !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__title {
    font-size: 30px !important;
    line-height: 1.02 !important;
    margin: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__subtitle {
    margin: 5px 0 0 !important;
    font-size: 13px !important;
    color: rgba(214, 227, 242, 0.74) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__count {
    min-width: 22px !important;
    height: 22px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #79f55a !important;
    color: #0a140a !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__clear {
    min-height: 40px !important;
    border-radius: 11px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 92, 108, 0.55) !important;
    background: rgba(88, 12, 20, 0.26) !important;
    color: #ff6677 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__clear svg {
    width: 14px !important;
    height: 14px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card {
    margin: 0 0 12px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(112, 255, 132, 0.24) !important;
    background: linear-gradient(160deg, rgba(12, 21, 32, 0.96), rgba(8, 14, 21, 0.98)) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.42), 0 0 16px rgba(112, 255, 132, 0.08) !important;
    display: grid !important;
    gap: 10px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__head {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(112, 255, 132, 0.36) !important;
    background: rgba(15, 31, 20, 0.52) !important;
    color: #79f55a !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 750 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__text {
    margin: 3px 0 0 !important;
    color: rgba(214, 227, 242, 0.75) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__progress {
    width: 100% !important;
    height: 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(112, 255, 132, 0.24) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    overflow: hidden !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__progress > span {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #79f55a 0%, #99ff7d 100%) !important;
    box-shadow: 0 0 12px rgba(121, 245, 90, 0.45) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__button {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(124, 255, 106, 0.9) !important;
    background: linear-gradient(135deg, #79f55a 0%, #98ff7c 100%) !important;
    color: #051105 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 10px 20px rgba(121, 245, 90, 0.26) !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart__items {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
    gap: 12px !important;
    margin: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__media,
  :is(body.template-cart, body.page-type-cart) .cart-item__image {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 78px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-item__name,
  :is(body.template-cart, body.page-type-cart) .cart-item__name.product-title {
    font-size: 15px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 2 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price {
    font-size: 17px !important;
    color: #79f55a !important;
    font-weight: 850 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__quantity {
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 8px !important;
  }

  :is(body.template-cart, body.page-type-cart) quantity-input.quantity {
    height: 40px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 40px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255, 88, 105, 0.58) !important;
    background: rgba(88, 12, 20, 0.24) !important;
    color: #ff6172 !important;
    box-shadow: none !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove:hover {
    background: rgba(118, 16, 28, 0.34) !important;
    color: #ff7a88 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove .icon-remove {
    width: 14px !important;
    height: 14px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals {
    display: grid !important;
    gap: 2px !important;
    margin-top: 2px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .price {
    font-size: 15px !important;
    color: #79f55a !important;
    font-weight: 820 !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart_subtotal {
    margin-top: 18px !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-summary-card {
    border-radius: 18px !important;
    padding: 14px !important;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.46), 0 0 20px rgba(121, 245, 90, 0.1) !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-summary-card__title {
    font-size: 22px !important;
    margin: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__rows {
    margin-top: 12px !important;
    gap: 8px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__label {
    font-size: 13px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__value {
    font-size: 13px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__label,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
    font-size: 19px !important;
    color: #79f55a !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure {
    margin-top: 10px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(112, 255, 132, 0.28) !important;
    background: rgba(10, 20, 31, 0.88) !important;
    padding: 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    gap: 9px !important;
    align-items: center !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(112, 255, 132, 0.4) !important;
    color: #79f55a !important;
    background: rgba(14, 31, 20, 0.45) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: 2 !important;
    justify-self: end !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-copy {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    order: 1 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-copy strong {
    color: #eaf4ff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 760 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-copy small {
    color: rgba(214, 227, 242, 0.7) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__ctas {
    margin-top: 10px !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart__checkout-button.button {
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    gap: 8px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-checkout-lock {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-checkout-lock svg {
    width: 14px !important;
    height: 14px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges {
    margin-top: 10px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges span {
    min-height: 54px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(121, 245, 90, 0.24) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    padding: 8px 6px !important;
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 6px !important;
    color: #d9e8f5 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges span svg {
    width: 16px !important;
    height: 16px !important;
    color: #79f55a !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges span em {
    font-style: normal !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
  }
}

@media screen and (min-width: 992px) {
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card {
    display: none !important;
  }
}

/* ===================================================== */
/* Tech-GPT Light Mode Final System (Authoritative)      */
/* ===================================================== */
html[data-color-mode="light"] {
  color-scheme: light;
  --tgpt-l-bg: #f4f7fb;
  --tgpt-l-card: #ffffff;
  --tgpt-l-card-soft: #f8fafc;
  --tgpt-l-text: #0f172a;
  --tgpt-l-text-2: #64748b;
  --tgpt-l-text-muted: #94a3b8;
  --tgpt-l-border: #dce3ec;
  --tgpt-l-border-soft: #e6edf5;
  --tgpt-l-green: #5bff3d;
  --tgpt-l-green-deep: #16a34a;
  --tgpt-l-green-text: #06110a;
  --tgpt-l-danger: #ef4444;
  --tgpt-l-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  --tgpt-l-shadow-soft: 0 8px 22px rgba(15, 23, 42, 0.06);
}

html[data-color-mode="light"] body,
html[data-color-mode="light"] #MainContent,
html[data-color-mode="light"] main,
html[data-color-mode="light"] .shopify-section,
html[data-color-mode="light"] .gradient,
html[data-color-mode="light"] [class*="color-scheme-"] {
  background: var(--tgpt-l-bg) !important;
  background-image: none !important;
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] h1,
html[data-color-mode="light"] h2,
html[data-color-mode="light"] h3,
html[data-color-mode="light"] h4,
html[data-color-mode="light"] h5,
html[data-color-mode="light"] h6,
html[data-color-mode="light"] .h0,
html[data-color-mode="light"] .h1,
html[data-color-mode="light"] .h2,
html[data-color-mode="light"] .h3,
html[data-color-mode="light"] .h4,
html[data-color-mode="light"] .h5 {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] p,
html[data-color-mode="light"] li,
html[data-color-mode="light"] small,
html[data-color-mode="light"] label,
html[data-color-mode="light"] .caption,
html[data-color-mode="light"] .caption-with-letter-spacing,
html[data-color-mode="light"] .product-option,
html[data-color-mode="light"] .tax-note,
html[data-color-mode="light"] .cart__note {
  color: var(--tgpt-l-text-2) !important;
}

html[data-color-mode="light"] a {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] a:hover {
  color: var(--tgpt-l-green-deep) !important;
}

html[data-color-mode="light"] ::selection {
  background: rgba(91, 255, 61, 0.25);
  color: #041104;
}

/* Header + mobile nav */
html[data-color-mode="light"] .header__topbar,
html[data-color-mode="light"] #shopify__header__section .header_bottom {
  background: var(--tgpt-l-card) !important;
  border-color: var(--tgpt-l-border) !important;
  box-shadow: var(--tgpt-l-shadow-soft) !important;
}

html[data-color-mode="light"] .topbar-mobile-logo,
html[data-color-mode="light"] #shopify__header__section .mobile__menu_bar.header__actions_btn--menu,
html[data-color-mode="light"] #shopify__header__section .mobile-theme-toggle,
html[data-color-mode="light"] #shopify__header__section .header-inline-search__input {
  background: var(--tgpt-l-card-soft) !important;
  border: 1px solid var(--tgpt-l-border) !important;
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__input::placeholder {
  color: var(--tgpt-l-text-2) !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__lead-icon {
  color: var(--tgpt-l-text-2) !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn {
  border: 1px solid rgba(22, 163, 74, 0.34) !important;
  background: linear-gradient(135deg, var(--tgpt-l-green) 0%, #8dff76 100%) !important;
  color: var(--tgpt-l-green-text) !important;
  box-shadow: 0 10px 20px rgba(91, 255, 61, 0.24) !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn svg {
  color: var(--tgpt-l-green-text) !important;
}

html[data-color-mode="light"] .mobile-bottom-nav {
  background: rgba(255, 255, 255, 0.98) !important;
  border-top: 1px solid var(--tgpt-l-border) !important;
  box-shadow: 0 -10px 26px rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] .mobile-bottom-nav__item {
  color: #334155 !important;
}

html[data-color-mode="light"] .mobile-bottom-nav__item svg {
  color: currentColor !important;
}

html[data-color-mode="light"] .mobile-bottom-nav__item.is-active {
  color: var(--tgpt-l-green-deep) !important;
}

html[data-color-mode="light"] .mobile-bottom-nav__badge,
html[data-color-mode="light"] .mobile-bottom-nav__badge--wishlist {
  background: var(--tgpt-l-green) !important;
  color: var(--tgpt-l-green-text) !important;
  border: 2px solid #ffffff !important;
}

/* Unified card system */
html[data-color-mode="light"] .product-grid-item,
html[data-color-mode="light"] .featured-collection--new-arrivals .product-grid-item--new-arrivals,
html[data-color-mode="light"] .collection-list .card,
html[data-color-mode="light"] .blog-card,
html[data-color-mode="light"] .testimonial-card,
html[data-color-mode="light"] .accordion__item,
html[data-color-mode="light"] .cart-summary-card,
html[data-color-mode="light"] .tgpt-cart-item-card,
html[data-color-mode="light"] .tgpt-cart-page-header,
html[data-color-mode="light"] .tgpt-cart-shipping-card,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .empty-list--info {
  background: var(--tgpt-l-card) !important;
  border: 1px solid var(--tgpt-l-border) !important;
  box-shadow: var(--tgpt-l-shadow) !important;
}

html[data-color-mode="light"] .product-grid-item__title,
html[data-color-mode="light"] .product-grid-item__title a,
html[data-color-mode="light"] .cart-item__name,
html[data-color-mode="light"] .cart-item__name.product-title,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__title,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist [grid-wishlist] .product-grid-item__title a {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] .product-grid-item__vendor,
html[data-color-mode="light"] .tgpt-cart-item__vendor,
html[data-color-mode="light"] .tgpt-cart-item__meta-list,
html[data-color-mode="light"] .tgpt-wishlist-header__subtitle {
  color: var(--tgpt-l-text-2) !important;
}

/* Pricing */
html[data-color-mode="light"] .price,
html[data-color-mode="light"] .price-item,
html[data-color-mode="light"] .price-item--sale,
html[data-color-mode="light"] .money,
html[data-color-mode="light"] .tgpt-cart-item__unit-price .price,
html[data-color-mode="light"] .tgpt-cart-item__totals .price,
html[data-color-mode="light"] .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
  color: var(--tgpt-l-green-deep) !important;
  font-weight: 780 !important;
}

html[data-color-mode="light"] .price__compare .price-item--regular,
html[data-color-mode="light"] .price-item--regular,
html[data-color-mode="light"] .cart-item__old-price {
  color: var(--tgpt-l-text-muted) !important;
  text-decoration: line-through !important;
}

html[data-color-mode="light"] .product-grid-item__price,
html[data-color-mode="light"] .predictive-search__item-price .price,
html[data-color-mode="light"] .predictive-search__item-price .price__sale,
html[data-color-mode="light"] .predictive-search__item-price .price__compare,
html[data-color-mode="light"] .predictive-search__item-price .price-item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  text-align: left !important;
}

/* Buttons */
html[data-color-mode="light"] .button,
html[data-color-mode="light"] .shopify-payment-button__button--unbranded,
html[data-color-mode="light"] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn,
html[data-color-mode="light"] .cart__checkout-button.button,
html[data-color-mode="light"] .tgpt-cart-shipping-card__button,
html[data-color-mode="light"] .tgpt-shot-footer__input-wrap button,
html[data-color-mode="light"] .predictive-search__view-all,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-view-all-link {
  border: 1px solid rgba(22, 163, 74, 0.34) !important;
  background: linear-gradient(135deg, var(--tgpt-l-green) 0%, #8dff76 100%) !important;
  color: var(--tgpt-l-green-text) !important;
  box-shadow: 0 10px 24px rgba(91, 255, 61, 0.22) !important;
}

html[data-color-mode="light"] .button--secondary,
html[data-color-mode="light"] .tgpt-cart-continue-link.button,
html[data-color-mode="light"] .cart_notification--footer .button--secondary,
html[data-color-mode="light"] .cart__update-button.button {
  background: var(--tgpt-l-card) !important;
  color: var(--tgpt-l-text) !important;
  border: 1px solid var(--tgpt-l-border) !important;
  box-shadow: none !important;
}

html[data-color-mode="light"] .tgpt-cart-page-header__clear,
html[data-color-mode="light"] .tgpt-cart-item__remove,
html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification__remove-btn,
html[data-color-mode="light"] cart-remove-button .button {
  border: 1px solid rgba(239, 68, 68, 0.34) !important;
  background: rgba(239, 68, 68, 0.1) !important;
  color: var(--tgpt-l-danger) !important;
  box-shadow: none !important;
}

html[data-color-mode="light"] .tgpt-cart-page-header__clear:hover,
html[data-color-mode="light"] .tgpt-cart-item__remove:hover,
html[data-color-mode="light"] #offcanvas__mini_cart .cart-notification__remove-btn:hover {
  background: rgba(239, 68, 68, 0.16) !important;
  color: #dc2626 !important;
}

/* Forms + inputs */
html[data-color-mode="light"] input,
html[data-color-mode="light"] textarea,
html[data-color-mode="light"] select,
html[data-color-mode="light"] .field__input,
html[data-color-mode="light"] .input__field,
html[data-color-mode="light"] quantity-input.quantity,
html[data-color-mode="light"] .select__select {
  background: var(--tgpt-l-card) !important;
  color: var(--tgpt-l-text) !important;
  border: 1px solid var(--tgpt-l-border) !important;
  box-shadow: none !important;
}

html[data-color-mode="light"] input::placeholder,
html[data-color-mode="light"] textarea::placeholder,
html[data-color-mode="light"] .field__input::placeholder,
html[data-color-mode="light"] .input__field::placeholder {
  color: var(--tgpt-l-text-muted) !important;
  opacity: 1 !important;
}

html[data-color-mode="light"] input:focus,
html[data-color-mode="light"] textarea:focus,
html[data-color-mode="light"] select:focus,
html[data-color-mode="light"] .field__input:focus,
html[data-color-mode="light"] .input__field:focus,
html[data-color-mode="light"] .tgpt-shot-footer__input-wrap:focus-within {
  border-color: rgba(22, 163, 74, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(91, 255, 61, 0.22) !important;
  outline: none !important;
}

/* Search + predictive search */
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results,
html[data-color-mode="light"] #shopify__header__section .predictive-search,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-menu-list,
html[data-color-mode="light"] .template-search .search_result_page {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid var(--tgpt-l-border) !important;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.14) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll,
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__results-list,
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__list-item {
  background: transparent !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__heading,
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__item-heading,
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__item-content {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__item-rating,
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__empty {
  color: var(--tgpt-l-text-2) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__item--link,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-product {
  background: var(--tgpt-l-card) !important;
  border: 1px solid var(--tgpt-l-border-soft) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__item--link:hover,
html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__list-item[aria-selected="true"] .predictive-search__item--link,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-product:hover {
  background: rgba(91, 255, 61, 0.08) !important;
  border-color: rgba(22, 163, 74, 0.32) !important;
}

html[data-color-mode="light"] #shopify__header__section .tgpt-predictive-results .predictive-search__image-wrap,
html[data-color-mode="light"] .ts7-search-suggestions-menu .ts7-search-product-img {
  background: var(--tgpt-l-card-soft) !important;
  border: 1px solid var(--tgpt-l-border-soft) !important;
}

html[data-color-mode="light"] .predictive-search__loading-state .spinner .path,
html[data-color-mode="light"] .loading-overlay__spinner .spinner .path,
html[data-color-mode="light"] .spinner .path {
  stroke: var(--tgpt-l-green-deep) !important;
}

/* Tables */
html[data-color-mode="light"] table,
html[data-color-mode="light"] .cart-items,
html[data-color-mode="light"] .cart-item {
  background: var(--tgpt-l-card) !important;
  border-color: var(--tgpt-l-border) !important;
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] .cart-items,
html[data-color-mode="light"] .cart-items *,
html[data-color-mode="light"] .cart-item,
html[data-color-mode="light"] .cart-item * {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] .cart-item__price-wrapper .price,
html[data-color-mode="light"] .cart-item__totals .price,
html[data-color-mode="light"] .tgpt-cart-item__unit-price .price,
html[data-color-mode="light"] .tgpt-cart-item__totals .price {
  color: var(--tgpt-l-green-deep) !important;
}

html[data-color-mode="light"] .cart-item__old-price,
html[data-color-mode="light"] .cart-item__old-price.price,
html[data-color-mode="light"] .cart-item__discounted-prices s {
  color: var(--tgpt-l-text-muted) !important;
  text-decoration: line-through !important;
}

html[data-color-mode="light"] .cart-items .tgpt-cart-item__remove,
html[data-color-mode="light"] .cart-items cart-remove-button .button,
html[data-color-mode="light"] .cart-items .tgpt-cart-page-header__clear {
  border: 1px solid rgba(239, 68, 68, 0.34) !important;
  background: rgba(239, 68, 68, 0.1) !important;
  color: var(--tgpt-l-danger) !important;
}

html[data-color-mode="light"] .cart-items thead th,
html[data-color-mode="light"] .cart-item__details,
html[data-color-mode="light"] .cart-item__totals,
html[data-color-mode="light"] .totals,
html[data-color-mode="light"] .totals * {
  color: var(--tgpt-l-text) !important;
}

/* Cart + summary spacing cleanup */
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart),
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) #MainContent,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) main {
  background: var(--tgpt-l-bg) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
  margin-bottom: 16px !important;
  gap: 12px !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart_subtotal {
  margin-top: 0 !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart__footer,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-summary {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-summary-card {
  margin-top: 0 !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row {
  background: var(--tgpt-l-card-soft) !important;
  border: 1px solid var(--tgpt-l-border-soft) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__label {
  color: var(--tgpt-l-text-2) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__value,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-summary-card__title,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__title {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__label,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
  color: var(--tgpt-l-green-deep) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges span {
  background: var(--tgpt-l-card-soft) !important;
  border: 1px solid var(--tgpt-l-border-soft) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-copy strong {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-copy small,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__total-label {
  color: var(--tgpt-l-text-2) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-icon,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges span svg {
  color: var(--tgpt-l-green-deep) !important;
  border-color: rgba(22, 163, 74, 0.34) !important;
}

/* Wishlist */
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist::before,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-shell {
  background: var(--tgpt-l-bg) !important;
}

html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__eyebrow,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .empty-list--text,
html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .product-grid-item__vendor {
  color: var(--tgpt-l-text-2) !important;
}

html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist .tgpt-wishlist-header__count {
  background: var(--tgpt-l-green) !important;
  color: var(--tgpt-l-green-text) !important;
}

/* Collection + filters */
html[data-color-mode="light"] .template-search.tgpt-collection-grid-shell,
html[data-color-mode="light"] .template-search__results.collection,
html[data-color-mode="light"] .facets-wrapper,
html[data-color-mode="light"] .product__filter--toolbar,
html[data-color-mode="light"] .facets-container {
  background: transparent !important;
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] .facet-filters__label,
html[data-color-mode="light"] .product-count__text,
html[data-color-mode="light"] .facets__summary,
html[data-color-mode="light"] .facet-filters__field label {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] .facets__display,
html[data-color-mode="light"] .facets__header,
html[data-color-mode="light"] .facets__item {
  background: var(--tgpt-l-card) !important;
  border-color: var(--tgpt-l-border) !important;
}

/* Footer */
html[data-color-mode="light"] .tgpt-shot-footer {
  --tgpt-footer-bg: var(--tgpt-l-bg);
  --tgpt-footer-surface: var(--tgpt-l-card);
  --tgpt-footer-border: var(--tgpt-l-border);
  --tgpt-footer-text: var(--tgpt-l-text);
  --tgpt-footer-muted: var(--tgpt-l-text-2);
  --tgpt-footer-muted-soft: var(--tgpt-l-text-muted);
  --tgpt-footer-accent: var(--tgpt-l-green-deep);
  --tgpt-footer-accent-strong: var(--tgpt-l-green-deep);
  border-top: 1px solid var(--tgpt-l-border) !important;
  box-shadow: none !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__inner {
  background: var(--tgpt-l-bg) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__brand,
html[data-color-mode="light"] .tgpt-shot-footer__menus,
html[data-color-mode="light"] .tgpt-shot-footer__follow,
html[data-color-mode="light"] .tgpt-shot-footer__newsletter,
html[data-color-mode="light"] .tgpt-shot-footer__security,
html[data-color-mode="light"] .tgpt-shot-footer__bottom {
  border-top-color: var(--tgpt-l-border-soft) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__brand-copy,
html[data-color-mode="light"] .tgpt-shot-footer__highlight p,
html[data-color-mode="light"] .tgpt-shot-footer__menu-title,
html[data-color-mode="light"] .tgpt-shot-footer__follow h3,
html[data-color-mode="light"] .tgpt-shot-footer__newsletter h3,
html[data-color-mode="light"] .tgpt-shot-footer__secure-copy p,
html[data-color-mode="light"] .tgpt-shot-footer__bottom p {
  color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__highlight small,
html[data-color-mode="light"] .tgpt-shot-footer__newsletter p,
html[data-color-mode="light"] .tgpt-shot-footer__menu-panel a,
html[data-color-mode="light"] .tgpt-shot-footer__menu-panel p,
html[data-color-mode="light"] .tgpt-shot-footer__secure-copy small {
  color: var(--tgpt-l-text-2) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__social-link,
html[data-color-mode="light"] .tgpt-shot-footer__payment,
html[data-color-mode="light"] .tgpt-shot-footer__input-wrap {
  background: var(--tgpt-l-card) !important;
  border: 1px solid var(--tgpt-l-border) !important;
  box-shadow: var(--tgpt-l-shadow-soft) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__social-link svg,
html[data-color-mode="light"] .tgpt-shot-footer__menu-icon,
html[data-color-mode="light"] .tgpt-shot-footer__highlight > span,
html[data-color-mode="light"] .tgpt-shot-footer__secure-copy > span {
  color: var(--tgpt-l-green-deep) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__payment--visa span {
  color: #1d4ed8 !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__payment--wish span {
  color: #ef4444 !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__input-wrap {
  min-height: 56px !important;
  border-radius: 16px !important;
  padding: 4px !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__input-wrap input[type="email"] {
  min-height: 48px !important;
  color: var(--tgpt-l-text) !important;
  -webkit-text-fill-color: var(--tgpt-l-text) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__input-wrap input[type="email"]::placeholder {
  color: var(--tgpt-l-text-muted) !important;
}

html[data-color-mode="light"] .tgpt-shot-footer__newsletter-form textarea {
  display: none !important;
}

/* Back to top in light mode */
html[data-color-mode="light"] #scroll__top {
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)) !important;
  border: 1px solid rgba(22, 163, 74, 0.35) !important;
  color: var(--tgpt-l-green-deep) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14) !important;
}

html[data-color-mode="light"] #scroll__top:hover,
html[data-color-mode="light"] #scroll__top:focus-visible {
  border-color: rgba(22, 163, 74, 0.62) !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18), 0 0 0 3px rgba(91, 255, 61, 0.2) !important;
}

@media screen and (max-width: 991px) {
  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) #MainContent,
  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) main,
  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart_template_wrapper,
  html[data-color-mode="light"] .template-search.tgpt-collection-grid-shell,
  html[data-color-mode="light"] :is(body.template-page, body.page-type-page) #wishlist {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 76px) + env(safe-area-inset-bottom) + 24px) !important;
  }
}

/* ===================================================== */
/* Cart Mobile UI Cleanup (Form + Summary Gap)           */
/* ===================================================== */
@media screen and (max-width: 991px) {
  :is(body.template-cart, body.page-type-cart) #MainContent,
  :is(body.template-cart, body.page-type-cart) main,
  :is(body.template-cart, body.page-type-cart) .cart_template_wrapper {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + env(safe-area-inset-bottom) + 16px) !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart_template_wrapper.container,
  :is(body.template-cart, body.page-type-cart) .cart_subtotal.container {
    max-width: calc(100% - 14px) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card {
    grid-template-columns: 90px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__media,
  :is(body.template-cart, body.page-type-cart) .cart-item__image {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    border-radius: 13px !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-item__image {
    object-fit: contain !important;
    padding: 6px !important;
    background: linear-gradient(160deg, rgba(18, 30, 42, 0.98), rgba(10, 18, 27, 0.98)) !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-item__name,
  :is(body.template-cart, body.page-type-cart) .cart-item__name.product-title {
    font-size: 16px !important;
    line-height: 1.24 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price {
    font-size: 18px !important;
    font-weight: 860 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__quantity {
    grid-template-columns: minmax(0, 1fr) 44px !important;
    gap: 8px !important;
  }

  :is(body.template-cart, body.page-type-cart) quantity-input.quantity {
    height: 42px !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(121, 245, 90, 0.62) !important;
    background: linear-gradient(160deg, rgba(14, 24, 35, 0.98), rgba(8, 15, 23, 0.98)) !important;
    color: #79f55a !important;
    box-shadow: inset 0 0 0 1px rgba(121, 245, 90, 0.08), 0 8px 16px rgba(0, 0, 0, 0.24) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove .icon-remove {
    width: 14px !important;
    height: 14px !important;
    color: currentColor !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove:hover,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove:focus-visible {
    background: rgba(121, 245, 90, 0.16) !important;
    border-color: rgba(134, 250, 104, 0.8) !important;
    color: #9bff7e !important;
    transform: translateY(-1px) !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart__contents,
  :is(body.template-cart, body.page-type-cart) .cart__items,
  :is(body.template-cart, body.page-type-cart) #main-cart-items,
  :is(body.template-cart, body.page-type-cart) .js-contents,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
    gap: 10px !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart_subtotal {
    margin-top: 8px !important;
    padding-top: 0 !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart_subtotal > .row,
  :is(body.template-cart, body.page-type-cart) .cart_subtotal > .row > .col-12,
  :is(body.template-cart, body.page-type-cart) .cart_subtotal .cart__footer,
  :is(body.template-cart, body.page-type-cart) .cart_subtotal .cart-summary,
  :is(body.template-cart, body.page-type-cart) .cart_subtotal .cart-summary-card {
    margin-top: 0 !important;
  }
}

/* ===================================================== */
/* TS7 Search Result: Icon Color Alignment               */
/* ===================================================== */
#ts7-search-result .ts7-product-image .ts7-result-btn {
  color: var(--tgpt-search-sale, #79f55a) !important;
}

#ts7-search-result .ts7-product-image .ts7-result-btn svg {
  fill: currentColor !important;
}

#ts7-search-result .ts7-product-image .ts7-result-btn svg path,
#ts7-search-result .ts7-product-image .ts7-result-btn svg circle,
#ts7-search-result .ts7-product-image .ts7-result-btn svg polygon,
#ts7-search-result .ts7-product-image .ts7-result-btn svg line,
#ts7-search-result .ts7-product-image .ts7-result-btn svg polyline {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Remove old blue button shells/glow on search-result image actions */
#ts7-search-result .ts7-product-image .ts7-result-btn,
#ts7-search-result .ts7-product-image .ts7_result-quickView,
#ts7-search-result .ts7-product-image .ts7-buy-btn,
#ts7-search-result .ts7-product-image .ts7_result-addToCart {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

#ts7-search-result .ts7-product-image .ts7-tooltip.ts7-show-add-to-cart,
#ts7-search-result .ts7-product-image .ts7-tooltip.ts7-quickview-container {
  background: transparent !important;
  box-shadow: none !important;
}

/* Search result product price in site green */
#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-pro-price,
#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-pro-price *,
#ts7-search-result .ts7-product-grid .ts7-product-price .money {
  color: #79f55a !important;
}

/* Keep compare/old price muted for hierarchy */
#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price.discount,
#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-discount-price {
  color: rgba(214, 227, 242, 0.62) !important;
}

/* ===================================================== */
/* Home Page Light Mode Cleanup (Scoped)                 */
/* ===================================================== */
html[data-color-mode="light"] body[data-tgpt-page="home"] {
  --tgpt-home-light-bg: #f4f7fb;
  --tgpt-home-light-section: #ffffff;
  --tgpt-home-light-card: #ffffff;
  --tgpt-home-light-card-soft: #f8faf9;
  --tgpt-home-light-image-bg: linear-gradient(180deg, #ffffff, #f3f6f4);
  --tgpt-home-light-border: rgba(22, 128, 61, 0.16);
  --tgpt-home-light-border-soft: rgba(15, 23, 42, 0.12);
  --tgpt-home-light-text: #1f2937;
  --tgpt-home-light-muted: #64748b;
  --tgpt-home-light-accent: #16803d;
  --tgpt-home-light-accent-hover: #0f6b32;
  --tgpt-home-light-accent-soft: rgba(25, 135, 84, 0.1);
}

html[data-color-mode="light"] body[data-tgpt-page="home"],
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent::before,
html[data-color-mode="light"] body[data-tgpt-page="home"] main,
html[data-color-mode="light"] body[data-tgpt-page="home"] .content-for-layout {
  background: var(--tgpt-home-light-bg) !important;
  color: var(--tgpt-home-light-text) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .shopify-section,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .section,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .featured-collection-sectoin,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .section-heading,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .product_slider_wrapper,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .newsletter--signup__wrapper,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .testimonial,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .logo__list--bar,
html[data-color-mode="light"] body[data-tgpt-page="home"] #MainContent .service__policy {
  background: var(--tgpt-home-light-section) !important;
  color: var(--tgpt-home-light-text) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] #shopify__header__section .header-inline-search__form,
html[data-color-mode="light"] body[data-tgpt-page="home"] #shopify__header__section .header-inline-search__input,
html[data-color-mode="light"] body[data-tgpt-page="home"] #shopify__header__section .header__search--box,
html[data-color-mode="light"] body[data-tgpt-page="home"] #shopify__header__section .header__actions_btn {
  background: #ffffff !important;
  color: var(--tgpt-home-light-text) !important;
  border-color: var(--tgpt-home-light-border-soft) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item,
html[data-color-mode="light"] body[data-tgpt-page="home"] .featured-collection--new-arrivals .product-grid-item--new-arrivals,
html[data-color-mode="light"] body[data-tgpt-page="home"] .testimonial-card,
html[data-color-mode="light"] body[data-tgpt-page="home"] .section-heading {
  background: var(--tgpt-home-light-card) !important;
  border: 1px solid var(--tgpt-home-light-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__thumbnail,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__thumbnail .product__media_thumbnail,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__thumbnail .media,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__thumbnail .tgpt-product-card__media-frame {
  background: var(--tgpt-home-light-image-bg) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 14px !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__thumbnail img,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__image,
html[data-color-mode="light"] body[data-tgpt-page="home"] .media img {
  object-fit: contain !important;
  object-position: center !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__title,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__title a,
html[data-color-mode="light"] body[data-tgpt-page="home"] .section-heading__title,
html[data-color-mode="light"] body[data-tgpt-page="home"] .service__policy .title {
  color: var(--tgpt-home-light-text) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__vendor,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product__vendor,
html[data-color-mode="light"] body[data-tgpt-page="home"] .service__policy p,
html[data-color-mode="light"] body[data-tgpt-page="home"] .testimonial-card p {
  color: var(--tgpt-home-light-muted) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .price-item--sale,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__price .price-item--sale,
html[data-color-mode="light"] body[data-tgpt-page="home"] .price__sale .price-item {
  color: var(--tgpt-home-light-accent) !important;
  font-weight: 800 !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .price-item--regular,
html[data-color-mode="light"] body[data-tgpt-page="home"] .price__compare .price-item--regular,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__price .price-item--regular {
  color: rgba(100, 116, 139, 0.8) !important;
  text-decoration: line-through !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .sale__save--percent,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-sale-badge,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-product-card__badge,
html[data-color-mode="light"] body[data-tgpt-page="home"] .badge.sale__text {
  background: var(--tgpt-home-light-accent-soft) !important;
  color: var(--tgpt-home-light-accent) !important;
  border: 1px solid rgba(25, 135, 84, 0.24) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__actions__btn,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn,
html[data-color-mode="light"] body[data-tgpt-page="home"] .cart--icon-button,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-form__submit,
html[data-color-mode="light"] body[data-tgpt-page="home"] .shopify-payment-button__button--unbranded {
  background: #ffffff !important;
  color: var(--tgpt-home-light-accent) !important;
  border: 1px solid rgba(22, 128, 61, 0.5) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__actions__btn:hover,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__action-visibal-cart .product-grid-item__actions__btn:hover,
html[data-color-mode="light"] body[data-tgpt-page="home"] .cart--icon-button:hover,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-form__submit:hover,
html[data-color-mode="light"] body[data-tgpt-page="home"] .shopify-payment-button__button--unbranded:hover {
  background: var(--tgpt-home-light-accent-hover) !important;
  color: #ffffff !important;
  border-color: var(--tgpt-home-light-accent-hover) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__wishlist {
  background: transparent !important;
  border: 1px solid rgba(22, 128, 61, 0.52) !important;
  color: var(--tgpt-home-light-accent) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__wishlist.active,
html[data-color-mode="light"] body[data-tgpt-page="home"] .product-grid-item__wishlist.is-active {
  background: var(--tgpt-home-light-accent) !important;
  border-color: var(--tgpt-home-light-accent) !important;
  color: #ffffff !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer {
  background: #f7f8f7 !important;
  border-top: 1px solid rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__inner,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__brand,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__menus,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__follow,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__newsletter,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__security,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__bottom {
  background: transparent !important;
  border-top-color: rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__brand-copy,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__menu-title,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__follow h3,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__newsletter h3,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__bottom p {
  color: var(--tgpt-home-light-text) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__menu-panel a,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__newsletter p,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__secure-copy small {
  color: var(--tgpt-home-light-muted) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__menu-panel a:hover {
  color: var(--tgpt-home-light-accent) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__social-link,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__payment,
html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__input-wrap {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__input-wrap input[type="email"] {
  background: #ffffff !important;
  color: var(--tgpt-home-light-text) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .tgpt-shot-footer__input-wrap input[type="email"]::placeholder {
  color: rgba(100, 116, 139, 0.8) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .mobile-bottom-nav {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.1) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .mobile-bottom-nav__item {
  color: #475569 !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .mobile-bottom-nav__item.is-active {
  color: var(--tgpt-home-light-accent) !important;
}

html[data-color-mode="light"] body[data-tgpt-page="home"] .mobile-bottom-nav__badge,
html[data-color-mode="light"] body[data-tgpt-page="home"] .mobile-bottom-nav__badge--wishlist {
  background: var(--tgpt-home-light-accent) !important;
  color: #ffffff !important;
}

/* ===================================================== */
/* Home Light Mode: Header + Giveaway Final Overrides    */
/* ===================================================== */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .header__topbar,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .header_bottom {
  background: #f7faf8 !important;
  background-image: none !important;
  border-color: rgba(22, 128, 61, 0.18) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .header__topbar,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .header__topbar a,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .header_bottom,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .header_bottom a {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .mobile__menu_bar.header__actions_btn--menu,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .mobile-theme-toggle,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .header-inline-search__input {
  background: #ffffff !important;
  border: 1px solid rgba(22, 128, 61, 0.2) !important;
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .mobile__menu_bar.header__actions_btn--menu::before {
  background: #0f172a !important;
  box-shadow: 0 -6px 0 #0f172a, 0 6px 0 #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .header-inline-search__lead-icon {
  color: #64748b !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) #shopify__header__section .header-inline-search__input::placeholder {
  color: #94a3b8 !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer {
  background: transparent !important;
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__panel {
  background: linear-gradient(180deg, #ffffff 0%, #f4f8f5 100%) !important;
  border: 1px solid rgba(22, 128, 61, 0.2) !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__content,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__aside {
  background: transparent !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__aside {
  border-left-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__heading,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__offer-title {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__text,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__note,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__message,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__offer-text,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__time span {
  color: #64748b !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__time,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__offer,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__form-row {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__input {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__input::placeholder {
  color: #94a3b8 !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__media {
  background: linear-gradient(180deg, #ffffff 0%, #eef4f0 100%) !important;
  border-color: rgba(22, 128, 61, 0.2) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .offcanvas-header,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .offcanvas__inner {
  background: #f7faf8 !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .offcanvas__menu_item,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .offcanvas__sub_menu_item,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .offcanvas__sub_menu_toggle {
  color: #0f172a !important;
}

/* Home benefits strip (Free Shipping / Warranty / Support / Quality) */
html[data-color-mode="light"] .tgpt-benefits-strip,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-benefits-strip {
  background: #ffffff !important;
  color: #0f172a !important;
}

html[data-color-mode="light"] .tgpt-benefits-strip__inner::before,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-benefits-strip__inner::before {
  background: rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] .tgpt-benefits-strip__item + .tgpt-benefits-strip__item::before,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-benefits-strip__item + .tgpt-benefits-strip__item::before {
  background: rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] .tgpt-benefits-strip__title,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-benefits-strip__title {
  color: #0f172a !important;
}

html[data-color-mode="light"] .tgpt-benefits-strip__text,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-benefits-strip__text {
  color: #64748b !important;
}

html[data-color-mode="light"] .tgpt-benefits-strip__icon,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-benefits-strip__icon {
  color: #16803d !important;
}

/* Home testimonials section (What Our Customers Say) in light mode */
html[data-color-mode="light"] .tgpt-testimonials,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-testimonials {
  background: #ffffff !important;
  color: #0f172a !important;
}

html[data-color-mode="light"] .tgpt-testimonials__title,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-testimonials__title {
  color: #0f172a !important;
}

html[data-color-mode="light"] .tgpt-testimonials__subtitle,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-testimonials__subtitle {
  color: #64748b !important;
}

html[data-color-mode="light"] .tgpt-review-card,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-review-card {
  background: #ffffff !important;
  border-color: rgba(22, 128, 61, 0.18) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(22, 128, 61, 0.04) !important;
}

html[data-color-mode="light"] .tgpt-review-card__name,
html[data-color-mode="light"] .tgpt-review-card__text,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-review-card__name,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-review-card__text {
  color: #0f172a !important;
}

html[data-color-mode="light"] .tgpt-review-card__tag,
html[data-color-mode="light"] .tgpt-review-card__location,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-review-card__tag,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-review-card__location {
  color: #64748b !important;
}

html[data-color-mode="light"] .tgpt-review-card__tag,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-review-card__tag {
  border-color: rgba(15, 23, 42, 0.12) !important;
  background: #f8fafc !important;
}

/* Home scrolling logo section in light mode */
html[data-color-mode="light"] div:has(div.logo__list),
html[data-color-mode="light"] .logo__list,
html[data-color-mode="light"] .logo__list--bar,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) div:has(div.logo__list),
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .logo__list,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .logo__list--bar {
  background: #ffffff !important;
  background-image: none !important;
}

html[data-color-mode="light"] .logo__list--media,
html[data-color-mode="light"] .logo__list--image,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .logo__list--media,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .logo__list--image {
  background: transparent !important;
}

html[data-color-mode="light"] .logo__list--media > img,
html[data-color-mode="light"] .logo__list--media img,
html[data-color-mode="light"] .logo__list--media .multicolumn-card__image,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .logo__list--media > img,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .logo__list--media img,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .logo__list--media .multicolumn-card__image {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* ===================================================== */
/* Tech Footer Light Mode Final Lock                      */
/* ===================================================== */
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer {
  --tgpt-footer-bg: #f7faf8 !important;
  --tgpt-footer-surface: #ffffff !important;
  --tgpt-footer-border: #dce3ec !important;
  --tgpt-footer-text: #0f172a !important;
  --tgpt-footer-muted: #64748b !important;
  --tgpt-footer-muted-soft: #94a3b8 !important;
  --tgpt-footer-accent: #16803d !important;
  --tgpt-footer-accent-strong: #16803d !important;
  background: #f7faf8 !important;
  color: #0f172a !important;
  border-top: 1px solid #dce3ec !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__inner {
  background: #f7faf8 !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__brand,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__menus,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__follow,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__newsletter,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__security,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__bottom,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__menu {
  background: transparent !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__brand-copy,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__highlight small,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__newsletter p,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__menu-panel a,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__menu-panel p,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__menu-panel li,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__contact-richtext,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__contact-richtext p,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__contact-richtext a,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__secure-copy small,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__bottom p {
  color: #64748b !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__highlight p,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__menu-title,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__follow h3,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__newsletter h3,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__secure-copy p {
  color: #0f172a !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__menu-icon,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__highlight > span,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__secure-copy > span,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__social-link,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__social-link svg {
  color: #16803d !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__social-link,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__payment,
:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__input-wrap {
  background: #ffffff !important;
  border: 1px solid #dce3ec !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.07) !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__social-link:hover {
  border-color: rgba(22, 128, 61, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(22, 128, 61, 0.14), 0 10px 20px rgba(15, 23, 42, 0.1) !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__input-wrap {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__input-wrap:focus-within {
  border-color: rgba(22, 128, 61, 0.66) !important;
  box-shadow: 0 0 0 3px rgba(22, 128, 61, 0.2) !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__input-wrap input[type="email"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #ffffff !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__input-wrap input[type="email"]::placeholder {
  color: #94a3b8 !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__newsletter-form textarea {
  display: none !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__input-wrap button {
  border-color: rgba(22, 128, 61, 0.42) !important;
  background: linear-gradient(135deg, #5bff3d 0%, #8dff76 100%) !important;
  color: #06110a !important;
  box-shadow: 0 8px 16px rgba(91, 255, 61, 0.26) !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__payment {
  color: #0f172a !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__payment--visa span {
  color: #1d4ed8 !important;
}

:is(html[data-color-mode="light"], body[data-color-mode="light"]) .tgpt-shot-footer__payment--wish span {
  color: #ef4444 !important;
}

/* ===================================================== */
/* Home Mobile Top Categories - Light Mode Polish        */
/* ===================================================== */
@media (max-width: 749px) {
  html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-mobile-top-categories {
    background: #ffffff !important;
    border: 1px solid rgba(22, 128, 61, 0.14) !important;
    border-radius: 16px !important;
    padding: 12px 10px 10px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
  }

  html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-mobile-top-categories__title {
    color: #0f172a !important;
  }

  html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-mobile-top-categories__hint,
  html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-mobile-top-categories__arrow {
    color: #16803d !important;
  }

  html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-mobile-top-category {
    color: #0f172a !important;
  }

  html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-mobile-top-category__icon {
    color: #16803d !important;
    background:
      radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.95), transparent 42%),
      linear-gradient(180deg, #ffffff, #f3f7f4) !important;
    border: 1px solid rgba(22, 128, 61, 0.28) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 6px 14px rgba(15, 23, 42, 0.1),
      0 0 10px rgba(22, 128, 61, 0.12) !important;
  }

  html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-mobile-top-category__label {
    color: #1f2937 !important;
    font-weight: 700 !important;
  }
}

/* ===================================================== */
/* Home "More Categories" Panel - Light Mode            */
/* ===================================================== */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__panel {
  background: #ffffff !important;
  border: 1px solid rgba(22, 128, 61, 0.24) !important;
  box-shadow: 0 -20px 40px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(22, 128, 61, 0.08) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__title {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__close {
  background: #f8fafc !important;
  border-color: #dce3ec !important;
  color: #16803d !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__section {
  background: #f8fbf9 !important;
  border-color: rgba(22, 128, 61, 0.16) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__section summary {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__summary-icon {
  color: #16803d !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__link {
  background: #ffffff !important;
  border-color: #dce3ec !important;
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__link:hover {
  border-color: rgba(22, 128, 61, 0.34) !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08) !important;
  color: #16803d !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__link small {
  background: rgba(22, 128, 61, 0.12) !important;
  color: #16803d !important;
}

/* ===================================================== */
/* Home Light Mode - Accent Color Unification            */
/* ===================================================== */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) {
  --tgpt-home-light-accent: #16803d !important;
  --tgpt-home-light-accent-hover: #0f6b32 !important;
  --tgpt-home-light-accent-soft: rgba(22, 128, 61, 0.12) !important;
  --tgpt-light-accent: #16803d !important;
  --tgpt-light-accent-strong: #0f6b32 !important;
  --tgpt-cart-accent: #16803d !important;
  --tgpt-wishlist-accent: #16803d !important;
  --tgpt-footer-accent: #16803d !important;
  --tgpt-footer-accent-strong: #0f6b32 !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .header-inline-search__btn,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-shot-footer__input-wrap button,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .button:not(.button--secondary):not(.button--tertiary),
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__actions__btn,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-form__submit {
  background: linear-gradient(135deg, #16803d 0%, #0f6b32 100%) !important;
  border-color: rgba(22, 128, 61, 0.86) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(22, 128, 61, 0.2) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .button:not(.button--secondary):not(.button--tertiary):hover,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__actions__btn:hover,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-form__submit:hover,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .header-inline-search__btn:hover {
  background: linear-gradient(135deg, #0f6b32 0%, #0b5528 100%) !important;
  border-color: #0f6b32 !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .price-item--sale,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .price__sale .price-item,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .money,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-benefits-strip__icon,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-review-card__stars,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-shot-footer__social-link svg {
  color: #16803d !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .sale__save--percent,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-sale-badge,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-product-card__badge,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .badge.sale__text,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .mobile-bottom-nav__badge,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .mobile-bottom-nav__badge--wishlist {
  background: rgba(22, 128, 61, 0.14) !important;
  border-color: rgba(22, 128, 61, 0.3) !important;
  color: #16803d !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .mobile-bottom-nav__badge,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .mobile-bottom-nav__badge--wishlist {
  background: #16803d !important;
  color: #ffffff !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist svg {
  color: #16803d !important;
  border-color: rgba(22, 128, 61, 0.48) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist.active,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist.is-active {
  background: #16803d !important;
  border-color: #16803d !important;
  color: #ffffff !important;
}

/* ===================================================== */
/* Light Mode Mobile Menu Polish (Offcanvas)             */
/* ===================================================== */
@media (max-width: 991px) {
  html[data-color-mode="light"] .offcanvas-header {
    background:
      radial-gradient(110% 80% at 10% 0%, rgba(22, 128, 61, 0.12), transparent 56%),
      linear-gradient(180deg, #f9fcfa 0%, #f2f7f4 100%) !important;
    border-right: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: 16px 0 40px rgba(15, 23, 42, 0.18) !important;
    color: #0f172a !important;
  }

  html[data-color-mode="light"] .offcanvas-overlay {
    background: rgba(15, 23, 42, 0.3) !important;
  }

  html[data-color-mode="light"] .offcanvas__logo {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8f6 100%) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.9) !important;
  }

  html[data-color-mode="light"] .offcanvas__logo_link,
  html[data-color-mode="light"] .offcanvas__brand-text,
  html[data-color-mode="light"] .offcanvas__logo .h2 {
    color: #0f172a !important;
  }

  html[data-color-mode="light"] .offcanvas__close_btn {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.16) !important;
  }

  html[data-color-mode="light"] .offcanvas__close_btn::before,
  html[data-color-mode="light"] .offcanvas__close_btn::after {
    background: #0f172a !important;
  }

  html[data-color-mode="light"] .offcanvas__menu_li,
  html[data-color-mode="light"] .offcanvas__menu_li:first-child {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
  }

  html[data-color-mode="light"] .offcanvas__menu_item,
  html[data-color-mode="light"] .offcanvas__sub_menu_item,
  html[data-color-mode="light"] .offcanvas__menu_item.user--menu__icon,
  html[data-color-mode="light"] .offcanvas__menu_item.user--menu__icon .accounts__text--label,
  html[data-color-mode="light"] .offcanvas__menu_text__icon.accounts__text--label {
    color: #0f172a !important;
  }

  html[data-color-mode="light"] .offcanvas__menu_item:hover {
    background: rgba(22, 128, 61, 0.1) !important;
    color: #0f6b32 !important;
  }

  html[data-color-mode="light"] .offcanvas__menu_li.active > .offcanvas__menu_item,
  html[data-color-mode="light"] .offcanvas__sub_menu_li.active > .offcanvas__sub_menu_item,
  html[data-color-mode="light"] .offcanvas__menu_item--expandable[aria-expanded="true"],
  html[data-color-mode="light"] .offcanvas__sub_menu_item--expandable[aria-expanded="true"] {
    background: rgba(22, 128, 61, 0.14) !important;
    color: #0f6b32 !important;
  }

  html[data-color-mode="light"] .offcanvas__sub_menu {
    margin-top: 2px !important;
    padding: 2px 10px 10px 16px !important;
    border-left: 2px solid rgba(22, 128, 61, 0.24) !important;
  }

  html[data-color-mode="light"] .offcanvas__sub_menu_item {
    margin-top: 6px !important;
    background: #f7fbf8 !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    color: #334155 !important;
    border-radius: 12px !important;
  }

  html[data-color-mode="light"] .offcanvas__sub_menu_toggle {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
  }

  html[data-color-mode="light"] .offcanvas__sub_menu_toggle.active,
  html[data-color-mode="light"] .offcanvas__menu_li.active > .offcanvas__sub_menu_toggle,
  html[data-color-mode="light"] .offcanvas__sub_menu_li.active > .offcanvas__sub_menu_toggle {
    background: rgba(22, 128, 61, 0.16) !important;
    color: #0f6b32 !important;
    border-color: rgba(22, 128, 61, 0.44) !important;
  }
}

/* ===================================================== */
/* Home Light Mode - Unified Dark Green Final Pass       */
/* ===================================================== */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) {
  --tgpt-home-unified-green: #16803d;
  --tgpt-home-unified-green-strong: #0f6b32;
  --tgpt-home-unified-green-soft: rgba(22, 128, 61, 0.14);
}

/* Prices */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .price,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__price,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .price-item--sale,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .price-item--regular,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .tgpt-new-arrivals-card__price-current,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .price-item--sale,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .price__sale .price-item {
  color: var(--tgpt-home-unified-green) !important;
}

/* Keep compare/old price muted */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .price__compare .price-item--regular,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .tgpt-new-arrivals-card__price-compare {
  color: rgba(100, 116, 139, 0.8) !important;
}

/* Wishlist/favorite icon */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist svg,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-product-card__top-row .product-grid-item__wishlist svg path,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist svg {
  color: var(--tgpt-home-unified-green) !important;
  stroke: var(--tgpt-home-unified-green) !important;
  border-color: rgba(22, 128, 61, 0.5) !important;
}

/* FREE WIN badge text/pill */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__badge {
  background: var(--tgpt-home-unified-green-soft) !important;
  border-color: rgba(22, 128, 61, 0.3) !important;
  color: var(--tgpt-home-unified-green) !important;
}

/* Slider dots */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-testimonials__dot,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet {
  background: rgba(22, 128, 61, 0.28) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot.is-active,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-testimonials__dot.is-active,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--tgpt-home-unified-green) !important;
}

/* Home labels + giveaway/search/newsletter accents in one green */
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .section-heading__sub_title,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__eyebrow,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__eyebrow,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-testimonials__eyebrow {
  color: var(--tgpt-home-unified-green) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__eyebrow,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-category-menu__eyebrow,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-testimonials__eyebrow {
  border: 1px solid rgba(22, 128, 61, 0.32) !important;
  background: rgba(22, 128, 61, 0.12) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .header-inline-search__btn,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-shot-footer__input-wrap button,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) [class*="ai-tech-footer-newsletter-button-"] {
  background: linear-gradient(135deg, var(--tgpt-home-unified-green) 0%, var(--tgpt-home-unified-green-strong) 100%) !important;
  border-color: rgba(22, 128, 61, 0.86) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(22, 128, 61, 0.2) !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .header-inline-search__btn svg,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-shot-footer__input-wrap button svg,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) [class*="ai-tech-footer-newsletter-button-"] svg {
  color: #ffffff !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__badge,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__link,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__time strong,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__gift-icon,
html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__offer-icon {
  color: var(--tgpt-home-unified-green) !important;
}

/* ===================================================== */
/* Home Sale Badge = Shop Sale Badge Style               */
/* ===================================================== */
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .sale__text,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .product-sale-badge,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .badge.sale__text,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item--new-arrivals .tgpt-product-card__badge {
  border-radius: 999px !important;
  padding: 6px 12px !important;
  border: none !important;
  background: #84ff28 !important;
  color: #061108 !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.34), 0 0 12px rgba(132, 255, 40, 0.2) !important;
  white-space: nowrap !important;
}

@media (max-width: 749px) {
  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .sale__text,
  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .product-sale-badge,
  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .badge.sale__text,
  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item--new-arrivals .tgpt-product-card__badge {
    padding: 5px 10px !important;
    font-size: 1.02rem !important;
  }
}

/* ===================================================== */
/* Cart Light Mode Final Polish (Authoritative)          */
/* ===================================================== */
html[data-color-mode="light"] {
  --tgpt-cart-light-green: #16803d;
  --tgpt-cart-light-green-strong: #0f6b32;
  --tgpt-cart-light-green-soft: rgba(22, 128, 61, 0.12);
}

html[data-color-mode="light"] .mobile-bottom-nav__badge,
html[data-color-mode="light"] .mobile-bottom-nav__badge--wishlist {
  background: var(--tgpt-cart-light-green) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) {
  --tgpt-cart-bg: #f4f7fb;
  --tgpt-cart-surface: #ffffff;
  --tgpt-cart-surface-2: #ffffff;
  --tgpt-cart-border: rgba(15, 23, 42, 0.12);
  --tgpt-cart-border-strong: rgba(15, 23, 42, 0.18);
  --tgpt-cart-text: #0f172a;
  --tgpt-cart-muted: #64748b;
  --tgpt-cart-accent: var(--tgpt-cart-light-green);
  --tgpt-cart-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  background: #f4f7fb !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) #MainContent::before {
  background:
    radial-gradient(1200px 420px at 0% -12%, rgba(22, 128, 61, 0.1), transparent 62%),
    #f4f7fb !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header.tgpt-cart-page-header--mobile-pro,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-summary-card {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__title,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-summary-card__title {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__subtitle,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__text,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__vendor,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__label,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-copy small,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__total-label {
  color: #64748b !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__count,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__icon,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-icon,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges span svg,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .price,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__label,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
  color: var(--tgpt-cart-light-green) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__count {
  background: var(--tgpt-cart-light-green) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__progress {
  background: #eef3f9 !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__progress > span {
  background: linear-gradient(90deg, var(--tgpt-cart-light-green), var(--tgpt-cart-light-green-strong)) !important;
  box-shadow: none !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__button,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart__checkout-button.button {
  background: linear-gradient(135deg, var(--tgpt-cart-light-green), var(--tgpt-cart-light-green-strong)) !important;
  border-color: rgba(22, 128, 61, 0.84) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 128, 61, 0.2) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card__title,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure-copy strong,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-item__name,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-item__name.product-title,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__value {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-item__image {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  object-fit: contain !important;
  padding: 8px !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__quantity {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  gap: 8px !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) quantity-input.quantity {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.03) !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__button,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__input {
  color: #0f172a !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-item__old-price {
  color: #94a3b8 !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove,
html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__clear {
  border: 1px solid rgba(239, 68, 68, 0.34) !important;
  background: rgba(239, 68, 68, 0.1) !important;
  color: #ef4444 !important;
  box-shadow: none !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart_subtotal {
  margin-top: 10px !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-summary-card {
  border-radius: 20px !important;
  padding: 18px !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__rows {
  gap: 9px !important;
  margin-top: 12px !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row {
  min-height: 48px !important;
  border-radius: 13px !important;
  background: #f8fafc !important;
  border: 1px solid #e6edf5 !important;
  padding: 0 12px !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__secure {
  margin-top: 10px !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  border: 1px solid #e6edf5 !important;
}

html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-trust-badges span {
  background: #f8fafc !important;
  border: 1px solid #e6edf5 !important;
  color: #334155 !important;
}

@media screen and (max-width: 991px) {
  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) #MainContent,
  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) main,
  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart_template_wrapper {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + env(safe-area-inset-bottom) + 14px) !important;
  }

  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header.tgpt-cart-page-header--mobile-pro {
    background: #ffffff !important;
  }

  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__body {
    grid-template-areas:
      'details details'
      'unit unit'
      'quantity quantity' !important;
    row-gap: 7px !important;
  }

  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals,
  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-item__error {
    display: none !important;
  }

  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
    gap: 10px !important;
    margin-bottom: 8px !important;
  }

  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart_subtotal {
    margin-top: 6px !important;
  }

  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .cart-summary-card {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  html[data-color-mode="light"] :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row {
    min-height: 44px !important;
    padding: 0 11px !important;
  }
}

/* Home green consistency: header search icon + winner button */
:root {
  --tgpt-shared-green: #a7ff83;
  --tgpt-shared-green-strong: #88f45b;
}

html[data-color-mode="light"] {
  --tgpt-shared-green: #16803d;
  --tgpt-shared-green-strong: #0f6b32;
}

#shopify__header__section .header-inline-search__lead-icon,
#shopify__header__section .header-inline-search__lead-icon svg,
#shopify__header__section .header-inline-search__btn svg,
#shopify__header__section .header-inline-search__btn .icon,
#shopify__header__section .header-inline-search__btn .icon-search,
#shopify__header__section .search__button .icon,
#shopify__header__section .search__button .icon-search {
  color: var(--tgpt-shared-green) !important;
  fill: currentColor !important;
}

#shopify__header__section .header-inline-search__lead-icon svg *,
#shopify__header__section .header-inline-search__btn svg *,
#shopify__header__section .search__button svg * {
  color: var(--tgpt-shared-green) !important;
  fill: currentColor !important;
}

:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__button {
  border: 1px solid rgba(136, 244, 91, 0.52) !important;
  background: linear-gradient(135deg, #b5ff8f 0%, #8ff864 42%, #7ee357 100%) !important;
  color: #06110a !important;
}

html[data-color-mode="light"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-giveaway-offer__button {
  border-color: rgba(22, 128, 61, 0.86) !important;
  background: linear-gradient(135deg, var(--tgpt-shared-green) 0%, var(--tgpt-shared-green-strong) 100%) !important;
  color: #ffffff !important;
}

/* ===================================================== */
/* Tech-GPT UI Consistency Polish (Authoritative)        */
/* ===================================================== */
:root {
  --tgpt-ui-green: #16803d;
  --tgpt-ui-green-strong: #0f6b32;
  --tgpt-ui-green-soft: rgba(22, 128, 61, 0.14);
  --tgpt-ui-green-border: rgba(22, 128, 61, 0.44);
}

.tech-gpt-accent {
  color: var(--tgpt-ui-green) !important;
}

/* Shared green CTA tone */
.tgpt-giveaway-offer__button,
[class*="ai-tech-footer-newsletter-button-"],
.tgpt-shot-footer__input-wrap button {
  border-color: rgba(22, 128, 61, 0.86) !important;
  background: linear-gradient(135deg, var(--tgpt-ui-green) 0%, var(--tgpt-ui-green-strong) 100%) !important;
}

/* Search icon color consistency */
#shopify__header__section .header-inline-search__lead-icon,
#shopify__header__section .header-inline-search__lead-icon svg,
#shopify__header__section .header-inline-search__lead-icon svg *,
#shopify__header__section .predictive-search__query-icon,
#shopify__header__section .predictive-search__query-icon svg,
#shopify__header__section .predictive-search__query-icon svg *,
#shopify__header__section .header-search--box .search__button .icon,
#shopify__header__section .search__button .icon,
#predictive__search_overlay .search__button .icon,
#predictive__search_overlay .search__button svg,
#predictive__search_overlay .search__button svg * {
  color: var(--tgpt-ui-green) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

#shopify__header__section .header-inline-search__btn svg,
#shopify__header__section .header-inline-search__btn svg *,
#shopify__header__section .search__button.input__field_form_button svg,
#shopify__header__section .search__button.input__field_form_button svg * {
  color: var(--tgpt-ui-green) !important;
  fill: currentColor !important;
}

#shopify__header__section .header-inline-search__btn,
#shopify__header__section .search__button.input__field_form_button,
#predictive__search_overlay .search__button.input__field_form_button {
  border: 1px solid rgba(22, 128, 61, 0.56) !important;
  background: rgba(22, 128, 61, 0.12) !important;
  color: var(--tgpt-ui-green) !important;
  box-shadow: 0 4px 14px rgba(22, 128, 61, 0.16) !important;
}

/* Header search submit button: force dark green in light mode */
html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn {
  background: linear-gradient(135deg, var(--tgpt-ui-green) 0%, var(--tgpt-ui-green-strong) 100%) !important;
  border-color: rgba(15, 107, 50, 0.92) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 128, 61, 0.26) !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn:hover {
  background: linear-gradient(135deg, var(--tgpt-ui-green-strong) 0%, #0b5828 100%) !important;
  border-color: #0f6b32 !important;
}

html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn svg,
html[data-color-mode="light"] #shopify__header__section .header-inline-search__btn svg * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Predictive search "View all items" CTA */
#shopify__header__section .predictive-search__view-all,
#shopify__header__section .tgpt-predictive-results .predictive-search__view-all {
  border-color: rgba(22, 128, 61, 0.86) !important;
  background: linear-gradient(135deg, var(--tgpt-ui-green) 0%, var(--tgpt-ui-green-strong) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(22, 128, 61, 0.24) !important;
}

#shopify__header__section .predictive-search__view-all-arrow,
#shopify__header__section .tgpt-predictive-results .predictive-search__view-all-arrow {
  border-top-color: #ffffff !important;
  border-right-color: #ffffff !important;
}

/* Sale badge + wishlist consistency across cards */
.product-grid-item__badges .sale__text,
.product-grid-item__badges .badge.sale__text,
.product-grid-item__badges .sale__save--percent,
.product-grid-item--new-arrivals .tgpt-product-card__badge,
.tgpt-product-card__badge {
  background: var(--tgpt-ui-green) !important;
  color: #ffffff !important;
  border: 1px solid rgba(22, 128, 61, 0.92) !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 6px 14px rgba(22, 128, 61, 0.22) !important;
}

:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .sale__text,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .badge.sale__text,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__badges .sale__save--percent,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item--new-arrivals .tgpt-product-card__badge,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-product-card__badge {
  background: var(--tgpt-ui-green) !important;
  color: #ffffff !important;
  border-color: rgba(22, 128, 61, 0.92) !important;
}

.wishlist__button.product-grid-item__wishlist,
.product-grid-item__wishlist.wishlist__button {
  color: var(--tgpt-ui-green) !important;
  border-color: var(--tgpt-ui-green-border) !important;
}

.wishlist__button.product-grid-item__wishlist .add__wishlist svg path,
.wishlist__button.product-grid-item__wishlist .remove__wishlist svg path,
.product-grid-item__wishlist.wishlist__button .add__wishlist svg path,
.product-grid-item__wishlist.wishlist__button .remove__wishlist svg path {
  fill: transparent !important;
  stroke: currentColor !important;
}

.wishlist__button.product-grid-item__wishlist.active .remove__wishlist svg path,
.product-grid-item__wishlist.wishlist__button.active .remove__wishlist svg path,
.wishlist__button.product-grid-item__wishlist.is-active .remove__wishlist svg path,
.product-grid-item__wishlist.wishlist__button.is-active .remove__wishlist svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.wishlist__button.product-grid-item__wishlist.active,
.product-grid-item__wishlist.wishlist__button.active,
.wishlist__button.product-grid-item__wishlist.is-active,
.product-grid-item__wishlist.wishlist__button.is-active {
  color: var(--tgpt-ui-green) !important;
  filter: drop-shadow(0 0 6px rgba(22, 128, 61, 0.38));
}

:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist.active,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist.is-active,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist.active .remove__wishlist svg path,
:is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .product-grid-item__wishlist.is-active .remove__wishlist svg path {
  color: var(--tgpt-ui-green) !important;
  stroke: var(--tgpt-ui-green) !important;
  fill: var(--tgpt-ui-green) !important;
}

/* Testimonials accent polish */
.tgpt-review-card__quote,
.tgpt-review-card__location span {
  color: var(--tgpt-ui-green) !important;
}

/* Cart compactness + quantity alignment + summary polish */
:is(body.template-cart, body.page-type-cart) {
  --tgpt-cart-accent: var(--tgpt-ui-green) !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
  margin-bottom: 10px !important;
}

:is(body.template-cart, body.page-type-cart) .cart_subtotal {
  margin-top: 8px !important;
  margin-bottom: 6px !important;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity {
  display: grid !important;
  grid-template-columns: 42px minmax(56px, 1fr) 42px !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
  border-radius: 12px !important;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__button {
  width: 42px !important;
  height: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: rgba(22, 128, 61, 0.12) !important;
  color: var(--tgpt-ui-green) !important;
  transition: background 0.2s ease;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__button:hover {
  background: rgba(22, 128, 61, 0.2) !important;
}

:is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__input {
  min-height: 38px !important;
  line-height: 38px !important;
  font-size: 17px !important;
}

:is(body.template-cart, body.page-type-cart) .cart-summary-card {
  border: 1px solid rgba(22, 128, 61, 0.34) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22), 0 0 18px rgba(22, 128, 61, 0.08) !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__rows {
  gap: 7px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row {
  min-height: 46px !important;
  border-radius: 12px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total {
  margin-top: 4px !important;
  border-top: 1px dashed rgba(22, 128, 61, 0.34) !important;
  border-radius: 0 !important;
  padding-top: 10px !important;
  min-height: 54px !important;
}

:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__label,
:is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
  font-weight: 900 !important;
}

@media screen and (max-width: 991px) {
  :is(body.template-cart, body.page-type-cart) #MainContent,
  :is(body.template-cart, body.page-type-cart) main,
  :is(body.template-cart, body.page-type-cart) .cart_template_wrapper {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + env(safe-area-inset-bottom) + 28px) !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
    margin-top: 8px !important;
  }

  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer .cart-summary-card {
    padding: 14px !important;
    border-radius: 16px !important;
  }
}

/* ===================================================== */
/* Product Page Light Mode Polish                        */
/* ===================================================== */
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) {
  --tgpt-product-accent: var(--tgpt-ui-green, #16803d);
  --tgpt-product-accent-strong: var(--tgpt-ui-green-strong, #0f6b32);
  --tgpt-product-text: #0f172a;
  --tgpt-product-muted: #64748b;
  --tgpt-product-border: rgba(15, 23, 42, 0.14);
  --tgpt-product-soft-bg: #f8fbf9;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__title,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__vendor,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__type,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .inventory-title,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .variant__inventory,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .form__label,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .breadcrumbs__item,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .breadcrumbs__item a {
  color: var(--tgpt-product-text) !important;
}

/* SKU readability */
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__variant_sku {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(22, 128, 61, 0.26) !important;
  background: #ffffff !important;
  color: var(--tgpt-product-muted) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__variant_sku > strong {
  color: #475569 !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .sku__unique_code {
  color: var(--tgpt-product-text) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

/* Product gallery controls */
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__media-wrapper .slider-mobile-gutter .slider-button,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__media_container .slider-button,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .thumbnail-slider .slider-button {
  background: #ffffff !important;
  border: 1px solid rgba(22, 128, 61, 0.3) !important;
  color: var(--tgpt-product-accent) !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.1) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__media-wrapper .slider-mobile-gutter .slider-button:hover,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__media_container .slider-button:hover,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .thumbnail-slider .slider-button:hover {
  background: rgba(22, 128, 61, 0.12) !important;
  border-color: rgba(22, 128, 61, 0.52) !important;
  color: var(--tgpt-product-accent-strong) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__media-wrapper .slider-button .icon,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__media-wrapper .slider-button .icon *,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .thumbnail-slider .slider-button .icon,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .thumbnail-slider .slider-button .icon * {
  stroke: currentColor !important;
  fill: currentColor !important;
}

/* Quantity stepper polish */
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__quantity .form__label strong {
  color: #334155 !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__quantity quantity-input.quantity {
  display: grid !important;
  grid-template-columns: 40px minmax(56px, 1fr) 40px !important;
  align-items: center !important;
  gap: 4px !important;
  width: 140px !important;
  min-height: 48px !important;
  padding: 4px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(22, 128, 61, 0.3) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__quantity .quantity__button {
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
  background: rgba(22, 128, 61, 0.1) !important;
  color: var(--tgpt-product-accent) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__quantity .quantity__button:hover {
  background: rgba(22, 128, 61, 0.18) !important;
  color: var(--tgpt-product-accent-strong) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__quantity .quantity__button svg,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__quantity .quantity__button svg * {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__quantity .quantity__input {
  background: transparent !important;
  border: 0 !important;
  color: var(--tgpt-product-text) !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* WhatsApp CTA */
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__whatsapp__button {
  margin-bottom: 12px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__whatsapp__button .whatsapp-btn {
  width: 100% !important;
  min-height: 50px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(15, 107, 50, 0.92) !important;
  background: linear-gradient(135deg, var(--tgpt-product-accent) 0%, var(--tgpt-product-accent-strong) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(22, 128, 61, 0.22) !important;
  gap: 8px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__whatsapp__button .whatsapp-btn:hover {
  background: linear-gradient(135deg, var(--tgpt-product-accent-strong) 0%, #0b5828 100%) !important;
  border-color: #0f6b32 !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__whatsapp__button .whatsapp-btn__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__whatsapp__button .whatsapp-btn__icon svg {
  width: 18px !important;
  height: 18px !important;
  color: currentColor !important;
  fill: currentColor !important;
}

/* Add to cart + Buy now */
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__add__cart__button .product-form__submit {
  min-height: 50px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(22, 128, 61, 0.86) !important;
  background: linear-gradient(135deg, #6fe95a 0%, #2bb24e 100%) !important;
  color: #06110a !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 24px rgba(22, 128, 61, 0.2) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product__add__cart__button .product-form__submit:hover {
  background: linear-gradient(135deg, #58d946 0%, #229a42 100%) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .shopify-payment-button__button--unbranded,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .shopify-payment-button__button {
  min-height: 50px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(15, 107, 50, 0.92) !important;
  background: linear-gradient(135deg, #0f6b32 0%, #0b5427 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(15, 107, 50, 0.24) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .shopify-payment-button__button--unbranded:hover:not([disabled]),
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .shopify-payment-button__button:hover:not([disabled]) {
  background: linear-gradient(135deg, #0b5a2a 0%, #08451f 100%) !important;
}

/* Recommended + Recently viewed cards */
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item {
  background: #ffffff !important;
  border: 1px solid rgba(22, 128, 61, 0.2) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__thumbnail {
  background: linear-gradient(180deg, #ffffff 0%, #f3f8f4 100%) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  padding: 10px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__thumbnail .tgpt-product-card__media-frame,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__thumbnail .product__media_thumbnail,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__thumbnail .media {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  min-height: 180px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__thumbnail img {
  object-fit: contain !important;
  object-position: center !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__content {
  padding: 14px 14px 16px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product__vendor {
  color: var(--tgpt-product-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__title,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__title a {
  color: var(--tgpt-product-text) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__price {
  gap: 7px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__price .price-item--sale {
  color: var(--tgpt-product-accent) !important;
  font-weight: 800 !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__price .price-item--regular,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__price .price__compare .price-item--regular {
  color: rgba(100, 116, 139, 0.86) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__action-visibal-cart .product-grid-item__actions__btn {
  min-height: 44px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(22, 128, 61, 0.4) !important;
  background: var(--tgpt-product-soft-bg) !important;
  color: var(--tgpt-product-accent) !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.07) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__action-visibal-cart .product-grid-item__actions__btn:hover {
  background: var(--tgpt-product-accent) !important;
  border-color: var(--tgpt-product-accent) !important;
  color: #ffffff !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__actions .cart--icon-button,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__actions .product-grid-item__wishlist {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(22, 128, 61, 0.38) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: var(--tgpt-product-accent) !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__actions .product-grid-item__wishlist.active,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__actions .product-grid-item__wishlist.is-active {
  background: var(--tgpt-product-accent) !important;
  border-color: var(--tgpt-product-accent) !important;
  color: #ffffff !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__actions .product-grid-item__wishlist.active .remove__wishlist svg path,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__actions .product-grid-item__wishlist.is-active .remove__wishlist svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__badges .sale__text,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__badges .badge.sale__text,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) :is(.product-recommendations, .recently_viewed_proudct) .product-grid-item__badges .product-sale-badge {
  background: var(--tgpt-product-accent) !important;
  color: #ffffff !important;
  border: 1px solid rgba(22, 128, 61, 0.9) !important;
}

/* Product page spacing before footer */
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .recently_viewed_proudct.pb-80 {
  padding-bottom: 28px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-recommendations.section--padding {
  padding-bottom: 20px !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .recently_viewed_proudct .featured__collection--slider,
html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-recommendations .featured__collection--slider {
  margin-bottom: 0 !important;
}

html[data-color-mode="light"] :is(body.template-product, body.page-type-product) #MainContent {
  padding-bottom: 0 !important;
}

@media (max-width: 991px) {
  html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__cart--box.d-flex {
    gap: 12px !important;
    align-items: flex-end !important;
  }

  html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .product-form__quantity {
    margin-bottom: 0 !important;
  }

  html[data-color-mode="light"] :is(body.template-product, body.page-type-product) .recently_viewed_proudct.pb-80 {
    padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;
  }
}

/* ===================================================== */
/* Predictive Search - View All CTA polish               */
/* ===================================================== */
#shopify__header__section .tgpt-predictive-results .predictive-search__footer {
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;
  padding-top: 14px !important;
  padding-bottom: 8px !important;
}

#shopify__header__section .predictive-search__view-all,
#shopify__header__section .tgpt-predictive-results .predictive-search__view-all,
.ts7-search-suggestions-menu .ts7-search-menu-list .ts7-search-view-all-link .ts7-view-all-items,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-search-view-all-link .ts7-view-all-items,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-suggestions-view-all-link span {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  border: 1px solid #0f6b3a !important;
  background: #0f6b3a !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 8px 18px rgba(15, 107, 58, 0.24) !important;
}

#shopify__header__section .predictive-search__view-all:hover,
#shopify__header__section .tgpt-predictive-results .predictive-search__view-all:hover,
.ts7-search-suggestions-menu .ts7-search-menu-list .ts7-search-view-all-link .ts7-view-all-items:hover,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-search-view-all-link .ts7-view-all-items:hover,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-suggestions-view-all-link span:hover {
  background: #0b5630 !important;
  border-color: #0b5630 !important;
  color: #ffffff !important;
}

#shopify__header__section .predictive-search__view-all-arrow,
#shopify__header__section .tgpt-predictive-results .predictive-search__view-all-arrow,
.ts7-search-suggestions-menu .search-results-arrow {
  border-top-color: #ffffff !important;
  border-right-color: #ffffff !important;
}

.ts7-search-suggestions-menu .ts7-search-menu-list .ts7-search-view-all-link {
  margin-top: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 8px !important;
}

.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-search-view-all-link,
.ts7-search-suggestions-menu .tgpt-ts7-footer-ready .ts7-suggestions-view-all-link {
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;
}

/* ===================================================== */
/* Header Theme Toggle + Search Width Polish             */
/* ===================================================== */
#shopify__header__section [data-theme-toggle].mobile-theme-toggle {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(145, 168, 189, 0.26) !important;
  background:
    radial-gradient(140% 140% at 18% 14%, rgba(255, 255, 255, 0.12), transparent 56%),
    linear-gradient(145deg, rgba(17, 26, 36, 0.96), rgba(10, 17, 26, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 10px 20px rgba(2, 8, 15, 0.4) !important;
  color: #d8e5f1 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease !important;
}

#shopify__header__section [data-theme-toggle].mobile-theme-toggle:hover {
  transform: translateY(-1px);
  border-color: rgba(15, 107, 58, 0.54) !important;
  color: #8ff864 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 12px 22px rgba(2, 8, 15, 0.46),
    0 0 0 1px rgba(15, 107, 58, 0.2) !important;
}

#shopify__header__section [data-theme-toggle].mobile-theme-toggle:focus-visible {
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 12px 24px rgba(2, 8, 15, 0.44),
    0 0 0 2px rgba(15, 107, 58, 0.34) !important;
}

#shopify__header__section .mobile-theme-toggle__icon {
  width: 21px !important;
  height: 21px !important;
  transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

html[data-color-mode="light"] #shopify__header__section [data-theme-toggle].mobile-theme-toggle {
  border-color: rgba(15, 107, 58, 0.3) !important;
  background:
    radial-gradient(130% 130% at 18% 14%, rgba(15, 107, 58, 0.12), transparent 56%),
    linear-gradient(145deg, #ffffff, #f4f8f5) !important;
  color: #0f6b3a !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 10px 18px rgba(15, 23, 42, 0.12) !important;
}

html[data-color-mode="light"] #shopify__header__section [data-theme-toggle].mobile-theme-toggle:hover {
  color: #0b5630 !important;
  border-color: rgba(15, 107, 58, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 12px 22px rgba(15, 23, 42, 0.14),
    0 0 0 1px rgba(15, 107, 58, 0.22) !important;
}

@media (min-width: 992px) {
  #shopify__header__section .header__actions {
    flex: 1 1 auto !important;
  }

  #shopify__header__section .header-inline-search {
    width: 100% !important;
    flex: 1 1 clamp(640px, 58vw, 980px) !important;
    max-width: clamp(640px, 58vw, 980px) !important;
    margin-inline-end: 14px !important;
  }

  #shopify__header__section .header-inline-search__form {
    width: 100% !important;
  }

  #shopify__header__section .header-inline-search__input {
    height: 50px !important;
    padding-inline-start: 48px !important;
    padding-inline-end: 76px !important;
    font-size: 15.5px !important;
  }
}

/* ===================================================== */
/* Tech-GPT desktop product image/card polish            */
/* Homepage product sections only (tablet/desktop)       */
/* ===================================================== */
@media (min-width: 768px) {
  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail {
    --tgpt-media-overlay-space: 46px !important;
    --tgpt-media-frame-margin: 0px !important;
    --tgpt-media-frame-height: 228px !important;
    --tgpt-media-frame-padding: 12px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__media-frame {
    width: 100% !important;
    height: var(--tgpt-media-frame-height) !important;
    min-height: var(--tgpt-media-frame-height) !important;
    margin: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    border: 0 !important;
    background: #f8faf9 !important;
    overflow: hidden !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__media-link,
  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__media-link
    .media.media--transparent.media--square.media--hover-effect {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__media-link
    .media
    img.secondary__img {
    display: block !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__media-link
    .media.media--transparent.media--square.media--hover-effect
    > img,
  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__media-frame
    img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: var(--tgpt-media-frame-padding) !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__top-row {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    z-index: 16 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    pointer-events: none !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__top-row-wishlist {
    margin-left: auto !important;
    pointer-events: auto !important;
    z-index: 17 !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .tgpt-product-card__badge {
    position: static !important;
    background: #0f7a35 !important;
    color: #ffffff !important;
    border: 1px solid #0f7a35 !important;
    border-radius: 999px !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .cart--icon-button.button--icon.h6.mb-0.wishlist__button.product-grid-item__wishlist {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15, 122, 53, 0.26) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #0f7a35 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 18 !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail
    .cart--icon-button.button--icon.h6.mb-0.wishlist__button.product-grid-item__wishlist
    svg {
    width: 20px !important;
    height: 20px !important;
    color: #0f7a35 !important;
  }
}

@media (min-width: 992px) {
  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--tgpt-rail
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail {
    --tgpt-media-frame-height: 256px !important;
    --tgpt-media-frame-padding: 14px !important;
  }

  :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index)
    .featured-collection-sectoin.featured-collection--new-arrivals
    .product-grid-item--new-arrivals
    .product-grid-item__thumbnail {
    --tgpt-media-frame-height: 256px !important;
    --tgpt-media-frame-padding: 14px !important;
  }
}

/* ===================================================== */
/* Tech-GPT Dark Mode Header Search Polish (Desktop/iPad)*/
/* ===================================================== */
@media (min-width: 768px) {
  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__form,
  body.dark-mode #shopify__header__section .header-inline-search__form,
  [data-theme="dark"] #shopify__header__section .header-inline-search__form {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    width: 100% !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__input-wrap,
  body.dark-mode #shopify__header__section .header-inline-search__input-wrap,
  [data-theme="dark"] #shopify__header__section .header-inline-search__input-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__input,
  body.dark-mode #shopify__header__section .header-inline-search__input,
  [data-theme="dark"] #shopify__header__section .header-inline-search__input {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 78px 0 46px !important;
    background: #020806 !important;
    border: 1px solid rgba(156, 255, 106, 0.32) !important;
    border-radius: 16px !important;
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.08), 0 10px 28px rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 48px !important;
    outline: none !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__input::placeholder,
  body.dark-mode #shopify__header__section .header-inline-search__input::placeholder,
  [data-theme="dark"] #shopify__header__section .header-inline-search__input::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
    opacity: 1 !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__lead-icon,
  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__lead-icon svg,
  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__lead-icon svg *,
  body.dark-mode #shopify__header__section .header-inline-search__lead-icon,
  body.dark-mode #shopify__header__section .header-inline-search__lead-icon svg,
  body.dark-mode #shopify__header__section .header-inline-search__lead-icon svg *,
  [data-theme="dark"] #shopify__header__section .header-inline-search__lead-icon,
  [data-theme="dark"] #shopify__header__section .header-inline-search__lead-icon svg,
  [data-theme="dark"] #shopify__header__section .header-inline-search__lead-icon svg * {
    color: #9cff6a !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__input-wrap:focus-within .header-inline-search__input,
  body.dark-mode #shopify__header__section .header-inline-search__input-wrap:focus-within .header-inline-search__input,
  [data-theme="dark"] #shopify__header__section .header-inline-search__input-wrap:focus-within .header-inline-search__input,
  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__input:focus,
  body.dark-mode #shopify__header__section .header-inline-search__input:focus,
  [data-theme="dark"] #shopify__header__section .header-inline-search__input:focus {
    border-color: #9cff6a !important;
    box-shadow: 0 0 0 3px rgba(156, 255, 106, 0.14), 0 12px 30px rgba(0, 0, 0, 0.38) !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__btn,
  body.dark-mode #shopify__header__section .header-inline-search__btn,
  [data-theme="dark"] #shopify__header__section .header-inline-search__btn {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(156, 255, 106, 0.32) !important;
    background: linear-gradient(135deg, #071011, #102116) !important;
    color: #9cff6a !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__btn svg,
  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__btn svg *,
  body.dark-mode #shopify__header__section .header-inline-search__btn svg,
  body.dark-mode #shopify__header__section .header-inline-search__btn svg *,
  [data-theme="dark"] #shopify__header__section .header-inline-search__btn svg,
  [data-theme="dark"] #shopify__header__section .header-inline-search__btn svg * {
    color: #9cff6a !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header-inline-search__btn:hover,
  body.dark-mode #shopify__header__section .header-inline-search__btn:hover,
  [data-theme="dark"] #shopify__header__section .header-inline-search__btn:hover {
    background: rgba(156, 255, 106, 0.12) !important;
    border-color: #9cff6a !important;
  }
}

/* Tech-GPT desktop dark-mode neon green fix */
@media screen and (min-width: 768px) {
  html.dark,
  body.dark,
  html[data-color-mode="dark"],
  body[data-color-mode="dark"],
  [data-theme="dark"],
  .dark-mode {
    --tg-green-lightmode: #0b7a34;
    --tg-green-darkmode: #7cff3a;
    --tg-green-darkmode-2: #70ff2e;
    --tg-dark-bg: #050807;
    --tg-dark-card: #07110d;
  }

  html.dark a,
  body.dark a,
  html[data-color-mode="dark"] a,
  body[data-color-mode="dark"] a,
  [data-theme="dark"] a,
  .dark-mode a {
    color: var(--tg-green-darkmode);
  }

  html.dark .button,
  html.dark button,
  body.dark .button,
  body.dark button,
  html[data-color-mode="dark"] .button,
  html[data-color-mode="dark"] button,
  body[data-color-mode="dark"] .button,
  body[data-color-mode="dark"] button,
  [data-theme="dark"] .button,
  [data-theme="dark"] button,
  .dark-mode .button,
  .dark-mode button {
    border-color: rgba(124, 255, 58, 0.45);
  }

  html.dark .button--primary,
  body.dark .button--primary,
  html[data-color-mode="dark"] .button--primary,
  body[data-color-mode="dark"] .button--primary,
  [data-theme="dark"] .button--primary,
  .dark-mode .button--primary,
  html.dark .add-to-cart,
  body.dark .add-to-cart,
  html[data-color-mode="dark"] .add-to-cart,
  body[data-color-mode="dark"] .add-to-cart,
  [data-theme="dark"] .add-to-cart,
  .dark-mode .add-to-cart {
    background: linear-gradient(135deg, #7cff3a, #21c45a) !important;
    color: #061008 !important;
    box-shadow: 0 10px 28px rgba(124, 255, 58, 0.25);
  }

  html.dark .price,
  html.dark .price-item,
  html.dark .product-card__price,
  body.dark .price,
  body.dark .price-item,
  body.dark .product-card__price,
  html[data-color-mode="dark"] .price,
  html[data-color-mode="dark"] .price-item,
  html[data-color-mode="dark"] .product-card__price,
  body[data-color-mode="dark"] .price,
  body[data-color-mode="dark"] .price-item,
  body[data-color-mode="dark"] .product-card__price,
  [data-theme="dark"] .price,
  [data-theme="dark"] .price-item,
  [data-theme="dark"] .product-card__price,
  .dark-mode .price,
  .dark-mode .price-item,
  .dark-mode .product-card__price {
    color: var(--tg-green-darkmode) !important;
  }

  html.dark .badge,
  body.dark .badge,
  html[data-color-mode="dark"] .badge,
  body[data-color-mode="dark"] .badge,
  [data-theme="dark"] .badge,
  .dark-mode .badge {
    background: #1f8f3a !important;
    color: #ffffff !important;
    border: 1px solid rgba(124, 255, 58, 0.45);
    box-shadow: 0 8px 22px rgba(124, 255, 58, 0.22);
  }

  html.dark .header__menu-item--active,
  html.dark .header__active-menu-item,
  html.dark .site-nav__link--active,
  body.dark .header__menu-item--active,
  body.dark .header__active-menu-item,
  body.dark .site-nav__link--active,
  html[data-color-mode="dark"] .header__menu-item--active,
  html[data-color-mode="dark"] .header__active-menu-item,
  html[data-color-mode="dark"] .site-nav__link--active,
  body[data-color-mode="dark"] .header__menu-item--active,
  body[data-color-mode="dark"] .header__active-menu-item,
  body[data-color-mode="dark"] .site-nav__link--active,
  [data-theme="dark"] .header__menu-item--active,
  [data-theme="dark"] .header__active-menu-item,
  [data-theme="dark"] .site-nav__link--active,
  .dark-mode .header__menu-item--active,
  .dark-mode .header__active-menu-item,
  .dark-mode .site-nav__link--active {
    color: var(--tg-green-darkmode) !important;
  }

  html.dark .top-categories a,
  html.dark .collection-list__item,
  body.dark .top-categories a,
  body.dark .collection-list__item,
  html[data-color-mode="dark"] .top-categories a,
  html[data-color-mode="dark"] .collection-list__item,
  body[data-color-mode="dark"] .top-categories a,
  body[data-color-mode="dark"] .collection-list__item,
  [data-theme="dark"] .top-categories a,
  [data-theme="dark"] .collection-list__item,
  .dark-mode .top-categories a,
  .dark-mode .collection-list__item {
    border-color: rgba(124, 255, 58, 0.32) !important;
  }

  html.dark .cart-count-bubble,
  html.dark .wishlist-count,
  body.dark .cart-count-bubble,
  body.dark .wishlist-count,
  html[data-color-mode="dark"] .cart-count-bubble,
  html[data-color-mode="dark"] .wishlist-count,
  body[data-color-mode="dark"] .cart-count-bubble,
  body[data-color-mode="dark"] .wishlist-count,
  [data-theme="dark"] .cart-count-bubble,
  [data-theme="dark"] .wishlist-count,
  .dark-mode .cart-count-bubble,
  .dark-mode .wishlist-count {
    background: var(--tg-green-darkmode) !important;
    color: #061008 !important;
  }

  html.dark .section-title .badge,
  html.dark .section-label,
  html.dark .see-all,
  body.dark .section-title .badge,
  body.dark .section-label,
  body.dark .see-all,
  html[data-color-mode="dark"] .section-title .badge,
  html[data-color-mode="dark"] .section-label,
  html[data-color-mode="dark"] .see-all,
  body[data-color-mode="dark"] .section-title .badge,
  body[data-color-mode="dark"] .section-label,
  body[data-color-mode="dark"] .see-all,
  [data-theme="dark"] .section-title .badge,
  [data-theme="dark"] .section-label,
  [data-theme="dark"] .see-all,
  .dark-mode .section-title .badge,
  .dark-mode .section-label,
  .dark-mode .see-all {
    color: var(--tg-green-darkmode) !important;
  }
}

/* Tech-GPT topbar welcome line dark-mode color fix */
html[data-color-mode="dark"] .header__topbar .topbar-home-link,
body[data-color-mode="dark"] .header__topbar .topbar-home-link,
[data-theme="dark"] .header__topbar .topbar-home-link,
.dark-mode .header__topbar .topbar-home-link {
  color: #f3f7fb !important;
}

html[data-color-mode="dark"] .header__topbar .topbar-home-link .tech-gpt-accent,
body[data-color-mode="dark"] .header__topbar .topbar-home-link .tech-gpt-accent,
[data-theme="dark"] .header__topbar .topbar-home-link .tech-gpt-accent,
.dark-mode .header__topbar .topbar-home-link .tech-gpt-accent {
  color: #7cff3a !important;
}

/* Tech-GPT desktop/tablet dark-mode header & accent correction */
@media screen and (min-width: 768px) {
  html[data-color-mode="dark"] #shopify__header__section .header__menu_item,
  html[data-color-mode="dark"] #shopify__header__section .header__menu_item > a,
  body[data-color-mode="dark"] #shopify__header__section .header__menu_item,
  body[data-color-mode="dark"] #shopify__header__section .header__menu_item > a,
  [data-theme="dark"] #shopify__header__section .header__menu_item,
  [data-theme="dark"] #shopify__header__section .header__menu_item > a,
  .dark-mode #shopify__header__section .header__menu_item,
  .dark-mode #shopify__header__section .header__menu_item > a {
    color: #ffffff !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .header__actions_btn--wishlist,
  html[data-color-mode="dark"] #shopify__header__section .header__actions_btn--wishlist svg,
  html[data-color-mode="dark"] #shopify__header__section .header__actions_btn--cart,
  html[data-color-mode="dark"] #shopify__header__section .header__actions_btn--cart svg,
  html[data-color-mode="dark"] #shopify__header__section .header__actions_btn--user,
  html[data-color-mode="dark"] #shopify__header__section .header__actions_btn--user svg,
  body[data-color-mode="dark"] #shopify__header__section .header__actions_btn--wishlist,
  body[data-color-mode="dark"] #shopify__header__section .header__actions_btn--wishlist svg,
  body[data-color-mode="dark"] #shopify__header__section .header__actions_btn--cart,
  body[data-color-mode="dark"] #shopify__header__section .header__actions_btn--cart svg,
  body[data-color-mode="dark"] #shopify__header__section .header__actions_btn--user,
  body[data-color-mode="dark"] #shopify__header__section .header__actions_btn--user svg,
  [data-theme="dark"] #shopify__header__section .header__actions_btn--wishlist,
  [data-theme="dark"] #shopify__header__section .header__actions_btn--wishlist svg,
  [data-theme="dark"] #shopify__header__section .header__actions_btn--cart,
  [data-theme="dark"] #shopify__header__section .header__actions_btn--cart svg,
  [data-theme="dark"] #shopify__header__section .header__actions_btn--user,
  [data-theme="dark"] #shopify__header__section .header__actions_btn--user svg,
  .dark-mode #shopify__header__section .header__actions_btn--wishlist,
  .dark-mode #shopify__header__section .header__actions_btn--wishlist svg,
  .dark-mode #shopify__header__section .header__actions_btn--cart,
  .dark-mode #shopify__header__section .header__actions_btn--cart svg,
  .dark-mode #shopify__header__section .header__actions_btn--user,
  .dark-mode #shopify__header__section .header__actions_btn--user svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html[data-color-mode="dark"] #shopify__header__section [data-theme-toggle],
  html[data-color-mode="dark"] #shopify__header__section [data-theme-toggle] svg,
  html[data-color-mode="dark"] #shopify__header__section [data-theme-toggle] svg * ,
  body[data-color-mode="dark"] #shopify__header__section [data-theme-toggle],
  body[data-color-mode="dark"] #shopify__header__section [data-theme-toggle] svg,
  body[data-color-mode="dark"] #shopify__header__section [data-theme-toggle] svg *,
  [data-theme="dark"] #shopify__header__section [data-theme-toggle],
  [data-theme="dark"] #shopify__header__section [data-theme-toggle] svg,
  [data-theme="dark"] #shopify__header__section [data-theme-toggle] svg *,
  .dark-mode #shopify__header__section [data-theme-toggle],
  .dark-mode #shopify__header__section [data-theme-toggle] svg,
  .dark-mode #shopify__header__section [data-theme-toggle] svg * {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html[data-color-mode="dark"] #shopify__header__section .cart-count-bubble,
  html[data-color-mode="dark"] #shopify__header__section .header__actions_btn_cart_num,
  html[data-color-mode="dark"] #shopify__header__section .wishlist__count,
  body[data-color-mode="dark"] #shopify__header__section .cart-count-bubble,
  body[data-color-mode="dark"] #shopify__header__section .header__actions_btn_cart_num,
  body[data-color-mode="dark"] #shopify__header__section .wishlist__count,
  [data-theme="dark"] #shopify__header__section .cart-count-bubble,
  [data-theme="dark"] #shopify__header__section .header__actions_btn_cart_num,
  [data-theme="dark"] #shopify__header__section .wishlist__count,
  .dark-mode #shopify__header__section .cart-count-bubble,
  .dark-mode #shopify__header__section .header__actions_btn_cart_num,
  .dark-mode #shopify__header__section .wishlist__count {
    background: #7cff3a !important;
    border-color: rgba(124, 255, 58, 0.9) !important;
    color: #061008 !important;
    box-shadow: 0 0 0 2px rgba(5, 8, 7, 0.78) !important;
  }

  html[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet,
  body[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet,
  [data-theme="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet,
  .dark-mode :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet,
  html[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot,
  body[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot,
  [data-theme="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot,
  .dark-mode :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot {
    background: rgba(124, 255, 58, 0.34) !important;
  }

  html[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
  body[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
  [data-theme="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .dark-mode :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
  html[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot.is-active,
  body[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot.is-active,
  [data-theme="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot.is-active,
  .dark-mode :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-new-arrivals__dot.is-active {
    background: #7cff3a !important;
    box-shadow: 0 0 12px rgba(124, 255, 58, 0.45) !important;
  }

  html[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-home-desktop-hero__button.tgpt-home-desktop-hero__button--primary,
  body[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-home-desktop-hero__button.tgpt-home-desktop-hero__button--primary,
  [data-theme="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-home-desktop-hero__button.tgpt-home-desktop-hero__button--primary,
  .dark-mode :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .tgpt-home-desktop-hero__button.tgpt-home-desktop-hero__button--primary {
    background: linear-gradient(135deg, #2ea543 0%, #1d7f34 100%) !important;
    border-color: rgba(124, 255, 58, 0.58) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(45, 165, 67, 0.28) !important;
  }

  html[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .collection-list--desktop-grid .collection__card,
  html[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .collection-list--desktop-grid .tgpt-desktop-more-category-card__button,
  body[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .collection-list--desktop-grid .collection__card,
  body[data-color-mode="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .collection-list--desktop-grid .tgpt-desktop-more-category-card__button,
  [data-theme="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .collection-list--desktop-grid .collection__card,
  [data-theme="dark"] :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .collection-list--desktop-grid .tgpt-desktop-more-category-card__button,
  .dark-mode :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .collection-list--desktop-grid .collection__card,
  .dark-mode :is(body[data-tgpt-page="home"], body.template-index, body.page-type-index) .collection-list--desktop-grid .tgpt-desktop-more-category-card__button {
    border-color: rgba(124, 255, 58, 0.42) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(124, 255, 58, 0.15) !important;
  }
}

/* ===================================================== */
/* Tech-GPT Final Mobile UI/UX System Polish             */
/* Scope: mobile only, max-width 767px                   */
/* ===================================================== */
@media screen and (max-width: 767px) {
  body {
    --tgpt-m-bg: #020806;
    --tgpt-m-surface: #071011;
    --tgpt-m-surface-2: #0b1113;
    --tgpt-m-text: #ffffff;
    --tgpt-m-muted: #9ca3af;
    --tgpt-m-border: rgba(156, 255, 106, 0.22);
    --tgpt-m-accent: #9cff6a;
    --tgpt-m-accent-2: #22c55e;
    --tgpt-m-accent-soft: rgba(156, 255, 106, 0.1);
    --tgpt-m-shadow: 0 10px 24px rgba(0, 0, 0, 0.42);
    --tgpt-m-btn: linear-gradient(135deg, #16a34a, #22c55e);
    --tgpt-m-input-bg: #0b1418;
  }

  html[data-color-mode='light'] body,
  body[data-color-mode='light'],
  html[data-theme='light'] body,
  html.light-mode body,
  body.light-mode {
    --tgpt-m-bg: #f8faf9;
    --tgpt-m-surface: #ffffff;
    --tgpt-m-surface-2: #ffffff;
    --tgpt-m-text: #111827;
    --tgpt-m-muted: #64748b;
    --tgpt-m-border: #dbe7df;
    --tgpt-m-accent: #166534;
    --tgpt-m-accent-2: #15803d;
    --tgpt-m-accent-soft: #ecfdf5;
    --tgpt-m-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    --tgpt-m-btn: linear-gradient(135deg, #166534, #15803d);
    --tgpt-m-input-bg: #ffffff;
  }

  html[data-color-mode='dark'] body,
  body[data-color-mode='dark'],
  html[data-theme='dark'] body,
  html.dark-mode body,
  body.dark-mode,
  html.dark body,
  body.dark {
    --tgpt-m-bg: #020806;
    --tgpt-m-surface: #071011;
    --tgpt-m-surface-2: #0b1113;
    --tgpt-m-text: #ffffff;
    --tgpt-m-muted: #9ca3af;
    --tgpt-m-border: rgba(156, 255, 106, 0.22);
    --tgpt-m-accent: #9cff6a;
    --tgpt-m-accent-2: #22c55e;
    --tgpt-m-accent-soft: rgba(156, 255, 106, 0.1);
    --tgpt-m-shadow: 0 10px 24px rgba(0, 0, 0, 0.44);
    --tgpt-m-btn: linear-gradient(135deg, #16a34a, #22c55e);
    --tgpt-m-input-bg: #0b1418;
  }

  body {
    background: var(--tgpt-m-bg) !important;
    color: var(--tgpt-m-text) !important;
    overflow-x: hidden !important;
  }

  #MainContent,
  main,
  .shopify-section,
  .template-search,
  .template-collection,
  .template-cart,
  .template-page,
  .page-width,
  .container,
  .container-fluid {
    background: transparent !important;
  }

  p,
  small,
  .caption,
  .light,
  .rte,
  .form__label,
  .product__vendor,
  .tgpt-collection-meta .product__vendor,
  .tgpt-collection-category,
  .template-search .review-wrap,
  .template-search .tgpt-search-header__meta {
    color: var(--tgpt-m-muted) !important;
  }

  .button,
  .button--primary,
  .button--secondary,
  .product-grid-item__action-visibal-cart .product-grid-item__actions__btn,
  .tgpt-wishlist-add-btn,
  .tgpt-wishlist-remove-btn,
  .tgpt-cart-shipping-card__button,
  .cart__checkout-button.button,
  .ts7-result-btn.ts7-outline-btn.ts7_result-addToCart,
  .ts7-button.ts7-result-btn.ts7-qv-add-to-cart-btn.ts7-show-add-to-cart {
    min-height: 44px !important;
    border-radius: 14px !important;
    border: 1px solid var(--tgpt-m-border) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
  }

  .button--primary,
  .product-grid-item__action-visibal-cart .product-grid-item__actions__btn,
  .tgpt-wishlist-add-btn,
  .tgpt-cart-shipping-card__button,
  .cart__checkout-button.button,
  .ts7-result-btn.ts7-outline-btn.ts7_result-addToCart,
  .ts7-button.ts7-result-btn.ts7-qv-add-to-cart-btn.ts7-show-add-to-cart {
    background: var(--tgpt-m-btn) !important;
    color: #ffffff !important;
    border-color: var(--tgpt-m-accent-2) !important;
  }

  .button--secondary,
  .tgpt-wishlist-remove-btn {
    background: var(--tgpt-m-surface) !important;
    color: var(--tgpt-m-text) !important;
  }

  .field__input,
  .input__field,
  .select__select,
  textarea,
  #idFilterSearchBox,
  #id_ts7_filter_min_price_text,
  #id_ts7_filter_max_price_text {
    border-radius: 14px !important;
    border: 1px solid var(--tgpt-m-border) !important;
    background: var(--tgpt-m-input-bg) !important;
    color: var(--tgpt-m-text) !important;
    box-shadow: none !important;
  }

  .field__input::placeholder,
  .input__field::placeholder,
  textarea::placeholder {
    color: var(--tgpt-m-muted) !important;
    opacity: 1 !important;
  }

  .field__input:focus,
  .input__field:focus,
  .select__select:focus,
  textarea:focus {
    border-color: var(--tgpt-m-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tgpt-m-accent) 24%, transparent) !important;
  }

  /* Home product rails */
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals {
    border-radius: 16px !important;
    border: 1px solid var(--tgpt-m-border) !important;
    background: var(--tgpt-m-surface) !important;
    box-shadow: var(--tgpt-m-shadow) !important;
    overflow: hidden !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-frame {
    background: color-mix(in srgb, var(--tgpt-m-surface) 82%, #ffffff 18%) !important;
    border-color: var(--tgpt-m-border) !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__title a,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__title {
    color: var(--tgpt-m-text) !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .price-item--sale,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-new-arrivals-card__price-current {
    color: var(--tgpt-m-accent) !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .price__compare .price-item--regular,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .tgpt-new-arrivals-card__price-compare {
    color: var(--tgpt-m-muted) !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection--new-arrivals .product-grid-item--new-arrivals .product-grid-item__actions__btn {
    background: var(--tgpt-m-btn) !important;
    border-color: var(--tgpt-m-accent-2) !important;
    color: #ffffff !important;
  }

  /* Collection / shop cards */
  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card {
    background: var(--tgpt-m-surface) !important;
    border: 1px solid var(--tgpt-m-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--tgpt-m-shadow) !important;
    overflow: hidden !important;
  }

  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .product-grid-item__thumbnail .tgpt-product-card__media-frame {
    width: calc(100% - 16px) !important;
    margin: 40px 8px 8px !important;
    min-height: 150px !important;
    height: 150px !important;
    border-radius: 14px !important;
    border-color: var(--tgpt-m-border) !important;
    background: color-mix(in srgb, var(--tgpt-m-surface) 85%, #ffffff 15%) !important;
  }

  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .product-grid-item__badges {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
  }

  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card ul.product-grid-item__actions.style2 {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
  }

  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .product-grid-item__title,
  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .product-grid-item__title a {
    color: var(--tgpt-m-text) !important;
  }

  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .price-item--sale {
    color: var(--tgpt-m-accent) !important;
    font-weight: 800 !important;
  }

  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .price__compare .price-item--regular,
  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .price-item--last {
    color: var(--tgpt-m-muted) !important;
  }

  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .product-grid-item__action-visibal-cart .product-grid-item__actions__btn .action__btn--text {
    justify-content: center !important;
    gap: 8px !important;
  }

  :is(body.template-collection, body.page-type-collection) .tgpt-collection-card .product-grid-item__action-visibal-cart .action__btn--text--label {
    display: inline !important;
    color: inherit !important;
    white-space: nowrap !important;
  }

  /* Search template cards */
  .template-search .template-search__results .product-grid-item {
    border: 1px solid var(--tgpt-m-border) !important;
    background: var(--tgpt-m-surface) !important;
    border-radius: 16px !important;
    box-shadow: var(--tgpt-m-shadow) !important;
  }

  .template-search .template-search__results .product-grid-item__thumbnail {
    background: color-mix(in srgb, var(--tgpt-m-surface) 86%, #ffffff 14%) !important;
  }

  .template-search .template-search__results .product-grid-item__title,
  .template-search .template-search__results .product-grid-item__title a {
    color: var(--tgpt-m-text) !important;
    -webkit-line-clamp: 2 !important;
  }

  .template-search .template-search__results .product-grid-item__price .price-item--sale {
    color: var(--tgpt-m-accent) !important;
  }

  .template-search .template-search__results .product-grid-item__price .price-item--regular,
  .template-search .template-search__results .product-grid-item__price .price-item--last {
    color: var(--tgpt-m-muted) !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart {
    position: static !important;
    width: 100% !important;
    margin-top: 6px !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart .product-grid-item__actions__btn {
    width: 100% !important;
    height: 42px !important;
    border-radius: 12px !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart .action__btn--text {
    gap: 8px !important;
    justify-content: center !important;
  }

  .template-search .template-search__results .product-grid-item__action-visibal-cart .action__btn--text--label {
    display: inline !important;
    white-space: nowrap !important;
  }

  .template-search .template-search__results .product-card__color-swatches,
  .template-search .template-search__results .product-grid-item__description,
  .template-search .template-search__results .product-grid-item__description p {
    display: none !important;
  }

  /* SearchGro / TS7 mobile polish */
  .ts7-main-dynamic-container,
  .ts7-container,
  .ts7-filter-dynamic,
  .ts7-modal-content {
    background: var(--tgpt-m-bg) !important;
    color: var(--tgpt-m-text) !important;
  }

  .ts7-pbc-list-grid,
  .ts7-product-grid,
  .ts7-product-grid .ts7-product,
  .ts7-product-grid .ts7-product-item,
  .ts7-product-grid .ts7-pbc-list-grid {
    background: var(--tgpt-m-surface) !important;
    border-color: var(--tgpt-m-border) !important;
    color: var(--tgpt-m-text) !important;
  }

  .ts7-pbc-list-grid .title a,
  .ts7-product-grid .title a,
  .ts7-show-result-span {
    color: var(--tgpt-m-text) !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  .ts7-preview-pro-discription {
    display: none !important;
  }

  .ts7-product-grid .ts7-product-price .ts7-pro-price,
  .ts7-search-suggestions-menu span.ts7-search-suggestions-price,
  .ts7-product-grid .ts7-product-price .ts7-price {
    color: var(--tgpt-m-accent) !important;
    font-weight: 800 !important;
  }

  .ts7-product-grid .ts7-product-price .ts7-price.discount,
  .ts7-discount-price {
    color: var(--tgpt-m-muted) !important;
  }

  .ts7-dropbtn,
  .ts7-filter-nav,
  .ts7-search-paging-pager__item {
    background: var(--tgpt-m-surface) !important;
    border: 1px solid var(--tgpt-m-border) !important;
    color: var(--tgpt-m-text) !important;
    border-radius: 12px !important;
  }

  .ts7-result-btn svg,
  .ts7-search-paging-pager__item svg {
    fill: currentColor !important;
  }

  /* Shopify mobile filters */
  .mobile-facets__inner {
    background: var(--tgpt-m-surface) !important;
    color: var(--tgpt-m-text) !important;
    border-left: 1px solid var(--tgpt-m-border) !important;
  }

  .mobile-facets__header,
  .mobile-facets__main,
  .mobile-facets__details {
    background: transparent !important;
    border-color: var(--tgpt-m-border) !important;
  }

  .mobile-facets__heading,
  .mobile-facets__summary,
  .mobile-facets__summary label,
  .mobile-facets__label,
  .mobile-facets__close-button,
  .mobile-facets__sort label {
    color: var(--tgpt-m-text) !important;
  }

  .mobile-facets__count,
  .mobile-facets__info,
  .mobile-facets__label > span,
  .mobile-facets__arrow,
  .mobile-facets__open-label {
    color: var(--tgpt-m-muted) !important;
  }

  .mobile-facets__summary,
  .mobile-facets__label,
  .mobile-facets__sort .select {
    border-radius: 12px !important;
  }

  .mobile-facets__label .facet-checked-box,
  .mobile-facets__highlight {
    border-color: var(--tgpt-m-border) !important;
  }

  .mobile-facets__checkbox:checked + .mobile-facets__highlight,
  .mobile-facets__checkbox:checked + .mobile-facets__highlight + .mobile-facets__text,
  .mobile-facets__label input:checked ~ .facet-checked-box {
    border-color: var(--tgpt-m-accent) !important;
    background: var(--tgpt-m-accent-soft) !important;
  }

  .mobile-facets__footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 8 !important;
    background: var(--tgpt-m-surface) !important;
    border-top: 1px solid var(--tgpt-m-border) !important;
    padding: 12px 0 calc(12px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-facets__footer .button,
  .mobile-facets__footer .button--primary {
    background: var(--tgpt-m-btn) !important;
    color: #ffffff !important;
    border-color: var(--tgpt-m-accent-2) !important;
  }

  /* Cart page */
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-shipping-card,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item-card,
  :is(body.template-cart, body.page-type-cart) .cart-summary-card {
    background: var(--tgpt-m-surface) !important;
    border: 1px solid var(--tgpt-m-border) !important;
    box-shadow: var(--tgpt-m-shadow) !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-item__name,
  :is(body.template-cart, body.page-type-cart) .cart-item__name.product-title,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__value,
  :is(body.template-cart, body.page-type-cart) .cart-summary-card__title,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__title {
    color: var(--tgpt-m-text) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__vendor,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__label,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-page-header__subtitle,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__total-label {
    color: var(--tgpt-m-muted) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__unit-price .price,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__totals .price,
  :is(body.template-cart, body.page-type-cart) .tgpt-cart-summary__row--total .tgpt-cart-summary__value {
    color: var(--tgpt-m-accent) !important;
    font-weight: 800 !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart-item__image {
    background: color-mix(in srgb, var(--tgpt-m-surface) 84%, #ffffff 16%) !important;
    border: 1px solid var(--tgpt-m-border) !important;
    border-radius: 12px !important;
  }

  :is(body.template-cart, body.page-type-cart) quantity-input.quantity {
    background: var(--tgpt-m-input-bg) !important;
    border: 1px solid var(--tgpt-m-border) !important;
    border-radius: 12px !important;
  }

  :is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__button,
  :is(body.template-cart, body.page-type-cart) quantity-input.quantity .quantity__input {
    color: var(--tgpt-m-text) !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-item__remove {
    background: color-mix(in srgb, var(--tgpt-m-surface) 84%, #ef4444 16%) !important;
    border-color: color-mix(in srgb, var(--tgpt-m-border) 65%, #ef4444 35%) !important;
    color: #ef4444 !important;
  }

  :is(body.template-cart, body.page-type-cart) .tgpt-cart-items-list {
    margin-bottom: 12px !important;
    gap: 12px !important;
  }

  :is(body.template-cart, body.page-type-cart) .cart_subtotal,
  :is(body.template-cart, body.page-type-cart) #shopify-section-cart-footer {
    margin-top: 8px !important;
    padding-top: 0 !important;
  }

  /* Mini cart */
  #offcanvas__mini_cart .cart-notification {
    background: var(--tgpt-m-surface) !important;
    color: var(--tgpt-m-text) !important;
    border-left: 1px solid var(--tgpt-m-border) !important;
  }

  #offcanvas__mini_cart .cart-notification-product {
    border-color: var(--tgpt-m-border) !important;
  }

  #offcanvas__mini_cart .cart-notification__product--image,
  #offcanvas__mini_cart .cart-notification-product__image {
    background: color-mix(in srgb, var(--tgpt-m-surface) 86%, #ffffff 14%) !important;
    border-color: var(--tgpt-m-border) !important;
  }

  #offcanvas__mini_cart .cart-notification__heading,
  #offcanvas__mini_cart .cart-notification-product__name,
  #offcanvas__mini_cart .cart-notification-product__name a {
    color: var(--tgpt-m-text) !important;
  }

  #offcanvas__mini_cart .cart-notification__subtitle,
  #offcanvas__mini_cart .cart-notification-product__option {
    color: var(--tgpt-m-muted) !important;
  }

  #offcanvas__mini_cart #cart-notification-subtotal {
    color: var(--tgpt-m-accent) !important;
  }

  /* Wishlist page */
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 {
    background: var(--tgpt-m-bg) !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-header,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-note {
    background: var(--tgpt-m-surface) !important;
    border-color: var(--tgpt-m-border) !important;
    box-shadow: var(--tgpt-m-shadow) !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-header__title,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card__title a,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card__price-current {
    color: var(--tgpt-m-text) !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card__price-current {
    color: var(--tgpt-m-accent) !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card__price-compare,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-header__subtitle,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card__category,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card__delivery {
    color: var(--tgpt-m-muted) !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card__media {
    background: #ffffff !important;
    border-color: var(--tgpt-m-border) !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-header__cta,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-add-btn {
    background: var(--tgpt-m-btn) !important;
    border-color: var(--tgpt-m-accent-2) !important;
    color: #ffffff !important;
  }

  /* Footer mobile accordions + forms */
  .tgpt-shot-footer {
    background: var(--tgpt-m-surface) !important;
  }

  .tgpt-shot-footer__menu > summary {
    color: var(--tgpt-m-text) !important;
  }

  .tgpt-shot-footer__menu .tgpt-shot-footer__menu-panel {
    display: none;
  }

  .tgpt-shot-footer__menu[open] > .tgpt-shot-footer__menu-panel,
  .tgpt-shot-footer__menu.is-open > .tgpt-shot-footer__menu-panel {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .tgpt-shot-footer__menu-panel a,
  .tgpt-shot-footer__menu-panel p,
  .tgpt-shot-footer__menu-panel li,
  .tgpt-shot-footer__contact-richtext,
  .tgpt-shot-footer__contact-richtext a {
    color: var(--tgpt-m-muted) !important;
  }

  .tgpt-shot-footer__social-link,
  .tgpt-shot-footer__payment,
  .tgpt-shot-footer__input-wrap {
    border-color: var(--tgpt-m-border) !important;
    background: color-mix(in srgb, var(--tgpt-m-surface) 82%, #ffffff 18%) !important;
  }

  .tgpt-shot-footer__input-wrap input[type='email'] {
    color: var(--tgpt-m-text) !important;
    -webkit-text-fill-color: var(--tgpt-m-text) !important;
  }

  .tgpt-shot-footer__input-wrap input[type='email']::placeholder {
    color: var(--tgpt-m-muted) !important;
  }

  .tgpt-shot-footer__input-wrap button {
    background: var(--tgpt-m-btn) !important;
    border-color: var(--tgpt-m-accent-2) !important;
    color: #ffffff !important;
  }

  /* Global icon/badge consistency */
  .product-grid-item__wishlist,
  .wishlist__button.product-grid-item__wishlist {
    border-color: color-mix(in srgb, var(--tgpt-m-accent) 42%, transparent) !important;
    color: var(--tgpt-m-accent) !important;
    background: color-mix(in srgb, var(--tgpt-m-surface) 72%, #ffffff 28%) !important;
  }

  .product-grid-item__wishlist.active,
  .product-grid-item__wishlist.is-active,
  .wishlist__button.product-grid-item__wishlist.active,
  .wishlist__button.product-grid-item__wishlist.is-active {
    background: var(--tgpt-m-accent) !important;
    border-color: var(--tgpt-m-accent) !important;
    color: #ffffff !important;
  }

  .product-grid-item__badges .sale__text,
  .product-grid-item__badges .product-sale-badge,
  .product-grid-item__badges .badge.sale__text,
  .tgpt-product-card__badge {
    background: var(--tgpt-m-accent) !important;
    border-color: var(--tgpt-m-accent) !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  /* Prevent mobile bottom nav overlap and random page gaps */
  body {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + env(safe-area-inset-bottom) + 14px) !important;
  }

  .template-index main,
  .template-collection main,
  .template-search main,
  .template-cart main,
  .template-page main {
    padding-bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + 20px) !important;
  }


  /* Home + rail section spacing consistency */
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .section,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .shopify-section {
    margin-bottom: 14px !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .section-heading,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .section-title,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-section-heading {
    color: var(--tgpt-m-text) !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .section-subheading,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .section-description,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .section-meta {
    color: var(--tgpt-m-muted) !important;
  }

  /* Search Results header/actions cleanup */
  .template-search .search__input,
  .template-search .search__input.field__input,
  .template-search .search__button,
  .template-search .search__button .icon {
    color: var(--tgpt-m-text) !important;
  }

  .template-search .facets-vertical-form,
  .template-search .facets__summary,
  .template-search .facets__disclosure,
  .template-search .facet-filters,
  .template-search .facet-filters__field {
    background: var(--tgpt-m-surface) !important;
    border-color: var(--tgpt-m-border) !important;
    color: var(--tgpt-m-text) !important;
  }

  .template-search .facet-filters__label,
  .template-search .facets__label,
  .template-search .facets__price,
  .template-search .facets__heading {
    color: var(--tgpt-m-muted) !important;
  }

  /* TS7 filter and toggle controls */
  .ts7-search-header,
  .ts7-main-filter-area,
  .ts7-filter-sort,
  .ts7-grid-view-mode,
  .ts7-search-filter-mobile-icon,
  .ts7-search-sorting,
  .ts7-search-page-title {
    color: var(--tgpt-m-text) !important;
  }

  .ts7-filter-button,
  .ts7-search-filter-mobile-icon,
  .ts7-search-sorting,
  .ts7-sort-dropdown,
  .ts7-grid-view-mode button,
  .ts7-list-view-mode button,
  .ts7-main-filter-area button {
    background: var(--tgpt-m-surface) !important;
    border: 1px solid var(--tgpt-m-border) !important;
    border-radius: 12px !important;
    color: var(--tgpt-m-text) !important;
  }

  .ts7-filter-button svg,
  .ts7-search-filter-mobile-icon svg,
  .ts7-search-sorting svg,
  .ts7-grid-view-mode svg,
  .ts7-list-view-mode svg {
    fill: var(--tgpt-m-accent) !important;
    stroke: var(--tgpt-m-accent) !important;
  }

  /* Filter form controls */
  input[type='checkbox'],
  input[type='radio'] {
    accent-color: var(--tgpt-m-accent) !important;
  }

  .mobile-facets__close,
  .mobile-facets__close-button,
  .mobile-facets__close svg,
  .mobile-facets__close-button svg {
    color: var(--tgpt-m-text) !important;
    fill: currentColor !important;
    opacity: 1 !important;
  }

  .mobile-facets__main {
    padding-bottom: calc(62px + env(safe-area-inset-bottom)) !important;
  }

  /* Mini cart and cart CTA visibility */
  #offcanvas__mini_cart .cart-notification__links,
  #offcanvas__mini_cart .cart-notification__links .button,
  #offcanvas__mini_cart .cart-notification__button {
    border-radius: 14px !important;
  }

  #offcanvas__mini_cart .cart-notification__button,
  #offcanvas__mini_cart .cart-notification__links .button--primary {
    background: var(--tgpt-m-btn) !important;
    border-color: var(--tgpt-m-accent-2) !important;
    color: #ffffff !important;
  }

  #offcanvas__mini_cart .cart-notification__links .button--secondary {
    background: var(--tgpt-m-surface) !important;
    border-color: var(--tgpt-m-border) !important;
    color: var(--tgpt-m-text) !important;
  }

  /* Wishlist header/CTA consistency */
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-header__clear {
    background: var(--tgpt-m-surface) !important;
    border-color: var(--tgpt-m-border) !important;
    color: #ef4444 !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-header__cta,
  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-add-btn {
    min-height: 44px !important;
    justify-content: center !important;
  }

  :is(body.template-page, body.page-type-page) #wishlist.tgpt-wishlist-v2 .tgpt-wishlist-card__actions {
    gap: 8px !important;
  }

  /* Footer accordion visual + spacing fix */
  .tgpt-shot-footer__menu > summary {
    min-height: 48px !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    background: color-mix(in srgb, var(--tgpt-m-surface) 86%, #ffffff 14%) !important;
    border: 1px solid var(--tgpt-m-border) !important;
  }

  .tgpt-shot-footer__menu + .tgpt-shot-footer__menu {
    margin-top: 8px !important;
  }

  .tgpt-shot-footer__menu-panel {
    margin-top: 8px !important;
    padding: 8px 10px 2px !important;
    border-radius: 12px !important;
    border: 1px solid var(--tgpt-m-border) !important;
    background: color-mix(in srgb, var(--tgpt-m-surface) 84%, #ffffff 16%) !important;
  }

  .tgpt-shot-footer__newsletter-form,
  .tgpt-shot-footer__newsletter {
    gap: 10px !important;
  }

  /* Keep back-to-top above bottom nav without covering cart/menu */
  #scroll__top {
    width: 44px !important;
    height: 44px !important;
    bottom: calc(var(--tgpt-mobile-bottom-nav-offset, 78px) + 14px) !important;
    right: 12px !important;
    z-index: 97 !important;
  }
}

/* ===================================================== */
/* Tech-GPT Premium Mobile Facets Drawer Redesign         */
/* Scope: mobile only, max-width 767px                   */
/* ===================================================== */
@media screen and (max-width: 767px) {
  :root {
    --tg-green: #16a34a;
    --tg-green-dark: #0f7a35;
    --tg-bg-light: #ffffff;
    --tg-bg-dark: #050807;
    --tg-text-light: #111827;
    --tg-text-dark: #ffffff;
    --tg-border-light: #e5e7eb;
    --tg-border-dark: rgba(255, 255, 255, 0.12);
  }

  .mobile-facets__disclosure > summary::before {
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(1.8px) !important;
    -webkit-backdrop-filter: blur(1.8px) !important;
  }

  .mobile-facets__inner {
    background: var(--tg-bg-light) !important;
    border-left: 1px solid var(--tg-border-light) !important;
    color: var(--tg-text-light) !important;
    box-shadow: -18px 0 36px rgba(17, 24, 39, 0.14) !important;
  }

  html[data-color-mode='dark'] .mobile-facets__inner,
  body[data-color-mode='dark'] .mobile-facets__inner,
  [data-theme='dark'] .mobile-facets__inner,
  html.dark-mode .mobile-facets__inner,
  body.dark-mode .mobile-facets__inner {
    background: var(--tg-bg-dark) !important;
    border-left-color: var(--tg-border-dark) !important;
    color: var(--tg-text-dark) !important;
    box-shadow: -18px 0 36px rgba(0, 0, 0, 0.58) !important;
  }

  .mobile-facets__header {
    position: sticky !important;
    top: 0 !important;
    z-index: 11 !important;
    background: inherit !important;
    border-bottom: 1px solid var(--tg-border-light) !important;
    padding: 14px 16px 12px !important;
  }

  html[data-color-mode='dark'] .mobile-facets__header,
  body[data-color-mode='dark'] .mobile-facets__header,
  [data-theme='dark'] .mobile-facets__header,
  html.dark-mode .mobile-facets__header,
  body.dark-mode .mobile-facets__header {
    border-bottom-color: var(--tg-border-dark) !important;
  }

  .mobile-facets__heading {
    color: var(--tg-text-light) !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
  }

  html[data-color-mode='dark'] .mobile-facets__heading,
  body[data-color-mode='dark'] .mobile-facets__heading,
  [data-theme='dark'] .mobile-facets__heading,
  html.dark-mode .mobile-facets__heading,
  body.dark-mode .mobile-facets__heading {
    color: var(--tg-text-dark) !important;
  }

  .mobile-facets__count {
    color: #64748b !important;
    font-size: 13px !important;
    margin-top: 4px !important;
  }

  html[data-color-mode='dark'] .mobile-facets__count,
  body[data-color-mode='dark'] .mobile-facets__count,
  [data-theme='dark'] .mobile-facets__count,
  html.dark-mode .mobile-facets__count,
  body.dark-mode .mobile-facets__count {
    color: #9ca3af !important;
  }

  .tgpt-mobile-facets__search-wrap {
    margin-top: 12px !important;
  }

  .tgpt-mobile-facets__search {
    width: 100% !important;
    height: 44px !important;
    border-radius: 13px !important;
    border: 1px solid #dbe7df !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 15px !important;
    padding: 0 14px !important;
    outline: none !important;
  }

  .tgpt-mobile-facets__search::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
  }

  .tgpt-mobile-facets__search:focus {
    border-color: var(--tg-green) !important;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.16) !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__search,
  body[data-color-mode='dark'] .tgpt-mobile-facets__search,
  [data-theme='dark'] .tgpt-mobile-facets__search,
  html.dark-mode .tgpt-mobile-facets__search,
  body.dark-mode .tgpt-mobile-facets__search {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(156, 255, 106, 0.36) !important;
    color: #ffffff !important;
  }

  .mobile-facets__main {
    padding: 10px 14px calc(86px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
  }

  .tgpt-mobile-facets__details {
    border: 1px solid var(--tg-border-light) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    background: #ffffff !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__details,
  body[data-color-mode='dark'] .tgpt-mobile-facets__details,
  [data-theme='dark'] .tgpt-mobile-facets__details,
  html.dark-mode .tgpt-mobile-facets__details,
  body.dark-mode .tgpt-mobile-facets__details {
    background: #071011 !important;
    border-color: var(--tg-border-dark) !important;
  }

  .tgpt-mobile-facets__summary {
    padding: 14px 14px !important;
    min-height: 48px !important;
    background: transparent !important;
  }

  .tgpt-mobile-facets__summary > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .tgpt-mobile-facets__summary > div > span:first-child {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__summary > div > span:first-child,
  body[data-color-mode='dark'] .tgpt-mobile-facets__summary > div > span:first-child,
  [data-theme='dark'] .tgpt-mobile-facets__summary > div > span:first-child,
  html.dark-mode .tgpt-mobile-facets__summary > div > span:first-child,
  body.dark-mode .tgpt-mobile-facets__summary > div > span:first-child {
    color: #ffffff !important;
  }

  .mobile-facets__arrow svg,
  .mobile-facets__summary .icon-caret {
    color: var(--tg-green) !important;
    fill: currentColor !important;
  }

  html[data-color-mode='dark'] .mobile-facets__arrow svg,
  body[data-color-mode='dark'] .mobile-facets__arrow svg,
  [data-theme='dark'] .mobile-facets__arrow svg,
  html.dark-mode .mobile-facets__arrow svg,
  body.dark-mode .mobile-facets__arrow svg {
    color: #9cff6a !important;
  }

  .mobile-facets__submenu {
    border-top: 1px solid var(--tg-border-light) !important;
    padding: 0 12px 12px !important;
    background: transparent !important;
  }

  html[data-color-mode='dark'] .mobile-facets__submenu,
  body[data-color-mode='dark'] .mobile-facets__submenu,
  [data-theme='dark'] .mobile-facets__submenu,
  html.dark-mode .mobile-facets__submenu,
  body.dark-mode .mobile-facets__submenu {
    border-top-color: var(--tg-border-dark) !important;
  }

  .mobile-facets__close-button {
    display: none !important;
  }

  .tgpt-mobile-facets__list {
    margin: 6px 0 0 !important;
    padding: 0 !important;
  }

  .tgpt-mobile-facets__item {
    margin: 0 !important;
  }

  .tgpt-mobile-facets__label {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 7px 0 !important;
    gap: 10px !important;
    color: #111827 !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__label,
  body[data-color-mode='dark'] .tgpt-mobile-facets__label,
  [data-theme='dark'] .tgpt-mobile-facets__label,
  html.dark-mode .tgpt-mobile-facets__label,
  body.dark-mode .tgpt-mobile-facets__label {
    color: #ffffff !important;
  }

  .tgpt-mobile-facets__label .checkbox__mobile--label {
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__label .checkbox__mobile--label,
  body[data-color-mode='dark'] .tgpt-mobile-facets__label .checkbox__mobile--label,
  [data-theme='dark'] .tgpt-mobile-facets__label .checkbox__mobile--label,
  html.dark-mode .tgpt-mobile-facets__label .checkbox__mobile--label,
  body.dark-mode .tgpt-mobile-facets__label .checkbox__mobile--label {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
  }

  .tgpt-mobile-facets__option-text {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .tgpt-mobile-facets__option-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: inherit !important;
  }

  .tgpt-mobile-facets__category-icon {
    width: 16px !important;
    height: 16px !important;
    display: inline-flex !important;
    color: var(--tg-green) !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__category-icon,
  body[data-color-mode='dark'] .tgpt-mobile-facets__category-icon,
  [data-theme='dark'] .tgpt-mobile-facets__category-icon,
  html.dark-mode .tgpt-mobile-facets__category-icon,
  body.dark-mode .tgpt-mobile-facets__category-icon {
    color: #9cff6a !important;
  }

  .tgpt-mobile-facets__count-pill {
    min-width: 30px !important;
    height: 25px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    border: 1px solid #dbe7df !important;
    background: #f8fafc !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    flex: 0 0 auto !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__count-pill,
  body[data-color-mode='dark'] .tgpt-mobile-facets__count-pill,
  [data-theme='dark'] .tgpt-mobile-facets__count-pill,
  html.dark-mode .tgpt-mobile-facets__count-pill,
  body.dark-mode .tgpt-mobile-facets__count-pill {
    border-color: rgba(156, 255, 106, 0.36) !important;
    background: rgba(156, 255, 106, 0.08) !important;
    color: #9cff6a !important;
  }

  .tgpt-mobile-facets__show-more {
    margin-top: 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--tg-green) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 2px 0 !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__show-more,
  body[data-color-mode='dark'] .tgpt-mobile-facets__show-more,
  [data-theme='dark'] .tgpt-mobile-facets__show-more,
  html.dark-mode .tgpt-mobile-facets__show-more,
  body.dark-mode .tgpt-mobile-facets__show-more {
    color: #9cff6a !important;
  }

  .tgpt-mobile-facets__item--hidden {
    display: none !important;
  }

  .tgpt-mobile-facets__details--brand.is-expanded .tgpt-mobile-facets__item--hidden {
    display: list-item !important;
  }

  .tgpt-mobile-facets__item.is-search-hidden {
    display: none !important;
  }

  .tgpt-mobile-facets__submenu--price .facets__price {
    margin-top: 8px !important;
  }

  .tgpt-mobile-facets__price-range-track {
    height: 7px !important;
    border-radius: 999px !important;
    background: #e2e8f0 !important;
    margin: 2px 2px 12px !important;
    overflow: hidden !important;
  }

  .tgpt-mobile-facets__price-range-fill {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, var(--tg-green-dark), var(--tg-green)) !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__price-range-track,
  body[data-color-mode='dark'] .tgpt-mobile-facets__price-range-track,
  [data-theme='dark'] .tgpt-mobile-facets__price-range-track,
  html.dark-mode .tgpt-mobile-facets__price-range-track,
  body.dark-mode .tgpt-mobile-facets__price-range-track {
    background: rgba(255, 255, 255, 0.16) !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__price-range-fill,
  body[data-color-mode='dark'] .tgpt-mobile-facets__price-range-fill,
  [data-theme='dark'] .tgpt-mobile-facets__price-range-fill,
  html.dark-mode .tgpt-mobile-facets__price-range-fill,
  body.dark-mode .tgpt-mobile-facets__price-range-fill {
    background: linear-gradient(90deg, #68ff7a, #9cff6a) !important;
  }

  .tgpt-mobile-facets__price-widget {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .tgpt-mobile-facets__price-widget .price__filter_group {
    min-width: 0 !important;
    margin: 0 !important;
  }

  .tgpt-mobile-facets__price-widget .input__field_form {
    height: 44px !important;
    border: 1px solid #dbe7df !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 10px !important;
    gap: 6px !important;
  }

  .tgpt-mobile-facets__price-widget .field-currency {
    color: #475569 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  .tgpt-mobile-facets__price-widget .price__filter_input {
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-width: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  .tgpt-mobile-facets__price-widget .price__filter_input:focus {
    box-shadow: none !important;
    outline: none !important;
  }

  .tgpt-mobile-facets__price-widget .price__divider {
    color: #64748b !important;
    font-weight: 700 !important;
  }

  .tgpt-mobile-facets__price-go {
    height: 44px !important;
    min-width: 64px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__price-widget .input__field_form,
  body[data-color-mode='dark'] .tgpt-mobile-facets__price-widget .input__field_form,
  [data-theme='dark'] .tgpt-mobile-facets__price-widget .input__field_form,
  html.dark-mode .tgpt-mobile-facets__price-widget .input__field_form,
  body.dark-mode .tgpt-mobile-facets__price-widget .input__field_form {
    border-color: rgba(156, 255, 106, 0.32) !important;
    background: rgba(255, 255, 255, 0.02) !important;
  }

  html[data-color-mode='dark'] .tgpt-mobile-facets__price-widget .field-currency,
  html[data-color-mode='dark'] .tgpt-mobile-facets__price-widget .price__filter_input,
  body[data-color-mode='dark'] .tgpt-mobile-facets__price-widget .field-currency,
  body[data-color-mode='dark'] .tgpt-mobile-facets__price-widget .price__filter_input,
  [data-theme='dark'] .tgpt-mobile-facets__price-widget .field-currency,
  [data-theme='dark'] .tgpt-mobile-facets__price-widget .price__filter_input,
  html.dark-mode .tgpt-mobile-facets__price-widget .field-currency,
  html.dark-mode .tgpt-mobile-facets__price-widget .price__filter_input,
  body.dark-mode .tgpt-mobile-facets__price-widget .field-currency,
  body.dark-mode .tgpt-mobile-facets__price-widget .price__filter_input {
    color: #ffffff !important;
  }

  .mobile-facets__footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 12 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    background: #ffffff !important;
    border-top: 1px solid var(--tg-border-light) !important;
  }

  html[data-color-mode='dark'] .mobile-facets__footer,
  body[data-color-mode='dark'] .mobile-facets__footer,
  [data-theme='dark'] .mobile-facets__footer,
  html.dark-mode .mobile-facets__footer,
  body.dark-mode .mobile-facets__footer {
    background: #050807 !important;
    border-top-color: var(--tg-border-dark) !important;
  }

  .mobile-facets__clear-wrapper {
    width: 100% !important;
  }

  .mobile-facets__clear {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid var(--tg-green) !important;
    color: var(--tg-green) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  html[data-color-mode='dark'] .mobile-facets__clear,
  body[data-color-mode='dark'] .mobile-facets__clear,
  [data-theme='dark'] .mobile-facets__clear,
  html.dark-mode .mobile-facets__clear,
  body.dark-mode .mobile-facets__clear {
    border-color: #9cff6a !important;
    color: #9cff6a !important;
  }

  .mobile-facets__footer .button--primary {
    width: 100% !important;
    margin: 0 !important;
  }

  body.tgpt-mobile-facets-open {
    overflow: hidden !important;
    touch-action: none !important;
  }
}

/* ===================================================== */
/* Tech-GPT TS7 mobile filters redesign (apps/search-result) */
/* ===================================================== */
@media screen and (max-width: 767px) {
  :root {
    --tgpt-ts7-green-light: #16a34a;
    --tgpt-ts7-green-light-2: #15803d;
    --tgpt-ts7-green-dark: #68ff7a;
    --tgpt-ts7-green-dark-2: #9cff6a;
    --tgpt-ts7-light-bg: #ffffff;
    --tgpt-ts7-light-surface: #f8fafc;
    --tgpt-ts7-light-border: #e5e7eb;
    --tgpt-ts7-light-text: #111827;
    --tgpt-ts7-light-muted: #94a3b8;
    --tgpt-ts7-dark-bg: #050807;
    --tgpt-ts7-dark-surface: #0a1010;
    --tgpt-ts7-dark-border: rgba(255, 255, 255, 0.12);
    --tgpt-ts7-dark-text: #ffffff;
    --tgpt-ts7-dark-muted: #9ca3af;
  }

  body.tgpt-ts7-filter-open {
    overflow: hidden !important;
  }

  #dextopfilter.ts7-filter-section {
    position: fixed !important;
    z-index: 100002 !important;
    display: block !important;
    top: 14px !important;
    left: 14px !important;
    width: calc(100vw - 28px) !important;
    height: calc(100dvh - 28px) !important;
    max-height: calc(100dvh - 28px) !important;
    padding: 0 !important;
    border: 1px solid var(--tgpt-ts7-light-border) !important;
    border-radius: 20px !important;
    background: var(--tgpt-ts7-light-bg) !important;
    color: var(--tgpt-ts7-light-text) !important;
    box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.35), 0 24px 46px rgba(15, 23, 42, 0.18) !important;
    overflow: hidden !important;
    transform: translateX(calc(-100% - 32px)) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform 0.28s ease, opacity 0.18s ease !important;
  }

  #dextopfilter.ts7-filter-section.ts7-filter-drawer,
  #dextopfilter.ts7-filter-section.ts7-drawer,
  #dextopfilter.ts7-filter-section[data-tgpt-filter-open='1'],
  #dextopfilter.ts7-filter-section[style*='left: 0'],
  #dextopfilter.ts7-filter-section[style*='left:0'] {
    transform: translateX(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html[data-color-mode='dark'] #dextopfilter.ts7-filter-section,
  body[data-color-mode='dark'] #dextopfilter.ts7-filter-section,
  [data-theme='dark'] #dextopfilter.ts7-filter-section,
  html.dark-mode #dextopfilter.ts7-filter-section,
  body.dark-mode #dextopfilter.ts7-filter-section {
    background: var(--tgpt-ts7-dark-bg) !important;
    color: var(--tgpt-ts7-dark-text) !important;
    border-color: var(--tgpt-ts7-dark-border) !important;
    box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.42), 0 26px 48px rgba(0, 0, 0, 0.58) !important;
  }

  #dextopfilter .ts7-filter-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 68px !important;
    padding: 16px 18px !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--tgpt-ts7-light-border) !important;
    background: var(--tgpt-ts7-light-bg) !important;
    color: var(--tgpt-ts7-light-text) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-filter-header,
  body[data-color-mode='dark'] #dextopfilter .ts7-filter-header,
  [data-theme='dark'] #dextopfilter .ts7-filter-header,
  html.dark-mode #dextopfilter .ts7-filter-header,
  body.dark-mode #dextopfilter .ts7-filter-header {
    background: var(--tgpt-ts7-dark-bg) !important;
    border-bottom-color: var(--tgpt-ts7-dark-border) !important;
    color: var(--tgpt-ts7-dark-text) !important;
  }

  #dextopfilter .ts7-filter-header > span:last-child {
    order: 1;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: inherit !important;
    line-height: 1 !important;
  }

  #dextopfilter .ts7-closebtn {
    order: 2;
    margin-left: auto !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid var(--tgpt-ts7-light-border) !important;
    background: #ffffff !important;
    color: #111827 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
  }

  #dextopfilter .ts7-closebtn svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-closebtn,
  body[data-color-mode='dark'] #dextopfilter .ts7-closebtn,
  [data-theme='dark'] #dextopfilter .ts7-closebtn,
  html.dark-mode #dextopfilter .ts7-closebtn,
  body.dark-mode #dextopfilter .ts7-closebtn {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(156, 255, 106, 0.32) !important;
    color: var(--tgpt-ts7-dark-muted) !important;
  }

  #dextopfilter .ts7-filter-wrap {
    height: calc(100dvh - 98px) !important;
    overflow-y: auto !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #dextopfilter .ts7-filter-search-box {
    padding: 14px 16px 10px !important;
    background: transparent !important;
  }

  #dextopfilter .ts7-filter-search {
    position: relative !important;
  }

  #dextopfilter .ts7-filter-search::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 2px solid #94a3b8;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 2;
  }

  #dextopfilter .ts7-filter-search::after {
    content: '';
    position: absolute;
    left: 28px;
    top: calc(50% + 5px);
    width: 8px;
    height: 2px;
    background: #94a3b8;
    transform: rotate(45deg);
    border-radius: 2px;
    z-index: 2;
  }

  #dextopfilter #idFilterSearchBox {
    height: 50px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(22, 163, 74, 0.45) !important;
    background: #ffffff !important;
    color: #111827 !important;
    padding: 0 14px 0 42px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
  }

  #dextopfilter #idFilterSearchBox::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
  }

  #dextopfilter #idFilterSearchBox:focus {
    border-color: var(--tgpt-ts7-green-light) !important;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.14) !important;
    outline: none !important;
  }

  #dextopfilter .ts7-filter-search-icon {
    display: none !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-filter-search::before,
  body[data-color-mode='dark'] #dextopfilter .ts7-filter-search::before,
  [data-theme='dark'] #dextopfilter .ts7-filter-search::before,
  html.dark-mode #dextopfilter .ts7-filter-search::before,
  body.dark-mode #dextopfilter .ts7-filter-search::before,
  html[data-color-mode='dark'] #dextopfilter .ts7-filter-search::after,
  body[data-color-mode='dark'] #dextopfilter .ts7-filter-search::after,
  [data-theme='dark'] #dextopfilter .ts7-filter-search::after,
  html.dark-mode #dextopfilter .ts7-filter-search::after,
  body.dark-mode #dextopfilter .ts7-filter-search::after {
    border-color: #9ca3af !important;
    background: #9ca3af !important;
  }

  html[data-color-mode='dark'] #dextopfilter #idFilterSearchBox,
  body[data-color-mode='dark'] #dextopfilter #idFilterSearchBox,
  [data-theme='dark'] #dextopfilter #idFilterSearchBox,
  html.dark-mode #dextopfilter #idFilterSearchBox,
  body.dark-mode #dextopfilter #idFilterSearchBox {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(22, 197, 94, 0.58) !important;
    color: #ffffff !important;
  }

  html[data-color-mode='dark'] #dextopfilter #idFilterSearchBox::placeholder,
  body[data-color-mode='dark'] #dextopfilter #idFilterSearchBox::placeholder,
  [data-theme='dark'] #dextopfilter #idFilterSearchBox::placeholder,
  html.dark-mode #dextopfilter #idFilterSearchBox::placeholder,
  body.dark-mode #dextopfilter #idFilterSearchBox::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  #dextopfilter .ts7-main-dynamic-container,
  #dextopfilter .ts7-filter-dynamic {
    background: transparent !important;
  }

  #dextopfilter .ts7-bx-shadow {
    margin: 0 !important;
    border-top: 1px solid var(--tgpt-ts7-light-border) !important;
    background: transparent !important;
  }

  #dextopfilter .ts7-bx-shadow:first-child {
    border-top: 0 !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-bx-shadow,
  body[data-color-mode='dark'] #dextopfilter .ts7-bx-shadow,
  [data-theme='dark'] #dextopfilter .ts7-bx-shadow,
  html.dark-mode #dextopfilter .ts7-bx-shadow,
  body.dark-mode #dextopfilter .ts7-bx-shadow {
    border-top-color: var(--tgpt-ts7-dark-border) !important;
  }

  #dextopfilter .ts7_filter-item {
    padding: 16px 16px 12px !important;
    background: transparent !important;
  }

  #dextopfilter .ts7_filter-item p {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
  }

  #dextopfilter .ts7_filter-item p svg {
    width: 14px !important;
    height: 14px !important;
    fill: var(--tgpt-ts7-green-light) !important;
    flex: 0 0 auto !important;
    transform: rotate(180deg);
    transition: transform 0.22s ease;
  }

  #dextopfilter .ts7_filter-item:not(.ts7-active) p svg {
    transform: rotate(0deg);
  }

  html[data-color-mode='dark'] #dextopfilter .ts7_filter-item p,
  body[data-color-mode='dark'] #dextopfilter .ts7_filter-item p,
  [data-theme='dark'] #dextopfilter .ts7_filter-item p,
  html.dark-mode #dextopfilter .ts7_filter-item p,
  body.dark-mode #dextopfilter .ts7_filter-item p {
    color: #ffffff !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7_filter-item p svg,
  body[data-color-mode='dark'] #dextopfilter .ts7_filter-item p svg,
  [data-theme='dark'] #dextopfilter .ts7_filter-item p svg,
  html.dark-mode #dextopfilter .ts7_filter-item p svg,
  body.dark-mode #dextopfilter .ts7_filter-item p svg {
    fill: var(--tgpt-ts7-green-dark) !important;
  }

  #dextopfilter .ts7_filter-item-desc {
    margin: 0 !important;
    padding: 0 16px 16px !important;
    max-height: none !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  #dextopfilter .ts7-checkbox-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  #dextopfilter .ts7-filter-label {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin: 0 !important;
    color: #111827 !important;
    line-height: 1.25 !important;
    font-size: 18px !important;
    cursor: pointer !important;
  }

  #dextopfilter .ts7-filter-label input[type='checkbox'] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 6px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    margin: 0 !important;
    position: relative !important;
    flex: 0 0 auto !important;
  }

  #dextopfilter .ts7-filter-label input[type='checkbox']:checked {
    border-color: var(--tgpt-ts7-green-light) !important;
    background: rgba(22, 163, 74, 0.12) !important;
  }

  #dextopfilter .ts7-filter-label input[type='checkbox']:checked::after {
    content: '' !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 6px !important;
    height: 11px !important;
    border-right: 2px solid var(--tgpt-ts7-green-light) !important;
    border-bottom: 2px solid var(--tgpt-ts7-green-light) !important;
    transform: rotate(40deg) !important;
  }

  #dextopfilter .ts7-filter-label > span:first-of-type {
    display: none !important;
  }

  #dextopfilter .ts7-filter-option {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    color: inherit !important;
    font-size: 16px !important;
    text-transform: none !important;
  }

  #dextopfilter .tgpt-ts7-option-name {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    color: inherit !important;
  }

  #dextopfilter .tgpt-ts7-count-pill {
    min-width: 32px !important;
    height: 26px !important;
    border-radius: 999px !important;
    border: 1px solid #dbe7df !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    flex: 0 0 auto !important;
  }

  #dextopfilter .tgpt-ts7-category-icon {
    width: 16px !important;
    height: 16px !important;
    display: inline-flex !important;
    color: var(--tgpt-ts7-green-light) !important;
    flex: 0 0 auto !important;
  }

  #dextopfilter .tgpt-ts7-category-icon svg {
    width: 100% !important;
    height: 100% !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 1.9 !important;
  }

  #dextopfilter .tgpt-ts7-section-search {
    width: 100% !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid #dbe7df !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 15px !important;
    margin: 2px 0 12px !important;
    padding: 0 12px !important;
    outline: none !important;
  }

  #dextopfilter .tgpt-ts7-section-search::placeholder {
    color: #94a3b8 !important;
  }

  #dextopfilter .tgpt-ts7-show-more {
    margin-top: 6px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--tgpt-ts7-green-light) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 2px 0 !important;
  }

  #dextopfilter .tgpt-ts7-hidden {
    display: none !important;
  }

  #dextopfilter .tgpt-ts7-hidden-search {
    display: none !important;
  }

  #dextopfilter .ts7-range-slider {
    height: 7px !important;
    border-radius: 999px !important;
    background: #e2e8f0 !important;
  }

  #dextopfilter .ts7-range-selected {
    background: linear-gradient(90deg, var(--tgpt-ts7-green-light-2), var(--tgpt-ts7-green-light)) !important;
    border-radius: 999px !important;
  }

  #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb {
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    border: 2px solid var(--tgpt-ts7-green-light) !important;
    background: #ffffff !important;
    -webkit-appearance: none !important;
  }

  #dextopfilter .ts7-range-input input[type='range']::-moz-range-thumb {
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    border: 2px solid var(--tgpt-ts7-green-light) !important;
    background: #ffffff !important;
  }

  #dextopfilter .ts7-range-price {
    display: grid !important;
    grid-template-columns: 1fr 1fr auto !important;
    gap: 10px !important;
    align-items: end !important;
    margin-top: 12px !important;
  }

  #dextopfilter .ts7-range-price-container label {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
  }

  #dextopfilter #id_ts7_filter_min_price_text,
  #dextopfilter #id_ts7_filter_max_price_text {
    width: 100% !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid #dbe7df !important;
    background: #ffffff !important;
    color: #111827 !important;
    padding: 0 12px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  #dextopfilter .ts7-price-submit {
    min-width: 68px !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 0 !important;
    background: linear-gradient(135deg, var(--tgpt-ts7-green-light), #22c55e) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 0 16px !important;
  }

  #dextopfilter .ts7-product-filters-buttons-container {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--tgpt-ts7-light-border) !important;
    background: #ffffff !important;
  }

  #dextopfilter .ts7-product-filters-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  #dextopfilter .ts7-product-filters-show-products,
  #dextopfilter .ts7-product-filters-clear {
    height: 46px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid var(--tgpt-ts7-green-light) !important;
  }

  #dextopfilter .ts7-product-filters-clear {
    background: transparent !important;
    color: var(--tgpt-ts7-green-light) !important;
  }

  #dextopfilter .ts7-product-filters-show-products {
    background: linear-gradient(135deg, var(--tgpt-ts7-green-light), #22c55e) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(22, 163, 74, 0.25) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-filter-label,
  body[data-color-mode='dark'] #dextopfilter .ts7-filter-label,
  [data-theme='dark'] #dextopfilter .ts7-filter-label,
  html.dark-mode #dextopfilter .ts7-filter-label,
  body.dark-mode #dextopfilter .ts7-filter-label {
    color: #ffffff !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-filter-label input[type='checkbox'],
  body[data-color-mode='dark'] #dextopfilter .ts7-filter-label input[type='checkbox'],
  [data-theme='dark'] #dextopfilter .ts7-filter-label input[type='checkbox'],
  html.dark-mode #dextopfilter .ts7-filter-label input[type='checkbox'],
  body.dark-mode #dextopfilter .ts7-filter-label input[type='checkbox'] {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-filter-label input[type='checkbox']:checked,
  body[data-color-mode='dark'] #dextopfilter .ts7-filter-label input[type='checkbox']:checked,
  [data-theme='dark'] #dextopfilter .ts7-filter-label input[type='checkbox']:checked,
  html.dark-mode #dextopfilter .ts7-filter-label input[type='checkbox']:checked,
  body.dark-mode #dextopfilter .ts7-filter-label input[type='checkbox']:checked {
    border-color: var(--tgpt-ts7-green-dark) !important;
    background: rgba(156, 255, 106, 0.14) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-filter-label input[type='checkbox']:checked::after,
  body[data-color-mode='dark'] #dextopfilter .ts7-filter-label input[type='checkbox']:checked::after,
  [data-theme='dark'] #dextopfilter .ts7-filter-label input[type='checkbox']:checked::after,
  html.dark-mode #dextopfilter .ts7-filter-label input[type='checkbox']:checked::after,
  body.dark-mode #dextopfilter .ts7-filter-label input[type='checkbox']:checked::after {
    border-right-color: var(--tgpt-ts7-green-dark) !important;
    border-bottom-color: var(--tgpt-ts7-green-dark) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .tgpt-ts7-count-pill,
  body[data-color-mode='dark'] #dextopfilter .tgpt-ts7-count-pill,
  [data-theme='dark'] #dextopfilter .tgpt-ts7-count-pill,
  html.dark-mode #dextopfilter .tgpt-ts7-count-pill,
  body.dark-mode #dextopfilter .tgpt-ts7-count-pill {
    border-color: rgba(156, 255, 106, 0.35) !important;
    background: rgba(156, 255, 106, 0.08) !important;
    color: var(--tgpt-ts7-green-dark) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .tgpt-ts7-category-icon,
  body[data-color-mode='dark'] #dextopfilter .tgpt-ts7-category-icon,
  [data-theme='dark'] #dextopfilter .tgpt-ts7-category-icon,
  html.dark-mode #dextopfilter .tgpt-ts7-category-icon,
  body.dark-mode #dextopfilter .tgpt-ts7-category-icon {
    color: var(--tgpt-ts7-green-dark) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .tgpt-ts7-section-search,
  body[data-color-mode='dark'] #dextopfilter .tgpt-ts7-section-search,
  [data-theme='dark'] #dextopfilter .tgpt-ts7-section-search,
  html.dark-mode #dextopfilter .tgpt-ts7-section-search,
  body.dark-mode #dextopfilter .tgpt-ts7-section-search,
  html[data-color-mode='dark'] #dextopfilter #id_ts7_filter_min_price_text,
  body[data-color-mode='dark'] #dextopfilter #id_ts7_filter_min_price_text,
  [data-theme='dark'] #dextopfilter #id_ts7_filter_min_price_text,
  html.dark-mode #dextopfilter #id_ts7_filter_min_price_text,
  body.dark-mode #dextopfilter #id_ts7_filter_min_price_text,
  html[data-color-mode='dark'] #dextopfilter #id_ts7_filter_max_price_text,
  body[data-color-mode='dark'] #dextopfilter #id_ts7_filter_max_price_text,
  [data-theme='dark'] #dextopfilter #id_ts7_filter_max_price_text,
  html.dark-mode #dextopfilter #id_ts7_filter_max_price_text,
  body.dark-mode #dextopfilter #id_ts7_filter_max_price_text {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(156, 255, 106, 0.32) !important;
    color: #ffffff !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-range-price-container label,
  body[data-color-mode='dark'] #dextopfilter .ts7-range-price-container label,
  [data-theme='dark'] #dextopfilter .ts7-range-price-container label,
  html.dark-mode #dextopfilter .ts7-range-price-container label,
  body.dark-mode #dextopfilter .ts7-range-price-container label {
    color: var(--tgpt-ts7-dark-muted) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-range-slider,
  body[data-color-mode='dark'] #dextopfilter .ts7-range-slider,
  [data-theme='dark'] #dextopfilter .ts7-range-slider,
  html.dark-mode #dextopfilter .ts7-range-slider,
  body.dark-mode #dextopfilter .ts7-range-slider {
    background: rgba(255, 255, 255, 0.16) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-range-selected,
  body[data-color-mode='dark'] #dextopfilter .ts7-range-selected,
  [data-theme='dark'] #dextopfilter .ts7-range-selected,
  html.dark-mode #dextopfilter .ts7-range-selected,
  body.dark-mode #dextopfilter .ts7-range-selected {
    background: linear-gradient(90deg, #40d364, var(--tgpt-ts7-green-dark-2)) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  body[data-color-mode='dark'] #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  [data-theme='dark'] #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  html.dark-mode #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  body.dark-mode #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb {
    border-color: var(--tgpt-ts7-green-dark) !important;
    background: #f8faf9 !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-price-submit,
  body[data-color-mode='dark'] #dextopfilter .ts7-price-submit,
  [data-theme='dark'] #dextopfilter .ts7-price-submit,
  html.dark-mode #dextopfilter .ts7-price-submit,
  body.dark-mode #dextopfilter .ts7-price-submit,
  html[data-color-mode='dark'] #dextopfilter .ts7-product-filters-show-products,
  body[data-color-mode='dark'] #dextopfilter .ts7-product-filters-show-products,
  [data-theme='dark'] #dextopfilter .ts7-product-filters-show-products,
  html.dark-mode #dextopfilter .ts7-product-filters-show-products,
  body.dark-mode #dextopfilter .ts7-product-filters-show-products {
    background: linear-gradient(135deg, #1a9d42, #52d96f) !important;
    color: #021307 !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-product-filters-buttons-container,
  body[data-color-mode='dark'] #dextopfilter .ts7-product-filters-buttons-container,
  [data-theme='dark'] #dextopfilter .ts7-product-filters-buttons-container,
  html.dark-mode #dextopfilter .ts7-product-filters-buttons-container,
  body.dark-mode #dextopfilter .ts7-product-filters-buttons-container {
    background: #050807 !important;
    border-top-color: var(--tgpt-ts7-dark-border) !important;
  }

  html[data-color-mode='dark'] #dextopfilter .ts7-product-filters-clear,
  body[data-color-mode='dark'] #dextopfilter .ts7-product-filters-clear,
  [data-theme='dark'] #dextopfilter .ts7-product-filters-clear,
  html.dark-mode #dextopfilter .ts7-product-filters-clear,
  body.dark-mode #dextopfilter .ts7-product-filters-clear {
    border-color: rgba(156, 255, 106, 0.56) !important;
    color: var(--tgpt-ts7-green-dark) !important;
    background: transparent !important;
  }
}

/* ===================================================== */
/* Tech-GPT search-result mobile filter drawer hard fallback */
/* ===================================================== */
@media (max-width: 991px) {
  body.ts7-search-filter {
    overflow: hidden !important;
  }

  html.tgpt-sr-filter-scroll-lock,
  body.tgpt-sr-filter-scroll-lock {
    overflow: hidden !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter.ts7-filter-section {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(92vw, 420px) !important;
    max-width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 22px 22px 0 !important;
    transform: translate3d(-104%, 0, 0) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform 0.28s ease, opacity 0.22s ease, visibility 0.22s ease !important;
    z-index: 100210 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter.ts7-filter-section.ts7-drawer,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter.ts7-filter-section.ts7-filter-drawer,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter.ts7-filter-section.tgpt-sr-filter-open,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter.ts7-filter-section[data-tgpt-filter-open='1'] {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #ts7-filter-overlay.ts7-filter-overlay,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) .ts7-filter-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100205 !important;
    background: rgba(3, 8, 5, 0.52) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, visibility 0.22s ease !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #ts7-filter-overlay.ts7-filter-overlay.ts7-visible,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #ts7-filter-overlay.ts7-filter-overlay.tgpt-visible,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #ts7-filter-overlay.ts7-filter-overlay[data-tgpt-filter-open='1'],
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) .ts7-filter-overlay.ts7-visible,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) .ts7-filter-overlay.tgpt-visible,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) .ts7-filter-overlay[data-tgpt-filter-open='1'] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-wrap {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons-container {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 4 !important;
    margin-top: auto !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom) + var(--tgpt-mobile-bottom-nav-offset, 0px)) !important;
  }
}

/* ===================================================== */
/* Search-result mobile drawer visual polish */
/* ===================================================== */
@media (max-width: 991px) {
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter.ts7-filter-section {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 7 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search::before {
    border-color: #228c45 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search::after {
    background: #176535 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-wrap {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    touch-action: pan-y !important;
    padding: 0 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-main-dynamic-container,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-dynamic {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons-container {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 8 !important;
    margin-top: auto !important;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid rgba(16, 23, 20, 0.12) !important;
    background: var(--tgpt-sr-filter-light-bg, #ffffff) !important;
    box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.1) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons .ts7-product-filters-show-products:only-child {
    grid-column: 1 / -1 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-clear,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-show-products {
    width: 100% !important;
    min-height: 46px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-slider {
    height: 6px !important;
    border-radius: 999px !important;
    background: #d9e2dc !important;
    overflow: hidden !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-selected {
    height: 100% !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #1f7d3f, #2f8f46) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input {
    height: 22px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range'] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: 22px !important;
    margin: 0 !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-runnable-track {
    height: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -6px !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    background: #2f8f46 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.28) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track {
    height: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #d9e2dc !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-progress {
    height: 6px !important;
    border-radius: 999px !important;
    background: #2f8f46 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    background: #2f8f46 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.28) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-price {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-price-container label {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    color: #5b6f62 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_min_price_text,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_max_price_text {
    height: 42px !important;
    border-radius: 11px !important;
    border: 1px solid #d3ddd4 !important;
    background: #ffffff !important;
    color: #122017 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 0 11px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-price-submit {
    min-width: 62px !important;
    height: 42px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 14px !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons-container,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons-container,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-product-filters-buttons-container,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons-container {
    border-top-color: rgba(164, 255, 118, 0.24) !important;
    background: var(--tgpt-sr-filter-dark-bg, #050806) !important;
    box-shadow: 0 -12px 28px rgba(0, 0, 0, 0.56) !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search::before,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search::before,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-filter-search::before,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search::before {
    border-color: #7eff43 !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search::after,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search::after,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-filter-search::after,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search::after {
    background: #52d96f !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-slider,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-slider,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-range-slider,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-slider {
    background: rgba(255, 255, 255, 0.2) !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-selected,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-selected,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-range-selected,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-selected {
    background: linear-gradient(90deg, #44d85f, #7eff43) !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb {
    background: #7eff43 !important;
    border-color: #061108 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.58) !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-range-input input[type='range']::-moz-range-track,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track {
    background: rgba(255, 255, 255, 0.2) !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-progress,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-progress,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-range-input input[type='range']::-moz-range-progress,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-progress {
    background: #7eff43 !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-thumb,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-thumb,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-range-input input[type='range']::-moz-range-thumb,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-input input[type='range']::-moz-range-thumb {
    background: #7eff43 !important;
    border-color: #061108 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.58) !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_min_price_text,
  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_max_price_text,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_min_price_text,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_max_price_text,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter #id_ts7_filter_min_price_text,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter #id_ts7_filter_max_price_text,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_min_price_text,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_max_price_text {
    background: #0a120c !important;
    border-color: rgba(126, 255, 67, 0.35) !important;
    color: #f5fff5 !important;
  }

  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-price-container label,
  body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-price-container label,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).dark-mode #dextopfilter .ts7-range-price-container label,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-price-container label {
    color: #b0c4b0 !important;
  }
}

/* ===================================================== */
/* Search-result mobile drawer scroll safety fallback */
/* ===================================================== */
@media (max-width: 767px) {
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).tgpt-sr-filter-open,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter).ts7-overflow {
    overflow: hidden !important;
    touch-action: auto !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-form,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-panel,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-drawer,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-wrap,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-main-dynamic-container,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-dynamic {
    min-height: 0 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter.ts7-filter-section,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-drawer,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-panel {
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-header {
    flex: 0 0 auto !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-wrap {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    touch-action: pan-y !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-form,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-main-dynamic-container,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-dynamic,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-panel {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons-container {
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 30 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-product-filters-buttons {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 30 !important;
  }
}

/* ===================================================== */
/* TS7 Search Result Card Polish (light mode first)      */
/* ===================================================== */
#ts7-search-result {
  --tgpt-sr-card-price-regular: #111827;
  --tgpt-sr-card-price-current: #166534;
  --tgpt-sr-card-price-old: #4b5563;
  --tgpt-sr-card-price-old-line: rgba(75, 85, 99, 0.95);
  --tgpt-sr-card-buy-bg: #166534;
  --tgpt-sr-card-buy-color: #ffffff;
  --tgpt-sr-card-add-bg: #ffffff;
  --tgpt-sr-card-add-border: #166534;
  --tgpt-sr-card-add-color: #166534;
  --tgpt-sr-card-quick-bg: rgba(255, 255, 255, 0.96);
  --tgpt-sr-card-quick-border: rgba(22, 101, 52, 0.22);
  --tgpt-sr-card-quick-color: #166534;
  --tgpt-sr-card-action-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
}

html[data-color-mode='dark'] #ts7-search-result,
body[data-color-mode='dark'] #ts7-search-result,
body.dark-mode #ts7-search-result,
[data-theme='dark'] #ts7-search-result {
  --tgpt-sr-card-price-regular: rgba(241, 245, 249, 0.94);
  --tgpt-sr-card-price-current: #7eff43;
  --tgpt-sr-card-price-old: rgba(214, 227, 242, 0.72);
  --tgpt-sr-card-price-old-line: rgba(214, 227, 242, 0.82);
  --tgpt-sr-card-buy-bg: #22c55e;
  --tgpt-sr-card-buy-color: #04130a;
  --tgpt-sr-card-add-bg: rgba(8, 20, 14, 0.72);
  --tgpt-sr-card-add-border: rgba(126, 255, 67, 0.45);
  --tgpt-sr-card-add-color: #7eff43;
  --tgpt-sr-card-quick-bg: rgba(7, 18, 13, 0.88);
  --tgpt-sr-card-quick-border: rgba(126, 255, 67, 0.42);
  --tgpt-sr-card-quick-color: #7eff43;
  --tgpt-sr-card-action-shadow: 0 12px 22px rgba(0, 0, 0, 0.48);
}

#ts7-search-result .ts7-product-grid .ts7-product-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price:not(.discount),
#ts7-search-result .ts7-product-grid .ts7-product-price span[class*='ts7-price-']:not([class*='discount']) {
  color: var(--tgpt-sr-card-price-regular) !important;
  -webkit-text-fill-color: var(--tgpt-sr-card-price-regular) !important;
  font-weight: 700 !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-pro-price,
#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-pro-price *,
#ts7-search-result .ts7-product-grid .ts7-product-price .money,
#ts7-search-result .ts7-product-grid .ts7-product-price span.ts7-pro-price,
#ts7-search-result .ts7-product-grid .ts7-product-price span[class*='ts7-pro-price-'] {
  color: var(--tgpt-sr-card-price-current) !important;
  -webkit-text-fill-color: var(--tgpt-sr-card-price-current) !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price.discount,
#ts7-search-result .ts7-product-grid .ts7-product-price .ts7-discount-price,
#ts7-search-result .ts7-product-grid .ts7-product-price span[class*='ts7-pro-discount-'] {
  color: var(--tgpt-sr-card-price-old) !important;
  -webkit-text-fill-color: var(--tgpt-sr-card-price-old) !important;
  opacity: 0.95 !important;
  font-weight: 600 !important;
  text-decoration-line: line-through !important;
  text-decoration-thickness: 1.6px !important;
  text-decoration-color: var(--tgpt-sr-card-price-old-line) !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-image {
  position: relative !important;
}

#ts7-search-result .ts7-product-grid .ts7_result-item-btn {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  width: auto !important;
  z-index: 15 !important;
  transition: opacity 0.22s ease, transform 0.22s ease !important;
}

#ts7-search-result .ts7-product-grid .ts7-img-overlay {
  width: 100% !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons > .ts7-tooltip {
  display: flex !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons > .ts7-tooltip:first-child {
  margin-right: auto !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons > .ts7-tooltip:last-child {
  margin-left: auto !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn,
#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn.ts7-btn {
  width: auto !important;
  height: 40px !important;
  min-width: 118px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid var(--tgpt-sr-card-add-border) !important;
  background: var(--tgpt-sr-card-add-bg) !important;
  background-color: var(--tgpt-sr-card-add-bg) !important;
  background-image: none !important;
  color: var(--tgpt-sr-card-add-color) !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12) !important;
  line-height: 1 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn > span {
  display: inline !important;
  color: currentColor !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn svg {
  width: 16px !important;
  height: 16px !important;
  color: currentColor !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn.ts7-buy-btn,
#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-buy-btn {
  background: var(--tgpt-sr-card-buy-bg) !important;
  background-color: var(--tgpt-sr-card-buy-bg) !important;
  border-color: var(--tgpt-sr-card-buy-bg) !important;
  color: var(--tgpt-sr-card-buy-color) !important;
  box-shadow: 0 10px 20px rgba(22, 101, 52, 0.28) !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn.ts7-buy-btn > span,
#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-buy-btn > span {
  display: inline !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn.ts7_result-addToCart,
#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn.ts7-outline-btn.ts7_result-addToCart,
#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7_result-addToCart {
  background: var(--tgpt-sr-card-add-bg) !important;
  background-color: var(--tgpt-sr-card-add-bg) !important;
  border-color: var(--tgpt-sr-card-add-border) !important;
  color: var(--tgpt-sr-card-add-color) !important;
}

#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn:hover,
#ts7-search-result .ts7-product-grid .ts7-product-buttons .ts7-result-btn:focus-visible {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.22) !important;
}

#ts7-search-result .ts7-product-grid .ts7-tooltip.ts7-quickview-container {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  z-index: 16 !important;
}

#ts7-search-result .ts7-product-grid .ts7_result-quickView,
#ts7-search-result .ts7-product-grid .ts7_result-quickView.ts7-result-btn.ts7-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
  padding: 0 !important;
  border: 1px solid var(--tgpt-sr-card-quick-border) !important;
  background: var(--tgpt-sr-card-quick-bg) !important;
  background-color: var(--tgpt-sr-card-quick-bg) !important;
  background-image: none !important;
  color: var(--tgpt-sr-card-quick-color) !important;
  box-shadow: var(--tgpt-sr-card-action-shadow) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateZ(0);
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease !important;
}

#ts7-search-result .ts7-product-grid .ts7_result-quickView[variant_id='45339865579692'] {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 17 !important;
}

#ts7-search-result .ts7-product-grid .ts7_result-quickView svg {
  width: 18px !important;
  height: 18px !important;
  color: currentColor !important;
}

#ts7-search-result .ts7-product-grid .ts7_result-quickView svg path,
#ts7-search-result .ts7-product-grid .ts7_result-quickView svg circle,
#ts7-search-result .ts7-product-grid .ts7_result-quickView svg line,
#ts7-search-result .ts7-product-grid .ts7_result-quickView svg polyline,
#ts7-search-result .ts7-product-grid .ts7_result-quickView svg polygon {
  fill: currentColor !important;
  stroke: currentColor !important;
}

#ts7-search-result .ts7-product-grid .ts7_result-quickView:hover,
#ts7-search-result .ts7-product-grid .ts7_result-quickView:focus-visible {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.24) !important;
}

/* Explicit mode-specific overrides for TS7 app injected styles */
html[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-pro-price,
body[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-pro-price,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-pro-price {
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price:not(.discount),
body[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price:not(.discount),
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price:not(.discount) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price.discount,
body[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price.discount,
html[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-discount-price,
body[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-discount-price,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price.discount,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-discount-price {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView.ts7-result-btn.ts7-btn.ts7-btn-primary,
body[data-color-mode='light'] #ts7-search-result .ts7-product-grid .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView.ts7-result-btn.ts7-btn.ts7-btn-primary,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-product-grid .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView.ts7-result-btn.ts7-btn.ts7-btn-primary {
  background-color: rgba(255, 255, 255, 0.96) !important;
  background-image: none !important;
  border: 1px solid rgba(22, 101, 52, 0.22) !important;
  color: #166534 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18) !important;
}

html[data-color-mode='dark'] #ts7-search-result .ts7-product-grid .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView.ts7-result-btn.ts7-btn.ts7-btn-primary,
body[data-color-mode='dark'] #ts7-search-result .ts7-product-grid .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView.ts7-result-btn.ts7-btn.ts7-btn-primary,
body.dark-mode #ts7-search-result .ts7-product-grid .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView.ts7-result-btn.ts7-btn.ts7-btn-primary,
[data-theme='dark'] #ts7-search-result .ts7-product-grid .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView.ts7-result-btn.ts7-btn.ts7-btn-primary {
  background-color: rgba(7, 18, 13, 0.88) !important;
  background-image: none !important;
  border: 1px solid rgba(126, 255, 67, 0.42) !important;
  color: #7eff43 !important;
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.48) !important;
}

/* ===================================================== */
/* TS7 Drawer Scroll Interaction Fallback                */
/* ===================================================== */
@media (max-width: 767px) {
  .ts7-filter-section.ts7-filter-drawer {
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    touch-action: pan-y !important;
  }

  .ts7-filter-section.ts7-filter-drawer .ts7-filter-header {
    flex: 0 0 auto !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
  }

  .ts7-filter-section.ts7-filter-drawer .ts7-filter-wrap {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    touch-action: pan-y !important;
  }

  .ts7-filter-section.ts7-filter-drawer form,
  .ts7-filter-section.ts7-filter-drawer .ts7-product-filters-form,
  .ts7-filter-section.ts7-filter-drawer .ts7-product-filters-body,
  .ts7-filter-section.ts7-filter-drawer .ts7-main-dynamic-container,
  .ts7-filter-section.ts7-filter-drawer .ts7-filter-dynamic {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  .ts7-filter-section.ts7-filter-drawer label,
  .ts7-filter-section.ts7-filter-drawer input:not([type='range']),
  .ts7-filter-section.ts7-filter-drawer button,
  .ts7-filter-section.ts7-filter-drawer .ts7-filter-option,
  .ts7-filter-section.ts7-filter-drawer .ts7-filter-row,
  .ts7-filter-section.ts7-filter-drawer .ts7-filter-label,
  .ts7-filter-section.ts7-filter-drawer .ts7_filter-item,
  .ts7-filter-section.ts7-filter-drawer .ts7_filter-item-desc {
    touch-action: manipulation !important;
    pointer-events: auto !important;
  }

  .ts7-filter-section.ts7-filter-drawer .ts7-range,
  .ts7-filter-section.ts7-filter-drawer .ts7-range-price,
  .ts7-filter-section.ts7-filter-drawer .ts7-range-slider {
    touch-action: pan-y !important;
    pointer-events: auto !important;
  }

  .ts7-filter-section.ts7-filter-drawer .ts7-range-input input[type='range'] {
    touch-action: pan-x !important;
  }

  .ts7-filter-section.ts7-filter-drawer .ts7-product-filters-buttons,
  .ts7-filter-section.ts7-filter-drawer .ts7-product-filters-buttons-container {
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 40 !important;
  }
}

/* ===================================================== */
/* Tech-GPT Search + Filter Light/Dark System            */
/* Desktop/tablet polish for TS7 search filters/results  */
/* ===================================================== */
:root {
  --tg-green: #16a34a;
  --tg-green-dark: #0f7a35;
  --tg-page-bg: #f7f9fc;
  --tg-surface: #ffffff;
  --tg-surface-soft: #f3f4f6;
  --tg-text: #111827;
  --tg-muted: #6b7280;
  --tg-border: #e5e7eb;
  --tg-shadow-soft: 0 14px 30px rgba(15, 23, 42, 0.08);
}

html.dark,
html[data-theme='dark'],
html[data-color-mode='dark'],
body.dark-mode,
body[data-theme='dark'],
body[data-color-mode='dark'],
[data-theme='dark'] {
  --tg-page-bg: #050807;
  --tg-surface: #0b0f0d;
  --tg-surface-soft: #111827;
  --tg-text: #ffffff;
  --tg-muted: #9ca3af;
  --tg-border: rgba(255, 255, 255, 0.12);
  --tg-shadow-soft: 0 16px 34px rgba(0, 0, 0, 0.45);
}

body.template-search,
body.template-collection,
body.tgpt-sr-filter-page,
body.ts7-search-filter {
  background: var(--tg-page-bg) !important;
  color: var(--tg-text) !important;
}

@media (min-width: 768px) {
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-main-dynamic-container,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-filter-dynamic,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-container {
    background: var(--tg-page-bg) !important;
    color: var(--tg-text) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter.ts7-filter-section {
    background: var(--tg-surface) !important;
    color: var(--tg-text) !important;
    border: 1px solid var(--tg-border) !important;
    box-shadow: var(--tg-shadow-soft) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-header,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-wrap,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-main-dynamic-container,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-dynamic,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-product-filters-buttons-container {
    background: var(--tg-surface) !important;
    color: var(--tg-text) !important;
    border-color: var(--tg-border) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item {
    margin: 10px 12px 0 !important;
    padding: 14px 14px 12px !important;
    background: var(--tg-surface-soft) !important;
    border: 1px solid var(--tg-border) !important;
    border-radius: 14px 14px 0 0 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc {
    margin: 0 12px 12px !important;
    padding: 0 14px 14px !important;
    background: var(--tg-surface-soft) !important;
    border: 1px solid var(--tg-border) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-dynamic p,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-dynamic span,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-dynamic label,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-dynamic a,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-dynamic li,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item p,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-label,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-option {
    color: var(--tg-text) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-info-line,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-info-line,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-show-result-span,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-preview-pro-discription,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-preview-pro-discription span {
    color: var(--tg-muted) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::before {
    border-color: var(--tg-green-dark) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::after {
    background: var(--tg-green) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #idFilterSearchBox,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .tgpt-ts7-section-search {
    height: 46px !important;
    border-radius: 12px !important;
    border: 1px solid var(--tg-border) !important;
    background: var(--tg-surface) !important;
    color: var(--tg-text) !important;
    box-shadow: none !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #idFilterSearchBox {
    padding: 0 14px 0 42px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .tgpt-ts7-section-search {
    padding: 0 12px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #idFilterSearchBox::placeholder,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .tgpt-ts7-section-search::placeholder {
    color: var(--tg-muted) !important;
    opacity: 1 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #idFilterSearchBox:focus,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .tgpt-ts7-section-search:focus {
    outline: none !important;
    border-color: var(--tg-green) !important;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.14) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-label input[type='checkbox'] {
    width: 18px !important;
    height: 18px !important;
    border-radius: 5px !important;
    border: 1px solid #cbd5e1 !important;
    background: var(--tg-surface) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-label input[type='checkbox']:checked {
    border-color: var(--tg-green-dark) !important;
    background: rgba(15, 122, 53, 0.16) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-label input[type='checkbox']:checked::after {
    border-right-color: var(--tg-green-dark) !important;
    border-bottom-color: var(--tg-green-dark) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .tgpt-ts7-count-pill,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .checkbox-facet-label-count {
    border: 1px solid var(--tg-border) !important;
    background: var(--tg-surface) !important;
    color: var(--tg-muted) !important;
    border-radius: 999px !important;
    padding: 2px 8px !important;
    font-weight: 700 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-slider {
    height: 6px !important;
    border-radius: 999px !important;
    background: #d1d5db !important;
    overflow: hidden !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-selected {
    height: 100% !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--tg-green-dark), var(--tg-green)) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range'] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-runnable-track {
    height: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -6px !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    background: var(--tg-green-dark) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.28) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track {
    height: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #d1d5db !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-moz-range-progress {
    height: 6px !important;
    border-radius: 999px !important;
    background: var(--tg-green) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    background: var(--tg-green-dark) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.28) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-price {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-price-container label {
    color: var(--tg-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #id_ts7_filter_min_price_text,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #id_ts7_filter_max_price_text {
    height: 42px !important;
    border-radius: 11px !important;
    border: 1px solid var(--tg-border) !important;
    background: var(--tg-surface) !important;
    color: var(--tg-text) !important;
    font-weight: 700 !important;
    padding: 0 11px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-price-submit {
    min-width: 60px !important;
    height: 42px !important;
    border-radius: 11px !important;
    border: 1px solid var(--tg-green) !important;
    background: var(--tg-green) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-product-filters-buttons-container {
    border-top: 1px solid var(--tg-border) !important;
    background: var(--tg-surface) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-product-filters-clear,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-product-filters-show-products {
    border-radius: 12px !important;
    font-weight: 700 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-product-filters-clear {
    border: 1px solid var(--tg-green-dark) !important;
    color: var(--tg-green-dark) !important;
    background: transparent !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-product-filters-show-products {
    border: 1px solid var(--tg-green) !important;
    background: linear-gradient(135deg, var(--tg-green-dark), var(--tg-green)) !important;
    color: #ffffff !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-main-filter-area,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-search-sorting,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-sort-dropdown,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-dropbtn,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode button,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode button {
    background: var(--tg-surface) !important;
    color: var(--tg-text) !important;
    border: 1px solid var(--tg-border) !important;
    border-radius: 12px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-search-sorting svg,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-sort-dropdown svg,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode svg,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode svg {
    fill: var(--tg-green-dark) !important;
    stroke: var(--tg-green-dark) !important;
    color: var(--tg-green-dark) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-product,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-product-item,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-pbc-list-grid {
    background: var(--tg-surface) !important;
    border: 1px solid var(--tg-border) !important;
    color: var(--tg-text) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .title,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .title a,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-product-name,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-product-name a {
    color: var(--tg-text) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-pro-price,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-product-price .money,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price {
    color: var(--tg-green-dark) !important;
    -webkit-text-fill-color: var(--tg-green-dark) !important;
    font-weight: 800 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-product-price .ts7-price.discount,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-product-grid .ts7-discount-price {
    color: var(--tg-muted) !important;
    -webkit-text-fill-color: var(--tg-muted) !important;
    text-decoration-line: line-through !important;
    text-decoration-color: var(--tg-muted) !important;
    text-decoration-thickness: 1.4px !important;
    opacity: 0.95 !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-active-filters .ts7-filter-chip,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-filter-chip,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .active-facets__button-inner {
    background: var(--tg-surface-soft) !important;
    border: 1px solid var(--tg-border) !important;
    color: var(--tg-text) !important;
    border-radius: 999px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .active-facets__button-remove,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #ts7-search-result .ts7-clear-all {
    color: var(--tg-green-dark) !important;
  }

  html.dark body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  body.dark-mode:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-webkit-slider-thumb {
    border-color: #0b0f0d !important;
    background: var(--tg-green) !important;
  }

  html.dark body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track,
  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track,
  body.dark-mode:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-input input[type='range']::-moz-range-track {
    background: rgba(255, 255, 255, 0.2) !important;
  }
}

/* ===================================================== */
/* Tech-GPT Search Filter Layout Refinement (Desktop)    */
/* Single continuous filter panel + icon color polish     */
/* ===================================================== */
@media (min-width: 768px) {
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter.ts7-filter-section {
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-wrap {
    padding: 0 0 10px !important;
    background: transparent !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-bx-shadow {
    margin: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item {
    margin: 0 !important;
    padding: 16px 16px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--tg-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc {
    margin: 0 !important;
    padding: 0 16px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--tg-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-product-filters-buttons-container {
    margin-top: 8px !important;
    border-top: 1px solid var(--tg-border) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode {
    gap: 8px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode button,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 1px solid var(--tg-border) !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode svg,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode svg,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode i,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode i {
    color: var(--tg-green-dark) !important;
    fill: var(--tg-green-dark) !important;
    stroke: var(--tg-green-dark) !important;
  }

  html.dark body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode svg,
  html.dark body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode svg,
  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode svg,
  html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode svg,
  body.dark-mode:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode svg,
  body.dark-mode:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode svg,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-grid-view-mode svg,
  [data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-list-view-mode svg {
    color: #22c55e !important;
    fill: #22c55e !important;
    stroke: #22c55e !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-search-sorting,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-sort-dropdown,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) .ts7-dropbtn,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) select.ts7-sort-dropdown,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) select.ts7-dropbtn {
    background: var(--tg-surface) !important;
    color: var(--tg-text) !important;
    border: 1px solid var(--tg-border) !important;
    border-radius: 10px !important;
  }
}

/* ===================================================== */
/* TS7 btnContainer Light-Mode Icon/Button Color Fix     */
/* ===================================================== */
html[data-color-mode='light'] #ts7-search-result .ts7-btnContainer,
body[data-color-mode='light'] #ts7-search-result .ts7-btnContainer,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-btnContainer,
html[data-color-mode='light'] body.ts7-search-filter .ts7-btnContainer,
body[data-color-mode='light'].ts7-search-filter .ts7-btnContainer,
body.ts7-search-filter:not(.dark-mode) .ts7-btnContainer {
  color: #0f7a35 !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-btnContainer button,
html[data-color-mode='light'] #ts7-search-result .ts7-btnContainer .ts7-btn,
body[data-color-mode='light'] #ts7-search-result .ts7-btnContainer button,
body[data-color-mode='light'] #ts7-search-result .ts7-btnContainer .ts7-btn,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-btnContainer button,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-btnContainer .ts7-btn,
html[data-color-mode='light'] body.ts7-search-filter .ts7-btnContainer button,
html[data-color-mode='light'] body.ts7-search-filter .ts7-btnContainer .ts7-btn,
body[data-color-mode='light'].ts7-search-filter .ts7-btnContainer button,
body[data-color-mode='light'].ts7-search-filter .ts7-btnContainer .ts7-btn,
body.ts7-search-filter:not(.dark-mode) .ts7-btnContainer button,
body.ts7-search-filter:not(.dark-mode) .ts7-btnContainer .ts7-btn {
  color: #0f7a35 !important;
  border-color: rgba(15, 122, 53, 0.35) !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-btnContainer svg,
html[data-color-mode='light'] #ts7-search-result .ts7-btnContainer i,
body[data-color-mode='light'] #ts7-search-result .ts7-btnContainer svg,
body[data-color-mode='light'] #ts7-search-result .ts7-btnContainer i,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-btnContainer svg,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-btnContainer i,
html[data-color-mode='light'] body.ts7-search-filter .ts7-btnContainer svg,
html[data-color-mode='light'] body.ts7-search-filter .ts7-btnContainer i,
body[data-color-mode='light'].ts7-search-filter .ts7-btnContainer svg,
body[data-color-mode='light'].ts7-search-filter .ts7-btnContainer i,
body.ts7-search-filter:not(.dark-mode) .ts7-btnContainer svg,
body.ts7-search-filter:not(.dark-mode) .ts7-btnContainer i {
  color: #0f7a35 !important;
  fill: #0f7a35 !important;
  stroke: #0f7a35 !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-btnContainer .ts7-btn svg *,
body[data-color-mode='light'] #ts7-search-result .ts7-btnContainer .ts7-btn svg *,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-btnContainer .ts7-btn svg *,
html[data-color-mode='light'] body.ts7-search-filter .ts7-btnContainer .ts7-btn svg *,
body[data-color-mode='light'].ts7-search-filter .ts7-btnContainer .ts7-btn svg *,
body.ts7-search-filter:not(.dark-mode) .ts7-btnContainer .ts7-btn svg * {
  color: #0f7a35 !important;
  fill: #0f7a35 !important;
  stroke: #0f7a35 !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-btnContainer .ts7-btn,
body[data-color-mode='light'] #ts7-search-result .ts7-btnContainer .ts7-btn,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-btnContainer .ts7-btn,
html[data-color-mode='light'] body.ts7-search-filter .ts7-btnContainer .ts7-btn,
body[data-color-mode='light'].ts7-search-filter .ts7-btnContainer .ts7-btn,
body.ts7-search-filter:not(.dark-mode) .ts7-btnContainer .ts7-btn,
html[data-color-mode='light'] #ts7-search-result .ts7-grid-view-mode .ts7-btn,
html[data-color-mode='light'] #ts7-search-result .ts7-list-view-mode .ts7-btn,
body[data-color-mode='light'] #ts7-search-result .ts7-grid-view-mode .ts7-btn,
body[data-color-mode='light'] #ts7-search-result .ts7-list-view-mode .ts7-btn,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-grid-view-mode .ts7-btn,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-list-view-mode .ts7-btn {
  color: #0f7a35 !important;
  border-color: rgba(15, 122, 53, 0.35) !important;
}

/* ===================================================== */
/* TS7 text-center view toggle polish (light mode)       */
/* ===================================================== */
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer,
html[data-color-mode='light'] body.ts7-search-filter .ts7-text-center .ts7-btnContainer,
body[data-color-mode='light'].ts7-search-filter .ts7-text-center .ts7-btnContainer,
body.ts7-search-filter:not(.dark-mode) .ts7-text-center .ts7-btnContainer {
  color: #14532d !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button,
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer .ts7-btn,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer .ts7-btn,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer button,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer .ts7-btn,
html[data-color-mode='light'] body.ts7-search-filter .ts7-text-center .ts7-btnContainer button,
html[data-color-mode='light'] body.ts7-search-filter .ts7-text-center .ts7-btnContainer .ts7-btn,
body[data-color-mode='light'].ts7-search-filter .ts7-text-center .ts7-btnContainer button,
body[data-color-mode='light'].ts7-search-filter .ts7-text-center .ts7-btnContainer .ts7-btn,
body.ts7-search-filter:not(.dark-mode) .ts7-text-center .ts7-btnContainer button,
body.ts7-search-filter:not(.dark-mode) .ts7-text-center .ts7-btnContainer .ts7-btn {
  color: #14532d !important;
  background: linear-gradient(180deg, #ffffff 0%, #f2f8f3 100%) !important;
  border-color: rgba(15, 122, 53, 0.34) !important;
  box-shadow: 0 4px 10px rgba(15, 122, 53, 0.12) !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer svg,
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer i,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer svg,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer i,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer svg,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer i,
html[data-color-mode='light'] body.ts7-search-filter .ts7-text-center .ts7-btnContainer svg,
html[data-color-mode='light'] body.ts7-search-filter .ts7-text-center .ts7-btnContainer i,
body[data-color-mode='light'].ts7-search-filter .ts7-text-center .ts7-btnContainer svg,
body[data-color-mode='light'].ts7-search-filter .ts7-text-center .ts7-btnContainer i,
body.ts7-search-filter:not(.dark-mode) .ts7-text-center .ts7-btnContainer svg,
body.ts7-search-filter:not(.dark-mode) .ts7-text-center .ts7-btnContainer i {
  color: #14532d !important;
  fill: #14532d !important;
  stroke: #14532d !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer .active,
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button.active,
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-pressed='true'],
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-selected='true'],
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer .active,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button.active,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-pressed='true'],
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-selected='true'],
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer .active,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer button.active,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-pressed='true'],
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-selected='true'] {
  background: linear-gradient(135deg, #0f7a35, #16a34a) !important;
  border-color: #0f7a35 !important;
  color: #ffffff !important;
}

html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer .active svg,
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button.active svg,
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-pressed='true'] svg,
html[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-selected='true'] svg,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer .active svg,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button.active svg,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-pressed='true'] svg,
body[data-color-mode='light'] #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-selected='true'] svg,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer .active svg,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer button.active svg,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-pressed='true'] svg,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-text-center .ts7-btnContainer button[aria-selected='true'] svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* ===================================================== */
/* TS7 Filter Form Search + Price Input Cleanup          */
/* ===================================================== */
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search-box {
  width: 100% !important;
  padding-inline: 12px !important;
  box-sizing: border-box !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search {
  position: relative !important;
  width: calc(100% - 8px) !important;
  margin: 10px auto 14px !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::before {
  left: 16px !important;
  top: 50% !important;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  border-width: 2px !important;
  border-color: var(--tg-green-dark, #0f7a35) !important;
  transform: translateY(-62%) !important;
  z-index: 2 !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::after {
  left: 26px !important;
  top: 50% !important;
  width: 7px !important;
  height: 2px !important;
  margin: 0 !important;
  background: var(--tg-green, #16a34a) !important;
  transform: translateY(4px) rotate(45deg) !important;
  border-radius: 999px !important;
  z-index: 2 !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #idFilterSearchBox,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .tgpt-ts7-section-search {
  width: 100% !important;
  box-sizing: border-box !important;
  height: 46px !important;
  padding: 0 14px 0 44px !important;
  border-radius: 12px !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-price {
  grid-template-columns: minmax(112px, 1fr) minmax(112px, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-price-container {
  min-width: 0 !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-range-price-container label {
  display: block !important;
  margin-bottom: 6px !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #id_ts7_filter_min_price_text,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter #id_ts7_filter_max_price_text {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  height: 44px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-price-submit {
  min-width: 66px !important;
  height: 44px !important;
  padding: 0 14px !important;
  align-self: end !important;
}

html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::before,
body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::before,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection).dark-mode #dextopfilter .ts7-filter-search::before,
[data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::before {
  border-color: var(--tg-green, #22c55e) !important;
}

html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::after,
body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::after,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection).dark-mode #dextopfilter .ts7-filter-search::after,
[data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7-filter-search::after {
  background: var(--tg-green, #22c55e) !important;
}

@media (max-width: 767px) {
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search-box {
    padding-inline: 10px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-filter-search {
    width: 100% !important;
    margin: 10px 0 12px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-range-price {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_min_price_text,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter #id_ts7_filter_max_price_text {
    font-size: 14px !important;
    padding-inline: 10px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7-price-submit {
    min-width: 62px !important;
    padding-inline: 12px !important;
  }
}

/* ===================================================== */
/* TS7 Price Filter Layout Fix (show Go button cleanly) */
/* ===================================================== */
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price {
  --tgpt-ts7-go-bg: linear-gradient(135deg, #0f7a35, #16a34a);
  --tgpt-ts7-go-border: #0f7a35;
  --tgpt-ts7-go-text: #ffffff;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price-container {
  width: 100% !important;
  min-width: 0 !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: end !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price #id_ts7_filter_min_price_text,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price #id_ts7_filter_max_price_text {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price .ts7-price-submit,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price .ts7-go,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price [aria-label='Go'],
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price button[type='button'],
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price button[type='submit'],
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price input[type='submit'],
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price > .ts7-price-submit,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price > .ts7-go,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price > button[aria-label='Go'],
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price > input[type='submit'] {
  grid-column: 1 / -1 !important;
  width: clamp(160px, 78%, 240px) !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 4px auto 0 !important;
  justify-self: center !important;
  align-self: center !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-inline: 18px !important;
  border-radius: 11px !important;
  border: 1px solid var(--tgpt-ts7-go-border) !important;
  background: var(--tgpt-ts7-go-bg) !important;
  color: var(--tgpt-ts7-go-text) !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.14) !important;
}

body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price .ts7-price-submit:hover,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price .ts7-price-submit:focus-visible,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price .ts7-go:hover,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price .ts7-go:focus-visible {
  filter: brightness(1.05) !important;
  transform: translateY(-1px);
}

html[data-color-mode='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price,
body[data-color-mode='dark']:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price,
body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection).dark-mode #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price,
[data-theme='dark'] body:is(.tgpt-sr-filter-page, .ts7-search-filter, .template-search, .template-collection) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price {
  --tgpt-ts7-go-bg: linear-gradient(135deg, #49d65f, #7eff43);
  --tgpt-ts7-go-border: rgba(126, 255, 67, 0.72);
  --tgpt-ts7-go-text: #041206;
}

@media (max-width: 767px) {
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price .ts7-price-submit,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price .ts7-go,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price [aria-label='Go'],
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price button[type='button'],
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price button[type='submit'],
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price .ts7-range-price input[type='submit'],
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price > .ts7-price-submit,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price > .ts7-go,
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price > button[aria-label='Go'],
  body:is(.tgpt-sr-filter-page, .ts7-search-filter) #dextopfilter .ts7_filter-item-desc.ts7_filter-custom-price > input[type='submit'] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* ===================================================== */
/* TS7 Search Loading Icon Color Mode                    */
/* ===================================================== */
html[data-color-mode='light'] #id_ts7_app_page_main_div .ts7-loading-icon::after,
body[data-color-mode='light'] #id_ts7_app_page_main_div .ts7-loading-icon::after,
html:not([data-color-mode='dark']) body:not(.dark-mode) #id_ts7_app_page_main_div .ts7-loading-icon::after,
html[data-color-mode='light'] #ts7-search-result .ts7-loading-icon::after,
body[data-color-mode='light'] #ts7-search-result .ts7-loading-icon::after,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .ts7-loading-icon::after {
  border-top-color: #14532d !important;
  border-right-color: #166534 !important;
  box-shadow: 0 0 10px rgba(20, 83, 45, 0.45), 0 0 20px rgba(22, 101, 52, 0.3) !important;
}

html[data-color-mode='light'] #id_ts7_app_page_main_div .loading-icon,
body[data-color-mode='light'] #id_ts7_app_page_main_div .loading-icon,
html:not([data-color-mode='dark']) body:not(.dark-mode) #id_ts7_app_page_main_div .loading-icon,
html[data-color-mode='light'] #ts7-search-result .loading-icon,
body[data-color-mode='light'] #ts7-search-result .loading-icon,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .loading-icon {
  border-color: rgba(20, 83, 45, 0.14) !important;
  border-top-color: #14532d !important;
}

html[data-color-mode='light'] #id_ts7_app_page_main_div .spinner .path,
body[data-color-mode='light'] #id_ts7_app_page_main_div .spinner .path,
html:not([data-color-mode='dark']) body:not(.dark-mode) #id_ts7_app_page_main_div .spinner .path,
html[data-color-mode='light'] #ts7-search-result .spinner .path,
body[data-color-mode='light'] #ts7-search-result .spinner .path,
html:not([data-color-mode='dark']) body:not(.dark-mode) #ts7-search-result .spinner .path {
  stroke: #14532d !important;
}

html[data-color-mode='dark'] #id_ts7_app_page_main_div .ts7-loading-icon::after,
body[data-color-mode='dark'] #id_ts7_app_page_main_div .ts7-loading-icon::after,
body.dark-mode #id_ts7_app_page_main_div .ts7-loading-icon::after,
[data-theme='dark'] #id_ts7_app_page_main_div .ts7-loading-icon::after,
html[data-color-mode='dark'] #ts7-search-result .ts7-loading-icon::after,
body[data-color-mode='dark'] #ts7-search-result .ts7-loading-icon::after,
body.dark-mode #ts7-search-result .ts7-loading-icon::after,
[data-theme='dark'] #ts7-search-result .ts7-loading-icon::after {
  border-top-color: #22c55e !important;
  border-right-color: #4ade80 !important;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.55), 0 0 24px rgba(74, 222, 128, 0.38) !important;
}

html[data-color-mode='dark'] #id_ts7_app_page_main_div .loading-icon,
body[data-color-mode='dark'] #id_ts7_app_page_main_div .loading-icon,
body.dark-mode #id_ts7_app_page_main_div .loading-icon,
[data-theme='dark'] #id_ts7_app_page_main_div .loading-icon,
html[data-color-mode='dark'] #ts7-search-result .loading-icon,
body[data-color-mode='dark'] #ts7-search-result .loading-icon,
body.dark-mode #ts7-search-result .loading-icon,
[data-theme='dark'] #ts7-search-result .loading-icon {
  border-color: rgba(34, 197, 94, 0.2) !important;
  border-top-color: #22c55e !important;
}

html[data-color-mode='dark'] #id_ts7_app_page_main_div .spinner .path,
body[data-color-mode='dark'] #id_ts7_app_page_main_div .spinner .path,
body.dark-mode #id_ts7_app_page_main_div .spinner .path,
[data-theme='dark'] #id_ts7_app_page_main_div .spinner .path,
html[data-color-mode='dark'] #ts7-search-result .spinner .path,
body[data-color-mode='dark'] #ts7-search-result .spinner .path,
body.dark-mode #ts7-search-result .spinner .path,
[data-theme='dark'] #ts7-search-result .spinner .path {
  stroke: #22c55e !important;
/* Header Predictive Search - Unified Premium Panel      */
/* ===================================================== */
#shopify__header__section :is(predictive-search.header-inline-search, predictive-search.search-modal__form) {
  --tgpt-ps-panel-bg: #ffffff;
  --tgpt-ps-panel-border: #e5e7eb;
  --tgpt-ps-panel-shadow: 0 18px 34px rgba(15, 23, 42, 0.14);
  --tgpt-ps-text: #111827;
  --tgpt-ps-muted: #6b7280;
  --tgpt-ps-divider: rgba(15, 23, 42, 0.08);
  --tgpt-ps-hover: rgba(22, 163, 74, 0.1);
  --tgpt-ps-hover-border: rgba(15, 122, 53, 0.24);
  --tgpt-ps-thumb-bg: #ffffff;
  --tgpt-ps-thumb-border: #e5e7eb;
  --tgpt-ps-price: #166534;
  --tgpt-ps-price-old: #6b7280;
  --tgpt-ps-btn-bg: #0f7a35;
  --tgpt-ps-btn-bg-hover: #0b6030;
  --tgpt-ps-btn-border: #0f7a35;
  --tgpt-ps-btn-text: #ffffff;
}

html[data-color-mode='dark'] #shopify__header__section :is(predictive-search.header-inline-search, predictive-search.search-modal__form),
body[data-color-mode='dark'] #shopify__header__section :is(predictive-search.header-inline-search, predictive-search.search-modal__form),
body.dark-mode #shopify__header__section :is(predictive-search.header-inline-search, predictive-search.search-modal__form),
[data-theme='dark'] #shopify__header__section :is(predictive-search.header-inline-search, predictive-search.search-modal__form),
html.dark #shopify__header__section :is(predictive-search.header-inline-search, predictive-search.search-modal__form) {
  --tgpt-ps-panel-bg: #070b09;
  --tgpt-ps-panel-border: rgba(255, 255, 255, 0.14);
  --tgpt-ps-panel-shadow: 0 22px 40px rgba(0, 0, 0, 0.56);
  --tgpt-ps-text: #f8fafc;
  --tgpt-ps-muted: #9ca3af;
  --tgpt-ps-divider: rgba(255, 255, 255, 0.1);
  --tgpt-ps-hover: rgba(34, 197, 94, 0.16);
  --tgpt-ps-hover-border: rgba(74, 222, 128, 0.3);
  --tgpt-ps-thumb-bg: #0f1512;
  --tgpt-ps-thumb-border: rgba(255, 255, 255, 0.12);
  --tgpt-ps-price: #4ade80;
  --tgpt-ps-price-old: #94a3b8;
  --tgpt-ps-btn-bg: linear-gradient(135deg, #22c55e, #4ade80);
  --tgpt-ps-btn-bg-hover: linear-gradient(135deg, #16a34a, #22c55e);
  --tgpt-ps-btn-border: rgba(74, 222, 128, 0.7);
  --tgpt-ps-btn-text: #03150a;
}

#shopify__header__section .predictive-search.predictive-search--header {
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  width: 100% !important;
  max-height: none !important;
  height: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#shopify__header__section predictive-search[loading] .predictive-search.predictive-search--header {
  max-height: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#shopify__header__section .tgpt-predictive-results {
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-height: min(68vh, 560px) !important;
  border: 1px solid var(--tgpt-ps-panel-border) !important;
  border-radius: 16px !important;
  background: var(--tgpt-ps-panel-bg) !important;
  box-shadow: var(--tgpt-ps-panel-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__heading {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 14px 10px !important;
  border-bottom: 1px solid var(--tgpt-ps-divider) !important;
  color: var(--tgpt-ps-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 6px 10px 0 !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__results-list {
  margin: 0 !important;
  padding: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__list-item {
  margin: 0 !important;
  border-bottom: 1px solid var(--tgpt-ps-divider) !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__list-item:last-child {
  border-bottom: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item {
  padding: 0 !important;
}

#shopify__header__section .tgpt-predictive-results :is(.predictive-search__item--link, .predictive-search__item--term) {
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item--term {
  grid-template-columns: 18px minmax(0, 1fr) !important;
  padding-block: 12px !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__list-item[aria-selected='true'] :is(.predictive-search__item--link, .predictive-search__item--term),
#shopify__header__section .tgpt-predictive-results :is(.predictive-search__item--link, .predictive-search__item--term):hover {
  background: var(--tgpt-ps-hover) !important;
  border-color: var(--tgpt-ps-hover-border) !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__image-wrap {
  width: 60px !important;
  height: 60px !important;
  border-radius: 12px !important;
  border: 1px solid var(--tgpt-ps-thumb-border) !important;
  background: var(--tgpt-ps-thumb-bg) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-content--product {
  min-width: 0 !important;
  padding: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-heading {
  margin: 0 !important;
  color: var(--tgpt-ps-text) !important;
  font-size: 14px !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-heading mark {
  color: var(--tgpt-ps-price) !important;
  background: transparent !important;
}

#shopify__header__section .tgpt-predictive-results :is(.predictive-search__item-rating, .predictive-search__query-text, .predictive-search__empty) {
  color: var(--tgpt-ps-muted) !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price {
  margin-top: 5px !important;
  text-align: left !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price :is(.price, .price dl, .price__sale, .price__regular) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  text-align: left !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price dt {
  display: none !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price dd {
  margin: 0 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price .price__sale .price-item--regular {
  color: var(--tgpt-ps-price-old) !important;
  text-decoration: line-through !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__item-price :is(.price__sale .price-item--sale, .price__regular .price-item--regular) {
  color: var(--tgpt-ps-price) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__footer {
  position: sticky !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 6 !important;
  margin-top: auto !important;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid var(--tgpt-ps-divider) !important;
  background: var(--tgpt-ps-panel-bg) !important;
  pointer-events: auto !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__view-all {
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid var(--tgpt-ps-btn-border) !important;
  background: var(--tgpt-ps-btn-bg) !important;
  color: var(--tgpt-ps-btn-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__view-all:hover {
  background: var(--tgpt-ps-btn-bg-hover) !important;
  border-color: var(--tgpt-ps-btn-border) !important;
  color: var(--tgpt-ps-btn-text) !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__view-all-arrow {
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  transform: rotate(45deg);
}

#shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll::-webkit-scrollbar {
  width: 6px !important;
}

#shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(15, 122, 53, 0.35) !important;
}

@media (max-width: 991px) {
  #shopify__header__section .tgpt-predictive-results {
    max-height: min(62dvh, 500px) !important;
    border-radius: 14px !important;
  }

  #shopify__header__section .tgpt-predictive-results .predictive-search__results-scroll {
    padding-inline: 8px !important;
  }

  #shopify__header__section .tgpt-predictive-results :is(.predictive-search__item--link, .predictive-search__item--term) {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  #shopify__header__section .tgpt-predictive-results .predictive-search__image-wrap {
    width: 56px !important;
    height: 56px !important;
  }
}

/* ===================================================== */
/* TS7 Search Result Exact Class Color Overrides         */
/* ===================================================== */
body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price .ts7-pro-price,
body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price span[class*='ts7-pro-price-'],
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price .ts7-pro-price,
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price span[class*='ts7-pro-price-'] {
  color: #166534 !important;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']),
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']) {
  color: #64748b !important;
  text-decoration: line-through;
  text-decoration-color: #64748b;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7-buy-btn,
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7-buy-btn {
  background-color: #166534 !important;
  border-color: #166534 !important;
  color: #ffffff !important;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7_result-addToCart,
body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7-outline-btn.ts7_result-addToCart,
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7_result-addToCart,
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7-outline-btn.ts7_result-addToCart {
  background-color: #ffffff !important;
  border-color: #166534 !important;
  color: #166534 !important;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView,
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView {
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(22, 101, 52, 0.26) !important;
  color: #166534 !important;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView svg *,
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price .ts7-pro-price,
html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price span[class*='ts7-pro-price-'],
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price .ts7-pro-price,
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price .ts7-pro-price,
body.dark-mode.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price .ts7-pro-price {
  color: #7eff43 !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']),
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']),
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']),
body.dark-mode.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-content .ts7-product-price :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']) {
  color: rgba(214, 227, 242, 0.78) !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7-buy-btn,
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7-buy-btn,
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7-buy-btn,
body.dark-mode.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7-buy-btn {
  background-color: #22c55e !important;
  border-color: #22c55e !important;
  color: #04130a !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7_result-addToCart,
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7_result-addToCart,
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7_result-addToCart,
body.dark-mode.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7_result-item-btn .ts7-product-buttons .ts7-result-btn.ts7_result-addToCart {
  background-color: rgba(8, 20, 14, 0.72) !important;
  border-color: rgba(126, 255, 67, 0.45) !important;
  color: #7eff43 !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView,
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView,
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView,
body.dark-mode.tgpt-sr-filter-page #ts7-search-result :is(.ts7-product-card, .ts7-product-grid, .ts7_search-result-item-inner) .ts7-product-image .ts7-tooltip.ts7-quickview-container > .ts7_result-quickView {
  background-color: rgba(7, 18, 13, 0.88) !important;
  border-color: rgba(126, 255, 67, 0.42) !important;
  color: #7eff43 !important;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-text-center .ts7-btn,
body.tgpt-sr-filter-page #ts7-search-result .ts7-text-center .ts7-btn,
body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-text-center .ts7-btn svg,
body.tgpt-sr-filter-page #ts7-search-result .ts7-text-center .ts7-btn svg,
body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-text-center .ts7-btn svg *,
body.tgpt-sr-filter-page #ts7-search-result .ts7-text-center .ts7-btn svg * {
  color: #0f7a35 !important;
  fill: #0f7a35 !important;
  stroke: #0f7a35 !important;
  border-color: rgba(15, 122, 53, 0.36) !important;
}

/* ===================================================== */
/* Header Desktop Social Brand Colors                    */
/* ===================================================== */
@media (min-width: 992px) {
  .header__topbar .header-top-social-media .list-social__link.facebook,
  .header__topbar .header-top-social-media .list-social__link.facebook:link,
  .header__topbar .header-top-social-media .list-social__link.facebook:visited,
  .header__topbar .header-top-social-media .list-social__link.facebook:hover,
  .header__topbar .header-top-social-media .list-social__link.facebook:focus-visible,
  .header__topbar .header-top-social-media .list-social__link[href*='facebook'],
  .header__topbar .header-top-social-media .list-social__link[href*='facebook']:link,
  .header__topbar .header-top-social-media .list-social__link[href*='facebook']:visited,
  .header__topbar .header-top-social-media .list-social__link[href*='facebook']:hover,
  .header__topbar .header-top-social-media .list-social__link[href*='facebook']:focus-visible {
    color: #1877f2 !important;
  }

  .header__topbar .header-top-social-media .list-social__link.tiktok,
  .header__topbar .header-top-social-media .list-social__link[href*='tiktok'] {
    color: #25f4ee !important;
    filter: drop-shadow(1px 0 #fe2c55);
  }

  .header__topbar .header-top-social-media .list-social__link.facebook svg,
  .header__topbar .header-top-social-media .list-social__link.facebook svg *,
  .header__topbar .header-top-social-media .list-social__link[href*='facebook'] svg,
  .header__topbar .header-top-social-media .list-social__link[href*='facebook'] svg *,
  .header__topbar .header-top-social-media .list-social__link.tiktok svg,
  .header__topbar .header-top-social-media .list-social__link.tiktok svg *,
  .header__topbar .header-top-social-media .list-social__link[href*='tiktok'] svg,
  .header__topbar .header-top-social-media .list-social__link[href*='tiktok'] svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html[data-color-mode='dark'] .header__topbar .header-top-social-media .list-social__link.facebook,
  html[data-color-mode='dark'] .header__topbar .header-top-social-media .list-social__link[href*='facebook'],
  body[data-color-mode='dark'] .header__topbar .header-top-social-media .list-social__link.facebook,
  body[data-color-mode='dark'] .header__topbar .header-top-social-media .list-social__link[href*='facebook'],
  body.dark-mode .header__topbar .header-top-social-media .list-social__link.facebook,
  body.dark-mode .header__topbar .header-top-social-media .list-social__link[href*='facebook'],
  [data-theme='dark'] .header__topbar .header-top-social-media .list-social__link.facebook,
  [data-theme='dark'] .header__topbar .header-top-social-media .list-social__link[href*='facebook'] {
    color: #1877f2 !important;
  }

  html[data-color-mode='dark'] .header__topbar .header-top-social-media .list-social__link.tiktok,
  html[data-color-mode='dark'] .header__topbar .header-top-social-media .list-social__link[href*='tiktok'],
  body[data-color-mode='dark'] .header__topbar .header-top-social-media .list-social__link.tiktok,
  body[data-color-mode='dark'] .header__topbar .header-top-social-media .list-social__link[href*='tiktok'],
  body.dark-mode .header__topbar .header-top-social-media .list-social__link.tiktok,
  body.dark-mode .header__topbar .header-top-social-media .list-social__link[href*='tiktok'],
  [data-theme='dark'] .header__topbar .header-top-social-media .list-social__link.tiktok,
  [data-theme='dark'] .header__topbar .header-top-social-media .list-social__link[href*='tiktok'] {
    color: #25f4ee !important;
    filter: drop-shadow(1px 0 #fe2c55);
  }
}

/* ===================================================== */
/* TS7 Top Search Products Final Card Override           */
/* ===================================================== */
body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap,
body.tgpt-sr-filter-page #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap {
  display: flex;
  align-items: center;
  gap: 9px;
  row-gap: 6px;
  flex-wrap: wrap;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-pro-price, span[class*='ts7-pro-price-']),
body.tgpt-sr-filter-page #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-pro-price, span[class*='ts7-pro-price-']) {
  color: #166534 !important;
  font-weight: 800;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']),
body.tgpt-sr-filter-page #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']) {
  color: #64748b !important;
  text-decoration: line-through;
  text-decoration-color: #64748b;
  text-decoration-thickness: 1.5px;
  font-weight: 600;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-result-btn.ts7-outline-btn.ts7-btn.ts7_result-addToCart,
body.tgpt-sr-filter-page #ts7-search-result .ts7-result-btn.ts7-outline-btn.ts7-btn.ts7_result-addToCart {
  border-radius: 999px;
  min-height: 42px;
  padding: 0 16px;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, color 0.24s ease, background-color 0.24s ease;
  background-color: #ffffff !important;
  border-color: #166534 !important;
  color: #166534 !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.14) !important;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7-buy-btn,
body.tgpt-sr-filter-page #ts7-search-result .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7-buy-btn {
  border-radius: 999px;
  min-height: 42px;
  padding: 0 16px;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, color 0.24s ease, background 0.24s ease;
  background: linear-gradient(135deg, #166534, #0f7a35) !important;
  border-color: #0f7a35 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(22, 101, 52, 0.32) !important;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-tooltip.ts7-quickview-container,
body.tgpt-sr-filter-page #ts7-search-result .ts7-tooltip.ts7-quickview-container {
  z-index: 18;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView,
body.tgpt-sr-filter-page #ts7-search-result .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 999px;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, color 0.24s ease, background-color 0.24s ease;
  background-color: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(22, 101, 52, 0.24) !important;
  color: #166534 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16) !important;
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result :is(.ts7-result-btn.ts7-outline-btn.ts7-btn.ts7_result-addToCart, .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7-buy-btn, .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView):is(:hover, :focus-visible),
body.tgpt-sr-filter-page #ts7-search-result :is(.ts7-result-btn.ts7-outline-btn.ts7-btn.ts7_result-addToCart, .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7-buy-btn, .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView):is(:hover, :focus-visible) {
  transform: translateY(-2px);
}

body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView svg *,
body.tgpt-sr-filter-page #ts7-search-result .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-pro-price, span[class*='ts7-pro-price-']),
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-pro-price, span[class*='ts7-pro-price-']),
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-pro-price, span[class*='ts7-pro-price-']),
body.dark-mode.tgpt-sr-filter-page #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-pro-price, span[class*='ts7-pro-price-']) {
  color: #22c55e !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']),
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']),
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']),
body.dark-mode.tgpt-sr-filter-page #ts7-search-result .ts7-product-content .ts7-product-price .ts7-d-flex.ts7-align-items-center.ts7-flex-wrap :is(.ts7-price.discount, .ts7-discount-price, span[class*='ts7-pro-discount-']) {
  color: rgba(203, 213, 225, 0.78) !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-result-btn.ts7-outline-btn.ts7-btn.ts7_result-addToCart,
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-result-btn.ts7-outline-btn.ts7-btn.ts7_result-addToCart,
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result .ts7-result-btn.ts7-outline-btn.ts7-btn.ts7_result-addToCart,
body.dark-mode.tgpt-sr-filter-page #ts7-search-result .ts7-result-btn.ts7-outline-btn.ts7-btn.ts7_result-addToCart {
  background-color: rgba(5, 14, 10, 0.88) !important;
  border-color: rgba(74, 222, 128, 0.58) !important;
  color: #4ade80 !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.44) !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7-buy-btn,
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7-buy-btn,
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7-buy-btn,
body.dark-mode.tgpt-sr-filter-page #ts7-search-result .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7-buy-btn {
  background: linear-gradient(135deg, #16a34a, #22c55e) !important;
  border-color: rgba(74, 222, 128, 0.85) !important;
  color: #04130a !important;
  box-shadow: 0 12px 26px rgba(3, 12, 8, 0.55) !important;
}

html[data-color-mode='dark'] body.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView,
body.dark-mode.tgpt-sr-filter-page:has(#ts7-search-result) #ts7-search-result .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView,
html[data-color-mode='dark'] body.tgpt-sr-filter-page #ts7-search-result .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView,
body.dark-mode.tgpt-sr-filter-page #ts7-search-result .ts7-tooltip.ts7-quickview-container > .ts7-result-btn.ts7-text-deco-none.ts7-btn.ts7-btn-primary.ts7_result-quickView {
  background-color: rgba(7, 18, 13, 0.9) !important;
  border-color: rgba(74, 222, 128, 0.62) !important;
  color: #4ade80 !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.52) !important;
}

/* ===================================================== */
/* Dark Mode Product Media Backgrounds (Homepage)        */
/* ===================================================== */
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail,
html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail {
  background: #020617 !important;
}

html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail :is(.tgpt-product-card__media-frame, .tgpt-product-card__media, .tgpt-product-card__image, .tgpt-product-card__media-link, .tgpt-product-card__media-link .media, .product-grid-item__image, .media),
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail :is(.tgpt-product-card__media-frame, .tgpt-product-card__media, .tgpt-product-card__image, .tgpt-product-card__media-link, .tgpt-product-card__media-link .media, .product-grid-item__image, .media),
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail :is(.tgpt-product-card__media-frame, .tgpt-product-card__media, .tgpt-product-card__image, .tgpt-product-card__media-link, .tgpt-product-card__media-link .media, .product-grid-item__image, .media),
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail :is(.tgpt-product-card__media-frame, .tgpt-product-card__media, .tgpt-product-card__image, .tgpt-product-card__media-link, .tgpt-product-card__media-link .media, .product-grid-item__image, .media),
html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail :is(.tgpt-product-card__media-frame, .tgpt-product-card__media, .tgpt-product-card__image, .tgpt-product-card__media-link, .tgpt-product-card__media-link .media, .product-grid-item__image, .media) {
  background: #020617 !important;
}

html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail .tgpt-product-card__media-frame,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail .tgpt-product-card__media-frame,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail .tgpt-product-card__media-frame,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail .tgpt-product-card__media-frame,
html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin .product-grid-item__thumbnail .tgpt-product-card__media-frame {
  border: 1px solid rgba(22, 163, 74, 0.24) !important;
  box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.08) !important;
}

html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-frame,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-frame,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-frame,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-frame,
html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-frame {
  background: #020617 !important;
  border: 1px solid rgba(22, 163, 74, 0.24) !important;
}

html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link .media,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link .media,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link .media,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link .media,
html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link,
html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .featured-collection-sectoin.featured-collection--tgpt-rail .product-grid-item--new-arrivals .product-grid-item__thumbnail .tgpt-product-card__media-link .media {
  background: #020617 !important;
}

/* ===================================================== */
/* Facebook Brand Blue Across Header/Footer Socials      */
/* ===================================================== */
.social-media-list .list-social__link.facebook,
.social-media-list .list-social__link[href*='facebook'],
.footer__list-social .list-social__link.facebook,
.footer__list-social .list-social__link[href*='facebook'],
.header-top-social-media .list-social__link.facebook,
.header-top-social-media .list-social__link[href*='facebook'] {
  color: #1877f2 !important;
}

.social-media-list .list-social__link.facebook :is(svg, svg *),
.social-media-list .list-social__link[href*='facebook'] :is(svg, svg *),
.footer__list-social .list-social__link.facebook :is(svg, svg *),
.footer__list-social .list-social__link[href*='facebook'] :is(svg, svg *),
.header-top-social-media .list-social__link.facebook :is(svg, svg *),
.header-top-social-media .list-social__link[href*='facebook'] :is(svg, svg *) {
  color: #1877f2 !important;
  fill: #1877f2 !important;
  stroke: #1877f2 !important;
}

.tgpt-shot-footer__social-link--facebook,
a[class*='ai-tech-footer-social-link-'][href*='facebook'] {
  color: #1877f2 !important;
  border-color: rgba(24, 119, 242, 0.48) !important;
  background: rgba(24, 119, 242, 0.14) !important;
}

.tgpt-shot-footer__social-link--facebook :is(svg, svg *),
a[class*='ai-tech-footer-social-link-'][href*='facebook'] :is(svg, svg *) {
  color: #1877f2 !important;
  fill: #1877f2 !important;
  stroke: #1877f2 !important;
}

/* ===================================================== */
/* ===================================================== */
/* Top Categories Premium Slider (Homepage Only)         */
/* ===================================================== */
:root {
  --tg-green: #16a34a;
  --tg-green-bright: #39ff6a;
  --tg-category-bg: #ffffff;
  --tg-category-page: #f7f9fc;
  --tg-category-text: #111827;
  --tg-category-muted: #6b7280;
  --tg-category-border: #e5e7eb;
  --tg-category-glow: rgba(22, 163, 74, 0.16);
}

html.dark,
body.dark-mode,
[data-theme='dark'],
html[data-color-mode='dark'],
body[data-color-mode='dark'] {
  --tg-category-bg: linear-gradient(180deg, #101816, #060807);
  --tg-category-page: #000000;
  --tg-category-text: #ffffff;
  --tg-category-muted: #b6c2bd;
  --tg-category-border: rgba(34, 197, 94, 0.35);
  --tg-category-glow: rgba(57, 255, 106, 0.28);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories {
  position: relative;
  margin: clamp(18px, 2.4vw, 30px) 0 0;
  padding: clamp(16px, 2.2vw, 24px);
  border-radius: 26px;
  background:
    radial-gradient(120% 120% at 12% 0%, rgba(22, 163, 74, 0.08), transparent 58%),
    var(--tg-category-page);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  overflow: visible;
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories {
  background:
    radial-gradient(130% 120% at 10% -10%, rgba(57, 255, 106, 0.16), transparent 60%),
    linear-gradient(180deg, #050807, #000000);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.44);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 clamp(14px, 2vw, 22px);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__title-wrap {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__title-accent {
  width: 30px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0f7a35, var(--tg-green));
  box-shadow: 0 0 14px rgba(22, 163, 74, 0.34);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__title {
  margin: 0;
  color: var(--tg-category-text) !important;
  font-size: clamp(2.8rem, 2.15vw, 3.8rem);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.02em;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(22, 163, 74, 0.34);
  background: #ffffff;
  color: #0f7a35 !important;
  font-size: 1.42rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse:hover {
  transform: translateY(-2px);
  border-color: rgba(22, 163, 74, 0.56);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse {
  background: rgba(4, 10, 8, 0.76);
  border-color: rgba(57, 255, 106, 0.36);
  color: #8dff9e !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.38);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__carousel {
  position: relative;
  padding: 0;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__viewport {
  min-width: 0;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(22, 163, 74, 0.3);
  background: #ffffff;
  color: #0f7a35;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
  z-index: 3;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav--prev {
  left: 0;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav--next {
  right: 0;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav:hover:not(:disabled) {
  transform: translateY(calc(-50% - 2px));
  border-color: rgba(22, 163, 74, 0.58);
  box-shadow: 0 14px 26px rgba(15, 23, 42, 0.14);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav {
  background: rgba(8, 14, 10, 0.9);
  border-color: rgba(57, 255, 106, 0.38);
  color: #7dff96;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.42);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 4px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 6px 4px 12px;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track::-webkit-scrollbar {
  display: none;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track > .collection-list__item {
  flex: 0 0 calc((100% - (6 * 14px)) / 7.2) !important;
  max-width: calc((100% - (6 * 14px)) / 7.2) !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  scroll-snap-align: start;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index)
  .tgpt-top-categories
  .collection-list__item.grid__item.card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index)
  .tgpt-top-categories
  .tgpt-top-categories__nav {
  display: none !important;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card,
:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button {
  position: relative;
  width: 100%;
  min-height: 232px;
  height: 100%;
  margin: 0 !important;
  padding: 22px 18px 18px !important;
  border-radius: 22px !important;
  border: 1px solid var(--tg-category-border) !important;
  background: var(--tg-category-bg) !important;
  color: var(--tg-category-text) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  text-decoration: none !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card:hover,
:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card:focus-visible,
:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover {
  transform: translateY(-6px);
  border-color: var(--tg-green) !important;
  box-shadow: 0 18px 30px rgba(15, 23, 42, 0.14), 0 0 24px rgba(22, 163, 74, 0.14);
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card,
html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button {
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(57, 255, 106, 0.08);
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card:hover,
html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card:hover,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card:hover,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card:hover,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card:hover,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover {
  border-color: #39ff6a !important;
  box-shadow: 0 20px 34px rgba(0, 0, 0, 0.5), 0 0 28px rgba(57, 255, 106, 0.24);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .card--stretch {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  overflow: hidden !important;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media {
  width: 124px !important;
  height: 124px !important;
  min-height: 124px !important;
  padding-bottom: 0 !important;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  background:
    radial-gradient(circle at 50% 38%, var(--tg-category-glow) 0%, rgba(22, 163, 74, 0.06) 62%, transparent 100%),
    #ffffff;
  box-shadow: 0 12px 24px rgba(22, 163, 74, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  isolation: isolate;
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media {
  background:
    radial-gradient(circle at 50% 36%, rgba(57, 255, 106, 0.28), rgba(57, 255, 106, 0.08) 60%, transparent 100%),
    linear-gradient(180deg, #101816, #060807);
  border: 0 !important;
  box-shadow: 0 12px 26px rgba(57, 255, 106, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media > img,
:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media .collection-image,
:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media .motion-reduce {
  position: static !important;
  transform: scale(1.18) !important;
  width: 84% !important;
  max-width: 84% !important;
  height: 84% !important;
  max-height: 84% !important;
  object-fit: contain !important;
  transition: transform 0.25s ease !important;
  transform-origin: center center !important;
  will-change: transform;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index)
  .collection-list--desktop-grid.tgpt-top-categories__track
  .collection-list__item:hover
  .collection__card
  .media
  > img,
:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index)
  .collection-list--desktop-grid.tgpt-top-categories__track
  .collection-list__item:hover
  .collection__card
  .media
  .collection-image,
:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index)
  .collection-list--desktop-grid.tgpt-top-categories__track
  .collection-list__item:hover
  .collection__card
  .media
  .motion-reduce {
  transform: scale(1.24) !important;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card :is(.collection__card_relative, .collection__card_text) {
  position: static !important;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__title {
  margin: 0;
  color: var(--tg-category-text) !important;
  font-size: clamp(1.62rem, 1.1vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__product_count {
  color: var(--tg-category-muted) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0;
  font-size: 1.24rem;
  font-weight: 700;
  line-height: 1.25;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__product_count::after {
  content: '';
  display: block;
  width: 32px;
  height: 2px;
  margin: 8px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #0f7a35, var(--tg-green));
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button::after {
  content: '↗';
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(22, 163, 74, 0.46);
  color: #0f7a35;
  background: rgba(255, 255, 255, 0.92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  transition: all 0.25s ease;
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button::after,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button::after,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button::after,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button::after,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button::after {
  border-color: rgba(57, 255, 106, 0.54);
  color: #9effa8;
  background: rgba(5, 14, 9, 0.95);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover::after {
  color: #ffffff;
  border-color: rgba(22, 163, 74, 0.7);
  background: linear-gradient(135deg, #0f7a35, var(--tg-green));
  box-shadow: 0 8px 16px rgba(22, 163, 74, 0.28);
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover::after,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover::after,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover::after,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover::after,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button:hover::after {
  color: #05210f;
  background: linear-gradient(135deg, #39ff6a, #16c95c);
  border-color: rgba(57, 255, 106, 0.8);
  box-shadow: 0 8px 18px rgba(57, 255, 106, 0.34);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__icon {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 1px solid rgba(22, 163, 74, 0.42);
  background:
    radial-gradient(circle at center, var(--tg-category-glow), rgba(22, 163, 74, 0.05) 62%, transparent 100%),
    #ffffff;
}

html.dark :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__icon,
body.dark-mode :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__icon,
[data-theme='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__icon,
html[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__icon,
body[data-color-mode='dark'] :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__icon {
  border-color: rgba(57, 255, 106, 0.56);
  background:
    radial-gradient(circle at center, rgba(57, 255, 106, 0.26), rgba(57, 255, 106, 0.08) 62%, transparent 100%),
    linear-gradient(180deg, #101816, #060807);
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__title {
  color: var(--tg-category-text) !important;
  font-size: 1.66rem;
  font-weight: 800;
}

:is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__text {
  color: var(--tg-category-muted) !important;
  font-size: 1.24rem;
  font-weight: 700;
}

@media (min-width: 1400px) {
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track > .collection-list__item {
    flex-basis: calc((100% - (7 * 14px)) / 8) !important;
    max-width: calc((100% - (7 * 14px)) / 8) !important;
  }
}

@media (min-width: 750px) and (max-width: 1023px) {
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track {
    gap: 12px;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track > .collection-list__item {
    flex-basis: calc((100% - (3 * 12px)) / 4.5) !important;
    max-width: calc((100% - (3 * 12px)) / 4.5) !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button {
    min-height: 218px;
    padding: 20px 14px 16px !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__icon {
    width: 96px !important;
    height: 96px !important;
    min-height: 96px !important;
  }
}

@media (max-width: 749px) {
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-mobile-top-categories {
    display: none !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories {
    margin-top: 12px;
    padding: 14px 12px 16px;
    border-radius: 20px;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__header {
    flex-wrap: wrap;
    margin-bottom: 12px;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__title {
    font-size: 2.8rem;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-desktop-top-categories__browse {
    min-height: 42px;
    padding: 0 14px;
    font-size: 1.28rem;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__carousel {
    padding-inline: 0;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .tgpt-top-categories__nav {
    display: none;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track {
    display: flex !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track {
    gap: 10px;
    padding: 4px 0 8px;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track > .collection-list__item {
    flex: 0 0 calc((100% - 12px) / 2.2) !important;
    max-width: calc((100% - 12px) / 2.2) !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button {
    min-height: 192px;
    padding: 16px 12px 14px !important;
    border-radius: 18px !important;
    transform: none !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__card .media,
  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__icon {
    width: 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    box-shadow: 0 10px 18px rgba(22, 163, 74, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.78);
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__title {
    font-size: 1.44rem !important;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .collection__product_count {
    font-size: 1.08rem;
  }

  :is(body[data-tgpt-page='home'], body.template-index, body.page-type-index) .collection-list--desktop-grid.tgpt-top-categories__track .tgpt-desktop-more-category-card__button::after {
    width: 24px;
    height: 24px;
    font-size: 1.1rem;
    bottom: 10px;
  }
}