/** Shopify CDN: Minification failed

Line 3575:24 Unexpected "__item"
Line 3581:24 Unexpected "__item-title"
Line 3586:24 Unexpected "__item-copy"
Line 3590:24 Unexpected "__icon"

**/
/* ==========================================================================
   TANAQUA LIFE — MASTER DESIGN TOKENS (DYNAMIC CSS VARIABLES)
   All site-wide colors, surfaces, and contrast tokens are centralized here.
   Changes here or via Shopify Theme Settings instantly update the entire store!
   ========================================================================== */
:root {
  /* 1. Primary Accent: Electric Lime Yellow (#d8f420)
        Used for CTAs, buttons, active pills, badges, icon highlights & focus borders */
  --tq-primary: var(--theme-color, #d8f420);
  --tq-primary-hover: #c2dd19;
  --tq-primary-rgb: 216, 244, 32;

  /* 2. Primary High-Contrast Text: Deep Ocean Navy (#0a0f34)
        Ensures any text placed ON --tq-primary background is ALWAYS 100% sharp & readable */
  --tq-primary-text: #0a0f34;

  /* 3. Secondary / Brand Dark: Deep Ocean Navy Blue (#0a0f34)
        Used for Headers, Navbars, Dark Sections, Footers & Modals */
  --tq-secondary: var(--second-color, #0a0f34);
  --tq-secondary-hover: #172054;
  --tq-secondary-rgb: 10, 15, 52;
  --tq-secondary-text: #ffffff;

  /* 4. Neutral Surfaces & Cards */
  --tq-bg-body: #ffffff;
  --tq-bg-surface: #f8fafc;
  --tq-bg-card: #ffffff;
  --tq-border-subtle: #e2e8f0;
  --tq-border-dark: rgba(10, 15, 52, 0.15);

  /* 5. Typography */
  --tq-heading: #0a0f34;
  --tq-text: #334155;
  --tq-text-muted: #64748b;

  /* Shopify Theme Engine Fallback Bindings */
  --theme-color: #d8f420 !important;
  --second-color: #0a0f34 !important;
  --black: #0a0f34 !important;
  --theme-font: #0a0f34 !important;
}
.theme-bg{
    /* background: var(--black); */
    color: var(--theme-font);
}

/* .section-title .tagline {
  /* background: var(--second-color);  */
  /* display: inline; */
  /* padding: 15px 10px; */
  /* border-radius:20px; */
  /* margin-bottom:20px; *
} */

/* ============================================
   TAN AQUA LIFE — Category Card Hover Effect
   CORRECTED VERSION — Layout Safe
   ============================================ */

/* --- Card Base Setup --- */
.category-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px;
  cursor: pointer;
  min-height: 260px;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  box-shadow: 0 4px 18px rgba(34, 41, 91, 0.25);
}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 36px rgba(19, 174, 225, 0.35);
}

/* --- Image Container fills full card --- */
.category-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

.category-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s ease !important;
  transform: scale(1.04) !important;
  display: block;
}

.category-card:hover .category-img img {
  transform: scale(1.12) !important;
}

/* --- Dark Gradient Overlay on Image --- */
.category-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(34, 41, 91, 0.42) 55%,
    rgba(0, 0, 0, 0.80) 100%
  );
  transition: background 0.4s ease;
  z-index: 1;
}

.category-card:hover .category-img::after {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.18) 0%,
    rgba(34, 41, 91, 0.62) 48%,
    rgba(0, 0, 0, 0.92) 100%
  );
}

/* --- Card Body (Text Area) — always at bottom --- */
.category-card-body {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2 !important;
  padding: 14px 16px !important;
  transform: translateY(0);
  transition: transform 0.35s ease;
}

/* --- Title --- */
.category-card-body h3,
.category-card-body h4,
.category-card-body .category-title {
  color: #FAE100 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.85);
  line-height: 1.3;
}

/* --- Description: hidden → shows on hover --- */
.category-card-body p {
  color: #FFFFFF !important;
  font-size: 12.5px !important;
  line-height: 1.5;
  margin-bottom: 10px !important;
  overflow: hidden;
  max-height: 0;
  opacity: 1;
  transition: max-height 0.4s ease,
              opacity 0.35s ease 0.08s;
}

.category-card:hover .category-card-body p {
  max-height: 75px;
  opacity: 1;
}

/* --- View More Button --- */
.category-card-body a,
.category-card-body .btn {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  background-color: var(--tq-primary) !important;
  color: var(--tq-primary-text) !important;
  padding: 7px 16px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: none !important;
  transition: background-color 0.25s ease !important;
  margin-bottom:10px;
}

.category-card-body a:hover,
.category-card-body .btn:hover {
  background-color: var(--tq-primary-hover) !important;
}

/* --- Mobile (touch devices) --- */
@media (max-width: 768px) {
  .category-card {
    min-height: 200px;
  }
  .category-card-body p {
    max-height: 65px !important;
    opacity: 1 !important;
  }
}

/* ===================================================
   2. HEADER FEATURE BAR STRIP (Below Header)
   =================================================== */


.tanaqua-feature-bar-section {
  background-color: #ffffff;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  padding: 14px 0;
  position: relative;
  z-index: 10;
  transition: all 0.3s ease;
}

.feature-bar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 20px;
  width: 100%;
}

.feature-bar-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 12px;
  border-radius: 8px;
  transition: all 0.25s ease;
}

.feature-bar-item:hover {
  background-color: rgba(var(--tq-primary-rgb), 0.04);
  transform: translateY(-1px);
}

.feature-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(var(--tq-primary-rgb), 0.1);
  color: var(--tq-primary);
  transition: all 0.25s ease;
}

.feature-bar-item:hover .feature-icon-wrapper {
  background: var(--tq-primary);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(var(--tq-primary-rgb), 0.25);
  transform: scale(1.05);
}

.feature-icon-wrapper svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 2;
  transition: stroke 0.25s ease;
}

.feature-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.feature-item-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--tq-heading);
  margin: 0;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.feature-item-subtitle {
  font-size: 11.5px;
  color: var(--second-font-color, #64748b);
  margin: 3px 0 0;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Tablet: 2x2 Grid with comfortable spacing */
@media (max-width: 991px) {
  .tanaqua-feature-bar-section {
    padding: 12px 0;
  }
  .feature-bar-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 20px;
  }
  .feature-bar-item {
    padding: 6px 10px;
  }
}

/* Mobile: Compact 2x2 Grid with responsive text wrap */
@media (max-width: 575px) {
  .tanaqua-feature-bar-section {
    padding: 10px 0;
  }
  .feature-bar-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 8px;
  }
  .feature-bar-item {
    gap: 10px;
    padding: 4px 6px;
  }
  .feature-icon-wrapper {
    width: 36px;
    height: 36px;
  }
  .feature-icon-wrapper svg {
    width: 18px;
    height: 18px;
  }
  .feature-item-title {
    font-size: 12px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .feature-item-subtitle {
    font-size: 10px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
/* ===================================================
   TANAQUA CUSTOM: Collection Banner Header
   Only delta changes — base.css duplicates excluded
   =================================================== */

  .shopify-section.shop-categories{
    margin-top:60px !important;

   }

/* 1. Orange bg + compact height (base has navy + large padding) */
.shopify-section.common-banner-section {
  background-color: var(--tq-primary) !important;
  padding: 14px 0 !important;
}

/* 2. Back btn: float right + override base margin-bottom:26px */
.common-banner-content .back-btn {
  float: right !important;
  margin-bottom: 0 !important;
  color: #FFFFFF !important;
  border: 2px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 50px !important;
  padding: 6px 18px !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.common-banner-content .back-btn:hover {
  background: rgba(255, 255, 255, 0.25) !important;
}

/* 3. Heading + count: white color override */
.common-banner-content .section-title h2,
.common-banner-content .section-title p {
  color: #FFFFFF !important;
}

/* 4. Mobile: float none, full width button */
@media (max-width: 576px) {
  .common-banner-content .back-btn {
    float: none !important;
    display: inline-flex !important;
    margin-bottom: 8px !important;
  }
  .common-banner-content .section-title h2 {
    font-size: 18px !important;
  }
}

/* 5. Force full width — col-lg-7 override (add to tanaqua-custom.css) */
.common-banner-section .col-lg-7 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}



/* ===================================================
   4. SHOP BY CATEGORY PILLS & MARQUEE
   =================================================== */
.section-header-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 28px;
  gap: 15px;
}

.section-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.section-sub-title {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.section-main-title {
  font-size: 26px;
  font-weight: 800;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.3px;
}

.view-all-link {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.view-all-link:hover {
  transform: translateX(4px);
  opacity: 0.85;
}

/* Category Pills Grid */
.category-pills-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px 16px;
  justify-items: center;
  align-items: start;
  margin-bottom: 15px;
}

.category-pill-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  width: 100%;
  max-width: 140px;
  padding: 8px 4px;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  cursor: pointer;
}

.category-pill-card:hover {
  transform: translateY(-6px);
}

.category-pill-image-wrap {
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: 2px solid transparent;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.category-pill-image-wrap.shape-circular {
  border-radius: 50%;
}

.category-pill-image-wrap.shape-rounded {
  border-radius: 24px;
}

.category-pill-card:hover .category-pill-image-wrap,
.category-pill-card:focus-visible .category-pill-image-wrap,
.category-pill-card.is-active .category-pill-image-wrap {
  border-color: var(--tq-primary);
  box-shadow: 0 10px 24px rgba(227, 30, 36, 0.16), 0 4px 10px rgba(0, 0, 0, 0.05);
  transform: scale(1.04);
}

.category-pill-image-wrap img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
}

.category-pill-card:hover .category-pill-image-wrap img {
  transform: scale(1.12);
}

.category-pill-fallback-icon {
  font-size: 42px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  user-select: none;
}

.category-pill-card:hover .category-pill-fallback-icon {
  transform: scale(1.14) rotate(4deg);
}

.category-pill-title {
  margin-top: 12px;
  font-size: 13.5px;
  font-weight: 700;
  text-align: center;
  line-height: 1.25;
  color: var(--tq-heading);
  transition: color 0.25s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.category-pill-card:hover .category-pill-title {
  color: var(--tq-primary);
}

/* Category Pills Grid Responsive Breakpoints */
@media (max-width: 1199px) {
  .category-pills-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 14px;
  }
}

@media (max-width: 991px) {
  .category-pills-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px 12px;
  }
  .category-pill-image-wrap {
    width: 96px;
    height: 96px;
    padding: 12px;
  }
}

@media (max-width: 640px) {
  .section-header-row {
    margin-bottom: 20px;
  }
  .section-main-title {
    font-size: 20px;
  }
  .section-sub-title {
    font-size: 11.5px;
  }
  .view-all-link {
    font-size: 12.5px;
  }
  .category-pills-grid.mobile-scroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 14px;
    padding: 6px 15px 16px;
    margin-left: -15px;
    margin-right: -15px;
    scrollbar-width: none;
  }
  .category-pills-grid.mobile-scroll::-webkit-scrollbar {
    display: none;
  }
  .category-pills-grid.mobile-scroll .category-pill-card {
    flex: 0 0 94px;
    max-width: 94px;
    scroll-snap-align: start;
    padding: 0;
  }
  .category-pills-grid.mobile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
  }
  .category-pills-grid.mobile-grid .category-pill-card {
    max-width: 100%;
  }
  .category-pill-image-wrap {
    width: 84px;
    height: 84px;
    padding: 10px;
  }
  .category-pill-title {
    font-size: 12px;
    margin-top: 8px;
  }
  .category-pill-fallback-icon {
    font-size: 34px;
  }
}

