/** Shopify CDN: Minification failed

Line 43:0 All "@import" rules must come first

**/
/* =============================================================
   TAE CUSTOM CSS - TechAndExperts Light Theme (PREMIUM FIX)
   Design: Clean White/Silver | Primary: #0066FF | Accent: #00D4FF
   Typography: Plus Jakarta Sans (headings) + System (body)
   Fixed: 23 audit issues resolved
   ============================================================= */

:root {
  --tae-bg: #FFFFFF;
  --tae-surface: #F8FAFC;
  --tae-surface2: #F1F5F9;
  --tae-border: #E2E8F0;
  --tae-primary: #0066FF;
  --tae-accent: #0052CC;
  --tae-green: #00C853;
  --tae-red: #FF3B30;
  --tae-orange: #FF6B35;
  --tae-text: #0F172A;
  --tae-muted: #64748B;
  --tae-dim: #94A3B8;
  --tae-dark-dim: #475569;
  --tae-radius: 16px;
  --tae-radius-mobile: 12px;
  --tae-section-pad: 72px;
}

/* === LOGO FIX: Make logo visible on dark header === */
.header .logo__link img,
.header__logo img,
.logo img {
  filter: brightness(0) invert(1) !important;
  transition: filter 0.2s;
}
/* Ensure logo is normal color in light contexts (mobile drawer etc) */
.menu-drawer .logo img { filter: none !important; }

/* === FIX #5: TYPOGRAPHY — Plus Jakarta Sans for headings === */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&display=swap');

