/* Flea Market theme layer on top of chitra.css — palette and elements taken from the Flea Market logo:
   deep teal-green lettering, mustard sunburst ring, red/cream striped awning, wood-plank banner, cream paper, sky blue.
   Same page structure as the other stall sites; only the tokens, textures and the hero motif change. */
:root{
  --night:#173A31;            /* hero / footer ground: deep teal */
  --purple-deep:#1F5F4A;      /* primary: logo green */
  --purple:#2A7A61;
  --purple-light:#3D9A7B;
  --gold:#E9A825;             /* mustard ring */
  --gold-light:#F7D98A;
  --ivory:#F8EFDC;            /* cream paper */
  --paper:#FFFDF8;
  --soft:#F3E9D2;
  --line:#E3D5B8;
  --ink:#2B1D12;              /* dark wood */
  --muted:#6E5A45;
  --green:#1F5F4A;
  --on-dark:#F8EFDC;
  --on-dark-muted:rgba(248,239,220,.74);
  --wood:#7A4A24;--wood-deep:#4E2E15;--awning:#C8412B;--sky:#7FB7D6;
  --p-vermilion:#C8412B;--p-indigo:#1F5F4A;--p-turmeric:#E9A825;--p-leaf:#3E8E41;--p-rose:#B5573A;--p-sky:#7FB7D6;
  --chilli:#C8412B;--turmeric:#E9A825;--banana:#7FB7D6;--copper:#7A4A24;
}
body{background:var(--ivory)}
/* striped awning hanging from the header on every page, scalloped like the logo canopy */
.topbar{z-index:30}
.topbar::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;z-index:21;pointer-events:none;
  background:repeating-linear-gradient(90deg,#C8412B 0 48px,#F8EFDC 48px 96px,#E9A825 96px 144px,#F8EFDC 144px 192px,#1F6F5A 192px 240px,#F8EFDC 240px 288px,#7FB7D6 288px 336px,#F8EFDC 336px 384px);
  -webkit-mask:linear-gradient(#000 0 10px,transparent 10px),radial-gradient(circle at 12px 10px,#000 8px,transparent 8.5px);-webkit-mask-size:100% 100%,24px 18px;-webkit-mask-repeat:no-repeat,repeat-x;
  mask:linear-gradient(#000 0 10px,transparent 10px),radial-gradient(circle at 12px 10px,#000 8px,transparent 8.5px);mask-size:100% 100%,24px 18px;mask-repeat:no-repeat,repeat-x;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.topbar{background:linear-gradient(180deg,rgba(90,52,25,.96),rgba(78,46,21,.96));border-bottom:2px solid var(--gold)}
.lp-hero .veil{background:linear-gradient(90deg,rgba(23,58,49,.96) 0%,rgba(23,58,49,.86) 42%,rgba(78,46,21,.5) 75%,rgba(23,58,49,.62) 100%),linear-gradient(180deg,rgba(23,58,49,.35),rgba(23,58,49,0) 30%,rgba(23,58,49,.94) 100%)}
.hero::before{filter:sepia(.35) saturate(.8)}
.lp-hero h1{color:#F7D98A}
.lp-hero h1.logo-title small,.eyebrow{color:#F7D98A}
/* wood-plank banner behind section headings, like the logo's plank */
.sec-head h2{position:relative;display:inline-block;padding:6px 14px;color:#F8EFDC;background:linear-gradient(180deg,#8A5630,#5A3419);border-radius:6px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 6px 14px rgba(78,46,21,.25)}
.sec-head h2::after{content:"";position:absolute;left:8px;right:8px;bottom:-6px;height:3px;background:var(--gold);border-radius:2px}
.sec-head h2 .en{color:#F7D98A}
.fsection-title .mark{background:var(--awning)}.fsection-title .mark.m2{background:var(--gold)}.fsection-title .mark.m3{background:var(--sky)}.fsection-title .mark.m4{background:var(--wood)}.fsection-title .mark.m5{background:var(--purple-deep)}
.card,.who .card,.step,.faq details,.glance,.fsection,.box{border-color:var(--line)}
.card .swatch{border-radius:4px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.who .card{border-top:6px solid var(--c,var(--gold))}
.who .card ul li::marker{color:var(--awning)}
.band i{border-radius:4px}
.btn.pill,.btn{box-shadow:0 6px 16px rgba(31,95,74,.25)}
.btn.pill.ghost{border-color:var(--gold-light);color:#F8EFDC}
.topnav a.cta{background:var(--gold);color:var(--wood-deep)}
.lang-toggle button[aria-pressed=true]{background:var(--gold);color:var(--wood-deep)}
.site-footer{background:linear-gradient(180deg,#173A31,#102A24)}
.ft-bottom{background:#0E231E}
.finale{background:linear-gradient(135deg,#1F5F4A,#173A31)}
.finale::before{background:url(/hero-palace.webp) center 60%/cover no-repeat;opacity:.14;filter:sepia(.4)}
.glance{background:var(--paper)}
.ticker{background:var(--wood-deep);color:#F8EFDC}
.pill.qs,.status-pill{border-radius:6px}
/* the stall row (signature): market stalls with bunting */
.wall .stall{transform-box:fill-box;transform-origin:50% 100%}
.wall .flag{animation:sway 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0}
.wall .flag:nth-child(odd){animation-delay:-1.6s}
@keyframes sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.wall .bulb{animation:twinkle 2.2s ease-in-out infinite}
.wall .bulb:nth-child(odd){animation-delay:-1.1s}
@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.35}}
.wall .lantern{animation:swing 4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0}
@keyframes swing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}

/* vintage hang-tags instead of the painting band: what you will find at the market */
.tags{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:28px}
@media(max-width:900px){.tags{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.tags{grid-template-columns:repeat(2,1fr)}}
.tag{position:relative;background:linear-gradient(180deg,#FFFDF8,#F3E9D2);border:1.5px solid var(--line);border-radius:10px 10px 12px 12px;padding:22px 10px 14px;text-align:center;transform:rotate(var(--t,0deg));box-shadow:0 10px 22px rgba(78,46,21,.14);transition:transform .25s,box-shadow .25s}
.tag::before{content:"";position:absolute;left:50%;top:-14px;width:2px;height:16px;background:var(--wood);transform:translateX(-50%)}
.tag::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--c);border-radius:10px 10px 0 0}
.tag .hole{position:absolute;left:50%;top:9px;width:9px;height:9px;border-radius:50%;background:var(--ivory);border:2px solid var(--wood);transform:translateX(-50%)}
.tag i{display:block;font-style:normal;font-size:1.9rem;line-height:1;margin:6px 0 8px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}
.tag b{display:block;font-family:var(--kn);font-size:.92rem;color:var(--purple-deep);line-height:1.2}
.tag b .en{font-family:var(--display);font-weight:800;letter-spacing:.02em}
.tag:hover{transform:rotate(0) translateY(-4px);box-shadow:0 16px 28px rgba(78,46,21,.22)}
/* buttons: layered mustard gradient, inner highlight, arrow nudge, glassy ghost */
.btn{border-radius:14px;background:linear-gradient(180deg,#F7C64A,#E9A825 55%,#D9951B);color:var(--wood-deep);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 -2px 0 rgba(0,0,0,.12) inset,0 8px 18px rgba(217,149,27,.35);letter-spacing:.01em;transition:transform .18s,box-shadow .18s,filter .18s}
.btn:hover{background:linear-gradient(180deg,#FFD35E,#F0B12E 55%,#DE9C1F);transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 -2px 0 rgba(0,0,0,.12) inset,0 14px 26px rgba(217,149,27,.42)}
.btn:active{transform:translateY(0);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 4px 10px rgba(217,149,27,.3)}
.btn.pill{border-radius:16px;padding:0 26px;min-height:50px;font-size:.98rem}
.btn.ghost,.btn.pill.ghost{background:rgba(248,239,220,.08);color:#F8EFDC;border:1.5px solid rgba(248,239,220,.55);backdrop-filter:blur(6px);box-shadow:none}
.btn.ghost:hover,.btn.pill.ghost:hover{background:rgba(248,239,220,.16);border-color:#F7D98A;color:#fff;transform:translateY(-2px)}
.btn.ghost.dark{color:var(--purple-deep);border-color:var(--purple-deep);background:transparent}
.btn .kn,.btn .en{display:inline-flex;align-items:center;gap:6px}
.topnav a.cta{border-radius:12px;background:linear-gradient(180deg,#F7C64A,#E9A825);color:var(--wood-deep);box-shadow:0 6px 14px rgba(217,149,27,.35)}
.topnav a.cta:hover{filter:brightness(1.06);transform:translateY(-1px)}
.lang-toggle{border-color:rgba(248,239,220,.35)}
.lang-toggle button[aria-pressed=true]{background:linear-gradient(180deg,#F7C64A,#E9A825);color:var(--wood-deep)}
.ch-card .go,.cross-cta .btn{border-radius:12px}
.card{border-radius:16px;box-shadow:0 10px 24px rgba(78,46,21,.08)}
.card .swatch{width:26px;height:26px;border-radius:8px;border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.15)}
.card h3{color:var(--purple-deep)}
.lp-hero .hero-dates{background:linear-gradient(180deg,rgba(248,239,220,.16),rgba(248,239,220,.06));border-color:var(--gold)}.lp-hero .hero-dates b{color:#F7D98A}
/* near-square logo: keep the whole hero (logo, tagline, dates, buttons) on one screen */
.lp-hero h1.logo-title{margin:4px 0 0}
.lp-hero h1.logo-title img{width:min(300px,62%)}
.lp-hero h1.logo-title small{margin-top:8px;font-size:.72rem}
.lp-hero .hero-dates{margin:10px 0 14px;padding:8px 14px}
.lp-hero .hero-dates b{font-size:1.1rem}
.lp-hero .eyebrow{margin-bottom:2px}
@media(max-width:860px){.lp-hero h1.logo-title img{width:min(260px,58%)}}
@media(min-height:1000px){.lp-hero h1.logo-title img{width:min(360px,62%)}}