/* ===================================================
   Live Marquee Strip (Seamless Infinite Ticker)
   =================================================== */
.tanaqua-marquee-strip {
  width: 100%;
  margin-top: 36px;
  padding: 14px 0;
  overflow: hidden;
  user-select: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
}

.tanaqua-marquee-strip:hover .marquee-track {
  animation-play-state: paused;
}

.marquee-track {
  display: flex;
  flex-shrink: 0;
  width: max-content;
  will-change: transform;
  animation-name: tanaquaMarquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.marquee-items {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.marquee-content {
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
}

.marquee-bullet {
  opacity: 0.55;
  font-size: 16px;
  padding: 0 8px;
  user-select: none;
}

@keyframes tanaquaMarquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 768px) {
  .tanaqua-marquee-strip {
    margin-top: 24px;
    padding: 11px 0;
  }
  .marquee-content {
    font-size: 12px;
    padding: 0 14px;
    letter-spacing: 0.2px;
  }
  .marquee-bullet {
    font-size: 14px;
    padding: 0 6px;
  }
}


/* ===================================================
   PRODUCT PAGE: 2-COLUMN LAYOUT (Sam's Discus Style)
   Image LEFT (50%) | Product Info RIGHT (50%)
   =================================================== */

/* 1. Remove 3rd Column ("Check more:") completely */
.pdp-right-column {
  display: none !important;
}

/* 2. Image Column (Center -> Move to LEFT, 50% width) */
.pdp-center-column {
  order: 1 !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  padding-right: 25px !important;
}

/* 3. Product Info Column (Left -> Move to RIGHT, 50% width) */
.pdp-left-column {
  order: 2 !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
  padding-left: 25px !important;
}

/* 4. Ensure Row wraps properly */
[id^="ProductInfo-"] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

/* 5. Mobile & Tablet Responsive (< 768px) */
@media (max-width: 768px) {
  .pdp-center-column,
  .pdp-left-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Mobile वर आधी फोटो दिसेल, नंतर खाली डिटेल्स */
  .pdp-center-column {
    order: 1 !important;
    margin-bottom: 20px !important;
  }
  .pdp-left-column {
    order: 2 !important;
  }
}

.veterinary-animal-img:before {
      background: #00000000;
}

/* ===================================================
   8. PICKUP AVAILABILITY FULLSCREEN MODAL (Size Chart Theme Style)
   =================================================== */
pickup-availability-drawer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important; /* संपूर्ण स्क्रीन काळी पारदर्शक */
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 9999999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: all 0.3s ease-in-out !important;
  padding: 20px !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

pickup-availability-drawer[open] {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.pickup-modal-container {
  position: relative !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: auto !important;
  animation: modalSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes modalSlideUp {
  0% { transform: translateY(20px) scale(0.96); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

/* Close Button Positioned Outside (Top-Right) */
.pickup-close-outside-wrapper {
  display: flex !important;
  justify-content: flex-end !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}

.pickup-availability-drawer-button.close-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  background: #ffffff !important;
  color: var(--tq-secondary) !important;
  padding: 6px 4px !important;   
  min-height: unset !important;    
  height: 32px !important;        
  line-height: 1 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}


.pickup-availability-drawer-button.close-btn svg {

  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 0px !important;
  vertical-align: middle !important;
  transition: all 0.2s ease !important;
}

.pickup-availability-drawer-button.close-btn svg path {
  fill: currentColor !important; /* मजकुराचा रंग घेईल */
}
/* Hover Effect: Exact Brand Orange (var(--tq-primary)) */
.pickup-availability-drawer-button.close-btn:hover {
  background: var(--tq-primary) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(var(--tq-primary-rgb), 0.45) !important;
}
.pickup-availability-drawer-button.close-btn:hover svg path {
  fill: #ffffff !important;      /* होव्हर केल्यावर आयकॉन पांढरा होईल */
}


/* Modal Card Body (Clean White, No Outer Borders) */
.pickup-modal-card {
  background: #ffffff !important;
  border-radius: 14px !important;
  border: none !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45) !important;
  padding: 30px !important;
  color: #1e293b !important;
}

.pickup-modal-card h3.pickup-card-title {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--tq-heading) !important;
  text-align: center !important;
  margin: 0 0 20px 0 !important;
}

/* Green Status Badge with Tick Icon */
.pickup-status-badge {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  margin-bottom: 22px !important;
}

.pickup-status-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #dcfce7 !important;
  flex-shrink: 0 !important;
}

.pickup-status-icon svg {
  stroke: #16a34a !important;
}

.pickup-status-text strong {
  display: block !important;
  color: #15803d !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.pickup-status-text span {
  display: block !important;
  color: #166534 !important;
  font-size: 12.5px !important;
  margin-top: 2px !important;
}

/* Details List (Location, Phone, Email) */
.pickup-details-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.pickup-detail-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 12px 14px !important;
  background: #f8fafc !important;
  border-radius: 8px !important;
  border: 1px solid #f1f5f9 !important;
}

.pickup-detail-icon {
  color: var(--tq-primary) !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.pickup-detail-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.pickup-detail-info .detail-label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  margin-bottom: 3px !important;
  letter-spacing: 0.5px !important;
}

.pickup-detail-info .detail-text {
  font-size: 13.5px !important;
  color: #1e293b !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.pickup-detail-info .detail-text a {
  color: var(--tq-primary) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.pickup-detail-info .detail-text a:hover {
  text-decoration: underline !important;
}

/* ===================================================
   3. HERO SLIDER (Image + Text Synchronous Slide Transition)
   =================================================== */
/* Reset base.css container padding & unwanted overlays */
.home-banner-section {
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.home-banner-section::after {
  display: none !important;
  content: none !important;
}

.home-banner-section-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Eliminate legacy 80px bottom padding from base.css */
.home-banner-section-wrapper .banner-slider {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
}

.home-banner-section-wrapper .banner-slider .slick-list,
.home-banner-section-wrapper .banner-slider .slick-track {
  height: 100% !important;
}

/* Slide entity: Image + Text unified container moving synchronously */
.home-banner-slide {
  position: relative !important;
  min-height: 580px;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  outline: none !important;
}

/* Background image filling slide */
.slide-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #0b1523; /* Graceful dark fallback */
  z-index: 1;
}

/* High-contrast directional gradient overlay */
.slide-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(11, 21, 35, 0.78) 0%, rgba(11, 21, 35, 0.45) 55%, rgba(11, 21, 35, 0.15) 100%);
  pointer-events: none;
}

/* Text Content Container */
.home-banner-content {
  position: relative;
  z-index: 3;
  padding: 60px 0;
  max-width: 680px;
}

.home-banner-content-inner {
  position: relative;
}

/* Badge / Subtitle: White background pill with dark text (Image 1 reference) */
.home-banner-content-inner .new-labl {
  display: inline-block;
  background: #ffffff !important;
  color: var(--tq-secondary) !important;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 5px 14px;
  border-radius: 4px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

/* Heading Typography */
.home-banner-content-inner h2 {
  color: #ffffff !important;
  font-size: 46px;
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.7);
}

/* Description Typography */
.home-banner-content-inner p {
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 26px;
  max-width: 580px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}

/* Button Wrapper */
.home-banner-btn-wrapper {
  display: block;
}

/* CTA Button: White background pill with dark navy text, category icon & chevron (Image 1 reference) */
.home-banner-content-inner .btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--tq-secondary) !important;
  border: 2px solid #ffffff !important;
  padding: 12px 26px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-decoration: none;
  cursor: pointer;
}

.home-banner-content-inner .btn-primary:hover {
  background-color: #f8fafc !important;
  border-color: #ffffff !important;
  color: var(--tq-primary) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45);
  transform: translateY(-2px);
}

.home-banner-content-inner .btn-primary .first-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.home-banner-content-inner .btn-primary .first-icon svg {
  width: 13px !important;
  height: 13px !important;
  color: inherit;
}

.home-banner-content-inner .btn-primary svg {
  transition: transform 0.25s ease;
  color: inherit;
}

.home-banner-content-inner .btn-primary:hover svg:last-child {
  transform: translateX(4px);
}

/* Navigation Arrows: Positioned directly below the button side by side (Image 1 reference) */
.home-banner-arrows {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}

.banner-arrow-btn {
  width: 38px !important;
  height: 38px !important;
  background-color: var(--tq-primary) !important;
  border: none !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  padding: 0 !important;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(var(--tq-primary-rgb), 0.35);
  outline: none;
}

.banner-arrow-btn:hover {
  background-color: var(--tq-primary-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(var(--tq-primary-rgb), 0.5);
}

.banner-arrow-btn svg {
  width: 8px !important;
  height: 12px !important;
  display: block;
}

/* Hide Default Slick Side Arrows & Dots completely */
.home-banner-section-wrapper .banner-slider .slick-arrow,
.home-banner-section-wrapper .banner-slider .slick-dots {
  display: none !important;
}

/* Tablet Responsiveness (~450px) */
@media (max-width: 991px) {
  .home-banner-slide {
    min-height: 450px;
  }
  .home-banner-content {
    padding: 45px 0;
    max-width: 520px;
  }
  .home-banner-content-inner h2 {
    font-size: 34px;
    margin-bottom: 12px;
  }
  .home-banner-content-inner p {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .home-banner-arrows {
    margin-top: 18px;
    gap: 10px;
  }
  .banner-arrow-btn {
    width: 36px !important;
    height: 36px !important;
  }
}

/* Mobile Responsiveness (~380-400px) */
@media (max-width: 767px) {
  .home-banner-slide {
    min-height: 390px;
  }
  .slide-overlay {
    background: linear-gradient(180deg, rgba(11, 21, 35, 0.75) 0%, rgba(11, 21, 35, 0.60) 100%) !important;
  }
  .home-banner-content {
    padding: 30px 10px;
    max-width: 100%;
  }
  .home-banner-content-inner .new-labl {
    font-size: 10.5px;
    padding: 4px 10px;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
  }
  .home-banner-content-inner h2 {
    font-size: 26px;
    line-height: 1.22;
    margin-bottom: 10px;
  }
  .home-banner-content-inner p {
    font-size: 13.5px;
    line-height: 1.48;
    margin-bottom: 16px;
  }
  .home-banner-content-inner .btn-primary {
    padding: 10px 20px !important;
    font-size: 12.5px !important;
  }
  .home-banner-arrows {
    margin-top: 16px;
    gap: 10px;
  }
  .banner-arrow-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 6px !important;
  }
}

/* Small Mobile (< 480px) */
@media (max-width: 480px) {
  .home-banner-slide {
    min-height: 380px;
  }
  .home-banner-content-inner h2 {
    font-size: 22px;
    margin-bottom: 8px;
  }
  .home-banner-content-inner p {
    font-size: 12.5px;
    margin-bottom: 14px;
  }
  .home-banner-content {
    padding: 24px 5px;
  }
  .home-banner-arrows {
    margin-top: 14px;
    gap: 8px;
  }
}

/* ===================================================
   PRODUCT MULTI-TABS (SOLID WHITE UNIFIED SECTION)
   =================================================== */
.product-multi-tabs-section {
  background: #ffffff !important;
  width: 100% !important;
  padding: 55px 0 65px 0 !important;
  margin-top: 45px !important;
  border-top: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Ensure ALL text inside the multi-tabs section is crisp Navy Blue */
.product-multi-tabs-section,
.product-multi-tabs-section p,
.product-multi-tabs-section span,
.product-multi-tabs-section li,
.product-multi-tabs-section strong,
.product-multi-tabs-section b,
.product-multi-tabs-section h1,
.product-multi-tabs-section h2,
.product-multi-tabs-section h3,
.product-multi-tabs-section h4,
.product-multi-tabs-section h5,
.product-multi-tabs-section h6,
.product-multi-tabs-section .pro-detail-description,
.product-multi-tabs-section .pro-detail-description * {
  color: var(--tq-secondary) !important;
}

/* 1. HORIZONTAL INLINE TAB NAVIGATION */
.product-multi-tabs-section .nav-tabs-pill-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  list-style: none !important;
  padding: 6px 10px !important;
  margin: 0 auto 35px auto !important;
  background: #f1f5f9 !important;
  border-radius: 50px !important;
  border: 1px solid #e2e8f0 !important;
  max-width: fit-content !important;
}

.product-multi-tabs-section .nav-tabs-pill-list li,
.product-multi-tabs-section .nav-tabs-pill-list .tab-nav-item {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.product-multi-tabs-section .tab-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: transparent !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--tq-secondary) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  outline: none !important;
  white-space: nowrap !important;
}

