/* CLR & Associates V24 review: compact service cards and click-only legal guidance. */

/* Keep the homepage visually balanced rather than browser-zoomed. */
.section{padding-block:76px}
.section-heading{margin-bottom:30px}
.section-heading h2,.health-copy h2,.document-copy h2,.consultation-copy h2,.foreigner-copy h2{
  font-size:clamp(34px,3.35vw,50px)!important;
  line-height:1.08!important;
}
.section-heading p,.health-copy>p,.foreigner-copy>p{font-size:16px!important;line-height:1.65}

/* Four natural-size service cards on a normal desktop viewport. */
.service-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.service-card{
  min-height:238px!important;
  padding:18px!important;
  border-radius:15px!important;
  box-shadow:0 8px 24px rgba(7,22,43,.065)!important;
}
.service-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 34px rgba(7,22,43,.11)!important}
.service-card .service-icon{
  width:42px!important;height:42px!important;border-radius:12px!important;
  font-size:20px!important;margin-bottom:12px!important;
}
.service-card .service-tags{gap:5px!important;margin-bottom:11px!important}
.service-tag{font-size:9px!important;padding:5px 7px!important;letter-spacing:.035em!important}
.service-card h3{font-size:clamp(18px,1.45vw,21px)!important;line-height:1.25!important;margin-bottom:8px!important}
body.lang-bn .service-card h3{font-size:clamp(19px,1.55vw,22px)!important;line-height:1.22!important}
.service-card p{font-size:13px!important;line-height:1.55!important;margin-bottom:14px!important}
.service-card .text-button{font-size:13px!important}
.service-card::after{width:82px!important;height:82px!important;right:-41px!important;bottom:-41px!important}
.service-toolbar{top:112px!important;padding:12px!important;gap:9px!important}
.service-toolbar input,.service-toolbar select{height:46px!important;font-size:14px!important}
.popular-toggle{min-height:46px!important;font-size:11px!important}
.directory-meta{margin:10px 0 15px!important}

/* Problem cards also stay compact and readable. */
.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.popular-card{min-height:224px!important;padding:20px!important;border-radius:15px!important}
.popular-card .issue-icon{width:42px!important;height:42px!important;font-size:19px!important}
.popular-card h3{font-size:clamp(19px,1.55vw,22px)!important;line-height:1.22!important;margin:13px 0 8px!important}
body.lang-bn .popular-card h3{font-size:clamp(20px,1.7vw,23px)!important}
.popular-card p{font-size:13px!important;line-height:1.55!important}
.popular-card .text-button{font-size:13px!important}

/* The guided question wizard is not part of the normal homepage flow. */
.remedy-overlay{
  display:none!important;
  position:fixed!important;inset:0!important;z-index:2800!important;
  overflow:auto!important;overscroll-behavior:contain!important;
  padding:12px 0 28px!important;
  background:linear-gradient(135deg,#050505 0%,#111 50%,#27090c 100%)!important;
}
.remedy-overlay.is-open{display:block!important}
body.remedy-overlay-open{overflow:hidden!important}
body.remedy-overlay-open .floating-legal-hook,
body.remedy-overlay-open .back-to-top{visibility:hidden!important;pointer-events:none!important}
.remedy-overlay>.container{width:min(1020px,calc(100% - 28px))!important;margin:0 auto!important}
.remedy-overlay .section-heading{display:none!important}
.remedy-overlay .wizard-shell{
  margin:0!important;min-height:calc(100dvh - 40px)!important;
  border-radius:20px!important;background:#fff!important;
  box-shadow:0 30px 100px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}
.remedy-overlay .wizard-content{padding:34px 32px 92px!important}
.remedy-overlay .wizard-title{font-size:clamp(30px,3vw,43px)!important;line-height:1.12!important;margin-top:0!important}
.remedy-overlay .wizard-sub{font-size:16px!important;line-height:1.55!important}
.remedy-overlay .wizard-question{padding:17px 18px!important;border-radius:14px!important}
.remedy-overlay .wizard-question b{font-size:17px!important;line-height:1.5!important}
.remedy-overlay .wizard-nav{
  position:sticky!important;bottom:0!important;z-index:5!important;
  margin:22px -32px -92px!important;padding:16px 20px!important;
  background:rgba(255,255,255,.96)!important;border-top:1px solid #e3ddd5!important;
  box-shadow:0 -12px 28px rgba(0,0,0,.08)!important;
}
.remedy-overlay-close{
  position:fixed;top:18px;right:22px;z-index:2810;
  display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 13px;
  border:1px solid rgba(255,255,255,.48);border-radius:999px;
  background:#a51f27;color:#fff;font-weight:850;box-shadow:0 10px 30px rgba(0,0,0,.3);
}
.remedy-overlay-close>span{font-size:24px;line-height:1}.remedy-overlay-close>b{font-size:12px}

@media(max-width:1120px){
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .section{padding-block:62px}
  .service-grid,.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-toolbar{position:static!important}
  .remedy-overlay{padding-top:58px!important}
  .remedy-overlay-close{top:9px;right:10px}
  .remedy-overlay .wizard-shell{min-height:calc(100dvh - 72px)!important}
  .remedy-overlay .wizard-content{padding:25px 18px 86px!important}
  .remedy-overlay .wizard-nav{margin:18px -18px -86px!important;padding:13px 14px!important}
}
@media(max-width:560px){
  .service-grid,.popular-grid{grid-template-columns:1fr!important}
  .service-card,.popular-card{min-height:0!important}
  .remedy-overlay>.container{width:calc(100% - 16px)!important}
  .remedy-overlay-close b{display:none}
  .remedy-overlay-close{width:42px;justify-content:center;padding:0}
  .remedy-overlay .wizard-title{font-size:31px!important}
  .remedy-overlay .wizard-question b{font-size:16px!important}
  .remedy-overlay .wizard-nav{display:grid!important;grid-template-columns:1fr 1.45fr!important;gap:10px!important}
  .remedy-overlay .wizard-nav .btn{width:100%!important;padding-inline:10px!important}
}
@media(prefers-reduced-motion:reduce){.remedy-overlay *{scroll-behavior:auto!important}}
.popular-card[role="button"]{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.popular-card[role="button"]:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(7,22,43,.11)}
.popular-card[role="button"]:focus-visible{outline:3px solid #a51f27;outline-offset:3px}