/*
 * Flipkart's typography, measured on flipkart.com (home, search and product pages, October 2026):
 * Inter at 400 / 500 / 600 / 700 / 800 for Latin text and Noto Sans Devanagari for हिन्दी / मराठी;
 * 14px text at 1.4 line height in #212121, 12–13px small print, no letter-spacing, no italics.
 * Loaded after every other stylesheet (layout.blade.php), so it sets the type on all pages.
 */

:root {
    --fk-font: 'Inter', 'Noto Sans Devanagari', -apple-system, Helvetica, Arial, sans-serif;
    --fk-text: #212121;
    --fk-text-2: #333333;
    --fk-muted: #878787;
    --fk-muted-2: #707070;
    --fk-green: #388e3c;
    --fk-green-2: #008042;

    /* The older stylesheets read these */
    --font-primary: var(--fk-font);
    --zl-display: var(--fk-font);
    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-base: 14px;
    --fs-md: 16px;
    --fs-lg: 18px;
}

/* ───────────────────────── Base ───────────────────────── */

html, body, button, input, select, textarea, optgroup,
.btn, .form-control, .form-select, .dropdown-menu, .offcanvas, .modal, .tooltip, .popover, .ts-control, .ts-dropdown {
    font-family: var(--fk-font);
}
body { font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--fk-text); }
/* Devanagari has taller letters; a little more room keeps lines from touching */
html:lang(hi) body, html:lang(mr) body { line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { font-family: var(--fk-font); color: var(--fk-text); }
h1 { font-size: 18px; font-weight: 600; }
h2 { font-size: 18px; font-weight: 500; }
h3 { font-size: 16px; font-weight: 500; }
h4, h5, h6 { font-size: 14px; font-weight: 500; }
small, .small, .text-muted, .form-text { font-size: 12px; }

/* No tracking anywhere (Flipkart uses none), except the spaced-out digits of the sign-up code */
*, *::before, *::after { letter-spacing: normal !important; }
.zl-input--otp { letter-spacing: .45em !important; }
em, i:not([class*="bi"]), cite, .zl-hero__tag { font-style: normal; }

/* ───────────────────────── Top bar, header, menu ───────────────────────── */

.top-bar.zl-topbar { font-size: 12px; font-weight: 500; }
.zl-topbar__promo { font-weight: 500; }
.zl-logo__mark { font-weight: 800; }
.zl-logo__sub { font-weight: 400; }
.header .search-bar__input { font-size: 14px; }
.header .header-action__label { font-size: 12px; font-weight: 400; }
.header .header-action__value { font-size: 14px; font-weight: 600; }
.header-account-menu .dropdown-item { font-size: 14px; }
.zl-nav .nav-menu__link { font-size: 14px; font-weight: 500; }
.zl-nav__aside a { font-size: 14px; font-weight: 500; }
.category-dropdown__title { font-size: 14px; font-weight: 600; }
.category-menu__name { font-size: 14px; font-weight: 500; }
.category-menu__hint { font-size: 12px; }

/* ───────────────────────── Buttons and links ───────────────────────── */

.zl-btn, .btn { font-size: 14px; font-weight: 600; }
.zl-btn--sm, .btn-sm { font-size: 13px; }
.zl-btn--lg, .btn-lg { font-size: 16px; font-weight: 700; }
.zl-link { font-size: 14px; font-weight: 500; }

/* ───────────────────────── Home ───────────────────────── */

.zl-section__title { font-size: 22px; font-weight: 600; line-height: 1.3; }
.zl-section__sub { font-size: 14px; color: var(--fk-muted-2); }
.zl-hero__kicker { font-size: 14px; font-weight: 600; }
.zl-hero__title { font-weight: 800; line-height: 1.1; }
.zl-hero__text { font-size: 16px; }
.zl-hero__points { font-size: 13px; font-weight: 500; }
.zl-hero__tag { font-size: 18px; font-weight: 600; }
.zl-hero__price { font-size: 12px; }
.zl-hero__price strong { font-size: 16px; font-weight: 700; }
.zl-trust__item strong { font-size: 14px; font-weight: 600; }
.zl-trust__item small { font-size: 12px; }
.zl-cat__count { font-size: 12px; font-weight: 500; }
.zl-cat__name { font-size: 22px; font-weight: 600; }
.zl-cat__from, .zl-cat__cta { font-size: 14px; font-weight: 500; }
.zl-tab { font-size: 14px; font-weight: 500; }
.zl-deal__kicker { font-size: 14px; font-weight: 600; }
.zl-deal__title { font-weight: 700; }
.zl-deal__name { font-size: 18px; font-weight: 500; }
.zl-deal__price strong { font-size: 27px; font-weight: 800; }
.zl-deal__off { font-size: 13px; font-weight: 500; }
.zl-promo__title { font-size: 18px; font-weight: 600; }
.zl-promo__text { font-size: 14px; }
.zl-news h3 { font-size: 18px; font-weight: 600; }
.zl-news p, .zl-news__form input { font-size: 14px; }
.zl-news__msg { font-size: 13px; }

/* ───────────────────────── Product cards (listing tiles) ───────────────────────── */

.zl-card__title { font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--fk-text); }
.zl-card__title a { color: inherit; }
.zl-card__cat { font-size: 12px; color: var(--fk-muted); }
.zl-card__rating { font-size: 12px; font-weight: 500; }
.zl-card__price strong { font-size: 16px; font-weight: 500; color: var(--fk-text); }
.zl-card__price del { font-size: 14px; color: var(--fk-muted); }
.zl-card__off { font-size: 13px; font-weight: 500; }
.zl-card__badge { font-size: 12px; font-weight: 600; }
.zl-card__quick { font-size: 12px; font-weight: 500; }