.product-multi-tabs-section .tab-pill-btn.active,
.product-multi-tabs-section .tab-pill-btn:hover {
  background: var(--tq-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(var(--tq-primary-rgb), 0.35) !important;
}

/* 2. TAB PANELS CONTENT AREA */
.product-multi-tabs-section .tabs-panels-content-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 10px !important;
}

.product-multi-tabs-section .tab-section-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--tq-secondary) !important;
  margin-bottom: 22px !important;
}

.product-multi-tabs-section .pro-detail-description {
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--tq-secondary) !important;
}

/* 3. WATER PARAMETERS TAB */
.product-multi-tabs-section .params-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

.product-multi-tabs-section .param-card {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  padding: 22px 18px !important;
  border-radius: 12px !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
}

.product-multi-tabs-section .param-card:hover {
  border-color: var(--tq-primary) !important;
  transform: translateY(-2px) !important;
}

.product-multi-tabs-section .param-label {
  display: block !important;
  font-size: 11.5px !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

.product-multi-tabs-section .param-val {
  color: var(--tq-primary) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

.product-multi-tabs-section .care-advice-box {
  background: #f8fafc !important;
  border-left: 4px solid var(--tq-primary) !important;
  padding: 18px 22px !important;
  border-radius: 8px !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: var(--tq-secondary) !important;
  border: 1px solid #e2e8f0 !important;
  border-left-width: 4px !important;
}

/* 4. SHIPPING & LIVE GUARANTEE TAB */
.product-multi-tabs-section .shipping-intro-text {
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: var(--tq-secondary) !important;
  margin-bottom: 20px !important;
}

.product-multi-tabs-section .doa-policy-banner {
  background: #fff7ed !important;
  border: 1.5px solid #fed7aa !important;
  border-left: 5px solid var(--tq-primary) !important;
  border-radius: 10px !important;
  padding: 22px !important;
}

.product-multi-tabs-section .doa-badge {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--tq-primary) !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.5px !important;
}

.product-multi-tabs-section .doa-policy-banner p {
  font-size: 14.5px !important;
  color: var(--tq-secondary) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* 5. OVERALL CUSTOMER REVIEWS TAB UI */
.product-multi-tabs-section .reviews-summary-card {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 28px 32px !important;
  margin-bottom: 28px !important;
  gap: 24px !important;
}

.product-multi-tabs-section .stars-gold {
  color: var(--tq-primary) !important;
  font-size: 22px !important;
  letter-spacing: 2px !important;
  margin-bottom: 4px !important;
}

.product-multi-tabs-section .score-number {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: var(--tq-secondary) !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

.product-multi-tabs-section .score-number span {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #64748b !important;
}

.product-multi-tabs-section .score-subtext {
  font-size: 13.5px !important;
  color: #64748b !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}

.product-multi-tabs-section .summary-highlights {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.product-multi-tabs-section .highlight-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--tq-secondary) !important;
}

.product-multi-tabs-section .highlight-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.product-multi-tabs-section .reviews-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 20px !important;
}

.product-multi-tabs-section .review-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.2s ease !important;
}

.product-multi-tabs-section .review-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}

.product-multi-tabs-section .review-stars {
  color: var(--tq-primary) !important;
  font-size: 18px !important;
  letter-spacing: 2px !important;
  margin-bottom: 8px !important;
}

.product-multi-tabs-section .review-heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--tq-secondary) !important;
  margin-bottom: 8px !important;
}

.product-multi-tabs-section .review-text {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #334155 !important;
  margin-bottom: 16px !important;
  flex-grow: 1 !important;
}

.product-multi-tabs-section .reviewer-meta {
  font-size: 13px !important;
  color: #64748b !important;
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 12px !important;
}

.product-multi-tabs-section .reviewer-meta strong {
  color: var(--tq-secondary) !important;
}

.product-multi-tabs-section .verified-tag {
  color: #16a34a !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

/* Newly Added  */

.product-filter-right-column, .product-heading-right-column {
    border-left: 1px solid var(--theme-color) !important;
}

.product-heading-row {
    border-bottom: 1px solid var(--theme-color);
}

/* ===================================================
   10. MOBILE & TABLET RESPONSIVE ENGINE (< 768px)
   100% Mobile Optimized for All Product Pages & Modals
   =================================================== */
@media screen and (max-width: 767px) {

  /* --- A. STORE PICKUP MODAL (Mobile Friendly) --- */
  pickup-availability-drawer {
    padding: 12px !important;
  }

  .pickup-modal-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto !important;
  }

  .pickup-close-outside-wrapper {
    margin-bottom: 8px !important;
  }

  .pickup-availability-drawer-button.close-btn {
    height: 30px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
  }

  .pickup-availability-drawer-button.close-btn svg {
    width: 12px !important;
    height: 12px !important;
  }

  .pickup-modal-card {
    padding: 20px 16px !important;
    border-radius: 12px !important;
    max-height: 82vh !important;
    overflow-y: auto !important;  
  }

  .pickup-modal-card h3.pickup-card-title {
    font-size: 1.18rem !important;
    margin-bottom: 14px !important;
  }

  .pickup-status-badge {
    padding: 10px 12px !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
    border-radius: 8px !important;
  }

  .pickup-status-icon {
    width: 28px !important;
    height: 28px !important;
  }

  .pickup-status-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  .pickup-status-text strong {
    font-size: 13px !important;
  }

  .pickup-status-text span {
    font-size: 11.5px !important;
  }

  .pickup-detail-row {
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  .pickup-detail-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .pickup-detail-info .detail-label {
    font-size: 10.5px !important;
  }

  .pickup-detail-info .detail-text {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }

  /* --- B. PRODUCT MULTI-TABS (Mobile Horizontal Swipe) --- */
  .product-multi-tabs-section {
    padding: 35px 0 45px 0 !important;
    margin-top: 25px !important;
  }

  .product-multi-tabs-section .nav-tabs-pill-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    justify-content: flex-start !important;
    padding: 5px 8px !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 30px !important;
    margin-bottom: 22px !important;
  }

  .product-multi-tabs-section .nav-tabs-pill-list::-webkit-scrollbar {
    display: none !important;
  }

  .product-multi-tabs-section .nav-tabs-pill-list li,
  .product-multi-tabs-section .nav-tabs-pill-list .tab-nav-item {
    flex-shrink: 0 !important;
  }

  .product-multi-tabs-section .tab-pill-btn {
    padding: 8px 16px !important;
    font-size: 12.5px !important;
    white-space: nowrap !important;
  }

  .product-multi-tabs-section .tab-section-title {
    font-size: 18px !important;
    margin-bottom: 15px !important;
  }

  .product-multi-tabs-section .pro-detail-description {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  .product-multi-tabs-section .params-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  .product-multi-tabs-section .param-card {
    padding: 14px 10px !important;
    border-radius: 10px !important;
  }

  .product-multi-tabs-section .param-label {
    font-size: 10.5px !important;
  }

  .product-multi-tabs-section .param-val {
    font-size: 17px !important;
    margin-top: 5px !important;
  }

  .product-multi-tabs-section .care-advice-box {
    padding: 14px 16px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  /* Shipping & DOA on mobile */
  .product-multi-tabs-section .shipping-intro-text {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    margin-bottom: 15px !important;
  }

  .product-multi-tabs-section .doa-policy-banner {
    padding: 16px !important;
    border-radius: 8px !important;
  }

  .product-multi-tabs-section .doa-badge {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }

  .product-multi-tabs-section .doa-policy-banner p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  /* Customer Reviews on mobile */
  .product-multi-tabs-section .reviews-summary-card {
    flex-direction: column !important;
    text-align: center !important;
    padding: 20px 16px !important;
    gap: 16px !important;
    border-radius: 12px !important;
  }

  .product-multi-tabs-section .score-number {
    font-size: 28px !important;
  }

  .product-multi-tabs-section .score-subtext {
    font-size: 12px !important;
  }

  .product-multi-tabs-section .summary-highlights {
    align-items: flex-start !important;
    text-align: left !important;
    font-size: 13px !important;
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
  }

  .product-multi-tabs-section .reviews-grid {
    grid-template-columns: 1fr !important; 
    gap: 14px !important;
  }

  .product-multi-tabs-section .review-card {
    padding: 18px 16px !important;
  }

  .product-multi-tabs-section .review-heading {
    font-size: 15px !important;
  }

  .product-multi-tabs-section .review-text {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  /* --- C. BUY BUTTONS (Thumb-friendly touch) --- */
  .pdp-buttons-group button.addcart-btn,
  .shopify-payment-button__button {
    min-height: 48px !important;
    font-size: 15px !important;
    touch-action: manipulation !important;
  }
}


/* ===================================================
   11. AMAZON-STYLE PRODUCT PAGE ARCHITECTURE
   Breadcrumbs, Wishlist/Share Action Bar, Buy Box Hierarchy,
   Jump Anchors, Sizing Guide Modal & Reviews
   =================================================== */

/* 1. Amazon-Style Top Breadcrumbs Bar (50-60px height) */

.tanaqua-pdp-breadcrumb-strip {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 25px !important;
  padding: 8px 0 !important;
}

.tanaqua-pdp-breadcrumb-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
}

.tanaqua-breadcrumbs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #64748b !important;
}

.tanaqua-breadcrumbs a {
  color: #475569 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.tanaqua-breadcrumbs a:hover {
  color: var(--tq-primary) !important;
  text-decoration: underline !important;
}

.tanaqua-breadcrumbs .bc-sep {
  color: #94a3b8 !important;
  font-size: 14px !important;
}

.tanaqua-breadcrumbs .bc-category-type {
  color: #64748b !important;
}

.tanaqua-breadcrumbs .bc-current {
  color: var(--tq-secondary) !important;
  font-weight: 700 !important;
  max-width: 300px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tanaqua-pdp-badge-status .in-stock-tag {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  background: #dcfce7 !important;
  color: #15803d !important;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  border: 1px solid #bbf7d0 !important;
  white-space: nowrap !important;
}

.tanaqua-pdp-badge-status .sold-out-tag {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  white-space: nowrap !important;
}

/* 2. Top Action Bar above Gallery (Column 1) */
.gallery-top-action-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
  width: 100% !important;
}

.back-to-category-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--tq-primary) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.back-to-category-btn:hover {
  background: rgba(var(--tq-primary-rgb), 0.15) !important;
  color: #ffffff !important;
  border-color: var(--tq-primary) !important;
}