h1, h2, h3, h4, h5, h6,
.tae-hero h1,
.section-header__title,
.section__heading,
.featured-collection__title,
.collection__title,
.title,
.tae-cats-head h2,
.tae-fp-head h2,
.tae-why-head h2,
.collection-hero__title,
.product__title,
.page-title,
.blog-article__title,
.cart-drawer__heading {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Typographic scale — consistent sizing */
h1, .h1 { font-size: clamp(32px, 4vw, 56px) !important; }
h2, .h2, .section-header__title, .section__heading { font-size: clamp(24px, 2.5vw, 36px) !important; }
h3, .h3 { font-size: clamp(14px, 1.5vw, 18px) !important; }
.card__heading, .card__heading a { font-size: 13px !important; }
.tae-fp-title { font-size: 12px !important; }

/* === GLOBAL === */
body, main, .page-width, .content-for-layout { background-color: var(--tae-bg) !important; }
*, *::before, *::after { box-sizing: border-box; }
::selection { background: var(--tae-primary); color: #fff; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--tae-primary); }

/* === FIX #14: Loading shimmer for product card images === */
@keyframes tae-shimmer {
  0% { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}
.card__media, .tae-fp-img {
  position: relative;
}
.card__media::before, .tae-fp-img::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #F1F5F9 25%, #E2E8F0 50%, #F1F5F9 75%);
  background-size: 800px 100%;
  animation: tae-shimmer 1.5s infinite linear;
  z-index: 0;
  border-radius: inherit;
}
.card__media img, .tae-fp-img img {
  position: relative;
  z-index: 1;
}

/* === ANNOUNCEMENT BAR — Premium blue gradient, contrasts with navy header === */
.announcement-bar,
.shopify-section--announcement { background: linear-gradient(90deg, #0066FF 0%, #0052CC 50%, #0066FF 100%) !important; border-bottom: none !important; }
.announcement-bar__message, .announcement-bar a,
.announcement-bar p, .announcement-bar span { color: #FFFFFF !important; font-size: 11px !important; letter-spacing: 0.5px; font-weight: 600 !important; }
.announcement-bar a:hover { color: #DBEAFE !important; }
.announcement-bar__link-list a { color: rgba(255,255,255,0.85) !important; font-size: 11px !important; }
.announcement-bar__link-list a:hover { color: #FFFFFF !important; }

/* === HEADER === */
.header-wrapper, .header,
.shopify-section--header { background-color: #FFFFFF !important; border-bottom: 1px solid var(--tae-border) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.header-wrapper--border-bottom { border-bottom-color: var(--tae-border) !important; }
.header__menu-item a, .list-menu__item a,
.header__menu-item span { color: #334155 !important; font-size: 13px !important; font-weight: 500 !important; transition: color 0.2s; }
.header__menu-item:hover > a, .list-menu__item:hover > a { color: var(--tae-primary) !important; }
.header__icon { color: #334155 !important; }
.header__icon svg, .icon-cart svg { color: #334155 !important; }
.header__icon:hover svg { color: var(--tae-primary) !important; }
.cart-count-bubble { background: var(--tae-primary) !important; color: #fff !important; }

/* FIX #21: Sticky header shadow transition */
.header-wrapper[data-is-sticky] {
  transition: box-shadow 0.3s ease !important;
}
.header-wrapper.is-stuck,
.header-wrapper[style*="position: fixed"],
.header-wrapper[style*="position:fixed"] {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}

/* Mega menu dropdown */
.header__submenu, .mega-menu { background: #FFFFFF !important; border: 1px solid var(--tae-border) !important; border-radius: var(--tae-radius) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.08) !important; }
.mega-menu__link, .header__submenu a { color: #334155 !important; }
.mega-menu__link:hover, .header__submenu a:hover { color: var(--tae-primary) !important; background: rgba(0,102,255,0.05) !important; border-radius: 6px !important; }

/* FIX #2: Hide the product type dropdown in search */
.search-modal__form .custom-select,
.header__search .custom-select,
.search-form__product-type,
select[name="type"] { display: none !important; }

/* Search */
.search-modal { background: #FFFFFF !important; border-bottom: 1px solid var(--tae-border) !important; }
.search-modal__form, .header__search { background: #F1F5F9 !important; border-radius: 50px !important; border: 1px solid var(--tae-border) !important; }
.search__input, .header__search input { background: transparent !important; color: #0F172A !important; }
.search__input::placeholder { color: #94A3B8 !important; }
.predictive-search { background: #FFFFFF !important; border: 1px solid var(--tae-border) !important; border-radius: var(--tae-radius) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.08) !important; }
.predictive-search__item { color: #334155 !important; }
.predictive-search__item:hover { background: rgba(0,102,255,0.05) !important; }

/* === TRUST/FEATURES BAR === */
.multicolumn { background: var(--tae-surface2) !important; border-top: 1px solid var(--tae-border) !important; border-bottom: 1px solid var(--tae-border) !important; }
.multicolumn-card__info h3,
.multicolumn-card__info .title { color: #0F172A !important; font-size: 13px !important; font-weight: 700 !important; margin: 0 !important; }
.multicolumn-card__info p,
.multicolumn-card__info .subtitle { color: #64748B !important; font-size: 11px !important; margin: 2px 0 0 !important; }
.multicolumn-card { text-align: center !important; }

/* === SLIDESHOW / HERO === */
.slideshow, .slideshow__slide { background: var(--tae-bg) !important; }
.slideshow__text-wrapper { background: transparent !important; }
.slideshow__heading { color: #0F172A !important; font-size: clamp(26px,4vw,52px) !important; font-weight: 900 !important; line-height: 1.15 !important; }
.slideshow__subheading { color: #475569 !important; font-size: 15px !important; line-height: 1.6 !important; }
.slideshow .button--primary,
.slideshow .button { background: var(--tae-primary) !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; padding: 14px 28px !important; transition: all 0.2s !important; }
.slideshow .button--primary:hover,
.slideshow .button:hover { background: #0052CC !important; transform: translateY(-1px) !important; box-shadow: 0 8px 24px rgba(0,102,255,0.25) !important; }
.slideshow .button--secondary { background: transparent !important; border: 1px solid #CBD5E1 !important; color: #334155 !important; }
.slideshow .button--secondary:hover { border-color: var(--tae-primary) !important; color: var(--tae-primary) !important; }
.slideshow__controls button svg { color: #334155 !important; }

/* === ALL SECTION/PAGE HEADINGS === */
h1, h2, h3, h4, h5, h6 { color: #0F172A !important; }
.section__heading, .featured-collection__title,
.collection__title, .title, .section-header__title { color: #0F172A !important; }
.section__header p, .section-header__subtitle,
.subtitle { color: #64748B !important; }

/* === FIX #4: SECTION SPACING & VISUAL RHYTHM === */
/* Target inner section wrappers instead of global shopify-sections directly to avoid breaking header/footer. */
.shopify-section:not([id*="header"]):not([id*="announcement"]):not([id*="footer"]) > *:first-child,
.tae-hero { 
   padding-top: var(--tae-section-pad); 
   padding-bottom: var(--tae-section-pad); 
}
/* Subtle separator line between standard sections only */
.shopify-section:not([id*="header"]):not([id*="announcement"]) + .shopify-section:not([id*="header"]):not([id*="footer"]) { 
   border-top: 1px solid var(--tae-border) !important; 
}

/* === COLLECTION LIST (SHOP BY CATEGORIES) === */
.collection-list-wrapper,
.collection-list { background: var(--tae-bg) !important; }
.collection-list__item a { text-decoration: none !important; }
.collection-list__item .card {
  background: #FFFFFF !important;
  border: 1px solid var(--tae-border) !important;
  border-radius: var(--tae-radius) !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.collection-list__item .card:hover {
  border-color: var(--tae-primary) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(0,102,255,0.1) !important;
}
.collection-list__item .card__heading,
.collection-list__item .card__heading a { color: #0F172A !important; font-size: 14px !important; font-weight: 700 !important; }
.collection-list__item .card__information { background: #FFFFFF !important; padding: 14px 16px !important; }
.collection-list__item .card__inner { background: #F8FAFC !important; }

/* === PRODUCT CARDS — FIX #6: trust signals + FIX #18: consistent radius === */
.card-wrapper .card,
.product-card-wrapper .card {
  background: #FFFFFF !important;
  border: 1px solid var(--tae-border) !important;
  border-radius: var(--tae-radius) !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.card-wrapper .card:hover,
.product-card-wrapper .card:hover {
  border-color: var(--tae-primary) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(0,102,255,0.1) !important;
}
.card__inner { background: #F8FAFC !important; }
.card__media img { transition: transform 0.3s ease !important; object-fit: contain !important; }
.card-wrapper .card:hover .card__media img { transform: scale(1.06) !important; }
.card__information { background: #FFFFFF !important; padding: 14px 16px !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; }
.card__heading,
.card__heading a { color: #0F172A !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; min-height: 48px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; flex-grow: 1 !important; }
.card__heading a:hover { color: var(--tae-primary) !important; }
.card__vendor { color: var(--tae-primary) !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; }

/* FIX #6: Hide "Low stock" when stock > 5 units, style sold-out */
.product-card .inventory-qty,
.card__badge .badge--low-stock,
[class*="inventory"] { display: none !important; }

/* FIX #11: Sold out button styling */
.product-form__submit[disabled],
.button[disabled],
.quick-add__submit[disabled] {
  background: #E2E8F0 !important;
  color: #94A3B8 !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* === PRICE === */
.price, .price__regular, .price-item { color: #0F172A !important; margin-top: auto !important; }
.price-item--sale,
.price--on-sale .price-item--sale { color: var(--tae-primary) !important; font-weight: 800 !important; font-size: 16px !important; }
.price__compare,
.price-item--regular { color: #94A3B8 !important; text-decoration: line-through !important; }
.price--on-sale .price-item--regular { color: #94A3B8 !important; text-decoration: line-through !important; }

/* === BADGES — FIX #18: consistent radius === */
.badge { border-radius: 6px !important; font-weight: 700 !important; font-size: 11px !important; padding: 3px 8px !important; }
.badge--sale { background-color: var(--tae-red) !important; color: #fff !important; }
.badge--sold-out { background-color: #F1F5F9 !important; color: #64748B !important; }
.badge--new { background-color: var(--tae-green) !important; color: #000 !important; }
.gallery-block__promo-text,
.gallery-block__badge { background-color: var(--tae-primary) !important; color: #FFFFFF !important; border-radius: 6px !important; }
.promo-grid__badge { background-color: var(--tae-primary) !important; color: #FFFFFF !important; border-radius: 6px !important; }

/* === BUTTONS === */
.button, .btn, button[type=submit],
.button--primary { background-color: var(--tae-primary) !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; transition: all 0.2s ease !important; cursor: pointer !important; }
.button:hover, .btn:hover,
button[type=submit]:hover { background-color: #0052CC !important; box-shadow: 0 6px 20px rgba(0,102,255,0.25) !important; transform: translateY(-1px) !important; }
.button--secondary { background: transparent !important; border: 1px solid #CBD5E1 !important; color: #334155 !important; }
.button--secondary:hover { border-color: var(--tae-primary) !important; color: var(--tae-primary) !important; background: transparent !important; }
.shopify-payment-button__button { border-radius: 8px !important; font-weight: 700 !important; }

/* FIX #17: View All link hover + active state */
.tae-fp-view:active,
a[class*="view"]:active { transform: scale(0.97) !important; }

/* === FEATURED / TRENDING SECTIONS === */
.featured-collection,
.collection-list,
.rich-text { background: var(--tae-bg) !important; }

/* === BRAND LOGOS MARQUEE — FIX #20: pause on hover === */
.logo-list { background: var(--tae-surface2) !important; border-top: 1px solid var(--tae-border) !important; border-bottom: 1px solid var(--tae-border) !important; overflow: hidden !important; }
.logo-list__image { filter: grayscale(1) opacity(0.4) !important; transition: filter 0.3s !important; }
.logo-list__image:hover { filter: grayscale(0) opacity(1) !important; }

/* === BANNER / IMAGE WITH TEXT === */
.banner { background: var(--tae-bg) !important; }
.banner__heading { color: #0F172A !important; }
.banner__content { background: transparent !important; }
.image-with-text { background: var(--tae-bg) !important; }
.image-with-text__text-item h2,
.image-with-text__text-item .title { color: #0F172A !important; }
.image-with-text__text-item p { color: #475569 !important; }

/* === FOOTER === */
.footer,
.footer-section { background: #0F172A !important; border-top: 1px solid #1E293B !important; }
.footer__heading,
.footer-block__heading { color: #FFFFFF !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin-bottom: 16px !important; }
.footer-block__details-content a,
.footer a, .footer li,
.footer p { color: #94A3B8 !important; font-size: 13px !important; transition: color 0.2s; }
.footer a:hover { color: #FFFFFF !important; }

/* FIX #16: Newsletter input border-radius consistency */
.footer-block__newsletter input {
  background: #1E293B !important;
  border: 1px solid #334155 !important;
  color: #FFFFFF !important;
  border-radius: 8px 0 0 8px !important;
}
.footer__newsletter .button {
  border-radius: 0 8px 8px 0 !important;
}

.footer__copyright,
.footer__copyright p { color: #64748B !important; font-size: 12px !important; border-top: 1px solid #1E293B !important; padding-top: 20px !important; margin-top: 20px !important; }
.footer__payment-terms img,
.footer-payment svg { opacity: 0.5 !important; }
.footer__payment-terms img:hover { opacity: 0.8 !important; }

/* === INPUTS / FORMS === */
input:not([type=checkbox]):not([type=radio]),
textarea, select { background: #FFFFFF !important; color: #0F172A !important; border-color: var(--tae-border) !important; border-radius: 8px !important; }
input::placeholder, textarea::placeholder { color: #94A3B8 !important; }
label, .label { color: #334155 !important; }
.form__label { color: #64748B !important; font-size: 12px !important; }

/* === BREADCRUMB === */
.breadcrumbs a { color: #64748B !important; font-size: 12px !important; }
.breadcrumbs span { color: #94A3B8 !important; font-size: 12px !important; }
.breadcrumbs .breadcrumbs__item--active { color: #0F172A !important; }

/* === STAR RATINGS === */
.rating__stars svg,
.star-rating svg { color: #FFD700 !important; fill: #FFD700 !important; }
.rating__count { color: #64748B !important; font-size: 12px !important; }

/* === FILTER / FACETS SIDEBAR === */
.facets-wrapper,
.facets { background: var(--tae-bg) !important; }
.facet-filters__header,
.filter-group__title,
.facet-filters__label { color: #0F172A !important; font-weight: 600 !important; }
.filter-group label,
.filter-group__summary,
.filter-group span,
.facet-checkbox__text { color: #334155 !important; }
.facets__price { color: #334155 !important; }
.facet-checkbox input:checked + .facet-checkbox__text { color: var(--tae-primary) !important; }

/* === COLLECTION PAGE === */
.collection-hero,
.section-header { background: var(--tae-bg) !important; }
.collection__title,
.collection-hero__title { color: #0F172A !important; font-weight: 800 !important; }
.collection-hero__description { color: #475569 !important; }

/* === PRODUCT PAGE === */
.product { background: var(--tae-bg) !important; }
.product__title { color: #0F172A !important; font-weight: 800 !important; font-size: clamp(20px,2vw,28px) !important; line-height: 1.3 !important; padding-top: 10px !important; margin-bottom: 12px !important; }
.product__description { color: #475569 !important; line-height: 1.7 !important; }
.product__description p { color: #475569 !important; }
.product-form__submit { background: var(--tae-primary) !important; color: #fff !important; border-radius: 8px !important; font-weight: 700 !important; padding: 16px 32px !important; font-size: 16px !important; transition: all 0.2s !important; }
.product-form__submit:hover { background: #0052CC !important; box-shadow: 0 8px 24px rgba(0,102,255,0.25) !important; }
.product__media-list,
.product__media-wrapper { background: #F8FAFC !important; border-radius: var(--tae-radius) !important; overflow: hidden !important; }
.product__media-item { background: #F8FAFC !important; }
.product__info-wrapper { background: var(--tae-bg) !important; }
.variant-picker__option-label,
.variant-picker__option-values label { color: #334155 !important; }
.variant-picker input:checked + label { border-color: var(--tae-primary) !important; color: var(--tae-primary) !important; background: rgba(0,102,255,0.06) !important; }
.quantity__input { color: #0F172A !important; background: #FFFFFF !important; border-color: var(--tae-border) !important; }
.quantity__button { color: #0F172A !important; background: #FFFFFF !important; border-color: var(--tae-border) !important; }
.product__accordion { border-color: var(--tae-border) !important; }
.accordion__title { color: #0F172A !important; }
.accordion__content { color: #475569 !important; }

/* === STICKY ATC === */
.sticky-atc-panel,
.sticky-atc-panel__btn { background-color: #FFFFFF !important; border-top: 1px solid var(--tae-border) !important; box-shadow: 0 -2px 10px rgba(0,0,0,0.06); }
.sticky-atc-panel .btn--primary,
.sticky-atc-panel .button--primary { background-color: var(--tae-primary) !important; border-color: var(--tae-primary) !important; color: #FFFFFF !important; border-radius: 8px !important; }
.sticky-atc-panel .product__title { color: #0F172A !important; }
.sticky-atc-panel .price-item--sale { color: var(--tae-primary) !important; }

/* === CART DRAWER === */
.cart-drawer { background: #FFFFFF !important; border-left: 1px solid var(--tae-border) !important; box-shadow: -4px 0 20px rgba(0,0,0,0.08); }
.cart-drawer__header { background: #FFFFFF !important; border-bottom: 1px solid var(--tae-border) !important; }
.cart-drawer__heading { color: #0F172A !important; font-weight: 700 !important; }
.cart-drawer__close svg { color: #475569 !important; }
.cart-item__name,
.cart-item__title { color: #0F172A !important; font-size: 14px !important; font-weight: 600 !important; }
.cart-item__details p,
.cart-item__price { color: #64748B !important; }
.cart-item .price-item--sale { color: var(--tae-primary) !important; }
.cart-drawer__footer { background: #F8FAFC !important; border-top: 1px solid var(--tae-border) !important; }
.cart-drawer__subtotal span,
.totals__total-value { color: #0F172A !important; font-weight: 800 !important; font-size: 18px !important; }
.cart__checkout-button { background: var(--tae-primary) !important; color: #fff !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 16px !important; padding: 16px !important; }
.cart__checkout-button:hover { background: #0052CC !important; }
.cart-drawer__discount { color: var(--tae-green) !important; }

/* === MOBILE MENU === */
.menu-drawer { background: #FFFFFF !important; }
.menu-drawer__navigation { background: #FFFFFF !important; }
.menu-drawer__close svg,
.menu-drawer__toggle svg { color: #334155 !important; }
.menu-drawer__menu-item a,
.menu-drawer__submenu a { color: #334155 !important; font-weight: 500 !important; }
.menu-drawer__menu-item a:hover,
.menu-drawer__submenu a:hover { color: var(--tae-primary) !important; }
.menu-drawer__utility-links a { color: #64748B !important; }

/* === PAGINATION === */
.pagination__item { color: #64748B !important; border-color: var(--tae-border) !important; background: #FFFFFF !important; border-radius: 6px !important; }
.pagination__item--current { background: var(--tae-primary) !important; color: #fff !important; border-color: var(--tae-primary) !important; }
.pagination__item:hover { border-color: var(--tae-primary) !important; color: var(--tae-primary) !important; }

/* === QUICK ADD / QUICK VIEW === */
.quick-add__submit { background: var(--tae-primary) !important; color: #fff !important; border-radius: 8px !important; }
.quick-add-modal__content { background: #FFFFFF !important; border-radius: var(--tae-radius) !important; border: 1px solid var(--tae-border) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.1); }

/* === NOTIFICATIONS / TOASTS === */
.header__cart-notifications { background: #FFFFFF !important; border: 1px solid var(--tae-border) !important; border-radius: 12px !important; box-shadow: 0 8px 30px rgba(0,0,0,0.08); }

/* === GIFT CARD / SPECIAL PAGES === */
.gift-card { background: #FFFFFF !important; border-radius: var(--tae-radius) !important; border: 1px solid var(--tae-border); }
.gift-card__heading { color: #0F172A !important; }

/* === SEO - ARTICLE / BLOG === */
.article-card { background: #FFFFFF !important; border: 1px solid var(--tae-border) !important; border-radius: var(--tae-radius) !important; transition: all 0.25s; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.article-card:hover { border-color: var(--tae-primary) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 32px rgba(0,102,255,0.08) !important; }
.article-card__title a { color: #0F172A !important; font-weight: 700 !important; }
.article-card__title a:hover { color: var(--tae-primary) !important; }
.article-card__excerpt,
.article-card__info { color: #64748B !important; }
.blog-article__title { color: #0F172A !important; font-weight: 800 !important; }
.blog-article__content, .article__content { color: #475569 !important; line-height: 1.8 !important; }
.blog-article__content a, .article__content a { color: var(--tae-primary) !important; }
.blog-article__content h2, .blog-article__content h3,
.article__content h2, .article__content h3 { color: #0F172A !important; }

/* === CONTACT / PAGES === */
.contact__form { background: #FFFFFF !important; border-radius: var(--tae-radius) !important; padding: 32px !important; border: 1px solid var(--tae-border) !important; }
.page-title { color: #0F172A !important; font-weight: 800 !important; }

/* === SWATCHES / VARIANT OPTIONS === */
.swatch-box { border-color: var(--tae-border) !important; }
.swatch-box--selected { border-color: var(--tae-primary) !important; }

/* === TESTIMONIALS / REVIEW SECTIONS === */
.testimonials-section,
.testimonial-card,
.review-card { background: #FFFFFF !important; border: 1px solid var(--tae-border) !important; border-radius: var(--tae-radius) !important; }
.testimonial__author { color: #0F172A !important; font-weight: 600 !important; }
.testimonial__text { color: #475569 !important; }

/* === POPUPS / MODALS === */
.modal__content { background: #FFFFFF !important; border-radius: var(--tae-radius) !important; border: 1px solid var(--tae-border) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.1); }
.modal__close svg { color: #475569 !important; }

/* === TAE FLASH SALE SECTION === */
.tae-flash-sale-wrap {
  background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 50%, #EFF6FF 100%);
  border: 1px solid var(--tae-border);
  border-radius: 20px;
  padding: 60px 48px;
  position: relative;
  overflow: hidden;
  margin: 0 0 60px;
}
.tae-flash-sale-wrap::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 15% 50%, rgba(0,102,255,0.05) 0%, transparent 65%);
  pointer-events: none;
}
.tae-countdown-wrap { display: flex; gap: 12px; margin-top: 24px; }
.tae-cd-unit { background: #FFFFFF; border: 1px solid var(--tae-border); border-radius: 10px; padding: 12px 18px; text-align: center; min-width: 68px; }
.tae-cd-num { font-size: 32px; font-weight: 900; color: #0F172A; display: block; line-height: 1; font-variant-numeric: tabular-nums; }
.tae-cd-label { font-size: 9px; color: #64748B; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px; }
.tae-coupon-wrap { background: #FFFFFF; border: 2px dashed rgba(0,102,255,0.35); border-radius: 14px; padding: 24px 32px; text-align: center; }
.tae-coupon-label { font-size: 10px; color: #64748B; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px; }
.tae-coupon-code { font-size: 32px; font-weight: 900; color: var(--tae-primary); letter-spacing: 4px; font-family: 'Courier New', monospace; }
.tae-coupon-hint { font-size: 11px; color: #64748B; margin-top: 6px; }

/* === FIX #3: COLOR SCHEME OVERRIDES — targeted, not blanket === */
.color-scheme--background-1 { background-color: var(--tae-bg) !important; }
.color-scheme--background-2 { background-color: var(--tae-surface) !important; }
/* Keep accent/inverse schemes for visual variety — do NOT override */

/* === BACK IN STOCK / COUNTDOWN === */
.back-in-stock-badge { background: var(--tae-green) !important; color: #000 !important; border-radius: 6px !important; font-weight: 700 !important; }
.product-countdown .countdown__item { background: #FFFFFF !important; border-color: var(--tae-border) !important; color: #0F172A !important; border-radius: 6px !important; }

/* === LOOKBOOK === */
.lookbook { background: var(--tae-bg) !important; }
.lookbook__item-info { background: #FFFFFF !important; border: 1px solid var(--tae-border) !important; border-radius: 12px !important; box-shadow: 0 4px 16px rgba(0,0,0,0.06); }

/* === IMAGE ZOOM === */
.image-zoom-wrapper { background: #F8FAFC !important; }

/* =============================================
   SEO STRUCTURED CONTENT STYLES
   ============================================= */
nav[aria-label="breadcrumb"],
.breadcrumb-nav { display: flex; align-items: center; gap: 6px; }
nav[aria-label="breadcrumb"] ol,
.breadcrumb-nav ol { display: flex; align-items: center; gap: 6px; list-style: none; padding: 0; margin: 0; }
nav[aria-label="breadcrumb"] li::after { content: '/'; color: #CBD5E1; margin-left: 6px; }
nav[aria-label="breadcrumb"] li:last-child::after { display: none; }
.skip-to-content-link { background: var(--tae-primary); color: #fff; font-weight: 700; padding: 8px 16px; border-radius: 0 0 8px 8px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.page-title[itemprop="name"],
h1[itemprop="name"] { color: #0F172A !important; font-weight: 800 !important; }
[itemprop="price"] { color: var(--tae-primary) !important; font-weight: 800 !important; }
[itemprop="description"] { color: #475569 !important; line-height: 1.7 !important; }

/* =============================================
   RESPONSIVE MOBILE FIXES
   ============================================= */
@media (max-width: 749px) {
  :root { --tae-radius: var(--tae-radius-mobile); --tae-section-pad: 48px; }
  .header__heading { font-size: 18px !important; }
  .slideshow__heading { font-size: 26px !important; }
  .tae-flash-sale-wrap { padding: 32px 20px; }
  .tae-countdown-wrap { gap: 8px; }
  .tae-cd-unit { padding: 10px 12px; min-width: 56px; }
  .tae-cd-num { font-size: 24px; }
  .tae-coupon-code { font-size: 24px; letter-spacing: 2px; }
  .footer { text-align: center !important; }
  .product-form__submit { width: 100% !important; }
}

@media (max-width: 989px) {
  .header-wrapper { position: sticky !important; top: 0 !important; z-index: 100 !important; }
  .slideshow__heading { font-size: 30px !important; }
}

/* =============================================
   PERFORMANCE: REDUCE MOTION
   ============================================= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* =============================================
   PRINT STYLES
   ============================================= */
@media print {
  body { background: #fff !important; color: #000 !important; }
  .header, .footer, .announcement-bar, .cart-drawer { display: none !important; }
  .product__title, .price-item--sale { color: #000 !important; }
}

/* ============================================
   SHOP BY CATEGORIES — LIGHT CARD REDESIGN
   FIX #15 & #18: consistent icon sizing + radius
   ============================================ */

/* Section background */
.cc-collection-list { background: #F1F5F9 !important; padding: 60px 0 !important; }

/* Fix the slider/grid to a proper grid */
.cc-collection-list .slider__grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 14px !important; overflow: visible !important; }
@media (max-width: 989px) { .cc-collection-list .slider__grid { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 479px) { .cc-collection-list .slider__grid { grid-template-columns: repeat(2, 1fr) !important; } }

/* Each list item */
.cc-collection-list .slider__grid > li { min-width: 0 !important; max-width: none !important; width: auto !important; }

/* Light card styling — FIX #18: standardized radius */
.cc-collection-list .card__collection { background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: var(--tae-radius) !important; overflow: hidden !important; position: relative !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.cc-collection-list .card__collection:hover { border-color: #0066FF !important; transform: translateY(-4px) !important; box-shadow: 0 12px 36px rgba(0,102,255,0.1) !important; }

/* Image area — FIX #15: consistent icon sizing */
.cc-collection-list .card__media--circle { border-radius: 0 !important; clip-path: none !important; background: transparent !important; height: 130px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; padding: 16px !important; }
.cc-collection-list .card__media--circle::before { display: none !important; }
.cc-collection-list .card__media--circle > * { border-radius: 0 !important; clip-path: none !important; }
.cc-collection-list .card__media--circle img { width: 90px !important; height: 90px !important; object-fit: contain !important; border-radius: 0 !important; filter: drop-shadow(0 4px 16px rgba(0,102,255,0.15)) brightness(1.05) !important; }

/* Subtle glow behind image */
.cc-collection-list .card__media--circle::after { content: '' !important; position: absolute !important; width: 100px !important; height: 100px !important; background: radial-gradient(circle, rgba(0,102,255,0.06) 0%, transparent 70%) !important; border-radius: 50% !important; pointer-events: none !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; }

/* Card text area */
.cc-collection-list .card__content { padding: 0 12px 16px !important; text-align: center !important; }
.cc-collection-list .card__heading { font-size: 13px !important; font-weight: 700 !important; color: #0F172A !important; margin: 0 0 4px !important; line-height: 1.3 !important; }
.cc-collection-list .card__heading a { color: #0F172A !important; text-decoration: none !important; }
.cc-collection-list .card__heading a:hover { color: #0066FF !important; }
.cc-collection-list .card__view-collection,
.cc-collection-list [class*="view-collection"] { color: #0066FF !important; font-size: 11px !important; display: block !important; margin-top: 2px !important; }

/* HOT badge — red, on cards 1 & 3 */
.cc-collection-list li:nth-child(1) .card__collection::before,
.cc-collection-list li:nth-child(3) .card__collection::before { content: 'HOT' !important; position: absolute !important; top: 8px !important; left: 8px !important; z-index: 5 !important; background: #FF3B30 !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0.8px !important; padding: 2px 7px !important; border-radius: 4px !important; }

/* NEW badge — blue, on cards 2 & 5 */
.cc-collection-list li:nth-child(2) .card__collection::before,
.cc-collection-list li:nth-child(5) .card__collection::before { content: 'NEW' !important; position: absolute !important; top: 8px !important; left: 8px !important; z-index: 5 !important; background: #0066FF !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0.8px !important; padding: 2px 7px !important; border-radius: 4px !important; }

/* Section heading */
.cc-collection-list .section-header, .cc-collection-list h2 { color: #0F172A !important; text-align: center !important; }
.cc-collection-list .h2, .cc-collection-list .collection-list__title { color: #0F172A !important; font-weight: 900 !important; font-size: clamp(22px,2.5vw,32px) !important; }

/* Duplicate block — same selectors for second collection-list variant */
.cc-collection-list .collection-list__heading { color: #0F172A !important; font-size: clamp(22px,2.5vw,32px) !important; font-weight: 900 !important; text-align: center !important; margin-bottom: 36px !important; }

/* Grid */
.collection-list__grid { display: grid !important; grid-template-columns: repeat(5,1fr) !important; gap: 16px !important; padding: 0 !important; }
@media(max-width:989px) { .collection-list__grid { grid-template-columns: repeat(2,1fr) !important; gap: 12px !important; } }
@media(max-width:479px) { .collection-list__grid { grid-template-columns: repeat(2,1fr) !important; } }

/* Card variant — FIX #18 radius */
.cc-collection-list .card--collection { background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: var(--tae-radius) !important; overflow: hidden !important; position: relative !important; transition: all 0.25s ease !important; cursor: pointer !important; aspect-ratio: unset !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.cc-collection-list .card--collection:hover { border-color: #0066FF !important; transform: translateY(-3px) !important; box-shadow: 0 8px 32px rgba(0,102,255,0.1) !important; }

/* Media area */
.cc-collection-list .card__media { border-radius: 0 !important; background: transparent !important; height: 120px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: visible !important; }
.cc-collection-list .card__media .media { border-radius: 0 !important; background: transparent !important; }
.cc-collection-list .card__media img { width: 80px !important; height: 80px !important; object-fit: contain !important; border-radius: 0 !important; filter: drop-shadow(0 4px 12px rgba(0,102,255,0.12)) !important; }
.cc-collection-list .card__media::before { display: none !important; }
.cc-collection-list .card--circle-image .card__media,
.cc-collection-list .card--circle-image .card__media .media,
.cc-collection-list .card--circle-image .card__media img { border-radius: 0 !important; clip-path: none !important; }

/* Card content */
.cc-collection-list .card__content { padding: 0 14px 16px !important; text-align: center !important; }

/* View collection link */
.cc-collection-list .card__view-collection { color: #0066FF !important; font-size: 11px !important; font-weight: 600 !important; display: block !important; margin-top: 4px !important; }

/* HOT/NEW badges - duplicate block */
.cc-collection-list .collection-list__item:nth-child(1) .card--collection::before,
.cc-collection-list .collection-list__item:nth-child(3) .card--collection::before { content: 'HOT' !important; position: absolute !important; top: 10px !important; left: 10px !important; background: #FF3B30 !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0.5px !important; padding: 2px 7px !important; border-radius: 4px !important; z-index: 10 !important; }
.cc-collection-list .collection-list__item:nth-child(2) .card--collection::before,
.cc-collection-list .collection-list__item:nth-child(5) .card--collection::before { content: 'NEW' !important; position: absolute !important; top: 10px !important; left: 10px !important; background: #0066FF !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0.5px !important; padding: 2px 7px !important; border-radius: 4px !important; z-index: 10 !important; }

/* Icon glow */
.cc-collection-list .card__media::after { content: '' !important; position: absolute !important; width: 90px !important; height: 90px !important; background: radial-gradient(circle, rgba(0,102,255,0.06) 0%, transparent 70%) !important; border-radius: 50% !important; pointer-events: none !important; }

/* Section title override */
.cc-collection-list .section-header { text-align: center !important; margin-bottom: 36px !important; }
.cc-collection-list .section-header__title { color: #0F172A !important; font-size: clamp(22px,2.5vw,32px) !important; font-weight: 900 !important; }

/* Ensure page-width container */
.cc-collection-list > .page-width { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; }

/* ============================================
   WHATSAPP FLOATING CTA
   ============================================ */
.tae-whatsapp{position:fixed;bottom:24px;right:24px;z-index:999;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);cursor:pointer;transition:all 0.3s;text-decoration:none}
.tae-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,0.55)}
.tae-whatsapp svg{width:28px;height:28px;fill:#FFFFFF}
.tae-whatsapp-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid #25D366;animation:taeWaPulse 2s infinite}
@keyframes taeWaPulse{0%{transform:scale(1);opacity:0.6}100%{transform:scale(1.4);opacity:0}}
@media(max-width:749px){.tae-whatsapp{bottom:16px;right:16px;width:50px;height:50px}.tae-whatsapp svg{width:24px;height:24px}}

/* ============================================
   FAQ SECTION BRAND STYLING
   ============================================ */
.faq-section,
.shopify-section .faq { background: var(--tae-bg) !important; }
.faq .accordion__title,
.faq-accordion summary,
.collapsible-content__heading,
[id*="faq"] summary h3,
[id*="faq"] .accordion__title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  font-size: 15px !important;
}
.faq .accordion__content p,
[id*="faq"] .accordion__content p {
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.faq details[open] summary,
[id*="faq"] details[open] summary {
  color: var(--tae-primary) !important;
}
.faq details,
[id*="faq"] details {
  border-bottom: 1px solid var(--tae-border) !important;
  border-top: none !important;
}

/* ============================================
   FOOTER TRUST / PAYMENT ICONS ENHANCEMENT
   ============================================ */
.footer__payment-terms { opacity: 0.7 !important; }
.footer__payment-terms:hover { opacity: 1 !important; }

/* ============================================
   SHOPPABLE IMAGE SECTION BRAND STYLING
   ============================================ */
.shopify-section .shoppable-image { border-radius: var(--tae-radius) !important; overflow: hidden !important; }
.shoppable-image__content { background: var(--tae-surface) !important; }
.shoppable-image__heading,
.shoppable-image h2 { font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important; color: #0F172A !important; }
.shoppable-image__text p { color: #475569 !important; }

/* ============================================
   HEADER DARK BG — override tae-custom white
   Header uses configured dark bg from theme settings
   ============================================ */
.header-wrapper, .header,
.shopify-section--header {
  background-color: #112240 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.header__menu-item a, .list-menu__item a,
.header__menu-item span { color: rgba(255,255,255,0.85) !important; }
.header__menu-item:hover > a, .list-menu__item:hover > a { color: #FFFFFF !important; }
.header__icon { color: rgba(255,255,255,0.85) !important; }
.header__icon svg, .icon-cart svg { color: rgba(255,255,255,0.85) !important; }
.header__icon:hover svg { color: #FFFFFF !important; }
.header .logo__text { color: #FFFFFF !important; }
.header__search,
.search-modal__form { background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.15) !important; }

.header .button--cta,
.header [class*="cta"] { background: #2979FF !important; color: #FFFFFF !important; border-radius: 8px !important; }
/* Mega menu stays white (light) for readability */
.header__submenu, .mega-menu { background: #FFFFFF !important; }

/* =============================================
   ENTERPRISE THEME ALIGNMENT & GRID FIXES
   ============================================= */

/* 1. Header & Search Compaction */
.header { padding-top: 12px !important; padding-bottom: 12px !important; }
.search__input, .header__search input { 
    min-height: 44px !important; 
    max-height: 44px !important;
    padding: 8px 16px !important; 
    border-radius: 8px !important;
}
.header__search .search-form { max-height: 44px !important; align-items: center !important; border-radius: 8px !important; overflow: hidden !important; }
.header__search button { min-height: 44px !important; height: 44px !important; padding: 0 10px !important; }
@media (max-width: 749px) {
    .header { padding-top: 8px !important; padding-bottom: 8px !important; }
}

/* 2. Normalize Product Cards Grid (Prevent Jagged Rows) */
.product-card .media, 
.card__media { 
    aspect-ratio: 1 / 1 !important; 
    height: auto !important; 
    background: #FFFFFF !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
}
.product-card .media img, 
.card__media img { 
    object-fit: contain !important; 
    max-width: 100% !important; 
    height: 100% !important; 
}
.card__information {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex-grow: 1 !important;
}
.card__information .price {
    margin-top: auto !important;
}

/* 3. Section Title & View All Button Alignment */
.section-header { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    flex-wrap: wrap; 
    gap: 12px;
}
.section-header__title, .section__heading { margin: 0 !important; }
.section-header [class*="view"], 
.section-header a { margin: 0 !important; align-self: center !important; }

/* 4. Fix Vertical Alignment of Brand Scrollers/Dots */
.logo-list__item, .brand-item { 
    display: inline-flex !important; 
    align-items: center !important; 
}

/* =============================================
   ENTERPRISE SEARCH & SLIDER GRID POLISH
   ============================================= */

/* 1. Fix Hard White Search Box in Header */
.header__search input.search__input, 
.header-wrapper form input[type="search"] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
}
.header__search input.search__input::placeholder,
.header-wrapper form input[type="search"]::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}
.header__search button svg,
.header-wrapper .search__button svg {
    color: #FFFFFF !important;
}

/* 2. Re-balance Title Heights and Align Prices horizontally */
.product-card .card__heading, 
.card-wrapper .card__heading {
    min-height: 42px !important; /* Forces 2 lines of vertical space for all titles */
    display: flex;
    align-items: flex-start;
}

/* 3. Add Breathing Room (Padding) inside product images */
.product-card .media, 
.card__media { 
    padding: 24px !important; 
    background-color: #F8FAFC !important;
}
.product-card .media img, 
.card__media img { 
    object-fit: contain !important; 
    max-height: 100% !important; 
    max-width: 100% !important;
}

/* 4. Fix Slider Navigation Arrows (Enterprise Default Override Fix) */
.slider-buttons, 
.slider-nav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    position: absolute !important;
    top: -48px !important;
    right: 0 !important;
    z-index: 10 !important;
}
.slider-buttons button, 
.slider-nav button,
.slider-button {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    color: #0066FF !important;
    position: relative !important;
    transform: none !important;
}
.slider-buttons button:hover, 
.slider-button:hover {
    background: #0066FF !important;
    color: #FFFFFF !important;
}
/* =============================================
   HERO SPACING FIX (light theme slider)
   ============================================= */
#shopify-section-template--27314576195867__tae_hero_PeKdLe {
  margin: 0 !important;
  padding: 0 !important;
}
.tae-hs, .tae-hs-statsbar {
  margin: 0 !important;
}
/* Remove old tae-hero spacing rule conflicts */
.tae-hero { padding-top: 0 !important; padding-bottom: 0 !important; }

/* =============================================
   ANNOUNCEMENT BAR — remove "Official Warranty"
   and "1,382+ Products" text via CSS targeting
   ============================================= */
/* Hide announcement bar items with warranty text
   (Use Shopify admin to edit announcement bar text directly) */

/* =============================================
   PAGES — FAQ / CONTACT / ABOUT / POLICY
   Light theme consistent styling
   ============================================= */

/* Page hero banner */
.main-page,
.shopify-section .main-page { background: #FFFFFF !important; }

.page-title,
.main-page .page-title,
h1.page-title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  font-size: clamp(28px, 3vw, 44px) !important;
}

/* Banner on pages */
.shopify-section .image-banner .banner__content { background: transparent !important; }
.banner__heading.h0 {
  color: #0F172A !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(32px, 4vw, 56px) !important;
  text-shadow: none !important;
}
.banner .banner__text p { color: #475569 !important; font-size: 16px !important; }

/* Light page banner (no image) */
.shopify-section .image-banner[style*="color_scheme: white"],
.image-banner.color-scheme-white {
  background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 100%) !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* ── FAQ PAGE ── */
.faq,
.shopify-section .faq {
  background: #FFFFFF !important;
  max-width: 860px;
  margin: 0 auto;
}

/* FAQ section heading */
.shopify-section .faq .section__header,
.shopify-section .faq .section-header {
  text-align: center;
  margin-bottom: 40px;
}

.shopify-section .faq h2,
.shopify-section .faq .section__heading,
.shopify-section .faq .section-header__title {
  color: #0F172A !important;
  font-size: clamp(22px,2.2vw,32px) !important;
  font-weight: 900 !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
}

/* FAQ accordion items */
details.accordion,
.faq details,
.collapsible-content details {
  border: none !important;
  border-bottom: 1px solid #E2E8F0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

details.accordion:first-of-type,
.faq details:first-of-type { border-top: 1px solid #E2E8F0 !important; }

details.accordion summary,
.faq details summary,
.collapsible-content details summary {
  padding: 18px 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

details.accordion summary::-webkit-details-marker,
.faq details summary::-webkit-details-marker { display: none; }

details.accordion summary .summary__title,
.faq details summary .summary__title,
details.accordion summary h3,
.faq details summary h3 {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  font-size: 15px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

details[open].accordion > summary .summary__title,
.faq details[open] > summary .summary__title,
details[open].accordion > summary h3,
.faq details[open] > summary h3 { color: #0066FF !important; }

.summary__chevron svg,
.accordion__toggle svg,
details summary svg { color: #94A3B8 !important; transition: transform 0.3s; }
details[open] summary svg { transform: rotate(180deg); color: #0066FF !important; }

details.accordion .accordion__content,
.faq details .accordion__content,
details.accordion > *:not(summary),
.faq details > *:not(summary) {
  padding: 0 0 18px !important;
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

details.accordion .accordion__content p,
.faq details p { color: #475569 !important; font-size: 14px !important; line-height: 1.75 !important; }

/* FAQ category headings */
.faq__category,
.collapsible-content__header { 
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #0066FF !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin: 32px 0 8px !important;
  display: block !important;
}

/* ── CONTACT PAGE ── */
.contact-form-wrapper,
.shopify-section .contact-form {
  max-width: 680px !important;
  margin: 0 auto !important;
}

.contact-form .section__heading,
.contact-form h2,
.shopify-section .contact-form .form-heading {
  color: #0F172A !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(22px,2.2vw,32px) !important;
  text-align: center !important;
  margin-bottom: 32px !important;
}

.contact-form .field__input,
.contact-form input,
.contact-form textarea,
.contact-form select {
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: #0F172A !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  transition: border-color 0.2s !important;
}

.contact-form .field__input:focus,
.contact-form input:focus,
.contact-form textarea:focus { border-color: #0066FF !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0,102,255,0.08) !important; }

.contact-form .field__label,
.contact-form label {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

.contact-form .button,
.contact-form button[type=submit] {
  background: #0066FF !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(0,102,255,0.25) !important;
  transition: all 0.2s !important;
  cursor: pointer !important;
}

.contact-form .button:hover,
.contact-form button[type=submit]:hover {
  background: #0052CC !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 28px rgba(0,102,255,0.35) !important;
}

/* ── POLICY PAGES ── */
.policy,
.main-policies,
.shopify-section .main-policies { background: #FFFFFF !important; }

.policy__title,
.policies-title,
.main-policies h1 {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  font-size: clamp(26px, 3vw, 42px) !important;
  margin-bottom: 32px !important;
}

.policy__body,
.policies-content,
.main-policies .rte {
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  max-width: 720px !important;
}

.policy__body h2,
.policies-content h2,
.main-policies .rte h2 {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  color: #0F172A !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  margin: 36px 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

.policy__body h3,
.policies-content h3,
.main-policies .rte h3 {
  color: #0F172A !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin: 24px 0 10px !important;
}

.policy__body a,
.policies-content a { color: #0066FF !important; }
.policy__body a:hover,
.policies-content a:hover { text-decoration: underline !important; }

.policy__body ul, .policy__body ol,
.policies-content ul, .policies-content ol {
  color: #475569 !important;
  padding-left: 24px !important;
  margin: 12px 0 !important;
}

.policy__body li,
.policies-content li { margin-bottom: 8px !important; line-height: 1.7 !important; }

/* ── ABOUT US PAGE ── */
.main-page .rte,
.page__content {
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

.main-page .rte h2,
.page__content h2 {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  color: #0F172A !important;
  font-weight: 800 !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  margin: 40px 0 16px !important;
}

.main-page .rte h3,
.page__content h3 {
  color: #0F172A !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  margin: 28px 0 10px !important;
}

.main-page .rte strong,
.page__content strong { color: #0F172A !important; font-weight: 700 !important; }

.main-page .rte a,
.page__content a { color: #0066FF !important; }

/* Page layout wrapper */
.shopify-section .main-page .page-width,
.template-page .page-width {
  padding-top: 48px !important;
  padding-bottom: 64px !important;
}

/* ── NEWSLETTER SECTION — Match light theme ── */
.tae-nl {
  background: linear-gradient(135deg,#F8FAFC 0%,#EFF6FF 50%,#F8FAFC 100%) !important;
  border-top: 1px solid #E2E8F0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* ── ANNOUNCEMENT BAR — Replace wrong content hint ── */
/* Edit the announcement bar text in Shopify Admin >
   Online Store > Themes > Customize > Announcement Bar
   Remove: "Official Warranty on All Products" 
   Replace with: "Expert-Verified Products" or "Same-Day Dispatch"
*/

/* =============================================
   GLOBAL: Remove/hide any hardcoded "1,382+" 
   or "Official Warranty" text that slips through
   ============================================= */
/* These selectors target the announcement bar items */
.announcement-bar__message:empty { display: none !important; }

/* =============================================
   JUDGE.ME REVIEWS WIDGET — Style overrides
   to match the light theme when installed
   ============================================= */
.jdgm-widget,
.jdgm-rev-widg,
.jdgm-all-reviews-page {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  color: #0F172A !important;
}

.jdgm-rev__body { color: #475569 !important; font-size: 14px !important; line-height: 1.65 !important; }
.jdgm-rev__author { color: #0F172A !important; font-weight: 700 !important; font-size: 13px !important; }
.jdgm-rev__timestamp { color: #94A3B8 !important; font-size: 12px !important; }
.jdgm-star { color: #FFD60A !important; }
.jdgm-prev-badge__stars { color: #FFD60A !important; }

.jdgm-write-rev-link,
.jdgm-write-rev-link:hover {
  background: #0066FF !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.2s !important;
  box-shadow: 0 4px 14px rgba(0,102,255,0.25) !important;
}

.jdgm-write-rev-link:hover {
  background: #0052CC !important;
  transform: translateY(-1px) !important;
}

.jdgm-rev-widg__header { border-bottom: 1px solid #E2E8F0 !important; }
.jdgm-rev { border-bottom: 1px solid #F1F5F9 !important; background: #FFFFFF !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 12px !important; }
.jdgm-rev:hover { border-color: rgba(0,102,255,0.2) !important; box-shadow: 0 4px 16px rgba(0,102,255,0.06) !important; }