
/* =========================================
   KOLOMKOTHA PRAKASHANI
   Original external CSS
========================================= */

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:#f7f8fb;color:#243247;font-family:"Noto Serif Bengali",serif;line-height:1.75}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,calc(100% - 40px));margin:auto}

.topline{background:#0a1d36;color:#d9e3f0;font-size:12px}
.topline-inner{display:flex;justify-content:space-between;padding:6px 0}
.topline a{color:#e5c77e}

.site-header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #102b5010}
.brand-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:13px;color:#102b50}
.brand-mark{width:48px;height:48px;border:1px solid #c8a85c;border-radius:50%;display:grid;place-items:center;font-size:27px;color:#c39b48;background:#f9f6ed}
.brand strong{display:block;font-size:22px;line-height:1.35}
.brand small{display:block;color:#718096;font-size:11px}

.brand img{
  display:block;
  width:245px;
  max-height:76px;
  object-fit:contain;
  object-position:left center;
}

.header-actions{display:flex;gap:12px;align-items:center}
.icon-button{border:1px solid #dce3ec;background:#fff;border-radius:50%;width:39px;height:39px;font-size:24px;color:#102b50;cursor:pointer}
.member-link,.gold-button{background:#c5a052;color:#102b50;padding:10px 19px;border-radius:3px;font-weight:700;border:0;display:inline-block}

.main-nav{background:#102b50;color:#fff}
.nav-inner>ul{display:flex;list-style:none;margin:0;padding:0;align-items:stretch}
.nav-inner>ul>li{position:relative}
.nav-inner>ul>li>a{display:block;padding:13px 14px;font-size:14px;white-space:nowrap}
.nav-inner>ul>li>a:hover,.nav-inner>ul>li:focus-within>a{background:#1b416f;color:#f0d58f}

.has-sub>a span{color:#e5c77e}

.submenu{display:none;position:absolute;top:100%;left:0;min-width:205px;padding:7px 0;margin:0;list-style:none;background:#fff;color:#243247;box-shadow:0 12px 25px #102b5025;border-top:3px solid #c5a052}
.has-sub:hover .submenu,.has-sub:focus-within .submenu{display:block}
.submenu a{display:block;padding:8px 14px;font-size:13px}
.submenu a:hover{background:#f1f4f8;color:#102b50}

.menu-toggle{display:none;background:transparent;border:0;color:white;padding:12px 0;font:inherit;cursor:pointer}

.search-panel{background:#eef2f7;padding:12px 0}
.search-inner{display:flex;gap:10px}
.search-inner input{flex:1;padding:11px;border:1px solid #ccd6e3;border-radius:3px;font:inherit}

/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0b1d35 0%,#12345d 58%,#1c4a76 100%);color:#fff;min-height:440px;display:flex;align-items:center}
.hero:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #d7bb7330;border-radius:50%;right:7%;top:-70px;box-shadow:0 0 0 35px #d7bb7309,0 0 0 75px #d7bb7307}
.hero-pattern{position:absolute;inset:0;opacity:.14;background-image:radial-gradient(#e2c77d 1px,transparent 1px);background-size:24px 24px}
.hero-content{position:relative;z-index:1;padding:65px 0}
.eyebrow{color:#b48a39;font-size:12px;letter-spacing:1px;margin:0 0 8px;font-weight:700}
.hero .eyebrow{color:#e5c77e}
.hero h1{font-size:clamp(34px,5vw,57px);line-height:1.35;margin:0 0 14px;font-weight:600}
.hero h1 em{font-style:normal;color:#e5c77e}
.hero-copy{max-width:590px;color:#dbe5f1;font-size:15px}
.hero-buttons{display:flex;gap:12px;margin-top:25px}
.outline-button{border:1px solid #e5c77e;color:#fff;padding:9px 18px;border-radius:3px}
.hero-note{margin-top:34px;color:#e5c77e;font-size:12px;letter-spacing:3px}
.hero-note span{padding:0 8px}

/* Quick links */
.quick-links{display:grid;grid-template-columns:repeat(4,1fr);background:white;box-shadow:0 8px 30px #152c4810;margin-top:-25px;position:relative;z-index:2}
.quick-links a{padding:20px;border-right:1px solid #e9edf2;text-align:center}
.quick-links a:last-child{border:0}
.quick-links b{display:block;color:#102b50;font-size:17px}
.quick-links span{font-size:11px;color:#7b8796}

/* Sections */
.section{padding-top:70px;padding-bottom:70px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px;border-bottom:1px solid #e3e8ef;padding-bottom:14px}
.section-heading h2,.audio-inner h2,.subscription-inner h2{margin:0;color:#102b50;font-size:30px}
.text-link{color:#a47c2d;font-weight:700;font-size:13px}

/* Category and feature grids */
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category-card{background:#fff;border:1px solid #e8edf3;padding:25px 18px;text-align:center;transition:.2s}
.category-card:hover,.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #102b5010}
.category-icon{display:grid;place-items:center;margin:0 auto 12px;width:54px;height:54px;border-radius:50%;background:#edf2f8;color:#b18a42;font-size:26px}
.category-card strong{display:block;color:#102b50;font-size:18px}
.category-card small{color:#7c8795;font-size:11px}

/* Magazine */
.magazine-section{background:#edf1f6}
.magazine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.magazine-card{background:#fff;padding:17px;display:grid;grid-template-columns:115px 1fr;gap:17px;align-items:center}
.magazine-card h3,.feature-card h3,.author-panel h3{color:#102b50;margin:0 0 7px;font-size:18px}
.magazine-card p,.feature-card p,.author-panel p{font-size:12px;color:#6f7c8d;margin:0 0 10px}
.magazine-card a{font-size:12px;color:#a47c2d;font-weight:700}

.cover-placeholder{height:155px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;border:4px double #e1c77e;outline:1px solid #c8a85c;outline-offset:-8px}
.cover-placeholder span{font-size:12px}
.cover-placeholder b{font-size:22px}
.cover-placeholder small{font-size:10px}
.cover-one{background:linear-gradient(145deg,#7c2735,#182d4a)}
.cover-two{background:linear-gradient(145deg,#244b6d,#b18a42)}
.cover-three{background:linear-gradient(145deg,#1b5a58,#193454)}

/* Feature cards */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{background:white;border:1px solid #e7ebf1;padding:25px;transition:.2s}
.feature-symbol{font-size:32px;color:#bd984e;margin-bottom:10px}

/* Audio */
.audio-band{background:#102b50;color:white;padding:48px 0}
.audio-inner,.subscription-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.audio-inner h2{color:white}
.audio-inner p:not(.eyebrow),.subscription-inner p:not(.eyebrow){color:#d6dfeb;font-size:13px;margin-bottom:0}

/* Author */
.author-panel{background:white;border:1px solid #e7ebf1;padding:28px;display:flex;align-items:center;gap:25px}
.author-monogram{flex:0 0 100px;height:100px;border-radius:50%;background:#edf2f8;color:#173b63;display:grid;place-items:center;font-size:19px}

/* Subscription */
.subscription-section{background:#e9eef5;padding:45px 0}
.subscription-inner h2{font-size:25px}
.subscription-inner p:not(.eyebrow){color:#68778a}

/* Footer */
footer{background:#091a30;color:#dce5ef;padding-top:45px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:35px;padding-bottom:35px}
.footer-brand{color:#fff}
.footer-brand small{color:#aab8c9}
.footer-grid p{color:#aab8c9;font-size:12px;max-width:330px}
.footer-grid h3{font-size:15px;color:#e5c77e;margin-top:0}
.footer-grid>div>a:not(.brand){display:block;color:#c5d0de;font-size:12px;margin:7px 0}
.footer-bottom{border-top:1px solid #ffffff1a;padding:13px 0;color:#aab8c9;font-size:11px}

/* Wallpaper */
.wallpaper-banner{
  width:100%;
  height:120px;
  background-image:url("https://pub-91284c8b14834c039d7065f380379cae.r2.dev/wallpaper.png");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#0b1d35;
}

@media(max-width:700px){
  .wallpaper-banner{height:75px}
}

.wallpaper-banner{
  width:100%;
  height:400px;
  background-image:url("https://pub-91284c8b14834c039d7065f380379cae.r2.dev/wallpaper.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

@media(max-width:700px){
  .wallpaper-banner{height:130px}
}

/* Responsive original external CSS */
@media(max-width:900px){
  .nav-inner>ul>li>a{padding:12px 9px;font-size:12px}
  .magazine-card{grid-template-columns:90px 1fr}
  .cover-placeholder{height:135px}
  .magazine-card h3{font-size:15px}
}

@media(max-width:700px){
  .container{width:min(100% - 28px,1160px)}
  .brand strong{font-size:18px}
  .brand-mark{width:42px;height:42px}
  .member-link{font-size:11px;padding:8px 10px}

  .menu-toggle{display:block}
  .nav-inner{display:block}

  .nav-inner>ul{
    display:none;
    flex-direction:column;
    padding-bottom:8px
  }

  .nav-inner>ul.open{display:flex}
  .nav-inner>ul>li>a{padding:9px 5px;font-size:14px}

  .submenu{
    position:static;
    box-shadow:none;
    border-top:0;
    border-left:2px solid #c5a052;
    margin-left:12px;
    background:#17365b;
    color:#fff
  }

  .submenu a{color:#e6edf5}
  .submenu a:hover{background:#214a78}

  .hero{min-height:390px}
  .hero-content{padding:52px 0}
  .hero h1{font-size:37px}

  .quick-links{grid-template-columns:repeat(2,1fr);margin-top:0}
  .quick-links a{border-bottom:1px solid #e9edf2;padding:14px 8px}

  .category-grid{grid-template-columns:repeat(2,1fr)}
  .magazine-grid,.feature-grid{grid-template-columns:1fr}

  .magazine-card{grid-template-columns:105px 1fr}
  .cover-placeholder{height:145px}

  .section{padding-top:48px;padding-bottom:48px}
  .section-heading h2{font-size:25px}

  .audio-inner,.subscription-inner{
    align-items:flex-start;
    flex-direction:column
  }

  .author-panel{
    align-items:flex-start;
    flex-direction:column
  }

  .footer-grid{grid-template-columns:1fr;gap:20px}
  .topline-inner{font-size:10px}
  .search-inner{flex-direction:column}
}

/* =========================================
   Original index.html inline CSS
   Moved here without changing its rules
========================================= */

:root{
  --navy:#102b50;
  --navy-dark:#091d37;
  --blue:#173e69;
  --gold:#c9a34b;
  --gold-light:#e8d39a;
  --white:#ffffff;
  --cream:#f8f7f2;
  --text:#26364a;
  --muted:#68778a;
  --border:#e5e8ed;
  --shadow:0 8px 28px rgba(12,35,63,.09);
  --radius:12px;
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
  scroll-padding-top:100px;
}

body{
  margin:0;
  font-family:"Noto Serif Bengali","Nirmala UI",serif;
  color:var(--text);
  background:var(--white);
  line-height:1.75;
}

a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;height:auto}

.container{
  width:min(1160px,calc(100% - 40px));
  margin-inline:auto;
}

/* Top information bar */
.topbar{
  background:var(--navy-dark);
  color:#e8edf5;
  font-size:13px;
  padding:7px 0;
}

.topbar-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

.topbar a:hover{color:var(--gold-light)}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--border);
  box-shadow:0 3px 14px rgba(0,0,0,.045);
}

.header-inner{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand{
  display:flex;
  align-items:center;
  min-width:0;
}

.brand img{
  display:block;
  width:245px;
  max-height:76px;
  object-fit:contain;
  object-position:left center;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.member-link{
  display:inline-block;
  background:var(--navy);
  color:var(--white);
  padding:9px 17px;
  border-radius:6px;
  font-size:14px;
  white-space:nowrap;
}

.member-link:hover{
  background:var(--gold);
  color:var(--navy-dark);
}

.menu-toggle{
  display:none;
  border:1px solid var(--border);
  background:var(--white);
  color:var(--navy);
  width:43px;
  height:43px;
  border-radius:7px;
  cursor:pointer;
  font-size:23px;
}

/* Navigation */
.main-nav{background:var(--navy)}

.nav-list{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0;
  list-style:none;
  margin:0;
  padding:0;
}

.nav-list>li{position:relative}

.nav-list>li>a,
.nav-list>li>button{
  display:block;
  color:var(--white);
  background:transparent;
  border:0;
  padding:13px 13px;
  font-size:14px;
  cursor:pointer;
  white-space:nowrap;
}

.nav-list>li>a:hover,
.nav-list>li>button:hover,
.nav-list>li:focus-within>a{
  color:var(--gold-light);
  background:rgba(255,255,255,.07);
}

.dropdown{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:205px;
  padding:7px 0;
  margin:0;
  list-style:none;
  background:var(--white);
  box-shadow:var(--shadow);
  border:1px solid var(--border);
  border-radius:0 0 8px 8px;
}

.nav-list li:hover>.dropdown,
.nav-list li:focus-within>.dropdown{display:block}

.dropdown a{
  display:block;
  padding:9px 16px;
  color:var(--text);
  font-size:14px;
}

.dropdown a:hover{
  color:var(--navy);
  background:var(--cream);
}

/* Hero */
.hero{
  background:
    radial-gradient(circle at 85% 20%,rgba(201,163,75,.17),transparent 28%),
    linear-gradient(115deg,#0b2342,#173f6b);
  color:var(--white);
  padding:76px 0 82px;
  text-align:center;
  position:relative;
  overflow:hidden;
}

.hero::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  border:1px solid rgba(232,211,154,.22);
  border-radius:50%;
  right:-110px;
  bottom:-170px;
}

.hero-content{
  position:relative;
  z-index:1;
  max-width:820px;
  margin:auto;
}

.hero-kicker{
  color:var(--gold-light);
  font-size:15px;
  letter-spacing:1px;
}

.hero h1{
  font-size:clamp(30px,5vw,48px);
  line-height:1.4;
  margin:12px 0;
  font-weight:700;
}

.hero p{
  color:#e1e8f1;
  font-size:17px;
  margin:12px auto 26px;
}

.gold-button{
  display:inline-block;
  background:var(--gold);
  color:var(--navy-dark);
  padding:11px 25px;
  border-radius:6px;
  font-weight:700;
  transition:.2s ease;
}

.gold-button:hover{
  background:var(--gold-light);
  transform:translateY(-2px);
}

.outline-button{
  display:inline-block;
  border:1px solid var(--gold-light);
  color:var(--white);
  padding:10px 24px;
  border-radius:6px;
  margin-left:8px;
}

.outline-button:hover{background:rgba(255,255,255,.1)}

/* Common sections */
.section{padding:58px 0}
.section.alt{background:var(--cream)}

.section-heading{
  text-align:center;
  margin-bottom:32px;
}

.section-heading h2{
  color:var(--navy);
  font-size:clamp(23px,3vw,31px);
  margin:0 0 8px;
}

.section-heading p{
  color:var(--muted);
  margin:0;
  font-size:14px;
}

.heading-line{
  display:block;
  width:62px;
  height:3px;
  background:var(--gold);
  margin:13px auto 0;
}

/* Quick links */
.quick-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:-25px;
  position:relative;
  z-index:2;
}

.quick-card{
  background:var(--white);
  padding:20px 12px;
  text-align:center;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  border:1px solid var(--border);
  transition:transform .2s ease;
}

.quick-card:hover{transform:translateY(-4px)}
.quick-icon{display:block;font-size:27px;margin-bottom:5px}

.quick-card strong{
  color:var(--navy);
  font-size:15px;
}

/* Publication cards */
.card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.content-card{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 4px 16px rgba(12,35,63,.045);
  transition:transform .2s ease,box-shadow .2s ease;
}

.content-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
}

.card-placeholder{
  min-height:155px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#e8edf4,#f8f7f2);
  color:var(--navy);
  font-size:42px;
}

.card-body{padding:19px}

.card-body h3{
  color:var(--navy);
  font-size:19px;
  margin:0 0 8px;
}

.card-body p{
  color:var(--muted);
  font-size:14px;
  margin:0 0 13px;
}

.text-link{
  color:#9b7628;
  font-size:14px;
  font-weight:700;
}

.text-link:hover{color:var(--navy)}

/* Magazine cards */
.magazine-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.magazine-card{
  padding:25px 20px;
  background:var(--white);
  border:1px solid var(--border);
  border-top:4px solid var(--gold);
  border-radius:var(--radius);
  text-align:center;
  box-shadow:0 4px 16px rgba(12,35,63,.045);
}

.magazine-card .magazine-icon{font-size:35px}

.magazine-card h3{
  color:var(--navy);
  font-size:19px;
  margin:8px 0;
}

.magazine-card p{
  color:var(--muted);
  font-size:14px;
}

/* Audio */
.audio-band{
  background:linear-gradient(110deg,var(--navy-dark),var(--blue));
  color:var(--white);
  padding:42px 0;
}

.audio-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
}

.audio-inner h2{
  margin:0 0 7px;
  font-size:26px;
}

.audio-inner p{
  margin:0;
  color:#dbe4ef;
  font-size:14px;
}

/* Subscription */
.subscription{
  text-align:center;
  background:#f5f1e6;
  border-top:1px solid #eadfca;
  border-bottom:1px solid #eadfca;
}

.subscription h2{
  color:var(--navy);
  font-size:27px;
  margin:0 0 8px;
}

.subscription p{
  color:var(--muted);
  margin:0 auto 20px;
}

/* Footer */
.site-footer{
  background:var(--navy-dark);
  color:#e6edf5;
  padding-top:44px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:35px;
  padding-bottom:32px;
}

.footer-title{
  color:var(--gold-light);
  font-size:18px;
  margin:0 0 13px;
}

.footer-about p,
.footer-contact p{
  color:#c7d1df;
  font-size:14px;
  margin:5px 0;
}

.footer-links{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-links li{margin:7px 0}

.footer-links a{
  color:#dce4ed;
  font-size:14px;
}

.footer-links a:hover,
.footer-contact a:hover{color:var(--gold-light)}

.social-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:15px;
}

.social-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:39px;
  height:39px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  color:var(--white);
  font-size:13px;
  font-weight:700;
  transition:.2s ease;
}

.social-links a:hover{
  background:var(--gold);
  color:var(--navy-dark);
  border-color:var(--gold);
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.16);
  padding:17px 0;
  text-align:center;
  color:#c7d1df;
  font-size:13px;
}

.footer-bottom p{margin:4px 0}

.footer-policy-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:8px;
}

.footer-policy-links a{color:#e6edf5}
.footer-policy-links a:hover{color:var(--gold-light)}

/* Search panel */
.search-panel{
  display:none;
  padding:12px 0;
  background:var(--cream);
  border-bottom:1px solid var(--border);
}

.search-panel.open{display:block}

.search-inner{
  display:flex;
  max-width:550px;
  margin:auto;
  gap:8px;
}

.search-inner input{
  flex:1;
  min-width:0;
  border:1px solid #ccd4df;
  border-radius:6px;
  padding:10px 12px;
  font:inherit;
}

.search-inner button{
  background:var(--navy);
  color:var(--white);
  border:0;
  border-radius:6px;
  padding:9px 16px;
  cursor:pointer;
}

/* Search and navigation controls */
.search-toggle{
  background:transparent;
  border:1px solid var(--border);
  border-radius:6px;
  padding:8px 11px;
  color:var(--navy);
  cursor:pointer;
}

/* Responsive rules for original inline CSS */
@media(max-width:900px){
  .brand img{width:205px}

  .nav-list>li>a,
  .nav-list>li>button{
    padding:12px 9px;
    font-size:13px;
  }

  .card-grid,.magazine-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:700px){
  .container{width:min(100% - 28px,560px)}

  .topbar-inner{
    justify-content:center;
    text-align:center;
  }

  .topbar .topbar-extra{display:none}

  .header-inner{min-height:72px;gap:8px}

  .brand img{
    width:min(62vw,210px);
    max-height:58px;
  }

  .header-actions{gap:7px}

  .member-link{
    padding:7px 10px;
    font-size:12px;
  }

  .menu-toggle{
    display:inline-block;
  }

  .main-nav{display:block}

  .nav-list{
    display:none;
    padding:6px 14px 12px;
  }

  .nav-list.open{display:block}

  .nav-list>li>a,
  .nav-list>li>button{
    width:100%;
    text-align:left;
    padding:10px 12px;
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .dropdown{
    display:none;
    position:static;
    min-width:0;
    box-shadow:none;
    border:0;
    border-radius:0;
    background:rgba(255,255,255,.08);
    padding-left:13px;
  }

  .nav-list li.submenu-open>.dropdown{display:block}

  .dropdown a{
    color:#f0f3f8;
    padding:8px 13px;
  }

  .dropdown a:hover{
    background:rgba(255,255,255,.1);
    color:var(--gold-light);
  }

  .hero{padding:53px 0 60px}
  .hero p{font-size:15px}

  .outline-button{margin:10px 0 0}

  .quick-links{
    grid-template-columns:repeat(2,1fr);
    gap:10px;
  }

  .quick-card{padding:15px 8px}

  .section{padding:43px 0}

  .card-grid,.magazine-grid{
    grid-template-columns:1fr;
    gap:15px;
  }

  .card-placeholder{min-height:125px}

  .audio-inner{
    display:block;
    text-align:center;
  }

  .audio-inner .gold-button{margin-top:18px}

  .footer-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .footer-bottom{font-size:12px}
  .footer-policy-links{gap:6px}
}

/* =========================================
   Final functional corrections
========================================= */

/* HTML-এর hidden attribute যেন CSS দিয়ে override না হয় */
.search-panel[hidden]{display:none !important}

/* Mobile submenu */
@media(max-width:700px){
  .nav-inner>ul>li>.submenu{display:none}
  .nav-inner>ul>li.submenu-open>.submenu{display:block}
  .menu-toggle{display:block}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,*::before,*::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}