.action-right-buttons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.action-circle-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
}

.action-circle-btn:hover {
  background: var(--tq-primary) !important;
  color: #ffffff !important;
  border-color: var(--tq-primary) !important;
  transform: translateY(-1px) !important;
}

.pdp-circle-wishlist label {
  cursor: pointer !important;
  margin: 0 !important;
  display: inline-flex !important;
}

.pdp-circle-wishlist input:checked + .action-circle-btn svg {
  fill: #e11d48 !important;
  stroke: #e11d48 !important;
}

/* 3. Column 2: Product Buy Box Hierarchy */
.pdp-details-inner-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
}

.pdp-product-title {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin: 0 0 6px 0 !important;
}

.pdp-vendor-name {
  font-size: 13px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
}

.pdp-vendor-name span {
  color: var(--tq-primary) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Star Rating beside 'Write a Review' Link */
.pdp-rating-review-strip {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pdp-star-rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.pdp-star-rating .stars-gold {
  color: #f59e0b !important;
  font-size: 15px !important;
  letter-spacing: 1.5px !important;
}

.pdp-star-rating .rating-number {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
}

.pdp-rating-review-strip .rating-divider {
  color: #64748b !important;
  font-size: 12px !important;
}

.pdp-write-review-jump-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--tq-primary) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.pdp-write-review-jump-link:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Short Description with Clamped 3 Lines + See More */
.pdp-short-desc-container {
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pdp-short-desc-text {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #cbd5e1 !important;
}

.line-clamp-3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.pdp-see-more-link {
  display: inline-block !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--tq-primary) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.pdp-see-more-link:hover {
  color: #ffffff !important;
}

/* Variant Selectors & Sizing Guide */

/* ===================================================
   VARIANT PICKER FIELDSET - REMOVE BROWSER DEFAULT BORDER
   =================================================== */
.product-selectors fieldset.variant-input-wrapper,
fieldset.variant-input-wrapper,
.product-form__input {
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  box-shadow: none !important;
  min-inline-size: auto !important;
}

.variant-label-row legend.form__label,
fieldset.variant-input-wrapper legend {
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}



.variant-label-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

.variant-label-row .form__label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.sizing-guide-trigger-link {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--tq-primary) !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.sizing-guide-trigger-link:hover {
  color: #ffffff !important;
}

.variant-options-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.variant-pill-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 16px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
}

.variant-pill-label:hover {
  border-color: var(--tq-primary) !important;
  background: rgba(var(--tq-primary-rgb), 0.15) !important;
}

.variant-radio-input:checked + .variant-pill-label {
  background: var(--tq-primary) !important;
  border-color: var(--tq-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(var(--tq-primary-rgb), 0.35) !important;
}

/* Quantity Selector */
.quantity-select-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 16px 0 10px 0 !important;
}

.quantity-lbl {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.qty-spinner {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  padding: 4px 8px !important;
}

.qty-spinner button {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  cursor: pointer !important;
  padding: 0 8px !important;
}

.qty-spinner input {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  width: 40px !important;
  text-align: center !important;
  font-weight: 700 !important;
}

/* 4. Sizing Guide Modal & Review Modal */
.tanaqua-custom-modal-backdrop {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 999999 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}

.tanaqua-custom-modal-backdrop.is-open {
  display: flex !important;
}



.sizing-modal-container,
.review-modal-container {
  width: 100% !important;
  max-width: 580px !important;
  margin: auto !important;
  position: relative !important;
}

.sizing-modal-card,
.review-modal-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 28px 24px !important;
  color: var(--tq-secondary) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
  max-height: 85vh !important;
  overflow-y: auto !important;
}

.sizing-subtitle {
  font-size: 13px !important;
  color: #64748b !important;
  margin-bottom: 18px !important;
}

.sizing-table-wrapper {
  overflow-x: auto !important;
  margin-bottom: 18px !important;
}

.sizing-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
}

.sizing-table th {
  background: #f1f5f9 !important;
  color: var(--tq-secondary) !important;
  font-weight: 800 !important;
  padding: 10px 12px !important;
  text-align: left !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

.sizing-table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #334155 !important;
}

.sizing-table tr:hover td {
  background: #f8fafc !important;
}

.sizing-tip-box {
  background: #fff7ed !important;
  border-left: 4px solid var(--tq-primary) !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  font-size: 12.5px !important;
  color: var(--tq-secondary) !important;
  line-height: 1.5 !important;
}

/* 5. Customer Reviews Tab: 'Write a Review' Header Button */
.reviews-summary-card .summary-action-box {
  display: flex !important;
  align-items: center !important;
}

.write-review-action-btn {
  background: var(--tq-primary) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(var(--tq-primary-rgb), 0.3) !important;
}

.write-review-action-btn:hover {
  background: var(--tq-primary-hover) !important;
  transform: translateY(-1px) !important;
}

/* ===================================================
   RESPONSIVE OVERRIDES FOR MOBILE & TABLET
   =================================================== */
@media screen and (max-width: 767px) {
  .tanaqua-pdp-breadcrumb-strip {
    min-height: 48px !important;
    padding: 6px 0 !important;
    margin-bottom: 15px !important;
  }

  .tanaqua-breadcrumbs {
    font-size: 11.5px !important;
    gap: 4px !important;
  }

  .tanaqua-breadcrumbs .bc-current {
    max-width: 150px !important;
  }

  .gallery-top-action-bar {
    margin-bottom: 10px !important;
  }

  .back-to-category-btn {
    font-size: 11.5px !important;
    padding: 5px 10px !important;
  }

  .action-circle-btn {
    width: 32px !important;
    height: 32px !important;
  }

  .action-circle-btn svg {
    width: 14px !important;
    height: 14px !important;
  }

  .pdp-details-inner-card {
    padding: 18px 16px !important;
    border-radius: 12px !important;
    margin-top: 15px !important;
  }

  .pdp-product-title {
    font-size: 20px !important;
  }

  .pdp-rating-review-strip {
    gap: 6px !important;
    font-size: 11.5px !important;
  }

  .sizing-modal-card,
  .review-modal-card {
    padding: 20px 16px !important;
    border-radius: 12px !important;
  }

  .sizing-table {
    font-size: 11.5px !important;
  }

  .sizing-table th,
  .sizing-table td {
    padding: 8px 6px !important;
  }

  .write-review-action-btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 11px 16px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pdp-product-title {
    font-size: 23px !important;
  }

  .pdp-details-inner-card {
    padding: 20px 22px !important;
  }
}


/* ===================================================
   12. BUY BOX REORDERED HIERARCHY & SAME-ROW BUTTONS
   =================================================== */

   .price ins {
    font-weight: 800;
    font-size: 25px !important;

   }

/* Price positioning under Quantity */
.pdp-details-inner-card .pdp-price-strip {
  margin: 20px 0 16px 0 !important;
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* Add to Cart & Buy Now in the EXACT SAME ROW */
.pdp-buttons-same-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  /* width: 100% !important; */
  margin-top: 14px !important;
  margin-bottom: 20px !important;
}

.pdp-buttons-same-row .addcart-btn {
  flex: 1 1 50% !important;
  min-height: 50px !important;
  background: var(--tq-primary) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 14px rgba(var(--tq-primary-rgb), 0.3) !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  padding: 10px 18px !important;
}

.pdp-buttons-same-row .addcart-btn:hover {
  background: var(--tq-primary-hover) !important;
  transform: translateY(-1px) !important;
}

.pdp-buttons-same-row .addcart-btn .atc-btn-content {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.pdp-buttons-same-row .addcart-btn svg {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.pdp-buttons-same-row .pdp-buynow-container {
  flex: 1 1 50% !important;
  margin: 0 !important;
  width: auto !important;
}

.pdp-buttons-same-row .pdp-buynow-container .shopify-payment-button,
.pdp-buttons-same-row .pdp-buynow-container .shopify-payment-button__button {
  min-height: 50px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  background: #f59e0b !important;
  color: #111827 !important;
  border: none !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.25) !important;
}

.pdp-buttons-same-row .pdp-buynow-container .shopify-payment-button__button:hover {
  background: #d97706 !important;
  transform: translateY(-1px) !important;
}

.contact-form {
    border: 0px !important; 
}

/* ===================================================
   13. PRODUCT GALLERY - CLEAN WHITE BG, 2PX BORDER & ROUNDED CORNERS
   =================================================== */
.pdp-center-inner-sliders .pdp-main-slider-itm {
  background: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
  padding: 10px !important;
}

.pdp-center-inner-sliders .pdp-main-slider-itm .pdp-main-img {
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.pdp-center-inner-sliders .pdp-main-slider-itm .pdp-main-img img {
  border-radius: 8px !important;
  background: #ffffff !important;
}

/* Bottom slider thumbnail images - rounded corners & 2px border */
.pdp-thumb-slider-itm {
  border: 2px solid #e2e8f0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.pdp-thumb-slider-itm.slick-current {
  border-color: var(--tq-primary) !important;
  box-shadow: 0 0 0 1px var(--tq-primary) !important;
}

.pdp-thumb-slider-itm .pdp-thumb-img {
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.pdp-thumb-slider-itm .pdp-thumb-img img {
  border-radius: 8px !important;
  background: #ffffff !important;
}

/* Mobile & Tablet Adjustments */
@media screen and (max-width: 768px) {
  .pdp-buttons-same-row {
    /* flex-direction: column !important; */
    gap: 10px !important;
  }

  .pdp-buttons-same-row .addcart-btn,
  .pdp-buttons-same-row .pdp-buynow-container {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  .pdp-center-inner-sliders .pdp-main-slider-itm {
    border-radius: 10px !important;
    padding: 8px !important;
  }

  .pdp-thumb-slider-itm {
    border-radius: 8px !important;
  }
}


/* ===================================================
   MODERN POLICY PAGES STYLING (/policies/*)
   Matches About Us & Contact Us Cards Architecture
   =================================================== */
.shopify-policy__container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 15px 70px !important;
}

.shopify-policy__title {
  text-align: center !important;
  margin-bottom: 35px !important;
  background: linear-gradient(135deg, var(--tq-secondary) 0%, var(--tq-secondary) 100%) !important;
  padding: 35px 25px !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(34, 41, 91, 0.15) !important;
  position: relative !important;
  overflow: hidden !important;
}

.shopify-policy__title h1 {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  letter-spacing: -0.5px !important;
  text-transform: capitalize !important;
}

.shopify-policy__body {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  padding: 45px !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04) !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

.shopify-policy__body .policy-badge {
  display: inline-block;
  background: rgba(var(--tq-primary-rgb), 0.12);
  color: var(--tq-primary);
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 5px 14px;
  border-radius: 50px;
  margin-bottom: 12px;
}

.shopify-policy__body .policy-intro-lead {
  font-size: 16px;
  color: #334155;
  line-height: 1.8;
  margin-bottom: 30px;
  padding-bottom: 22px;
  border-bottom: 1.5px solid #f1f5f9;
}

.shopify-policy__body .policy-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 25px 0 35px;
}

.shopify-policy__body .policy-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 25px 0 35px;
}

.shopify-policy__body .policy-stat-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 22px 18px;
  text-align: center;
  transition: all 0.25s ease;
}

