@font-face { font-family: "Instrument Sans"; src: url("../assets/fonts/InstrumentSans-Variable.ttf") format("truetype"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Noto Sans Devanagari"; src: url("../assets/fonts/NotoSansDevanagari-Variable.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Noto Sans Kannada"; src: url("../assets/fonts/NotoSansKannada-Variable.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
.brand-animated { display: inline-flex; align-items: stretch; gap: 5px; text-decoration: none; flex-shrink: 0; }
.brand-animated > img { width: 50px; height: 50px; flex-shrink: 0; }
.brand-animated .logo-nameplate { display: flex; flex-direction: column; justify-content: center; width: 207px; min-width: 207px; max-width: 207px; height: 50px; padding: 4px 12px; color: white; background: #213969; }
.brand-animated .logo-language-text { display: block; font-family: "Instrument Sans", sans-serif; font-size: 22px; font-weight: 700; line-height: 1.25; letter-spacing: -.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand-animated .logo-language-text:lang(hi) { font-family: "Noto Sans Devanagari", sans-serif; font-size: 21px; line-height: 1.4; letter-spacing: 0; }
.brand-animated .logo-language-text:lang(kn) { font-family: "Noto Sans Kannada", sans-serif; font-size: 18px; line-height: 1.4; letter-spacing: 0; }
.brand-animated .logo-nameplate small { display: block; font-family: "Instrument Sans", sans-serif; margin-top: 3px; font-size: 8px; line-height: 1.2; font-weight: 500; letter-spacing: .35px; color: #fff; }
.language-tools { display: flex; align-items: center; gap: 14px; }
.language-tools > button { min-height: 28px; padding: 3px 0; border: 0; background: transparent; color: inherit; font-size: 10px; opacity: .64; }
.language-tools > button[aria-pressed="true"] { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.language-tools > button:lang(hi) { font-family: "Noto Sans Devanagari", sans-serif; }
.language-tools > button:lang(kn) { font-family: "Noto Sans Kannada", sans-serif; }
.language-tools .logo-cycle-toggle { display: grid; place-items: center; width: 26px; min-height: 26px; opacity: .7; }
.language-tools .icon { width: 13px; height: 13px; }
@media (max-width:680px) { .brand-animated > img { width: 42px; height: 42px; }.brand-animated .logo-nameplate { width: 162px; min-width: 162px; max-width: 162px; height: 42px; padding: 4px 9px; }.brand-animated .logo-language-text { font-size: 17px; }.brand-animated .logo-language-text:lang(hi) { font-size: 17px; }.brand-animated .logo-language-text:lang(kn) { font-size: 14px; }.brand-animated .logo-nameplate small { font-size: 6.5px; margin-top: 2px; }.language-tools { gap: 11px; }.language-tools > button { font-size: 9px; } }

/* Shared customer-page down-payment offer. Motion is decorative and optional. */
.emi-zero-highlight {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 0 .35em;
  overflow: hidden;
  border-radius: 3px;
  background: #ffe178;
  color: #213969;
  font-size: inherit;
  font-weight: 650;
  line-height: 1.5;
  text-shadow: none;
  vertical-align: baseline;
  white-space: nowrap;
}
.emi-zero-highlight::after {
  content: "";
  position: absolute;
  inset: -50% auto -50% -60%;
  width: 45%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  transform: translateX(0) skewX(-20deg);
  opacity: 0;
  pointer-events: none;
  animation: emi-zero-glare 6s linear infinite;
}
.emi-zero-offer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 5px 10px;
  min-height: 36px;
  padding: 5px 20px;
  border-bottom: 1px solid #eee6cc;
  background: #fffdf4;
  color: #213969;
  font-family: "Instrument Sans", sans-serif;
  font-size: .8125rem;
  line-height: 1.5;
  text-align: center;
}
.emi-zero-offer .emi-zero-highlight {
  padding: 2px 9px;
  border-radius: 4px;
  color: #213969;
  font-size: .8125rem;
  line-height: 1.5;
}
.emi-zero-offer-copy { color: #41516a; font-size: .75rem; }
html[data-emi-offer-paused] .emi-zero-highlight::after,
.emi-zero-highlight:hover::after,
.emi-zero-highlight:focus-within::after,
.emi-zero-offer:hover .emi-zero-highlight::after,
.emi-zero-offer:focus-within .emi-zero-highlight::after { animation-play-state: paused; }
@keyframes emi-zero-glare {
  0% { transform: translateX(0) skewX(-20deg); opacity: 0; }
  3% { opacity: 1; }
  18% { transform: translateX(410%) skewX(-20deg); opacity: 1; }
  19%, 100% { transform: translateX(410%) skewX(-20deg); opacity: 0; }
}
@media (max-width: 400px) {
  .emi-zero-offer { gap: 4px 8px; padding-inline: 12px; }
  .emi-zero-offer .emi-zero-highlight { padding-inline: 7px; font-size: .75rem; }
  .emi-zero-offer-copy { font-size: .6875rem; }
}
@media (prefers-reduced-motion: reduce) {
  .emi-zero-highlight::after { content: none; animation: none; }
}

/* Keep the yellow label consistent inside older campaign/card type rules. */
.premium-home .product-card .product-emi-label.emi-zero-highlight,
.premium-home .detail-copy .product-emi-label.emi-zero-highlight { display:inline-flex; width:max-content; max-width:100%; padding:2px 7px; color:#213969; background:#ffe178; font-weight:650; }
.premium-home .emi-top-message .emi-zero-highlight,
.premium-home #emi-promo-text .emi-zero-highlight,
.premium-home .announcement .announcement-carousel-text .emi-zero-highlight { color:#213969; background:#ffe178; }