/* Shared responsive overrides for the active Sosomak frontend, auth, and dashboard pages. */

@media (max-width:767.98px){
  .err-shell{padding:34px 0 52px}
  .err-card2{padding:24px 20px}
  .err-digit{width:56px;height:64px;font-size:34px}
}

@media (max-width:1199.98px){
  .con{padding:0 22px}
  .fgrid{grid-template-columns:repeat(2,1fr)}
  .g2{gap:32px}
  .contact-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .priceg{grid-template-columns:repeat(2,1fr)}
  .loyg{grid-template-columns:repeat(2,1fr)}
  .qcmp{grid-template-columns:1fr 1fr}

  .footg,
  body.bm-main .footg{gap:32px 28px}
  .footdesc{max-width:280px}
}

@media (max-width:991.98px){
  .nav{height:auto;min-height:58px;flex-wrap:wrap;padding:10px 16px;gap:10px}
  .navlogo{margin-right:0}
  .navlinks{order:3;width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:2px}
  .navlinks::-webkit-scrollbar{height:4px}
  .navr{margin-left:auto;gap:6px;flex-wrap:wrap;justify-content:flex-end}
  .btn-lg{padding:11px 20px;font-size:14px}

  .sec,.cta-sec{padding:54px 0}
  .dsp{font-size:clamp(28px,6vw,42px)}
  .lead{font-size:15px;line-height:1.7}
  .g2,.protg,.trgrid,.pgrid,.fgrid,.priceg,.loyg,.qcmp,.prodgrid,.certgrid,.grid-2-tight,.grid-3-tight{grid-template-columns:1fr}
  .g3{grid-template-columns:repeat(2,1fr)}
  .mrow{grid-template-columns:repeat(2,1fr)}
  .emr{grid-template-columns:repeat(2,1fr)}
  .prstats{grid-template-columns:repeat(2,1fr)}
  .sgrid{grid-template-columns:1fr}

  .dw{grid-template-columns:1fr}
  .sb{position:static;height:auto;border-right:none;border-bottom:1px solid var(--ln)}
  .dm{min-height:auto;padding:18px}
  .mlayout{grid-template-columns:1fr;height:auto}
  .msb{max-height:300px}

  .ob-wrap{grid-template-columns:1fr}
  .ob-left,.ob-right{padding:26px 20px}
  .ob-inner{max-width:100% !important}
  .plan-grid{grid-template-columns:1fr}

  .footg,
  body.bm-main .footg{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 24px;
    margin-bottom:32px;
  }
  .footg > div:first-child,
  body.bm-main .footg > div:first-child{grid-column:1 / -1}
  .footdesc{max-width:480px}
  .footbot,
  body.bm-main .footbot{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .foottags{flex-wrap:wrap;gap:8px}

  .buyers-showcase .supplier-foot{flex-direction:column;align-items:flex-start !important;gap:6px}
}

@media (max-width:767.98px){
  .con{padding:0 16px}
  .sec,.cta-sec{padding:44px 0}
  .tag{font-size:9px}
  .dsp-md{font-size:clamp(21px,7vw,30px)}

  .g3,.mrow,.emr,.prstats,.ssgrid,.rfq-s-grid,.fgrid{grid-template-columns:1fr}
  .fgd{grid-template-columns:1fr}
  .ptable,.ctbl,.vtable,.atable{display:block;overflow-x:auto;white-space:nowrap}
  .arow{grid-template-columns:1fr;gap:12px;padding:16px}
  .arrc{display:none}
  .mstps{flex-direction:column;gap:14px}
  .msp{text-align:left}
  .mspln{display:none}
  .mspdot{margin:0 0 6px}

  .stsi{grid-template-columns:1fr}
  .stsc{padding:18px 16px}
  .stsn{font-size:28px}

  .footg,
  body.bm-main .footg{
    grid-template-columns:1fr;
    gap:28px;
    margin-bottom:28px;
  }
  .footg > div:first-child,
  body.bm-main .footg > div:first-child{grid-column:auto}
  .footer,.footer-wrap{padding:32px 0 22px}
  .footdesc{max-width:none}
  .footct{margin-bottom:10px}
  .foottag{white-space:normal}
}

@media (max-width:575.98px){
  .nav{padding:9px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
  .navwm{font-size:17px}
  .navlogo{grid-column:1/2;min-width:0}
  .navtog{display:inline-flex;grid-column:2/3}
  .navlinks,.navr{display:none}

  .nav.mobile-open .navlinks{display:grid;grid-template-columns:1fr 1fr;gap:6px;grid-column:1/-1;width:100%}
  .nav.mobile-open .nl{text-align:center;padding:8px 8px;font-size:12px}
  .nav.mobile-open .navr{display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:1/-1;width:100%}
  .nav.mobile-open .lsw{grid-column:1/-1;width:100%;justify-content:center}
  .nav.mobile-open .navr .btn{width:100%}
  .nav.mobile-open .navr .btn:only-of-type{grid-column:1/-1}

  .card,.card-s,.card-b,.card-g,.card-p,.fsec,.mst,.eitem,.pricec{padding:14px}
  .pcard{padding:18px}
  .ob-h{font-size:23px}
  .ob-sub{font-size:12px}

  .footer,
  body.bm-main .footer{padding:28px 0 20px}
  .footg,
  body.bm-main .footg{gap:24px;margin-bottom:24px}
  .footbot,
  body.bm-main .footbot{
    gap:14px;
    padding-top:16px;
  }
  .foottags{width:100%}
  .foot-social__links{gap:6px}
}