.shopify-policy__body .policy-stat-card:hover {
  transform: translateY(-3px);
  border-color: var(--tq-primary);
  box-shadow: 0 6px 20px rgba(var(--tq-primary-rgb), 0.12);
}

.shopify-policy__body .policy-stat-card .stat-icon {
  font-size: 26px;
  margin-bottom: 8px;
  display: block;
}

.shopify-policy__body .policy-stat-card h5 {
  color: var(--tq-secondary);
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
}

.shopify-policy__body .policy-stat-card p {
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.5;
  margin: 0;
}

.shopify-policy__body .policy-section-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid var(--tq-primary);
  border-radius: 14px;
  padding: 28px 24px;
  margin-bottom: 24px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.02);
}

.shopify-policy__body .policy-section-card.blue-border {
  border-left-color: var(--tq-secondary);
}

.shopify-policy__body .policy-section-card.green-border {
  border-left-color: #10b981;
}

.shopify-policy__body .policy-section-card h3 {
  color: var(--tq-secondary);
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.shopify-policy__body .policy-section-card p {
  margin: 0 0 12px;
  color: #475569;
}

.shopify-policy__body .policy-section-card ul,
.shopify-policy__body .policy-section-card ol {
  padding-left: 20px;
  margin: 10px 0 15px;
}

.shopify-policy__body .policy-section-card li {
  margin-bottom: 8px;
  color: #475569;
}

.shopify-policy__body .policy-alert-box {
  background: #fffbeb;
  border: 1.5px solid #fde68a;
  border-radius: 12px;
  padding: 18px 20px;
  color: #92400e;
  font-size: 14px;
  line-height: 1.6;
  margin: 20px 0;
}

.shopify-policy__body .policy-whatsapp-card {
  background: linear-gradient(135deg, var(--tq-secondary) 0%, var(--tq-secondary) 100%);
  border-radius: 16px;
  padding: 28px 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 35px;
}

.shopify-policy__body .policy-whatsapp-card h4 {
  color: #ffffff;
  font-size: 19px;
  font-weight: 800;
  margin: 0 0 5px;
}

.shopify-policy__body .policy-whatsapp-card p {
  color: #cbd5e1;
  font-size: 13.5px;
  margin: 0;
}

.shopify-policy__body .policy-wa-button {
  background: #25D366;
  color: #ffffff !important;
  font-weight: 800;
  font-size: 14px;
  padding: 12px 24px;
  border-radius: 10px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 991px) {
  .shopify-policy__body {
    padding: 30px 22px !important;
  }
  .shopify-policy__body .policy-grid-4,
  .shopify-policy__body .policy-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .shopify-policy__title h1 {
    font-size: 26px !important;
  }
  .shopify-policy__body .policy-grid-4,
  .shopify-policy__body .policy-grid-3 {
    grid-template-columns: 1fr;
  }
}


/* ===================================================
   TOP HEADER CUSTOMIZATION:
   - Logo Touches Top & Bottom (0 padding/margin)
   - Logo Width Increased by 20px on both sides
   - Fixed Header Height (72px)
   - Remove Monday-Friday Timing Block
   - Center Search Bar in Header Blank Space
   =================================================== */
.nice-select {
  /* color:var(--second-color) !important;  */
  border: solid 1px var(--tq-primary-text);
}
.languages .nice-select,
.currency .nice-select {
  background-image: none;
  color:var(--tq-primary-text);
  
}

.header-style-one .menu-right li.cart-header .icon-lable {
    color: var(--tq-primary-text);
}

.header-style-one .menu-right li a svg path {
    fill: var(--tq-primary-text) !important;
}

@media screen and (min-width: 992px) {
  /* 1. Fixed Header Height & Top/Bottom 0 */
  .site-header .top-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 72px !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
  }

  /* 2. Logo Touches Top: 0, Bottom: 0 & +20px Width */
  .site-header .logo-col {
    max-width: 220px !important;
    width: auto !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 20px 0 0 !important; /* +20px right breathing space */
    display: flex !important;
    align-items: center !important;
    align-self: stretch !important;
    flex-shrink: 0 !important;
  }

  .site-header .logo-col h1 {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }

  .site-header .logo-col a {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .site-header .logo-col img {
    height: 72px !important;
    max-height: 72px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 6px !important;
  }

  /* 3. Header Right Side Container */
  .site-header .top-header .right-side-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 20px !important;
    gap: 20px !important;
    flex: 1 !important;
    height: 100% !important;
  }

  /* 4. Search Bar Perfectly Centered */
  .site-header .search-form-wrapper {
    flex: 1 1 auto !important;
    max-width: 480px !important;
    width: 100% !important;
    margin: 0 auto !important; /* Centers Search Bar in Blank Space */
    position: relative !important;
  }

  .site-header .search-form-wrapper .form-inputs input {
    height: 42px !important;
    border-radius: 50px !important;
    padding: 0 20px 0 45px !important;
    border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    font-size: 14px !important;
    transition: all 0.25s ease !important;
  }

  .site-header .search-form-wrapper .form-inputs input:focus {
    border-color: var(--tq-primary) !important;
    background: #ffffff !important;
    color: #1e293b !important;
    box-shadow: 0 0 0 3px rgba(var(--tq-primary-rgb), 0.25) !important;
  }

  .site-header .search-form-wrapper .form-inputs input:focus::placeholder {
    color: #94a3b8 !important;
  }

  .site-header .search-form-wrapper .btn {
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* 5. Remove Monday - Friday Timing Section */
  .site-header .store-info-wrapper {
    width: auto !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: 15px !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }

  .site-header .store-info-wrapper .store-info-block:first-child:not(:only-child) {
    display: none !important; /* Hides Monday - Friday */
  }

  .site-header .store-info-wrapper .store-info-block a {
    display: flex !important;
    flex-direction: column !important;
    text-align: right !important;
  }

  .site-header .header-info-end {
    flex-shrink: 0 !important;
  }
}


/* ===================================================
   16. FEATURE BAR Z-INDEX, PRODUCT CARD IMAGE SPACING
       & OUTSIDE REVERSE-COLOR SLIDER NAVIGATION ARROWS
   =================================================== */

/* 1. Keep Feature / Trust Bar in Background Flow Below Slider
      so Floating Popups & Notifications Always Appear on Top */
.tanaqua-feature-bar-section,
.shopify-section .tanaqua-feature-bar-section {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}

.product-notification,
.recommendations-product,
.cookie-popup,
.subscribe-popup {
  z-index: 9999 !important;
}

/* 2. Minimum Vertical Gap Between Product Card Hero Image,
      Category Name (e.g., "Discus Fish") & Product Title (e.g., "BIOHOME...") */
.product-card .product-card-inner {
  padding: 16px !important;
  border-radius: 12px !important;
}

.product-card .product-card-image,
.product-card .product-card-image.card__media {
  margin-bottom: 16px !important;
  border-radius: 8px !important;
 
}

.product-card .product-content {
  padding-top: 6px !important;
}

/* Category Label ("Discus Fish") — Clear Spacing & High Readability */
.product-card .product-type {
  display: block !important;
  margin-top: 2px !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px !important;
  color: var(--tq-primary) !important;
}

/* Product Title ("Yellow Musk Discus Fish", "BIOHOME Sintered Glass...") */
.product-card .product-content-top h5 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}

.product-card .product-content-top h5 a {
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
  padding-top: 2px !important;
}

/* When a product card has no .product-type (like "Only for Aquarium" Biohome cards),
   ensure extra top breathing room between the image and h5 title */
.product-card .product-content-top > h5:first-child {
  margin-top: 4px !important;
}

/* 3. Move Left/Right Carousel Arrows OUTSIDE the Product Card Box
      with Reverse Color Code (Unobstructed Category & Product Titles) */
.shop-protab-slider.slick-slider,
.for-animal-slider.slick-slider,
.today-discounts-slider.slick-slider,
.recent-slider.slick-slider {
  position: relative !important;
}

.shop-protab-slider.slick-slider .slick-arrow,
.for-animal-slider.slick-slider .slick-arrow,
.today-discounts-slider.slick-slider .slick-arrow,
.recent-slider.slick-slider .slick-arrow {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  top: 42% !important;
  z-index: 5 !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
  transition: all 0.25s ease !important;
}

/* Position arrows OUTSIDE left & right card boundaries on Desktop */
@media screen and (min-width: 1025px) {
  .shop-protab-slider.slick-slider .slick-prev,
  .for-animal-slider.slick-slider .slick-prev,
  .today-discounts-slider.slick-slider .slick-prev,
  .recent-slider.slick-slider .slick-prev {
    left: -26px !important;
  }

  .shop-protab-slider.slick-slider .slick-next,
  .for-animal-slider.slick-slider .slick-next,
  .today-discounts-slider.slick-slider .slick-next,
  .recent-slider.slick-slider .slick-next {
    right: -26px !important;
  }
}

/* Tablet & Mobile: Keep arrows aligned with the upper image area & outside text */
@media screen and (max-width: 1024px) {
  .shop-protab-slider.slick-slider .slick-arrow,
  .for-animal-slider.slick-slider .slick-arrow,
  .today-discounts-slider.slick-slider .slick-arrow,
  .recent-slider.slick-slider .slick-arrow {
    top: 26% !important;
    width: 34px !important;
    height: 34px !important;
  }

  .shop-protab-slider.slick-slider .slick-prev,
  .for-animal-slider.slick-slider .slick-prev,
  .today-discounts-slider.slick-slider .slick-prev,
  .recent-slider.slick-slider .slick-prev {
    left: -10px !important;
  }

  .shop-protab-slider.slick-slider .slick-next,
  .for-animal-slider.slick-slider .slick-next,
  .today-discounts-slider.slick-slider .slick-next,
  .recent-slider.slick-slider .slick-next {
    right: -10px !important;
  }
}

/* Reverse Color Code A: "Our Bestsellers" (.bestseller-section.theme-sec-bg)
   Dark Navy Background (var(--tq-secondary)) + White Arrow Icon + White Border
   (Reverses to White BG + Orange Icon on Hover) */

   
.bestseller-section.theme-sec-bg .slick-arrow {
  background-color: var(--tq-secondary) !important;
  border: 2px solid #ffffff !important;
}