/* ───────────────────────── Listing page ───────────────────────── */

.zl-plp-head__title { font-size: 18px; font-weight: 500; }
.zl-plp-head__intro, .zl-plp-head__count { font-size: 14px; color: var(--fk-muted-2); }
.zl-plp-filters__title { font-size: 18px; font-weight: 500; }
.zl-plp-filters__clear { font-size: 12px; font-weight: 500; }
.zl-plp-group > summary { font-size: 12px; font-weight: 500; text-transform: uppercase; color: var(--fk-text); }
.zl-plp-cats a, .zl-plp-check { font-size: 14px; font-weight: 400; }
.zl-plp-cats a small, .zl-plp-check small, .zl-plp-group__count, .zl-plp-group__note { font-size: 12px; }
.zl-plp-toolbar__count { font-size: 14px; font-weight: 500; }
.zl-plp-sort__toggle, .zl-plp-sort__menu .dropdown-item { font-size: 14px; font-weight: 500; }
.zl-plp-chip, .zl-plp-chips__clear { font-size: 12px; font-weight: 500; }
.zl-plp-empty h2 { font-size: 18px; font-weight: 500; }
.zl-suggest__name { font-size: 14px; font-weight: 400; }
.zl-suggest__meta, .zl-suggest__label { font-size: 12px; }
.zl-suggest__price strong { font-size: 14px; font-weight: 500; }

/* ───────────────────────── Product page and quick view ───────────────────────── */

