/* Approved MAINBAZARPANELCHART.IN mockup — final visual layer */
:root{--mb-navy:#022a35;--mb-teal:#064b56;--mb-gold:#d8a43d;--mb-cream:#fffaf0;--mb-ink:#10253a;--mb-line:#e9dcc3}
body{background:var(--mb-cream)!important;color:var(--mb-ink)!important}
.mb-agebar{background:#03212d;color:#fff;text-align:center;padding:6px 12px;font-size:12px;letter-spacing:.03em;border-bottom:1px solid #d8a43d55}
.kpc-head{position:relative!important;z-index:20!important;background:transparent!important;border:0!important;padding:12px 16px 14px!important;box-shadow:none!important}
.kpc-nav{width:min(1120px,100%)!important;margin:auto!important;min-height:98px!important;background:#fffdf7!important;color:var(--mb-ink)!important;border:1px solid #eadfc9!important;border-radius:25px!important;padding:12px 22px!important;box-shadow:0 14px 38px #001d2730!important;display:flex!important;flex-wrap:wrap!important}
.kpc-mark{width:58px!important;height:58px!important;border:2px solid var(--mb-gold)!important;border-radius:50%!important;transform:none!important;background:#073c47!important;flex:0 0 auto!important}
.kpc-mark b{transform:none!important;color:#f1c96d!important;font-size:15px!important}
.kpc-name{color:var(--mb-ink)!important}.kpc-name strong{color:#0b2b3b!important;font-size:clamp(18px,2.5vw,28px)!important}.kpc-name small{color:#6d6d6d!important;letter-spacing:.05em!important}
.kpc-menu{width:100%!important;order:5!important;display:flex!important;justify-content:center!important;gap:9px!important;margin-top:3px!important;overflow-x:auto!important;scrollbar-width:none!important}
.kpc-menu a{background:#073946!important;color:#fff!important;border-radius:20px!important;padding:7px 20px!important;white-space:nowrap!important;font-size:12px!important}.kpc-menu a:first-child{background:linear-gradient(#f3cb6c,#d99f2c)!important;color:#17263a!important}
.menu{display:block!important;background:transparent!important;border:0!important;color:#092f3d!important;font-size:26px!important;order:-1!important}.kpc-nav:after{content:"⌕";font:700 28px Georgia;color:#092f3d;margin-left:6px}
.kpc-hero{margin-top:-1px!important;min-height:455px!important;background-image:linear-gradient(90deg,rgba(1,25,33,.2),rgba(1,25,33,.02)),url('/assets/main-bazar-hero.png')!important;background-size:cover!important;background-position:center!important;color:#fff!important}
.kpc-heroin{min-height:455px!important;grid-template-columns:1fr!important;padding:55px 0 60px!important}.kpc-copy{max-width:590px!important;text-shadow:0 2px 15px #001820}.kpc-copy .eyebrow{background:#001d288c!important;border:1px solid #f3d17a88!important}.kpc-copy h1{font-size:clamp(48px,7vw,78px)!important;color:#ffe5a6!important;line-height:.98!important;margin:13px 0 18px!important}.kpc-copy p{font-size:18px!important;max-width:540px!important;color:#fff!important}.kpc-art{display:none!important}.btn{background:linear-gradient(#f5cc6d,#dda22d)!important;border-color:#e6b54b!important;color:#15263a!important;box-shadow:0 8px 20px #00151f44}.btn.ghost{background:#062e3bcc!important;color:#fff!important;border-color:#e3b44d!important}
.update-strip{background:#063744!important;border:0!important;color:#fff!important}.update-strip .wrap{color:#fff!important;min-height:44px!important;display:flex!important;align-items:center!important}
.section{padding:28px 0!important}.kpc-section-title,.title h2{font-family:Georgia,serif!important;color:#10253a!important}.quick3 a{background:#fffdf7!important;border-color:#eadbc0!important}.quick3 i{background:#e9f1eb!important;color:#0c6570!important}
.chartbox{background:#053b47!important;border-color:#d8a43d!important;box-shadow:0 12px 30px #002c3630!important}.chartbox h2{color:#f2c962!important}.chart th{background:#073b47!important}.chart td{background:#fffdf6!important}.chart th,.chart td{border-color:#d6b96f!important}
.cards{gap:18px!important}.card{border-color:#e7d9bd!important;background:#fffdf7!important}.pic{background:linear-gradient(135deg,#052f39,#0b6873)!important;color:#f2c862!important}.card:nth-child(1) .pic{background:linear-gradient(135deg,#5a351b,#bb7a31)!important}.card:nth-child(2) .pic{background:radial-gradient(circle at 35% 50%,#f0c962 0 10%,transparent 11%),linear-gradient(135deg,#063b46,#0c6972)!important}.card:nth-child(3) .pic{background:linear-gradient(135deg,#50331f,#9a6a39)!important}.tag{background:#e8f1eb!important;color:#07505a!important}.read{color:#c26a2d!important}
.about-kpc{background:linear-gradient(105deg,#fffef8,#f9eed8)!important;border-color:#e7d6b7!important}.about-kpc h2,.explore h2{color:#10253a!important}.explore-grid a{background:#fffdf7!important;border-color:#e7d9bd!important}.faq details{background:#fffdf7!important;border-color:#e7d9bd!important}.newsletter{background:linear-gradient(110deg,#e9f4ef,#fff3d8)!important}
.footer{background:linear-gradient(105deg,#032d37,#021821)!important;border-top:3px solid #c89430!important}.up{background:linear-gradient(#f2c35e,#d89d29)!important;color:#142635!important}
@media(max-width:800px){
  .wrap{width:calc(100% - 24px)!important}
  .kpc-head{padding:7px 12px 9px!important}
  .kpc-nav{border-radius:22px!important;padding:9px 14px 8px!important;gap:9px!important;min-height:92px!important;flex-wrap:wrap!important}
  .menu{display:block!important;order:-2!important;width:34px!important;padding:4px!important;font-size:22px!important}
  .kpc-mark{width:44px!important;height:44px!important}.kpc-mark b{font-size:12px!important}
  .kpc-name{min-width:0!important}.kpc-name strong{font-size:16px!important;white-space:nowrap!important}.kpc-name small{font-size:8px!important;white-space:nowrap!important}
  .kpc-nav:after{display:block!important;font-size:22px!important;margin-left:auto!important}
  .kpc-menu,.kpc-menu.open{position:static!important;display:flex!important;width:100%!important;order:5!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:5px!important;margin:0!important;padding:3px 0 0!important;background:transparent!important;overflow:visible!important}
  .kpc-menu a{flex:0 1 auto!important;text-align:center!important;padding:5px 11px!important;font-size:9px!important;line-height:1.15!important}
  .kpc-hero{min-height:322px!important;background-position:center 52%!important}
  .kpc-heroin{min-height:322px!important;padding:38px 0 30px!important;display:block!important}
  .kpc-copy{max-width:54%!important}.kpc-copy .eyebrow{font-size:10px!important;padding:4px 8px!important}
  .kpc-copy h1{font-size:39px!important;line-height:.94!important;margin:9px 0 10px!important}
  .kpc-copy p{font-size:12px!important;line-height:1.35!important;margin:0!important}
  .buttons{gap:7px!important;margin-top:13px!important}.btn{padding:7px 12px!important;font-size:10px!important;border-width:1px!important}
  .update-strip .wrap{min-height:31px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important}
  .section{padding:15px 0!important}.kpc-section-title,.title h2{font-size:22px!important}.title{margin-bottom:9px!important}
  .quick3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .quick3 a{min-width:0!important;border-radius:7px!important;padding:8px!important;gap:6px!important;font:700 10px/1.2 Georgia!important}
  .quick3 i{width:31px!important;height:31px!important;min-width:31px!important;font-size:15px!important}
  .chartbox{border-radius:10px!important;padding:11px!important;border-width:2px!important}.chartbox h2{font-size:22px!important}.chartbox>p{font-size:9px!important;margin:3px 0 8px!important}
  .tablewrap{overflow:visible!important}.chart{min-width:0!important;table-layout:fixed!important;font-size:8px!important}.chart th,.chart td{padding:6px 2px!important}.chart th:first-child,.chart td:first-child{width:23%!important}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.card{border-radius:7px!important}.pic{height:85px!important;font-size:22px!important}.pic:after{font-size:7px!important;bottom:5px!important}.cardbody{padding:8px!important}.tag{font-size:7px!important;padding:2px 4px!important}.card h3{font-size:10px!important;line-height:1.2!important;margin:5px 0!important}.card p{font-size:8px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.read{font-size:8px!important;margin-top:4px!important}
  .about-kpc{border-radius:11px!important;padding:16px 45% 16px 16px!important;min-height:175px!important;background:linear-gradient(90deg,#fffdf7 0 55%,transparent 72%),url('/assets/main-bazar-hero.png') center/cover!important}.about-kpc:after{display:none!important}.about-kpc h2{font-size:21px!important;line-height:1.05!important}.about-kpc p{font-size:9px!important;line-height:1.35!important}
  .explore h2{font-size:22px!important;margin-bottom:8px!important}.explore-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}.explore-grid a{border-radius:7px!important;padding:9px 3px!important;font-size:8px!important;line-height:1.2!important}.explore-grid b{font-size:18px!important;margin-bottom:4px!important}
  .faq details{border-radius:5px!important;padding:7px 9px!important;margin-bottom:5px!important;font-size:9px!important}.faq summary{padding-right:14px!important}
  .newsletter{padding:13px!important;border-radius:8px!important}.newsletter h2{font-size:15px!important}.newsletter p{font-size:9px!important}.newsletter form{font-size:9px!important}.newsletter input{padding:8px!important}.newsletter button{padding:0 10px!important}
  .footgrid{grid-template-columns:1.5fr repeat(3,1fr)!important;gap:9px!important;padding:22px 0!important;font-size:8px!important}.footer h3{font-size:10px!important;margin:0 0 6px!important}.footer li{margin:3px 0!important}.footer .brand{gap:5px!important}.footer .logo{width:34px!important;height:34px!important;font-size:9px!important}.footer .brand strong{font-size:9px!important}.footer .brand small{font-size:6px!important}.copy{font-size:7px!important;padding:8px 0!important}
  .up{width:38px!important;height:38px!important;right:10px!important;bottom:10px!important}
}
@media(max-width:430px){
  .kpc-name strong{font-size:13px!important}.kpc-name small{font-size:7px!important}.kpc-menu a{padding:5px 7px!important;font-size:8px!important}
  .kpc-hero{min-height:300px!important}.kpc-heroin{min-height:300px!important}.kpc-copy{max-width:58%!important}.kpc-copy h1{font-size:34px!important}.kpc-copy p{font-size:10px!important}.btn{font-size:9px!important;padding:6px 10px!important}
}