.bestseller-section.theme-sec-bg .slick-arrow svg,
.bestseller-section.theme-sec-bg .slick-arrow svg path {
  fill: #ffffff !important;
}

.bestseller-section.theme-sec-bg .slick-arrow:hover {
  background-color: #ffffff !important;
  border-color: var(--tq-secondary) !important;
}

.bestseller-section.theme-sec-bg .slick-arrow:hover svg,
.bestseller-section.theme-sec-bg .slick-arrow:hover svg path {
  fill: var(--tq-primary) !important;
}

/* Reverse Color Code B: "Only for Aquarium" (.only-for-animal) & Dark Sections
   White Background (#ffffff) + Orange Arrow Icon (var(--tq-primary)) + Orange Border
   (Reverses to Orange BG + White Icon on Hover) */
.only-for-animal .slick-arrow,
.for-animal-slider .slick-arrow {
  background-color: #ffffff !important;
  border: 2px solid var(--tq-primary) !important;
}

.only-for-animal .slick-arrow svg,
.only-for-animal .slick-arrow svg path,
.for-animal-slider .slick-arrow svg,
.for-animal-slider .slick-arrow svg path {
  fill: var(--tq-primary) !important;
}

.only-for-animal .slick-arrow:hover,
.for-animal-slider .slick-arrow:hover {
  background-color: var(--tq-primary) !important;
  border-color: #ffffff !important;
}

.only-for-animal .slick-arrow:hover svg,
.only-for-animal .slick-arrow:hover svg path,
.for-animal-slider .slick-arrow:hover svg,
.for-animal-slider .slick-arrow:hover svg path {
  fill: #ffffff !important;
}



/* Global Theme Variables centralized in Master Design Tokens at top */
/* 1. All Primary Buttons (Lime Yellow Background with Deep Ocean Dark Text) */
.btn-primary, 
.button--primary, 
button.btn-primary,
.addcart-btn,
.contact-submit-btn,
.product-form__submit,
.show-more-btn {
  background-color: var(--tq-primary) !important;
  color: var(--tq-primary-text) !important;
  border-color: var(--tq-primary) !important;
  font-weight: 800 !important;
}

.btn-primary:hover, 
.button--primary:hover, 
.addcart-btn:hover,
.contact-submit-btn:hover {
  background-color: var(--tq-primary-hover) !important;
  color: var(--tq-primary-text) !important;
  transform: translateY(-2px);
}

/* 2. Top Header, Navigation & Dark Banners (#0a0f34 Deep Ocean) */
.site-header,
.site-header .top-header,
.site-header .top-header-wrapper,
.main-navigationbar,
.about-stats-strip,
.shopify-policy__title,
.policy-whatsapp-card {
  background: var(--tq-secondary) !important;
  background-color: var(--tq-secondary) !important;
}

/* 3. Badges, Icons & Accent Borders (#d8f420 Lime Yellow) */
.about-badge,
.policy-badge,
.card-badge,
.store-info-wrapper .store-info-block a b,
.header-info-end .my-cart .cart-count {
  color: var(--tq-primary) !important;
}

.about-features-section .standout-icon-box,
.contact-icon-box {
  background: rgba(var(--tq-primary-rgb), 0.15) !important;
  color: var(--tq-primary) !important;
}

.policy-section-card {
  border-left-color: var(--tq-primary) !important;
}

/* 4. Search Bar Focus Border */
.site-header .search-form-wrapper .form-inputs input:focus {
  border-color: var(--tq-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--tq-primary-rgb), 0.25) !important;
}



/* ===================================================
   CONTRAST FIX FOR POPUP NOTIFICATIONS & COOKIE CONSENT
   Theme Contrast Fix: #d8f420 (Lime Yellow) Background
   Forces: #0a0f34 (Deep Navy Blue) for all text & buttons
   =================================================== */

/* --- A. Live Sales Notification Popup (Bottom-Left) --- */
.product-notification {
  background-color: var(--tq-primary) !important;
  color: var(--tq-primary-text) !important;
  border: 1.5px solid rgba(var(--tq-secondary-rgb), 0.15) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(var(--tq-secondary-rgb), 0.22) !important;
}

.product-notification .product-suggest {
  color: var(--tq-primary-text) !important;
}

.product-notification .product-suggest .product-label {
  color: var(--tq-primary-text) !important;
  font-weight: 600 !important;
  opacity: 0.85 !important;
}

.product-notification .product-suggest .product-name,
.product-notification .product-suggest a.product-name {
  color: var(--tq-primary-text) !important;
  font-weight: 800 !important;
  transition: opacity 0.2s ease;
}

.product-notification .product-suggest a.product-name:hover {
  color: var(--tq-primary-text) !important;
  opacity: 0.8;
  text-decoration: underline !important;
}

.product-notification .from-ago,
.product-notification .time-ago {
  color: var(--tq-primary-text) !important;
  opacity: 0.88 !important;
  font-weight: 500 !important;
}

/* Close (X) Icon fix from white to dark navy */
.product-notification .closeNotify svg,
.product-notification .closeNotify svg path {
  fill: var(--tq-primary-text) !important;
  stroke: var(--tq-primary-text) !important;
}

.product-notification .closeNotify {
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.product-notification .closeNotify:hover {
  opacity: 1;
  transform: scale(1.15);
}

/* --- B. Cookie Consent Banner / Popup (Bottom-Right / Full-width) --- */
.cookiestatus .cookie-block #cookie_message,
.cookiestatus .cookie-block.bottom_to_right #cookie_message,
.cookiestatus .cookie-block.bottom_to_left #cookie_message,
.cookiestatus .cookie-block.bottom_fix #cookie_message,
.cookiestatus .cookie-block.full_bottom #cookie_message {
  background-color: var(--tq-primary) !important;
  color: var(--tq-primary-text) !important;
  border: 1.5px solid rgba(var(--tq-secondary-rgb), 0.15) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 35px rgba(var(--tq-secondary-rgb), 0.25) !important;
}

.cookiestatus .cookie-block.bottom_fix #cookie_message,
.cookiestatus .cookie-block.full_bottom #cookie_message {
  border-radius: 0 !important;
}

.cookiestatus .cookie-block #cookie_message > span,
.cookiestatus .cookie-block #cookie_message p,
.cookiestatus .cookie-block #cookie_message div {
  color: var(--tq-primary-text) !important;
  font-weight: 600 !important;
}

.cookiestatus .cookie-block #cookie_message a.c_link,
.cookiestatus .cookie-block #cookie_message a.c_link strong,
.cookiestatus .cookie-block #cookie_message a {
  color: var(--tq-primary-text) !important;
  text-decoration: underline !important;
  font-weight: 800 !important;
}

/* Cookie "Accept" Button: Dark Navy Blue Background + Lime Yellow Text */
.cookiestatus .cookie-block #cookie_message button.btn {
  background-color: var(--tq-secondary) !important;
  color: var(--tq-primary) !important;
  border: 2px solid var(--tq-secondary) !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  padding: 8px 22px !important;
  letter-spacing: 0.5px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(var(--tq-secondary-rgb), 0.25) !important;
  transition: all 0.25s ease !important;
}

.cookiestatus .cookie-block #cookie_message button.btn span {
  color: var(--tq-primary) !important;
}

.cookiestatus .cookie-block #cookie_message button.btn:hover {
  background-color: #172054 !important;
  border-color: #172054 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(var(--tq-secondary-rgb), 0.35) !important;
}

.cookiestatus .cookie-block #cookie_message button.btn:hover span {
  color: #ffffff !important;
}
/* ===================================================
   MASTER THEME UI REFINEMENTS & CLIENT SPECIFICATIONS
   - Header Top-Bar: Pure White (#ffffff)
   - Header Bottom-Bar: Deep Ocean Navy Blue (#0a0f34)
   - Global Body Background: Light Off-White (#f8fafc)
   - High Contrast for Lime Yellow (#d8f420): Font is ALWAYS #0a0f34
   - Collection/Breadcrumb Banner: Lime Yellow with Dark Navy Font
   - "Why choose TAN AQUALIFE" Cards: Deep Ocean Navy with Lime Accents
   - Feature Bar: Brand Matched Icons & Clean Typography
   =================================================== */

/* 1. Global Page Backgrounds: Off-white / light gray */
body, 
body.theme-bg,
.home-page.theme-bg,
#MainContent,
.shopify-section,
.bestseller-section {
  background-color: #ffffffff !important;
}

/* 2. Top Header Structure (White Top Bar + Navy Bottom Bar) */
.site-header .top-header,
.site-header .top-header-wrapper {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 0px solid #e2e8f0 !important;
}

.site-header .top-header .store-info-wrapper .store-info-block a,
.site-header .top-header .store-info-wrapper .store-info-block a b,
.site-header .top-header .store-info-wrapper .store-info-block .label {
  color: #0a0f34 !important;
}

.site-header .top-header .search-form-wrapper .form-inputs input {
  background: #ffffff !important;
  color: #0a0f34 !important;
  border: 1.5px solid #d8f420 !important;
}

.site-header .top-header .search-form-wrapper .form-inputs input:focus {
  border-color: #d8f420 !important;
  box-shadow: 0 0 0 3px rgba(216, 244, 32, 0.25) !important;
}

.site-header .top-header .search-form-wrapper button svg path {
  fill: #0a0f34 !important;
}

