
/* Final mobile and performance hardening — scoped, non-destructive */
html, body { max-width: 100%; overflow-x: clip; }
img, video, svg, iframe { max-width: 100%; }
.mobile-it-link { display: none; }
.blog-layout, .blog-main-list, .blog-sidebar, .customs-post,
.detail-grid, .route-grid, .process-grid, .scope-map,
.service-insight-grid, .premium-panel, .case-study-panel,
.contact-grid, .footer-grid { min-width: 0; }
.customs-post, .detail-card, .route-card, .service-widget-card,
.contact-form, .contact-info { overflow-wrap: anywhere; }
.customs-post { content-visibility: visible; contain-intrinsic-size: auto; }
.customs-post[id] { scroll-margin-top: 94px; }
.blog-category-link { scroll-behavior: smooth; }

@media (max-width: 980px) {
  .mobile-it-link { display: list-item; }
  .nav-redesign .container { flex-wrap: wrap; }
  .nav-redesign .brand { width: auto !important; flex: 1 1 auto; }
  .nav-redesign .nav-actions { width: auto !important; margin-left: auto; }
  .nav-redesign .it-cta { display: none !important; }
  .nav-redesign .nav-menu { min-width: 0; }
  .dynamic-hero-surface::before, .dynamic-hero-surface::after,
  .post-thumb img, .service-media-card img { animation: none !important; will-change: auto !important; }
}

@media (max-width: 768px) {
  .container { width: min(100% - 24px, 1180px) !important; }
  .nav-redesign .container { min-height: 62px; padding: 8px 0; gap: 8px; }
  .nav-redesign .brand img { width: 148px; max-width: 42vw; }
  .nav-redesign .nav-actions { gap: 6px; }
  .nav-redesign .mobile-menu-toggle,
  .nav-redesign .language-toggle,
  .nav-redesign .language-selector { width: 38px; height: 36px; }
  .nav-redesign .nav-menu { margin-top: 4px; padding: 10px; }

  .blog-hero { min-height: auto !important; }
  .blog-hero-content { padding-top: 58px !important; padding-bottom: 34px !important; }
  .blog-hero h1 { font-size: clamp(2.15rem, 10.5vw, 3rem) !important; line-height: 1.06; overflow-wrap: anywhere; }
  .blog-hero p { font-size: .98rem !important; line-height: 1.5; }
  .blog-highlights { grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 1.35rem !important; }
  .blog-highlight-card { padding: .9rem 1rem !important; }
  .blog-highlight-card:nth-child(3) { display: none; }
  .legislation-blog { padding: 34px 0 !important; }
  .blog-layout { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; width: min(100% - 24px, 1180px) !important; }
  .blog-main-list, .blog-sidebar { width: 100%; max-width: 100%; }
  .customs-post { width: 100%; max-width: 100%; padding: 16px !important; border-radius: 14px !important; }
  .customs-post h2 { font-size: clamp(1.32rem, 6.5vw, 1.65rem) !important; line-height: 1.16 !important; overflow-wrap: anywhere; }
  .customs-post h3 { font-size: 1rem !important; }
  .customs-post p, .customs-post li { font-size: .96rem; line-height: 1.58; overflow-wrap: anywhere; }
  .customs-post ul { padding-left: 1.05rem !important; }
  .post-labels { gap: 6px !important; }
  .post-labels span { max-width: 100%; white-space: normal; font-size: .68rem !important; }
  .post-thumb { width: 100%; margin: .85rem 0 1rem !important; }
  .post-thumb img { width: 100%; aspect-ratio: 16/9 !important; object-fit: cover; transform: none !important; }
  .blog-sidebar { position: static !important; }
  .sidebar-box { padding: 1.15rem !important; }
  .blog-category-link { min-height: 42px; align-items: center; padding: 6px 0; }

  .detail-hero { min-height: 390px !important; }
  .detail-hero-content { padding: 54px 16px 30px !important; }
  .detail-hero h1 { font-size: clamp(2rem, 9vw, 2.75rem) !important; }
  .detail-hero .lead { -webkit-line-clamp: 4; font-size: .96rem !important; }
  .detail-section { padding: 48px 0 !important; }
  .detail-section h2 { font-size: clamp(1.8rem, 8vw, 2.55rem) !important; }
  .detail-card, .route-card, .premium-panel, .case-study-panel, .service-widget-card { padding: 18px !important; }
  .widget-stat-grid { grid-template-columns: 1fr !important; }

  .contact-section { padding: 42px 0 !important; }
  .contact-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; }
  .contact-info, .contact-form { min-width: 0 !important; width: 100%; }
  .office-entry { display: grid !important; grid-template-columns: 84px minmax(0,1fr); gap: 12px !important; }
  .office-entry img { width: 84px !important; height: 84px !important; }
  .contact-form form { padding: 18px !important; }
  .contact-form input, .contact-form textarea { width: 100% !important; max-width: 100%; }


  .redesign-home .clarified-motion-scene,
  .redesign-home .hero-video { display: none !important; }
  .redesign-home .hero-redesign { min-height: 560px !important; }
  .redesign-home .hero-inner { padding-top: 70px !important; padding-bottom: 42px !important; }
  .redesign-home .hero-stats { display: none !important; }
  .redesign-home .hero-redesign h1 { font-size: clamp(2.2rem, 10vw, 3.1rem) !important; }
  .redesign-home .lead { font-size: .98rem !important; }
  .redesign-home section { padding: 64px 0 !important; }
  .redesign-home .pillars, .redesign-home .integration-cards, .redesign-home .projects-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 380px) {
  .container { width: min(100% - 18px, 1180px) !important; }
  .nav-redesign .brand img { width: 136px; }
  .blog-layout { width: min(100% - 18px, 1180px) !important; }
  .customs-post { padding: 14px !important; }
}

/* final non-invasive performance/mobile pass */
@media(max-width:767px){.hero-redesign h1{max-width:12ch;font-size:clamp(2.15rem,10vw,3.15rem)!important;line-height:1.02!important}.hero-redesign .lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pillar .icon,.detail-card .icon,.service-card .icon{transform:scale(1.15);transform-origin:left top}.blog-layout,.customs-post,.sidebar-box{min-width:0;max-width:100%}.customs-post{overflow-wrap:anywhere}.customs-post img{max-width:100%;height:auto}.blog-main-list{min-width:0}.topbar-redesign{display:none!important}}
@media(max-width:420px){.hero-redesign{min-height:78svh!important}.hero-inner{padding-top:72px!important;padding-bottom:46px!important}.nav-actions .language-selector{display:none!important}.nav-redesign.open .nav-menu:after{content:'RO  ·  EN';display:block;padding:12px;color:#0f5d63;font-weight:800;border-top:1px solid rgba(16,36,46,.12)}}
section{content-visibility:visible;contain-intrinsic-size:auto}
