/* Shuvo Trade International — Mobile Optimizer 1.0.0 */
@media (max-width: 767px){
  body.sti-site{overflow-x:hidden;-webkit-text-size-adjust:100%;}
  .sti-container{width:min(100% - 28px,1200px)}

  /* Header */
  .sti-header{position:sticky;top:0;box-shadow:0 2px 16px rgba(15,23,42,.07)}
  .sti-nav{height:72px;gap:12px}
  .sti-logo img{width:148px;height:58px}
  .sti-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px;background:#f5f7fa;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
  .sti-menu-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.10);background:#fff}
  .sti-menu{display:none;position:absolute;left:14px;right:14px;top:78px;padding:12px;background:rgba(255,255,255,.985);border:1px solid #dfe6ee;border-radius:14px;box-shadow:0 20px 45px rgba(15,23,42,.16);flex-direction:column;align-items:stretch;gap:4px;font-size:15px}
  .sti-menu.is-open{display:flex}
  .sti-menu a{padding:12px 14px;border-radius:9px}
  .sti-menu a:not(.sti-nav-cta)::after{display:none}
  .sti-menu a:not(.sti-nav-cta):hover{background:#f4f7fa;transform:none}
  .sti-nav-cta{margin-top:4px;text-align:center}

  /* Hero */
  .sti-hero{padding:52px 0 58px}
  .sti-hero-grid{grid-template-columns:1fr;gap:28px}
  .sti-hero h1{font-size:clamp(36px,10.5vw,48px);letter-spacing:-1.4px}
  .sti-lead{font-size:16px;margin:18px 0 26px}
  .sti-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .sti-btn{min-height:48px;padding:0 13px;font-size:13px}
  .sti-hero-media img{height:260px;border-radius:11px}

  /* Sections */
  .sti-section{padding:64px 0}
  .sti-two-col,.sti-inquiry{grid-template-columns:1fr;gap:34px}
  .sti-section h2,.sti-inquiry h2{font-size:32px;letter-spacing:-.7px}
  .sti-section p{font-size:15px}
  .sti-section-head{margin-bottom:32px}
  .sti-section-head p{font-size:15px}

  /* Two cards per row on phones */
  .sti-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .sti-cards article{min-height:0;padding:19px 15px;border-radius:10px}
  .sti-cards h3{font-size:16px;line-height:1.3}
  .sti-cards p{font-size:13px!important;line-height:1.55}
  .sti-icon{font-size:10px;letter-spacing:1.4px;margin-bottom:16px}

  .sti-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
  .sti-facts div{min-width:0;padding:14px 13px}
  .sti-facts strong{font-size:20px}
  .sti-facts span{font-size:11px}

  .sti-steps{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;gap:10px}
  .sti-steps div{padding:19px 15px;border:1px solid var(--line)!important;border-radius:10px;background:#fff}
  .sti-steps h3{font-size:16px}
  .sti-steps p{font-size:13px!important;line-height:1.55}

  .sti-dark-grid{grid-template-columns:1fr}
  .sti-stat-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .sti-stat-panel div{padding:20px 15px}
  .sti-stat-panel strong{font-size:17px}
  .sti-stat-panel span{font-size:11px}

  .sti-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .sti-benefits>div{padding:19px 15px}
  .sti-benefits h3{font-size:16px;line-height:1.3}
  .sti-benefits p{font-size:13px!important;line-height:1.55}

  /* Inquiry */
  .sti-contact-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .sti-contact-mini span{font-size:11px;padding:10px 9px;overflow-wrap:anywhere}
  .sti-email-card{grid-column:1/-1;width:100%;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:12px;padding:11px 10px;gap:6px}
  .sti-email-card strong{font-size:12px}
  .sti-form{padding:20px 16px;border-radius:11px}
  .sti-form label{font-size:12px;margin-bottom:13px}
  .sti-form input,.sti-form textarea{padding:12px;font-size:14px}
  .sti-form .sti-btn{font-size:14px}

  .sti-contact{padding:48px 0}
  .sti-contact-box{padding:28px 22px;display:block}
  .sti-contact-box h2{font-size:27px}
  .sti-contact-box .sti-btn{margin-top:20px;width:100%}

  /* Footer */
  .sti-footer{padding:45px 0 18px}
  .sti-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-bottom:30px}
  .sti-footer-grid>div:first-child{grid-column:1/-1}
  .sti-footer p{font-size:13px}
  .sti-footer-grid a{font-size:13px;overflow-wrap:anywhere}
  .sti-copyright{font-size:11px;line-height:1.55}

  /* Keep touch interactions crisp; hover effects remain but don't cause layout jumps. */
  .sti-cards article:hover,.sti-benefits>div:hover,.sti-facts div:hover,.sti-steps div:hover,.sti-image-card:hover{transform:translateY(-3px)}
}

@media (max-width: 420px){
  .sti-container{width:calc(100% - 22px)}
  .sti-logo img{width:136px}
  .sti-hero{padding-top:44px}
  .sti-actions{grid-template-columns:1fr}
  .sti-cards,.sti-benefits,.sti-steps{gap:9px}
  .sti-cards article{padding:17px 12px}
  .sti-cards h3,.sti-benefits h3,.sti-steps h3{font-size:15px}
  .sti-cards p,.sti-benefits p,.sti-steps p{font-size:12px!important}
}