/* =====================================================================================================
   Tailo v2.9 · Emerald + warm cream + soft orange (was "Handloom"). Load LAST (after tailo-organic-ui.css).
   Colours taken from natural dyes and cloth: leaf green, haldi (turmeric) yellow, madder red,
   indigo, unbleached cotton. Flat colours, real borders, one shadow style; gradients, glows and
   text effects are switched off, so the pages feel made by hand rather than generated.
   ===================================================================================================== */
:root {
    /* the palette */
    --tl-forest: #0b4f3c;      /* deepest green: top block, footer */
    --tl-leaf: #0e7c5a;        /* brand green: header, main buttons, selected */
    --tl-leaf-hover: #0a6249;
    --tl-leaf-soft: #e1f3ec;
    --tl-fresh: #13925f;       /* success: add, ratings, open now */
    --tl-fresh-soft: #dcf2e7;
    --tl-haldi: #f28b3d;       /* turmeric: the one action that matters on a screen */
    --tl-haldi-deep: #d9702a;
    --tl-haldi-soft: #fdebdc;
    --tl-haldi-ink: #2b1405;   /* text on turmeric */
    --tl-madder: #c53a2f;      /* madder red: closed, errors, remove */
    --tl-madder-soft: #f9e1dd;
    --tl-indigo: #1f6f8b;      /* links */
    --tl-cotton: #fbf6ee;      /* page */
    --tl-card: #fffdf9;
    --tl-sunk: #f4ede1;
    --tl-ink: #22201b; --tl-ink-2: #4f4a40; --tl-ink-3: #6e685c;
    --tl-line: #e4dccd; --tl-line-2: #cfc4b0;
    --tl-shadow: 0 1px 2px rgba(34, 32, 27, .06), 0 6px 16px -8px rgba(34, 32, 27, .18);
    --tl-shadow-hi: 0 2px 4px rgba(34, 32, 27, .07), 0 12px 24px -10px rgba(34, 32, 27, .24);

    /* map onto every token name the pages use */
    --bz-plum: var(--tl-leaf); --bz-plum-deep: var(--tl-forest); --bz-plum-soft: var(--tl-leaf-soft);
    --bz-marigold: var(--tl-haldi); --bz-marigold-deep: var(--tl-haldi-deep); --bz-marigold-soft: var(--tl-haldi-soft);
    --bz-leaf: var(--tl-fresh); --bz-leaf-soft: var(--tl-fresh-soft); --bz-sky: var(--tl-indigo);
    --bz-page: var(--tl-cotton); --bz-card: var(--tl-card);
    --bz-ink: var(--tl-ink); --bz-ink-2: var(--tl-ink-2); --bz-ink-3: var(--tl-ink-3);
    --bz-line: var(--tl-line); --bz-line-strong: var(--tl-line-2);
    --bz-warn: #94600d; --bz-warn-soft: #f8ebcf; --bz-bad: var(--tl-madder); --bz-bad-soft: var(--tl-madder-soft);

    --brown-950: #083d2e; --brown-900: var(--tl-forest); --brown-800: var(--tl-leaf); --brown-700: var(--tl-leaf);
    --brown-600: #3d6a55; --brown-500: #5f8a74; --brown-400: #98b5a5; --brown-300: #c5d6cb; --brown-200: #dbe6de; --brown-100: #edf2ee;
    --linen: var(--tl-cotton); --paper: var(--tl-card);
    --sage-100: #edf2ee; --sage-300: #c5d6cb; --sage-700: #3d6a55;
    --indigo: var(--tl-leaf); --indigo-dark: var(--tl-forest); --indigo-soft: var(--tl-leaf-soft);
    --madder: var(--tl-madder); --madder-soft: var(--tl-madder-soft);
    --gold: var(--tl-haldi); --gold-soft: var(--tl-haldi-soft);
    --ink: var(--tl-ink); --ink-2: var(--tl-ink-2); --ink-3: var(--tl-ink-3);
    --line: var(--tl-line); --line-strong: var(--tl-line-2);
    --ok: var(--tl-fresh); --ok-soft: var(--tl-fresh-soft); --danger: var(--tl-madder); --danger-soft: var(--tl-madder-soft);
    --primary: var(--tl-leaf); --primary-hover: var(--tl-leaf-hover); --primary-soft: var(--tl-leaf-soft);
    --zari: var(--tl-haldi); --zari-soft: var(--tl-haldi-soft); --yellow: var(--tl-haldi); --yellow-h: var(--tl-haldi-deep);
    --link: var(--tl-indigo); --link-h: var(--tl-leaf); --brand: var(--tl-leaf); --bad: var(--tl-madder);
    --shadow-pop: var(--tl-shadow-hi);

    --hv-deep: var(--tl-forest); --hv-mid: var(--tl-leaf); --hv-gold: var(--tl-haldi); --hv-gold-soft: var(--tl-haldi-soft);
    --hv-leaf: var(--tl-fresh); --hv-ink: var(--tl-ink); --hv-ink2: var(--tl-ink-2); --hv-ink3: var(--tl-ink-3);
    --hv-line: var(--tl-line); --hv-line-strong: var(--tl-line-2);

    /* the earlier effect tokens become flat colours */
    --og-moss-grad: var(--tl-leaf); --og-ochre-grad: var(--tl-haldi); --og-sage-grad: var(--tl-fresh);
    --gl-teal-grad: var(--tl-leaf); --gl-gold-grad: var(--tl-haldi); --gl-gold-hi: var(--tl-haldi);
    --og-surface: var(--tl-card); --og-surface-solid: var(--tl-card); --og-sunk: var(--tl-sunk);
    --og-edge: var(--tl-line); --og-edge-2: var(--tl-line-2);
    --og-ring: 0 0 0 3px color-mix(in srgb, var(--tl-haldi) 35%, transparent);
    --og-shadow: var(--tl-shadow); --og-shadow-hi: var(--tl-shadow-hi);
    --gl-white: var(--tl-card); --gl-white-strong: var(--tl-card); --gl-edge: var(--tl-line); --gl-tint: var(--tl-sunk);
    --gl-shadow: var(--tl-shadow); --gl-shine: 0 0 0 transparent;
    --og-vine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M2 9c18-8 34 6 52-1s34-7 64 0' fill='none' stroke='%23f28b3d' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M58 7c3-5 9-6 12-4-2 4-8 6-12 4Z' fill='%2313925f'/%3E%3C/svg%3E");
    /* a faint handloom weave for the dark areas */
    --tl-weave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 0h4v1H0zM4 4h4v1H4z' fill='%23ffffff' fill-opacity='.045'/%3E%3Cpath d='M1 4h1v4H1zM5 0h1v4H5z' fill='%23000000' fill-opacity='.06'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------- page: plain unbleached cotton */
body, body.hv3, body.hv-page, body:has(.tabbar) { background: var(--tl-cotton) !important; background-attachment: scroll !important; }

/* ---------------------------------------------------------------- switch off the generated-looking effects */
.hv-h, .hv-for b { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: var(--tl-ink) !important; }
.hv-for b { color: var(--tl-leaf) !important; }
.hv-hero::before, .hv-panel::before, .hv-pick::before, .ts-card::before { display: none !important; }
.hv-filters button.on::after { box-shadow: none !important; background: var(--tl-haldi) !important; }
.hv-filters button.on .hv-fi { filter: none !important; color: var(--tl-haldi) !important; }
.hv-pick-art, .tabbar a.active svg { filter: none !important; }
.hv-flag, .hv-cat.on .hv-cat-c, .ts-chip.on, .chip.active, .fopt.active, .achip.active { box-shadow: none !important; }
.hv-shop, .hv-tile-img, .hv-item-pic > a, .hv-pick, .service-card, .tailor-card { animation: none !important; }
.hv-shop, .ts-card, .ts-tag, .ts-chip, .hv-seg, .hv-railnote, .hv-cat-c, .hv-plus, .hv-step, .hv-g, .gtag, .card, .panel, .filters, .summary,
.order-card, .tailor-card, .auth-box, .empty, .btn-ghost, .btn-light, .heart, .hv-morebtn, .hv-seeall, .hv-pick, .hv-search, .hv-for {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}

/* ---------------------------------------------------------------- dark areas: flat forest with a weave */
.hv-hero { background: var(--tl-weave), var(--tl-forest) !important; }
.hv-panel { background: var(--tl-weave), var(--tl-leaf) !important; box-shadow: none !important; }
.hv-panel::after { border-color: color-mix(in srgb, var(--tl-haldi) 70%, transparent) !important; }
.hv-sections a.on, .hv-sections a.on::before, .hv-sections a.on::after { --hv-mid: var(--tl-leaf); }
.hv-sections a.on { background: var(--tl-weave), var(--tl-leaf) !important; }
.hv-sections a:not(.on) { background: color-mix(in srgb, #fff 7%, transparent) !important; border-color: color-mix(in srgb, #fff 12%, transparent) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.hv-sections a .hv-ico svg [fill="var(--hv-gold)"] { fill: var(--tl-haldi); }
.hv-round { background: transparent !important; border-color: color-mix(in srgb, #fff 28%, transparent) !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.hv-search, .hv-for { background: var(--tl-card) !important; border: 0 !important; box-shadow: 0 2px 0 rgba(0, 0, 0, .18) !important; }
.hv-pick { background: color-mix(in srgb, #fff 8%, transparent) !important; border: 1px solid color-mix(in srgb, #fff 16%, transparent) !important; box-shadow: none !important; }
.hv-pick:hover { background: color-mix(in srgb, #fff 13%, transparent) !important; transform: none; }
.hv-ava { background: var(--tl-haldi) !important; color: var(--tl-haldi-ink) !important; }
.site-header { background: var(--tl-weave), var(--tl-leaf) !important; border-bottom: 0 !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
.site-header .head-search button, .site-header .head-search .btn { background: var(--tl-haldi) !important; color: var(--tl-haldi-ink) !important; }
.main-nav a.active { background: color-mix(in srgb, #fff 12%, transparent); box-shadow: inset 0 -2px 0 var(--tl-haldi); }
.loc-strip, .site-bar { background: var(--tl-haldi-soft) !important; color: var(--tl-ink-2) !important; border-bottom: 1px solid #f8d2b4 !important; }
.site-footer { background: var(--tl-weave), var(--tl-forest) !important; }
.site-footer a:hover { color: var(--tl-haldi) !important; }
.auth-art { background: var(--tl-weave), var(--tl-forest) !important; }
.auth-art::before { background: var(--tl-leaf) !important; filter: none !important; }

/* ---------------------------------------------------------------- buttons: flat, with a firm bottom edge */
.btn-primary, .btn.pri, .btn.primary, button.btn[type="submit"] {
    background: var(--tl-leaf) !important; border: 1px solid var(--tl-leaf) !important; color: #fff !important;
    box-shadow: 0 2px 0 var(--tl-forest) !important;
}
.btn-primary:hover:not(:disabled), button.btn[type="submit"]:hover:not(:disabled) { background: var(--tl-leaf-hover) !important; transform: none !important; box-shadow: 0 2px 0 #073a2c !important; }
.btn-gold, .quick-add {
    background: var(--tl-haldi) !important; border: 1px solid var(--tl-haldi-deep) !important; color: var(--tl-haldi-ink) !important;
    box-shadow: 0 2px 0 var(--tl-haldi-deep) !important;
}
.btn-gold:hover:not(:disabled), .quick-add:hover { background: #f59a52 !important; transform: none !important; filter: none !important; }
.quick-add.done, [data-act="place"] { background: var(--tl-fresh) !important; border-color: var(--tl-fresh) !important; color: #fff !important; box-shadow: 0 2px 0 #0d6b45 !important; }
.btn-ghost, .btn-light, .btn-secondary { background: var(--tl-card) !important; border: 1.5px solid var(--tl-line-2) !important; color: var(--tl-leaf) !important; }
.btn-ghost:hover:not(:disabled), .btn-light:hover:not(:disabled) { background: var(--tl-leaf-soft) !important; border-color: var(--tl-leaf) !important; }
.btn:active, .btn-primary:active, .btn-gold:active, .quick-add:active { transform: translateY(1px) !important; box-shadow: none !important; }
.stepper { background: var(--tl-fresh) !important; }

/* ---------------------------------------------------------------- surfaces: solid cards, real borders */
.card, .panel, .filters, .summary, .cx-side, .order-card, .addr-card, .pcard, .tailor-card, .auth-box, .fee-box, .del-box, .eta-box,
.success-box, .preorder-box, .measure-panel, .rev-block, .review-form, .hv-shop, .ts-card {
    background: var(--tl-card) !important; border: 1px solid var(--tl-line) !important; box-shadow: var(--tl-shadow) !important;
}
.service-card:hover, .tailor-card:hover { transform: translateY(-2px); box-shadow: var(--tl-shadow-hi) !important; }
.buy-box { background: var(--tl-haldi-soft) !important; border: 1px solid #f8d2b4 !important; box-shadow: none !important; }
.fact, .o-fact { background: var(--tl-sunk) !important; border-color: var(--tl-line) !important; }
.empty { background: var(--tl-card) !important; border: 1.5px dashed var(--tl-line-2) !important; }
.empty::before { background: var(--tl-fresh) !important; box-shadow: none !important; opacity: 1; }
.hv-active { background: var(--tl-haldi-soft) !important; border: 1px solid #f8d2b4 !important; }
.hv-railnote { background: var(--tl-sunk) !important; border: 0 !important; }
.ts-menuhead { background: var(--tl-cotton) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-bottom-color: var(--tl-line) !important; }

/* ---------------------------------------------------------------- home + shop page details */
.hv-seg { background: var(--tl-sunk) !important; border: 1px solid var(--tl-line) !important; box-shadow: none !important; }
.hv-seg button[aria-selected="true"] { background: var(--tl-card) !important; color: var(--tl-leaf) !important; box-shadow: 0 1px 3px rgba(34, 32, 27, .16) !important; }
.hv-tile-img { box-shadow: none !important; }
.hv-tile:hover .hv-tile-img { transform: none; box-shadow: none !important; }
.hv-tile-over { left: 0; right: 0; bottom: 0; padding: 30px 12px 10px; border-radius: 0; border: 0 !important; background: linear-gradient(180deg, transparent, rgba(6, 40, 30, .82)) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.hv-cat-c { background: var(--tl-leaf-soft) !important; border: 1px solid transparent !important; box-shadow: none !important; color: var(--tl-leaf) !important; }
.hv-cat:hover .hv-cat-c { background: var(--tl-haldi-soft) !important; }
.hv-cat.on .hv-cat-c { background: var(--tl-leaf) !important; color: var(--tl-haldi) !important; border-color: var(--tl-leaf) !important; }
.hv-logo:not(.has-logo), .tailor-avatar, .avatar, .mini-logo { background: var(--tl-leaf) !important; color: var(--tl-haldi) !important; box-shadow: none !important; }
.hv-item-pic > a { box-shadow: none !important; }
.hv-plus, .hv-step { background: var(--tl-card) !important; border: 1px solid var(--tl-line-2) !important; box-shadow: 0 2px 6px rgba(34, 32, 27, .16) !important; color: var(--tl-fresh) !important; }
.hv-plus:hover { background: var(--tl-fresh) !important; color: #fff !important; border-color: var(--tl-fresh) !important; }
.hv-step { border-color: var(--tl-fresh) !important; }
.hv-step button { color: var(--tl-fresh) !important; }
.hv-star svg { background: var(--tl-fresh) !important; }
.hv-new { background: var(--tl-haldi-soft) !important; color: #9a4a12 !important; }
.hv-closed { color: var(--tl-madder) !important; } .hv-open { color: var(--tl-fresh) !important; }
.hv-g, .gtag { background: rgba(255, 253, 249, .94) !important; border: 0 !important; }
.gtag.g-female { color: var(--tl-madder) !important; } .gtag.g-male { color: var(--tl-indigo) !important; } .gtag.g-unisex { color: var(--tl-ink-2) !important; }
.ts-tag { background: var(--tl-card) !important; box-shadow: none !important; }
.ts-tag i { background: var(--tl-haldi-soft) !important; color: #9a4a12 !important; }
.ts-chip { background: var(--tl-card) !important; border-color: var(--tl-line-2) !important; box-shadow: none !important; }
.ts-chip.on { background: var(--tl-leaf) !important; border-color: var(--tl-leaf) !important; color: #fff !important; }
.ts-search { background: var(--tl-sunk) !important; border: 0 !important; }
.hv-morebtn { background: var(--tl-card) !important; border-color: var(--tl-leaf) !important; box-shadow: none !important; }
.hv-morebtn:hover { background: var(--tl-leaf) !important; }
.chip, .achip, .fopt, .tab { background: var(--tl-card) !important; border-color: var(--tl-line-2) !important; box-shadow: none !important; }
.chip.active, .achip.active, .fopt.active, .fopt.on, .tab.active { background: var(--tl-leaf) !important; color: #fff !important; }
.badge { background: var(--tl-leaf-soft) !important; color: var(--tl-leaf) !important; }
.badge.ok { background: var(--tl-fresh-soft) !important; color: #0d6b45 !important; }
.badge.gold { background: var(--tl-haldi-soft) !important; color: #9a4a12 !important; }
.price, .big-price, .fprice { color: var(--tl-ink) !important; }

/* placeholder cloth tiles in natural-dye colours */
.art.a1 { background: repeating-linear-gradient(90deg, #0e7c5a 0 12px, #129069 12px 15px, #0e7c5a 15px 27px, #e1f3ec 27px 29px) !important; }
.art.a2 { background: radial-gradient(circle, #fff9 0 2.5px, transparent 3px) 0 0 / 16px 16px, #f28b3d !important; }
.art.a3 { background: repeating-linear-gradient(0deg, rgba(255,255,255,.24) 0 7px, transparent 7px 18px), repeating-linear-gradient(90deg, rgba(255,255,255,.24) 0 7px, transparent 7px 18px), #c2477a !important; }
.art.a4 { background: repeating-linear-gradient(45deg, #2f80b7 0 10px, #3d8fc6 10px 14px) !important; }
.art.a5 { background: repeating-linear-gradient(90deg, #d9a21b 0 10px, #e3b03a 10px 13px) !important; }

/* ---------------------------------------------------------------- bars on phones: solid, simple */
@media (max-width: 760px) {
    .tabbar { background: var(--tl-card) !important; border: 1px solid var(--tl-line) !important; box-shadow: 0 6px 18px -6px rgba(34, 32, 27, .28) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
    .tabbar a.active { color: var(--tl-leaf) !important; }
    .tabbar a.active::before { background: var(--tl-haldi) !important; }
    .cart-bar { background: var(--tl-fresh) !important; border: 0 !important; box-shadow: 0 6px 16px -6px rgba(14, 124, 90, .55) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}
.toast { background: var(--tl-ink) !important; border: 0 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.tsup-fab { background: var(--tl-haldi) !important; color: var(--tl-haldi-ink) !important; border: 1px solid var(--tl-haldi-deep) !important; box-shadow: 0 2px 0 var(--tl-haldi-deep), 0 6px 14px -6px rgba(0, 0, 0, .3) !important; }

/* ---------------------------------------------------------------- type: the v2.8 Handloom fonts
   Fraunces (soft serif) for headings, shop names and prices; Nunito (rounded) for everything you read. */
:root {
    --bz-font: 'Nunito', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
    --bz-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
    --hv-font: var(--bz-font);
    --hv-display: var(--bz-font-display);
    --font-display: var(--bz-font-display); --font-body: var(--bz-font); --font: var(--bz-font); --sans: var(--bz-font);
}
body { font-family: var(--bz-font) !important; }

/* =====================================================================================================
   v2.9: emerald for trust and navigation, warm cream to rest the eyes, soft orange for buttons and offers.
   Categories and offers each get their own friendly accent so the app feels lively, not expensive.
   ===================================================================================================== */
:root {
    --ac-1: #0e7c5a; --ac-1s: #e1f3ec;   /* emerald */
    --ac-2: #e2701f; --ac-2s: #fdebdc;   /* orange */
    --ac-3: #c2477a; --ac-3s: #fbe4ee;   /* berry */
    --ac-4: #2f80b7; --ac-4s: #e2f0fa;   /* sky */
    --ac-5: #b9860c; --ac-5s: #fbf1d4;   /* sunflower */
    --ac-6: #7a5bb5; --ac-6s: #eee8f8;   /* lavender */
}
/* category circles: one accent each, repeating */
.hv-cat:nth-child(6n+2) { --c: var(--ac-1); --cs: var(--ac-1s); }
.hv-cat:nth-child(6n+3) { --c: var(--ac-2); --cs: var(--ac-2s); }
.hv-cat:nth-child(6n+4) { --c: var(--ac-3); --cs: var(--ac-3s); }
.hv-cat:nth-child(6n+5) { --c: var(--ac-4); --cs: var(--ac-4s); }
.hv-cat:nth-child(6n)   { --c: var(--ac-5); --cs: var(--ac-5s); }
.hv-cat:nth-child(6n+1):not(:first-child) { --c: var(--ac-6); --cs: var(--ac-6s); }
.hv-cat:not(:first-child) .hv-cat-c { background: var(--cs) !important; color: var(--c) !important; }
.hv-cat:not(:first-child):hover .hv-cat-c { background: var(--cs) !important; box-shadow: inset 0 0 0 2px var(--c) !important; }
.hv-cat.on:not(:first-child) .hv-cat-c { background: var(--c) !important; color: #fff !important; border-color: var(--c) !important; }
.hv-cat:first-child.on .hv-cat-c { background: var(--tl-leaf) !important; color: #fff !important; }

/* offer tiles in the top block: bright, each its own colour, dark text */
.hv-pick { border: 0 !important; color: var(--tl-ink) !important; }
.hv-pick:nth-child(1) { background: #ffd8bb !important; }
.hv-pick:nth-child(2) { background: #ffe9a8 !important; }
.hv-pick:nth-child(3) { background: #ffd3e3 !important; }
.hv-pick:nth-child(4) { background: #cfe8fb !important; }
.hv-pick:hover { filter: brightness(1.03); background-color: inherit; }
.hv-pick:nth-child(1):hover { background: #ffcfac !important; }
.hv-pick:nth-child(2):hover { background: #ffe395 !important; }
.hv-pick:nth-child(3):hover { background: #ffc6da !important; }
.hv-pick:nth-child(4):hover { background: #c0e0f8 !important; }
.hv-pick b { color: var(--tl-ink) !important; }
.hv-pick span { color: var(--tl-ink-2) !important; }
.hv-pick:nth-child(1) .hv-pick-art * { --hv-gold: #e2701f; }
.hv-pick:nth-child(2) .hv-pick-art * { --hv-gold: #b9860c; }
.hv-pick:nth-child(3) .hv-pick-art * { --hv-gold: #c2477a; }
.hv-pick:nth-child(4) .hv-pick-art * { --hv-gold: #2f80b7; }
.hv-pick .hv-pick-art * { --hv-deep: #fff; }

/* filter chips on the shop page cycle through the same accents when chosen */
.ts-chip.on { background: var(--tl-leaf) !important; }
/* "From ₹…" on shop tiles: an orange price tag so affordable prices stand out */
.hv-tile-over b { display: table; margin-bottom: 3px; padding: 2px 9px; border-radius: 8px; background: var(--tl-haldi); color: var(--tl-haldi-ink); font-size: 1rem; }
.hv-from { color: #b5561a !important; }

/* =====================================================================================================
   v3.4 type: the normal font (Nunito) everywhere; the organic font (Fraunces) ONLY for
   product / design names and tailor (shop) names, wherever they appear.
   ===================================================================================================== */
body, body h1, body h2, body h3, body h4, body .hv-h, body .hv-loc b, body .hv-sections a, body .hv-pick b, body .hv-seg button,
body .hv-cat b, body .page-head h1, body .section-head h2, body .filters h3, body .cx-title, body .empty h3,
body .auth-art h2, body .auth-box h1, body .auth-box h2, body .site-footer h3, body .site-footer h4, body .site-footer .logo,
body .site-header .logo, body .site-header .logo b, body .ts-group > h2, body .summary h3, body .oc-title, body .order-head h3,
body .price, body .big-price, body .fprice, body .hv-price, body .hv-pp, body .sum-row, body .oc-total {
    font-family: var(--bz-font) !important;
}
body h1, body h2, body .hv-h, body .page-head h1, body .section-head h2, body .hv-loc b { font-weight: 800 !important; letter-spacing: -.015em !important; }
body .price, body .big-price, body .fprice, body .hv-price, body .hv-pp, body .sum-row, body .oc-total { font-weight: 800 !important; font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0 !important; }

/* product / design names */
body .hv-item-name, body .ts-dish h3, body .ts-dish h3 a, body .service-card .card-title, body .grid-services .card-title,
body .detail h1, body .cart-line h3, body .cart-line .line-title, body .pl-items h4,
/* tailor / shop names */
body .hv-tile h3, body .hv-shop-txt h3, body .tailor-card h3, body .ts-card h1, body .tailor-hero h1 {
    font-family: var(--bz-font-display) !important;
    font-optical-sizing: auto;
    font-weight: 600 !important; letter-spacing: -.005em !important;
}

/* =====================================================================================================
   v3.5 · make the chosen Men / Women / All obvious
   ===================================================================================================== */
/* header switch (every page) */
body .site-header .mode-switch { background: rgba(0, 0, 0, .18) !important; border: 0 !important; padding: 3px !important; gap: 3px !important; border-radius: 999px !important; }
body .site-header .mode-switch button {
    position: relative; background: transparent !important; border: 0 !important; box-shadow: none !important;
    color: rgba(255, 255, 255, .78) !important; font-weight: 600 !important; transition: background .2s ease, color .2s ease;
}
body .site-header .mode-switch button:hover { color: #fff !important; background: rgba(255, 255, 255, .1) !important; }
body .site-header .mode-switch button.on {
    background: #fff !important; color: var(--tl-forest) !important; font-weight: 800 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .22) !important;
}
body .site-header .mode-switch button.on::before {     /* a small tick in front of the chosen one */
    content: ''; display: inline-block; width: 5px; height: 9px; margin: 0 7px 2px 0; vertical-align: middle;
    border: solid var(--tl-haldi-deep); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg);
}
body .site-header .mode-switch button[data-mode="FEMALE"].on { color: #a8325f !important; }
body .site-header .mode-switch button[data-mode="FEMALE"].on::before { border-color: #c2477a; }
body .site-header .mode-switch button[data-mode="MALE"].on { color: #1f5f8c !important; }
body .site-header .mode-switch button[data-mode="MALE"].on::before { border-color: #2f80b7; }

/* the "For" box on the home page takes the colour of the choice */
.hv-for[data-mode="ALL"] { background: #dcf2e7 !important; }
.hv-for[data-mode="FEMALE"] { background: #fbe4ee !important; }
.hv-for[data-mode="MALE"] { background: #e2f0fa !important; }
.hv-for[data-mode="FEMALE"] small, .hv-for[data-mode="FEMALE"] b { color: #a8325f !important; }
.hv-for[data-mode="MALE"] small, .hv-for[data-mode="MALE"] b { color: #1f5f8c !important; }
.hv-for[data-mode="FEMALE"]::after { border-color: #a8325f !important; }
.hv-for[data-mode="MALE"]::after { border-color: #1f5f8c !important; }
.hv-for b { transition: transform .2s ease; }
.hv-for.bump b { animation: hvBump .35s ease; }
@keyframes hvBump { 40% { transform: scale(1.18); } }
@media (prefers-reduced-motion: reduce) { .hv-for.bump b { animation: none; } }
body .hv-for { width: auto !important; min-width: 74px; padding: 0 24px 0 12px !important; align-items: flex-start; }