.breadcrumb, .zl-crumbs, .zc-crumbs { font-size: 14px; color: var(--fk-muted-2); }
.zl-pdp-kicker a, .zl-pdp-tag, .zl-pdp-sku { font-size: 12px; }
.zl-pdp-title, .zl-qv__title { font-size: 16px; font-weight: 700; line-height: 22px; color: var(--fk-text-2); }
.zl-pdp-rating__link, .zl-pdp-rating__link--none { font-size: 14px; font-weight: 500; }
.zl-pdp-price__now { font-size: 27px; font-weight: 800; line-height: 34px; color: var(--fk-text-2); }
.zl-pdp-price__mrp { font-size: 14px; color: var(--fk-muted-2); }
.zl-pdp-price__off { font-size: 14px; font-weight: 700; }
.zl-pdp-price__note { font-size: 12px; }
.zl-pdp-summary, .zl-qv__summary { font-size: 14px; }
.zl-pdp-option legend, .zl-qv__option-name { font-size: 14px; font-weight: 700; }
.zl-pdp-stock, .zl-pdp-msg { font-size: 14px; }
.zl-pdp-buy .zl-btn { font-size: 16px; font-weight: 700; }
.zl-pdp-perks strong { font-size: 14px; font-weight: 600; }
.zl-pdp-perks small, .zl-pdp-help { font-size: 12px; }
.zl-pdp-panel__title { font-size: 16px; font-weight: 700; }
.zl-pdp-highlights li { font-size: 14px; }
.zl-pdp-description { font-size: 16px; line-height: 22px; color: var(--fk-text-2); }
.zl-pdp-description h2, .zl-pdp-description h3, .zl-pdp-description h4 { font-size: 16px; font-weight: 700; }
.zl-pdp-specs { font-size: 14px; }
.zl-pdp-specs th { font-weight: 400; color: var(--fk-muted-2); }
.zl-pdp-specs td { color: var(--fk-text); }
.zl-pdp-sticky__price strong { font-size: 16px; font-weight: 700; }
.zl-pdp-sticky__price small { font-size: 12px; }
.zl-qv__cat { font-size: 12px; }

/* ───────────────────────── Cart, checkout, wishlist ───────────────────────── */

.zc-line__name { font-size: 16px; font-weight: 400; }
.zc-line__variant, .zc-line__stock, .zc-line__warn { font-size: 14px; }
.zc-line__total { font-size: 16px; font-weight: 500; }
.zc-line__link { font-size: 14px; font-weight: 600; }
.zc-mini__name { font-size: 14px; font-weight: 400; }
.zc-mini__price { font-size: 14px; font-weight: 500; }
.zc-sum__title { font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--fk-muted); }
.zc-sum__total strong { font-size: 18px; font-weight: 600; }
.zc-offers__title { font-size: 14px; font-weight: 600; }
.zc-success__title { font-size: 22px; font-weight: 600; }
#cartOffcanvas .offcanvas-title { font-size: 18px; font-weight: 500; }

/* ───────────────────────── Account, sign-in, orders, content pages ───────────────────────── */

.zl-auth__headline { font-size: 24px; font-weight: 600; }
.zl-auth__title { font-size: 24px; font-weight: 500; }
.zl-auth__sub, .zl-auth__lead { font-size: 14px; }
.zl-am__title { font-size: 22px; font-weight: 500; }
.zl-acc-hero h1, .zl-page-hero h1, .zl-about-hero h1 { font-size: 22px; font-weight: 600; }
.zl-panel__title, .zl-od-head h2, .zl-about-card h2, .zl-prose h2 { font-size: 18px; font-weight: 500; }
.zl-prose h4 { font-size: 16px; font-weight: 500; }
.zl-prose, .zl-prose p, .zl-prose li { font-size: 14px; line-height: 1.6; }

/* ───────────────────────── Forms ───────────────────────── */

.zl-label, .form-label { font-size: 14px; font-weight: 500; }
.zl-input, .form-control, .form-select, .zc-input { font-size: 14px; }
.zl-input.zl-input--otp { font-size: 22px; font-weight: 700; }
.zl-hint, .zl-error, .invalid-feedback { font-size: 12px; }
.zl-notice { font-size: 14px; }

/* ───────────────────────── Footer ───────────────────────── */

.zl-footer h4 { font-size: 12px; font-weight: 500; text-transform: uppercase; }
.zl-footer a, .zl-footer__about p, .zl-footer__contact li { font-size: 12px; font-weight: 500; }
.zl-footer__bottom { font-size: 12px; }