.site-header .header-info-end .my-cart .cart-count {
  background: #d8f420 !important;
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

/* Bottom Navigation Bar: Deep Ocean Navy Blue (#0a0f34) */
.main-navigationbar,
.navigation-bar-wrapper {
  margin-top:-15px;
  padding-top:10px;
  background: #0a0f34 !important;
  background-color: #0a0f34 !important;
}

.main-navigationbar .menu-bar > li > a,
.main-navigationbar .menu-item a {
  color: #504a4aff !important;
}

.main-navigationbar .menu-bar > li > a:hover,
.main-navigationbar .menu-bar > li.active > a {
  color: #d8f420 !important;
}

.main-navigationbar svg {
  stroke: #ffffff !important;
}

/* 3. Collection & Breadcrumb Banner: Lime Yellow with Dark Navy Font */
.shopify-section.common-banner-section,
.common-banner-section {
  background: #d8f420 !important;
  background-color: #d8f420 !important;
  padding: 16px 0 !important;
}

.common-banner-content .section-title h2,
.common-banner-content .section-title p,
.common-banner-content .section-title,
.common-banner-content h1,
.common-banner-content h2,
.common-banner-content span {
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

.common-banner-content .back-btn {
  background: #0a0f34 !important;
  color: #d8f420 !important;
  border: 1.5px solid #0a0f34 !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
}

.common-banner-content .back-btn:hover {
  background: #172054 !important;
  color: #ffffff !important;
  border-color: #172054 !important;
}

/* 4. Strict High-Contrast Rule: Whenever Lime Yellow (#d8f420) is background, text is ALWAYS Dark Navy (#0a0f34) */
.btn-primary, 
.button--primary, 
button.btn-primary,
.addcart-btn,
.contact-submit-btn,
.product-form__submit,
.show-more-btn,
.tab-pill-btn.active,
.category-card-body a,
.category-card-body .btn,
[style*="background: #d8f420"],
[style*="background-color: #d8f420"] {
  background-color: #d8f420 !important;
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

.btn-primary:hover,
.addcart-btn:hover,
.category-card-body a:hover {
  background-color: #c2dd19 !important;
  color: #0a0f34 !important;
}

/* Variant picker & Size buttons when selected (Lime Yellow BG -> Dark Navy Text) */
.product-selectors .variant-input input:checked + label,
.product-selectors .swatch-input input:checked + label {
  background-color: #d8f420 !important;
  color: #0a0f34 !important;
  border-color: #d8f420 !important;
  font-weight: 800 !important;
}

/* 5. Header Feature Bar: Clean Neutral White with Navy/Lime Highlights */
.tanaqua-feature-bar-section,
[class*="tanaqua-feature-bar-section"] {
  background-color: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.tanaqua-feature-bar-section .feature-icon-wrapper,
[class*="tanaqua-feature-bar-section"] .feature-icon-wrapper {
  background: rgba(216, 244, 32, 0.2) !important;
  color: #0a0f34 !important;
}

.tanaqua-feature-bar-section .feature-icon-wrapper svg,
[class*="tanaqua-feature-bar-section"] .feature-icon-wrapper svg {
  stroke: #0a0f34 !important;
}

.tanaqua-feature-bar-section .feature-item-title,
[class*="tanaqua-feature-bar-section"] .feature-item-title {
  color: #0a0f34 !important;
  font-weight: 700 !important;
}

.tanaqua-feature-bar-section .feature-item-subtitle,
[class*="tanaqua-feature-bar-section"] .feature-item-subtitle {
  color: #64748b !important;
}

.tanaqua-feature-bar-section .feature-bar-item:hover .feature-icon-wrapper,
[class*="tanaqua-feature-bar-section"] .feature-bar-item:hover .feature-icon-wrapper {
  background: #d8f420 !important;
  color: #0a0f34 !important;
}

/* 6. "Why Choose TAN AQUALIFE" Section: Replace Orange with Navy/Lime Architecture */
[class*="ai-why-choose"]__item {
  background: #0a0f34 !important;
  border: 1px solid rgba(216, 244, 32, 0.25) !important;
  box-shadow: 0 4px 18px rgba(10, 15, 52, 0.15) !important;
}

[class*="ai-why-choose"]__item-title {
  color: #d8f420 !important;
  font-weight: 800 !important;
}

[class*="ai-why-choose"]__item-copy {
  color: #e2e8f0 !important;
}

[class*="ai-why-choose"]__icon {
  background: #d8f420 !important;
  color: #0a0f34 !important;
}

/* 7. Footer: Deep Ocean Navy Blue (#0a0f34) */
footer.site-footer,
.site-footer,
.footer {
  background: #0a0f34 !important;
  background-color: #0a0f34 !important;
  color: #ffffff !important;
}

.site-footer a,
.footer a {
  color: #cbd5e1 !important;
}

.site-footer a:hover,
.footer a:hover {
  color: #d8f420 !important;
}

.site-footer .newsletter-form__button,
.footer .newsletter-form__button,
.footer .newsletter-form button {
  background-color: #d8f420 !important;
  color: #0a0f34 !important;
}

/* ===================================================
   SECTION: CONTACT US PAGE (MIGRATED FROM contact-form.liquid)
   =================================================== */
.contact-page-modern {
    background-color: #f8fafc;
    padding: 60px 0 80px;
  }
  .contact-page-modern .container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .contact-grid-row {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 35px;
    align-items: start;
  }
  .contact-form-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 38px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  }
  .contact-form-card h3 {
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    font-size: 26px;
    font-weight: 800;
    margin: 0 0 8px;
    letter-spacing: -0.5px;
  }
  .contact-form-card p.subtitle {
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 26px;
  }
  .contact-fields-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
  }
  .contact-form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .contact-form-group.full-width {
    grid-column: 1 / -1;
  }
  .contact-form-group label {
    font-size: 13px;
    font-weight: 700;
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .contact-form-group label span.opt-tag {
    font-size: 11px;
    font-weight: 600;
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
    padding: 2px 8px;
    border-radius: 12px;
  }
  .contact-input,
  .contact-select,
  .contact-textarea {
    width: 100%;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 12px 16px;
    font-size: 14px;
    color: #1e293b !important;
    background: #ffffff !important;
    transition: all 0.2s ease;
    box-sizing: border-box;
    font-family: inherit;
  }
  .contact-input::placeholder,
  .contact-textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
  }
  .contact-input::-webkit-input-placeholder,
  .contact-textarea::-webkit-input-placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
  }
  .contact-input::-moz-placeholder,
  .contact-textarea::-moz-placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
  }
  .contact-input:focus,
  .contact-select:focus,
  .contact-textarea:focus {
    border-color: var(--tq-primary, var(--theme-color, #d8f420)) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(var(--tq-primary-rgb, 216, 244, 32), 0.15) !important;
  }
  .contact-input.is-invalid,
  .contact-textarea.is-invalid {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12) !important;
  }
  .contact-input.is-valid,
  .contact-textarea.is-valid {
    border-color: #10b981 !important;
  }
  .contact-error-msg {
    color: #ef4444;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    display: none;
  }
  .contact-error-msg.visible {
    display: block;
  }
  .contact-submit-btn {
    background: var(--tq-primary, var(--theme-color, #d8f420));
    color: var(--tq-primary-text, #0a0f34); font-weight: 800;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 34px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(var(--tq-primary-rgb, 216, 244, 32), 0.3);
    transition: all 0.25s ease;
  }
  .contact-submit-btn:hover {
    background: #dc6613;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(var(--tq-primary-rgb, 216, 244, 32), 0.4);
  }

  /* Right Side Info Cards */
  .contact-info-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .contact-info-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  }
  .contact-info-card .card-badge {
    color: var(--tq-primary, var(--theme-color, #d8f420));
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 6px;
  }
  .contact-info-card h4.card-title {
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 20px;
  }
  .contact-item-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 22px;
  }
  .contact-item-row:last-child {
    margin-bottom: 0;
  }
  .contact-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(var(--tq-primary-rgb, 216, 244, 32), 0.1);
    color: var(--tq-primary, var(--theme-color, #d8f420));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .contact-icon-box.whatsapp-bg {
    background: rgba(37, 211, 102, 0.12);
    color: #25D366;
  }
  .contact-item-content h5 {
    font-size: 14px;
    font-weight: 700;
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    margin: 0 0 3px;
  }
  .contact-item-content p {
    font-size: 13.5px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
  }
  .contact-item-content a {
    color: var(--tq-primary, var(--theme-color, #d8f420));
    text-decoration: none;
    font-weight: 700;
    font-size: 14.5px;
    transition: color 0.2s ease;
  }
  .contact-item-content a:hover {
    color: #dc6613;
    text-decoration: underline;
  }

  /* WhatsApp Direct Action Box */
  .whatsapp-instant-box {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 16px;
    padding: 24px;
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.25);
  }
  .whatsapp-instant-box h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 6px;
  }
  .whatsapp-instant-box p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    margin: 0 0 16px;
    line-height: 1.5;
  }
  .whatsapp-direct-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #ffffff;
    color: #065f46;
    font-size: 14px;
    font-weight: 800;
    padding: 12px 22px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
  }
  .whatsapp-direct-btn:hover {
    background: #f0fdf4;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  /* Google Map Card */
  .contact-map-card {
    margin-top: 45px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  }
  .contact-map-header {
    padding: 20px 28px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }
  .contact-map-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--tq-secondary, var(--second-color, #0a0f34));
  }
  .contact-map-header span {
    font-size: 13px;
    color: #64748b;
  }
  .contact-map-iframe-wrap {
    height: 380px;
    width: 100%;
  }

  /* Responsive Adjustments */
  @media (max-width: 991px) {
    .contact-grid-row {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    .contact-form-card {
      padding: 28px 22px;
    }
    .contact-fields-grid {
      grid-template-columns: 1fr;
      gap: 0;
    }
    .contact-map-iframe-wrap {
      height: 300px;
    }
  }

/* ===================================================
   SECTION: ABOUT US PAGE (MIGRATED FROM main-aboutus.liquid)
   =================================================== */
.about-modern-wrapper {
    background: #ffffff;
  }
  .about-modern-wrapper .container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 15px;
  }

  /* 1. Hero Story Section */
  .about-story-section {
    padding: 60px 0 70px;
  }
  .about-story-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 45px;
    align-items: center;
  }
  .about-badge {
    color: var(--tq-primary, var(--theme-color, #d8f420));
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: inline-block;
    margin-bottom: 8px;
  }
  .about-story-content h2 {
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    font-size: 36px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 20px;
    letter-spacing: -0.5px;
  }
  .about-story-desc {
    color: #475569;
    font-size: 15.5px;
    line-height: 1.8;
  }
  .about-story-desc p {
    margin: 0 0 16px;
  }
  .about-story-desc strong {
    color: #1e293b;
  }
  .about-img-box {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(34, 41, 91, 0.12);
    border: 2px solid #f1f5f9;
  }
  .about-img-box img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }

  /* 2. Facility Stats Strip */
  .about-stats-strip {
    background: #22295B;
    padding: 40px 0;
    border-radius: 18px;
    margin: 10px 0 70px;
    box-shadow: 0 10px 30px rgba(34, 41, 91, 0.2);
  }
  .about-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    text-align: center;
  }
  .about-stat-item {
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    padding: 0 15px;
  }
  .about-stat-item:last-child {
    border-right: none;
  }
  .about-stat-num {
    color: var(--tq-primary, var(--theme-color, #d8f420));
    font-size: 38px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 6px;
    letter-spacing: -1px;
  }
  .about-stat-lbl {
    color: #e2e8f0;
    font-size: 13.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
  }

  /* 3. Standout Features Cards (4 Cards) */
  .about-features-section {
    background: #f8fafc;
    padding: 70px 0 80px;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
  }
  .about-features-header {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 45px;
  }
  .about-features-header h2 {
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    font-size: 32px;
    font-weight: 800;
    margin: 8px 0 10px;
  }
  .about-features-header p {
    color: #64748b;
    font-size: 15px;
    margin: 0;
  }
  .about-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .standout-feature-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 32px 22px;
    text-align: center;
    transition: all 0.25s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .standout-feature-card:hover {
    transform: translateY(-6px);
    border-color: var(--tq-primary, var(--theme-color, #d8f420));
    box-shadow: 0 10px 28px rgba(var(--tq-primary-rgb, 216, 244, 32), 0.15);
  }
  .standout-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: rgba(var(--tq-primary-rgb, 216, 244, 32), 0.1);
    color: var(--tq-primary, var(--theme-color, #d8f420));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.25s ease;
  }
  .standout-feature-card:hover .standout-icon-box {
    background: var(--tq-primary, var(--theme-color, #d8f420));
    color: var(--tq-primary-text, #0a0f34);
    transform: scale(1.08);
  }
  .standout-feature-card h4 {
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 10px;
  }
  .standout-feature-card p {
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0;
  }

  /* 4. FAQ Section */
  .about-faq-section {
    padding: 70px 0 85px;
    max-width: 900px;
    margin: 0 auto;
  }
  .about-faq-header {
    text-align: center;
    margin-bottom: 40px;
  }
  .about-faq-header h2 {
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 8px;
  }
  .about-faq-header p {
    color: #64748b;
    font-size: 14.5px;
    margin: 0;
  }
  .faq-accordion-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  }
  .faq-details-item {
    border-bottom: 1px solid #e2e8f0;
    padding: 20px 24px;
    transition: background-color 0.2s ease;
  }
  .faq-details-item:last-child {
    border-bottom: none;
  }
  .faq-details-item[open] {
    background-color: #fafbfc;
  }
  .faq-details-item summary {
    font-size: 16px;
    font-weight: 700;
    color: var(--tq-secondary, var(--second-color, #0a0f34));
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .faq-details-item summary::-webkit-details-marker {
    display: none;
  }
  .faq-details-item summary::after {
    content: '+';
    font-size: 20px;
    font-weight: 700;
    color: var(--tq-primary, var(--theme-color, #d8f420));
    transition: transform 0.2s ease;
  }
  .faq-details-item[open] summary::after {
    content: '−';
  }
  .faq-answer-text {
    color: #475569;
    font-size: 14.5px;
    line-height: 1.75;
    margin-top: 12px;
  }

  /* Responsive Adjustments */
  @media (max-width: 991px) {
    .about-story-grid {
      grid-template-columns: 1fr;
      gap: 35px;
    }
    .about-story-content h2 {
      font-size: 28px;
    }
    .about-stats-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 25px 15px;
    }
    .about-stat-item:nth-child(2) {
      border-right: none;
    }
    .about-cards-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }
  }

  @media (max-width: 575px) {
    .about-stat-num {
      font-size: 30px;
    }
    .about-stat-lbl {
      font-size: 11.5px;
    }
    .about-cards-grid {
      grid-template-columns: 1fr;
    }
  }

  /* ===================================================
   STANDALONE REUSABLE THEME BADGE COMPONENT (.theme-badge-link)
   Design: Deep Ocean Navy Blue (#0a0f34) + Lime Yellow (#d8f420)
   =================================================== */
.theme-badge-link,
a.theme-badge-link,
.product-type .theme-badge-link,
.product-card .product-type .theme-badge-link {
  display: inline-flex !important;
  align-items: center !important;
  background-color: #0a0f34 !important;
  color: #d8f420 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
}

/* .theme-badge-link:hover,
a.theme-badge-link:hover,
.product-type .theme-badge-link:hover {
  background-color: #172054 !important;
  color: #ffffff !important;
  border-color: #d8f420 !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 4px 12px rgba(10, 15, 52, 0.25) !important;
} */

/* Hide badge completely if empty or blank */
.theme-badge-link:empty,
.product-type:empty {
  display: none !important;
}


/* ===================================================
   TOP BANNERS: Lime Yellow (#d8f420) + Dark Navy Blue (#0a0f34)
   Applies to: Collections (Discus Fish), Contact, About Us
   =================================================== */
.shopify-section.common-banner-section,
.common-banner-section,
section.common-banner-section,
[class*="common-banner-section"] {
  background: #d8f420 !important;
  background-color: #d8f420 !important;
  padding: 16px 0 !important;
  border-bottom: 2px solid rgba(10, 15, 52, 0.08) !important;
}

/* Banner Title & Text: Dark Navy Blue (#0a0f34) */
.common-banner-section h1,
.common-banner-section h2,
.common-banner-section h3,
.common-banner-section p,
.common-banner-section span,
.common-banner-content h1,
.common-banner-content h2,
.common-banner-content p,
.common-banner-content span,
section.common-banner-section h2,
section.common-banner-section span {
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

/* Back to Home Button: Dark Navy Blue Pill with Lime Yellow Text */
.common-banner-section .back-btn,
.common-banner-content .back-btn,
.common-banner-section a,
section.common-banner-section a {
  background: #0a0f34 !important;
  background-color: #0a0f34 !important;
  color: #d8f420 !important;
  border: 1.5px solid #0a0f34 !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  padding: 7px 22px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.25s ease !important;
}

/* Back to Home Button Hover */
.common-banner-section .back-btn:hover,
.common-banner-content .back-btn:hover,
.common-banner-section a:hover,
section.common-banner-section a:hover {
  background: #172054 !important;
  border-color: #172054 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Back to Home Arrow Icon */
.common-banner-section .back-btn svg path,
.common-banner-content .back-btn svg path,
.common-banner-section a svg path {
  fill: #d8f420 !important;
}

.common-banner-section .back-btn:hover svg path,
.common-banner-content .back-btn:hover svg path,
.common-banner-section a:hover svg path {
  fill: #ffffff !important;
}


/* ===================================================
   PRODUCT MULTI-TABS & CARE PARAMETERS
   =================================================== */
/* Selected Active Tab */
.product-multi-tabs-section .tab-pill-btn.active,
.product-multi-tabs-section .tab-pill-btn:hover {
  background: #d8f420 !important;
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

/* Unselected Tabs */
.product-multi-tabs-section .tab-pill-btn {
  color: #0a0f34 !important;
  font-weight: 700 !important;
}

/* Water Parameters Numbers/Values */
.product-multi-tabs-section .param-val {
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

/* ===================================================
   1. PRODUCT DETAIL PAGE (PDP) - DARK NAVY ON WHITE
   (Titles, Descriptions, Ratings & Labels)
   =================================================== */
.pdp-details-inner-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(10, 15, 52, 0.05) !important;
}

/* Product Title */
.pdp-product-title {
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

/* Brand Name */
.pdp-vendor-name {
  color: #475569 !important;
}
.pdp-vendor-name span {
  color: #0a0f34 !important;
  font-weight: 700 !important;
}

/* Star Rating & Review Link */
.pdp-star-rating .rating-number {
  color: #0a0f34 !important;
  font-weight: 700 !important;
}
.pdp-write-review-jump-link,
.pdp-see-more-link,
.sizing-guide-trigger-link {
  color: #0a0f34 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* Product Short Description */
.pdp-short-desc-text {
  color: #1e293b !important;
  line-height: 1.6 !important;
}

/* Labels: Select Grade, Select Size, Quantity */
.variant-label-row .form__label,
.quantity-lbl,
.product-form__input .form__label {
  color: #0a0f34 !important;
  font-weight: 700 !important;
}

/* Unselected Variant Buttons (White BG + Navy Blue Border & Text) */
.variant-pill-label {
  background: #ffffff !important;
  border: 1.5px solid #0a0f34 !important;
  color: #0a0f34 !important;
  font-weight: 700 !important;
}

.variant-pill-label:hover {
  background: #f1f5f9 !important;
  border-color: #0a0f34 !important;
  color: #0a0f34 !important;
}

/* Selected Variant Button (Lime Yellow BG + Navy Blue Text) */
.variant-radio-input:checked + .variant-pill-label {
  background: #d8f420 !important;
  border-color: #d8f420 !important;
  color: #0a0f34 !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(216, 244, 32, 0.4) !important;
}

/* Quantity Spinner (- [ 1 ] +) */
.qty-spinner {
  background: #ffffff !important;
  border: 1.5px solid #0a0f34 !important;
}
.qty-spinner button,
.qty-spinner input {
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

/* Add to Cart Button */
button[name="add"],
.product-form__submit,
.add-to-cart-btn {
  background: #d8f420 !important;
  color: #0a0f34 !important;
  font-weight: 800 !important;
}
button[name="add"] svg path,
.product-form__submit svg path {
  fill: #0a0f34 !important;
}


/* ===================================================
   2. SIDEBAR CART DRAWER - HIGH CONTRAST
   =================================================== */
/* Header: Lime Yellow BG + Navy Blue Text */
.cartDrawer .mini-cart-header {
  background: #d8f420 !important;
  color: #0a0f34 !important;
}
.cartDrawer .mini-cart-header h4,
.cartDrawer .cart-tottl-itm {
  color: #0a0f34 !important;
  font-weight: 800 !important;
}
.cartDrawer .closecart svg path {
  fill: #0a0f34 !important;
}

/* Free Shipping Truck Icon & Circle */
.cart-progress-bar .progress-icon {
  background: #d8f420 !important;
  border: 2px solid #0a0f34 !important;
}
.cart-progress-bar .progress-icon svg,
.cart-progress-bar .progress-icon svg path {
  fill: #0a0f34 !important;
}

/* Cart Quantity Minus & Plus Buttons */
.cartDrawer .qty-spinner button,
.cartDrawer .qty-spinner input {
  color: #0a0f34 !important;
  font-weight: 700 !important;
}

/* Coupon & Gift Banner Buttons (Lime Yellow BG + Navy Blue Icons) */
.cartDrawer .mini-cart-footer-icons .footer-bottom-icon {
  background-color: #d8f420 !important;
}
.cartDrawer .mini-cart-footer-icons svg path,
.cartDrawer .mini-cart-footer-icons svg line,
.cartDrawer .mini-cart-footer-icons svg circle {
  stroke: #0a0f34 !important;
}

/* View Cart Button (Lime Yellow BG + Navy Blue Text) */
.cartDrawer .mini-cart-bottom .view-cart-btn {
  background-color: #d8f420 !important;
  color: #0a0f34 !important;
  font-weight: 800 !important;
}
.cartDrawer .mini-cart-bottom .view-cart-btn:hover {
  color: #0a0f34 !important;
}


/* ===================================================
   3. STORE PICKUP POP-UP MODAL (Dark Navy - No Yellow)
   =================================================== */
.pickup-detail-icon {
  color: #0a0f34 !important;
}
.pickup-detail-icon svg,
.pickup-detail-icon svg path,
.pickup-detail-icon svg circle {
  stroke: #0a0f34 !important;
  color: #0a0f34 !important;
}

/* Phone Number & Email Links in Pop-up */
.pickup-detail-info .detail-text,
.pickup-detail-info .detail-text a {
  color: #0a0f34 !important;
  font-weight: 700 !important;
}


/* ===================================================
   4. PRODUCT MULTI-TABS & CARE PARAMETERS
   =================================================== */
/* Active Selected Tab: Lime Yellow BG + Dark Navy Text */
.product-multi-tabs-section .tab-pill-btn.active,
.product-multi-tabs-section .tab-pill-btn:hover {
  background: #d8f420 !important;
  color: #0a0f34 !important;
  font-weight: 800 !important;
}

/* Unselected Tabs */
.product-multi-tabs-section .tab-pill-btn {
  color: #0a0f34 !important;
  font-weight: 700 !important;
}

/* Water Parameters Numbers/Values (Clear Dark Navy) */
.product-multi-tabs-section .param-val {
  color: #0a0f34 !important;
  font-weight: 800 !important;
}


/* ===================================================
   HOVER TEXT VISIBILITY FIX (Prevent white on white)
   =================================================== */
.pdp-write-review-jump-link:hover,
a.pdp-write-review-jump-link:hover,
.pdp-see-more-link:hover,
a.pdp-see-more-link:hover,
.sizing-guide-trigger-link:hover,
a.sizing-guide-trigger-link:hover {
  color: #0a0f34 !important;
  text-decoration: underline !important;
}

/* Sold Out Button Styling */
button[name="add"]:disabled,
.product-form__submit:disabled,
button.add-to-cart-btn:disabled,
.btn-soldout {
  background: #e2e8f0 !important;
  color: #64748b !important;
  border-color: #cbd5e1 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}