/**
 * Ayushi Vikash Group — navy + crimson brand theme
 * Matches AVG logo. Loaded last so it overrides the old gold palette.
 */

:root {
  --avg-navy: #0B2545;
  --avg-navy-deep: #061628;
  --avg-navy-soft: #163A5F;
  --avg-red: #D0122A;
  --avg-red-deep: #A50E21;
  --avg-red-soft: #FDECEE;
  --avg-bg: #F5F7FA;
  --avg-white: #ffffff;
  --avg-muted: #5B6B7C;
  --avg-line: #E2E8F0;

  --gt-dark: #0B2545;
  --gt-dark-soft: #163A5F;
  --gt-gold: #D0122A;
  --gt-gold-light: #E85A6A;
  --gt-gold-deep: #A50E21;
  --gt-cream: #F5F7FA;
  --gt-cream-mid: #EEF2F6;
  --gt-cream-deep: #E6ECF2;
  --gt-warm-white: #ffffff;

  --tsc-navy: #163A5F;
  --tsc-navy-dark: #0B2545;
  --tsc-blue-pill: #FDECEE;
  --tsc-blue-bg: #F5F7FA;
  --tsc-circle-grad: linear-gradient(165deg, #e8eef5 0%, #f5f7fa 42%, #ffffff 100%);

  --cg-navy: #163A5F;
  --cg-navy-dark: #0B2545;
  --cg-blue: #D0122A;
  --cg-blue-soft: #FDECEE;
  --cg-blue-bg: #F5F7FA;

  --hdr-navy: #0B2545;
  --hdr-navy-hover: #D0122A;
  --cat-grad: linear-gradient(180deg, #e8eef5 0%, #f5f7fa 45%, #ffffff 100%);
  --cat-grad-hover: linear-gradient(180deg, #0B2545 0%, #163A5F 42%, #D0122A 100%);
}

html {
  --theme-color: #0B2545;
}

body {
  color: var(--avg-navy);
  background: var(--avg-white);
  font-family: 'Montserrat', 'Poppins', 'Inter', system-ui, sans-serif;
}

.page-home,
.page-shop,
.page-category,
.page-product,
.page-pdp-simple,
.page-stores,
.page-account {
  background: var(--avg-bg) !important;
}

.page-product .pdp-tsc,
.page-stores .stores-page {
  background: var(--avg-bg) !important;
}

.category-circles-bar,
.pdp-highlights-bar,
.pdp-highlights-bar--in-scroll,
.site-header .header-sticky-wrap {
  background: #fff !important;
  color: var(--avg-navy) !important;
}

.pdp-gallery-stage,
.pdp-zoom-stage,
.pdp-main-frame .pdp-gallery-stage,
.stores-hero__media {
  background: var(--avg-bg) !important;
}

.pdp-icon-strip,
.pdp-trust-bar,
.store-card-tsc__timings,
.pdp-rating-pill {
  background: #eef2f6 !important;
}

.btn-primary,
.find-store-btn,
.pdp-btn-buy:not(.pdp-btn-enquiry),
.header-find-store,
.btn.btn-primary {
  background: var(--avg-red) !important;
  color: #fff !important;
  border-color: var(--avg-red) !important;
}

.btn-primary:hover,
.find-store-btn:hover,
.header-find-store:hover {
  background: var(--avg-red-deep) !important;
}

.btn-outline,
.btn-outline-primary {
  border-color: var(--avg-navy) !important;
  color: var(--avg-navy) !important;
}

.category-circles-bar .circle-img,
.stores-topcat-item__circle,
.stores-city-item__circle {
  background: linear-gradient(165deg, #e8eef5 0%, #f5f7fa 45%, #ffffff 100%) !important;
  box-shadow: 0 6px 20px rgba(11, 37, 69, 0.12) !important;
}

.stores-hero-tab.is-active .stores-hero-tab__label,
.pdp-subnav-btn.is-active {
  background: var(--avg-red-soft) !important;
  color: var(--avg-navy) !important;
}

.stores-hero-tabs {
  background: var(--avg-navy) !important;
}

/* Header */
.site-header .logo-img {
  height: 40px !important;
  max-width: 160px !important;
}

@media (min-width: 992px) {
  .site-header .header-inner {
    height: 64px !important;
  }
  .site-header .logo-img {
    height: 42px !important;
    max-width: 148px !important;
  }
}

.site-header .main-nav .nav-item,
.site-header .main-nav .nav-item-link {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .site-header .main-nav {
    gap: 10px !important;
  }
}

@media (min-width: 1200px) {
  .site-header .main-nav {
    gap: 14px !important;
  }
}

.site-header .main-nav .nav-item:hover,
.site-header .nav-item-link:hover {
  color: var(--avg-red) !important;
}

.promo-strip-shine {
  background: linear-gradient(90deg, #061628 0%, #0B2545 42%, #D0122A 100%) !important;
}

.promo-strip-shine::before {
  background: linear-gradient(
    110deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 40%,
    rgba(255, 255, 255, 0.28) 50%,
    rgba(255, 255, 255, 0.08) 60%,
    transparent 100%
  ) !important;
}

/* Footer */
.site-footer {
  background: linear-gradient(180deg, #0B2545 0%, #061628 100%) !important;
  border-top-color: rgba(208, 18, 42, 0.35) !important;
}

.site-footer::before {
  background: linear-gradient(90deg, #0B2545, #D0122A, #0B2545) !important;
  height: 3px !important;
}

.footer-trust-strip {
  background: rgba(208, 18, 42, 0.12) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.footer-trust-inner,
.footer-trust-item {
  color: #fff !important;
}

.footer-trust-dot {
  background: #D0122A !important;
}

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

/* Homepage leftover gold */
.page-home .gt-features {
  background: #fff !important;
}

.gt-features-panel {
  background: #fff !important;
  border-color: rgba(11, 37, 69, 0.08) !important;
  box-shadow: 0 12px 36px rgba(11, 37, 69, 0.08) !important;
}

.gt-feature-item {
  border-color: rgba(11, 37, 69, 0.1) !important;
  box-shadow: 0 8px 20px rgba(11, 37, 69, 0.05) !important;
}

.gt-feature-icon {
  background: radial-gradient(circle at 40% 30%, #fff 0%, #eef2f6 100%) !important;
  border-color: rgba(208, 18, 42, 0.2) !important;
}

.gt-feature-text {
  color: var(--avg-navy) !important;
}

.page-home .gt-faq {
  background: linear-gradient(180deg, #fff 0%, #F5F7FA 100%) !important;
}

.gt-faq--tsc .gt-faq-q-num,
.gt-faq--tsc .gt-faq-item.is-open .gt-faq-q-num {
  color: var(--avg-red) !important;
}

.gt-faq--tsc .gt-faq-q-text {
  color: var(--avg-navy) !important;
}

.gt-faq--tsc .gt-faq-toggle {
  border-color: rgba(11, 37, 69, 0.18) !important;
  color: var(--avg-navy) !important;
}

.gt-faq--tsc .gt-faq-item.is-open .gt-faq-toggle {
  background: var(--avg-red-soft) !important;
  border-color: var(--avg-red) !important;
  color: var(--avg-red) !important;
}

.gt-faq-card {
  background: linear-gradient(160deg, #061628 0%, #0B2545 55%, #163A5F 100%) !important;
}

.gt-faq-card-kicker {
  color: #ff8a97 !important;
}

.gt-faq-foot-btn {
  background: var(--avg-red) !important;
  color: #fff !important;
}

.home-contact {
  background: linear-gradient(180deg, #fff 0%, #eef2f6 100%) !important;
}

.home-contact-info-card,
.home-contact-form-card {
  background: #fff !important;
  border-color: rgba(11, 37, 69, 0.1) !important;
  box-shadow: 0 18px 42px rgba(11, 37, 69, 0.08) !important;
}

.home-contact-kicker {
  color: var(--avg-red) !important;
}

.home-contact-submit,
.home-contact-form button[type="submit"] {
  background: var(--avg-red) !important;
  color: #fff !important;
}

.home-promise-bg {
  background: linear-gradient(180deg, #fff 0%, #eef2f6 50%, #e6ecf2 100%) !important;
}

.home-promise-quote {
  background: #fff !important;
  border-color: rgba(11, 37, 69, 0.08) !important;
  box-shadow: 0 14px 40px rgba(11, 37, 69, 0.1) !important;
}

.home-promise-title-line,
.home-promise-quote-title {
  color: #0B2545 !important;
}

.home-promise-qmark {
  color: rgba(208, 18, 42, 0.28) !important;
}

.home-promise-dot {
  border-color: rgba(11, 37, 69, 0.12) !important;
  background: #fff !important;
}

.home-promise-dot.is-active {
  border-color: #D0122A !important;
  background: #FDECEE !important;
  box-shadow: 0 3px 12px rgba(208, 18, 42, 0.18) !important;
}

.home-promise-dot-name {
  color: #0B2545 !important;
}

.shop-cat-bento-cell {
  background: linear-gradient(180deg, #fff 0%, #eef2f6 100%) !important;
}

/* Chat */
.slv-chat-fab,
.slv-chat-head {
  background: linear-gradient(135deg, #061628 0%, #0B2545 55%, #D0122A 100%) !important;
}

.slv-chat-send {
  background: var(--avg-red) !important;
}

.site-header .main-nav .nav-item,
.site-header .main-nav .nav-item-link {
  gap: 7px !important;
}

.site-header .nav-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #f1f5f9;
  color: #D0122A;
  transition: background 0.2s ease, color 0.2s ease;
}

.site-header .nav-ico svg {
  width: 14px;
  height: 14px;
}

.site-header .main-nav .nav-item:hover .nav-ico,
.site-header .main-nav .nav-item-link:hover .nav-ico {
  background: #D0122A;
  color: #fff;
}

.mobile-cat-thumb--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #eef3f8;
  color: #D0122A;
}

.mobile-cat-thumb--icon svg {
  width: 22px;
  height: 22px;
}

/* Product names marquee — not sticky, sits above the logo bar */
.avg-top-marquee {
  position: relative !important;
  top: auto !important;
  z-index: 1;
  overflow: hidden;
  height: 32px;
  background: #0B2545;
  color: #fff;
  border-bottom: 2px solid #D0122A;
}

body.header-fixed .avg-top-marquee {
  display: none !important;
}

.avg-top-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  height: 100%;
  animation: avg-top-marquee 32s linear infinite;
}

.avg-top-marquee:hover .avg-top-marquee-track {
  animation-play-state: paused;
}

.avg-top-marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0 4px 0 16px;
  color: #fff;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.avg-top-marquee-item::after {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #D0122A;
  flex-shrink: 0;
}

@keyframes avg-top-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.tsc-deal-badge--save {
  background: linear-gradient(135deg, #D0122A 0%, #A50E21 100%) !important;
}

@media (max-width: 991.98px) {
  .avg-top-marquee {
    height: 28px;
  }

  .avg-top-marquee-item {
    font-size: 0.62rem;
    padding-left: 14px;
    letter-spacing: 0.03em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .avg-top-marquee-track {
    animation: none;
  }
}

@media (min-width: 992px) {
  .site-header .main-nav .nav-item,
  .site-header .main-nav .nav-item-link {
    gap: 5px !important;
    font-size: 0.8rem !important;
  }

  .site-header .logo-img {
    height: 42px !important;
    max-width: 148px !important;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .site-header .nav-ico,
  .site-header .main-nav .chevron {
    display: none !important;
  }
}