/* UNIWASTE — responsive.css */
@media(max-width:1440px){
  .h-addr-inner{padding:0 40px}
  .h-inner{padding:0 40px}
  .svc-inner{padding:72px 40px}
  .pg-banner__inner{padding:0 40px 44px}
  .pg-content{padding:72px 0}
  .pg-content__inner{padding:0 40px}
  .cta-bar{padding:68px 40px}
  .f-inner{padding:56px 40px 26px}
}
@media(max-width:1240px){
  .h-addr-inner{padding:0 32px}
  .h-inner{padding:0 32px}
  .svc-inner{padding:64px 32px;gap:48px}
  .pg-banner__inner{padding:0 32px 40px}
  .pg-content{padding:64px 0}
  .pg-content__inner{padding:0 32px}
  .cta-bar{padding:60px 32px}
  .f-inner{padding:52px 32px 24px}
}
@media(max-width:1080px){
  .h-addr-inner span{font-size:12.5px}
  .h-logo img{height:54px}
  .f-grid{grid-template-columns:1.5fr 1fr 1fr;gap:40px}
  .pg-feat-grid{padding:22px;gap:12px}
  .pg-feat{padding:20px 10px 16px}
  .pg-feat__icon{width:44px;height:44px;margin-bottom:12px}
  .pg-feat__title{font-size:14px}
  .pg-feat__sub{font-size:11px}
}
@media(max-width:1024px){
  :root{--hdr-addr-h:34px;--hdr-main-h:70px;--hdr-h:104px}
  .h-addr-inner{padding:0 24px;gap:8px}
  .h-addr-inner span{font-size:12px;max-width:86vw}
  .h-inner{padding:0 24px;gap:16px}
  .h-logo img{height:48px}
  .h-icon-btn{width:40px;height:40px;border-radius:9px}
  .h-icon-btn svg{width:16px;height:16px}
  .h-cta{padding:9px 16px;font-size:14px}
  .svc-inner{gap:40px;padding:56px 24px}
  .svc-visual{flex:0 0 340px}
  .pg-banner__inner{padding:0 24px 36px}
  .pg-content{padding:56px 0}
  .pg-content__inner{padding:0 24px}
  .cta-bar{padding:56px 24px}
  .f-inner{padding:48px 24px 22px}
  .f-grid{grid-template-columns:1fr 1fr;gap:36px}
  .f-col:first-child{grid-column:1 / -1}
  .hero-col__inner{padding:0 48px;max-width:540px}
}
@media(max-width:768px){
  :root{--hdr-addr-h:0px;--hdr-main-h:64px;--hdr-h:64px}
  .h-addr-bar{display:none}
  .h-inner{padding:0 16px;gap:10px}
  .h-logo{flex-shrink:1;min-width:0}
  .h-logo img{height:42px}
  .h-actions{gap:6px}
  .h-icon-btn{width:38px;height:38px;border-radius:9px}
  .h-icon-btn svg{width:16px;height:16px}
  .h-cta{display:none}

  .hero{flex-direction:column;overflow:hidden}
  .hero-col{flex:1;height:auto;min-height:0;padding:0;overflow:hidden;justify-content:center}
  .hero-col__inner{padding:16px 24px;max-width:100%}
  .hero-col--wire .hero-col__inner{padding-top:calc(var(--hdr-h) + 16px)}
  .hero-col--wire::after{right:0;left:0;top:auto;bottom:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(192,154,44,.25),transparent)}
  .hero-col__idx{display:none}
  .hero-col__tag{margin-bottom:14px;font-size:11px;padding:5px 14px}
  .hero-col__title{font-size:26px;margin-bottom:12px}
  .hero-col__desc{font-size:16px;margin-bottom:22px;line-height:1.6}
  .hero-col__cta{padding:12px 24px;font-size:15px}
  .hero-col__cap{margin-top:14px;font-size:10px}

  .svc-inner,.svc-inner--flip{flex-direction:column;padding:40px 16px;gap:24px;min-height:auto}
  .svc-visual{flex:none;width:100%;align-self:auto}
  .svc-img{min-height:200px}
  .svc-specs{grid-template-columns:1fr}
  .svc-btn{width:100%;justify-content:center}
  .pg-banner{height:38vh;min-height:240px}
  .pg-banner__inner{padding:0 16px 24px}
  .pg-banner__title{font-size:26px}
  .pg-banner__desc{font-size:16px}
  .pg-content{padding:40px 0}
  .pg-content__inner{padding:0 16px}
  .pg-grid{grid-template-columns:1fr}
  .pg-features{grid-template-columns:1fr}
  .pg-feat-grid{grid-template-columns:1fr 1fr;padding:18px;gap:10px}
  .pg-feat{padding:18px 10px 14px}
  .pg-process-cta{padding:32px 16px}

  .cta-bar{padding:48px 20px}
  .cta-bar__title{font-size:24px}
  .cta-bar__desc{font-size:15px}
  .cta-form-btn{width:100%;justify-content:center;padding:14px 20px}

  .f-inner{padding:40px 16px 20px}
  .f-grid{grid-template-columns:1fr;gap:32px;margin-bottom:28px}
  .f-col:first-child{grid-column:auto}
  .f-brand__desc{max-width:100%}
  .f-bottom{flex-direction:column;text-align:center;gap:8px;padding-top:18px}

  .contact-modal{padding:12px}
  .contact-modal__head{padding:28px 22px 16px}
  .contact-modal__head h3{font-size:20px}
  .contact-modal__head p{font-size:14px}
  .contact-form{padding:22px 22px 26px}
  .cf-row{grid-template-columns:1fr;gap:14px;margin-bottom:14px}
  .cf-actions{flex-direction:column-reverse;gap:10px}
  .cf-actions .cf-btn{width:100%;justify-content:center}
}
@media(max-width:480px){
  :root{--hdr-h:58px;--hdr-main-h:58px}
  .h-logo img{height:36px}
  .h-icon-btn{width:34px;height:34px}
  .h-icon-btn svg{width:15px;height:15px}
  .hero-col__title{font-size:22px}
  .hero-col__desc{font-size:15px}
  .svc-title{font-size:22px}
  .pg-banner__title{font-size:22px}
  .cta-bar__title{font-size:22px}
  .f-brand__logo img{height:46px}
  .pg-feat-grid{padding:14px;gap:8px}
  .pg-feat{padding:14px 6px 10px}
  .pg-feat__icon{width:38px;height:38px;margin-bottom:8px}
  .pg-feat__title{font-size:13px}
  .pg-feat__sub{font-size:10.5px}
}
