/* Mobile refinements. Desktop composition and editable content are unchanged. */
@media (max-width: 900px) {
  .site-nav { --arkan-nav-height:74px; --arkan-admin-offset:0px; }
  body.admin-bar .site-nav { --arkan-admin-offset:32px; }
  .site-nav .links.mobile-open {
    position:absolute; inset:100% 0 auto; width:100%;
    height:calc(100dvh - var(--arkan-nav-height) - var(--arkan-admin-offset));
    max-height:none; padding:16px 24px max(28px,env(safe-area-inset-bottom));
    overflow-y:auto; overscroll-behavior:contain; background:#0c0c0b;
    justify-content:flex-start; gap:0;
  }
  .site-nav .links a {
    display:flex; align-items:center; flex-shrink:0; min-height:56px;
    padding:14px 4px; font-size:18px; line-height:1.6; text-align:start;
    border-bottom:1px solid #ffffff16;
  }
  .site-nav .links a.active:after { display:none; }
  .mobile-toggle { width:44px; height:44px; flex-shrink:0; }
  body.menu-open .arkan-whatsapp { visibility:hidden; }
  .arkan-lightbox { height:100dvh; max-height:100dvh; }
}
@media (max-width: 782px) {
  body.admin-bar .site-nav { --arkan-admin-offset:46px; }
}
@media (max-width: 620px) {
  html { scroll-padding-top:84px; }
  .site-nav { --arkan-nav-height:70px; }
  .wrap { width:calc(100% - 36px); }
  .arkan-page > section { padding-block:48px; }
  .arkan-page .wrap > *, .intro-grid > *, .contact-grid > * { min-width:0; }
  .nav-inner { gap:16px; }
  .brand-text { font-size:16px; }
  .brand-text span { font-size:10px; }
  .btn, .hero .btn, .solutions-head .btn {
    min-height:48px; font-size:13px!important; padding:12px 16px; gap:12px;
  }
  .hero { min-height:660px; min-height:clamp(640px,calc(100svh - 100px),720px); padding:0; }
  .hero-visual { height:calc(100% - 16px); min-height:0; }
  .hero-content { width:calc(100% - 48px); margin:0 24px 84px; }
  .hero h1 { font-size:clamp(34px,9.7vw,42px); line-height:1.4; }
  .hero .hero-eyebrow { font-size:10px!important; margin-bottom:16px; letter-spacing:.7px!important; }
  .hero p { font-size:15px; line-height:1.9!important; margin-top:18px; }
  .hero-content .hero-actions { display:grid; grid-template-columns:1fr; gap:10px; margin-top:24px; }
  .hero-actions .btn { width:100%; }
  .hero-foot { width:calc(100% - 48px); margin-bottom:28px; font-size:8px; letter-spacing:.6px; }
  .hero-foot .foot-line { margin-inline:12px; }
  .intro h2, .solutions-head h2, .factory-caption h2 { font-size:30px; line-height:1.6; }
  .intro p, .featured-body p, .factory-caption p, .final-cta p, .page-hero p,
  .sol-panel-hero p { font-size:15px!important; line-height:1.95!important; }
  .intro-grid { gap:30px; }
  .intro-media > img { height:auto; aspect-ratio:1; }
  .stat-row { gap:12px; }
  .stat-num { font-size:30px; }
  .stat-label { font-size:12px; }
  .solutions-head { gap:18px; margin-bottom:24px; }
  .sol-grid { gap:28px 14px; }
  .sol-card h3 { font-size:18px; line-height:1.6; }
  .sol-card p { font-size:13px; line-height:1.9; }
  .sol-card h3 > .arkan-icon, .photo-button .arkan-icon { display:none; }
  .arkan-catalog .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
  .arkan-catalog .product-card .product-meta { font-size:12px; gap:6px; padding:10px 0 0; line-height:1.8; }
  .arkan-catalog .product-meta .serial { font-size:11px; flex-shrink:0; }
  .product-filters, .proj-filters { gap:8px; margin-bottom:24px; }
  .product-filters button, .proj-filters button { min-height:44px; font-size:13px; padding:9px 14px; }
  .gallery-status { font-size:12px; }
  .featured { gap:12px; }
  .featured-body { padding-top:18px; }
  .featured-body h3 { font-size:28px; line-height:1.5; }
  .featured-media, .featured-media img { height:auto; aspect-ratio:4/3; }
  .featured-meta div, .featured-meta b { font-size:13px; }
  .timeline { margin-top:28px; }
  .timeline-track { gap:20px; }
  .t-step { grid-template-columns:26px minmax(0,1fr) 84px; gap:0 12px; height:auto; padding-top:18px; }
  .t-step .t-num { font-size:12px; }
  .t-step h4 { font-size:18px; margin:0 0 8px!important; }
  .t-step p { font-size:13px; line-height:1.9; }
  .t-step .process-image { width:84px!important; height:84px!important; align-self:start; margin-top:3px; }
  .factory-grid { gap:12px; padding-inline:18px; }
  .factory-grid .big img, .factory-grid > img { height:auto!important; aspect-ratio:4/5; min-height:0; }
  .factory-caption { min-height:0; padding:28px 22px; }
  .sector-grid { gap:24px 14px; }
  .sector-card h4 { font-size:15px; }
  .sector-card span { font-size:13px; }
  .sector-card:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }
  .sector-card:last-child img { grid-row:1/3; aspect-ratio:4/3; margin:0; }
  .why-head .big-label { font-size:32px!important; line-height:1.2!important; }
  .why-head p { font-size:14px; }
  .why-grid { gap:0 20px; }
  .why-cell { padding:20px 0; }
  .why-cell h4 { font-size:19px; }
  .why-cell p { font-size:13px; line-height:1.9; }
  .final-cta { min-height:460px; }
  .final-cta-content { padding:32px 24px; }
  .final-cta h2 { font-size:34px; line-height:1.5; }
  .page-hero { min-height:360px; padding:0; display:grid; }
  .page-hero .wrap { padding-block:80px 32px; }
  .page-hero h1 { font-size:clamp(32px,9vw,40px); line-height:1.5; }
  .page-hero p { margin-top:14px; }
  .tab-row { gap:8px 12px; margin-bottom:30px; }
  .tab-row button { min-height:48px; font-size:13px; line-height:1.8; padding:12px 6px; }
  .sol-panel-hero { gap:24px; }
  .sol-panel-hero h2 { font-size:30px!important; line-height:1.6; }
  .sol-types, .factory-page-types { grid-template-columns:1fr!important; gap:12px; }
  .sol-type-card { min-height:0; padding:20px; }
  .sol-type-card h4 { font-size:20px; }
  .sol-type-card p { font-size:14px; line-height:1.9; }
  .note-box { font-size:13px; line-height:1.9; }
  .proj-grid { grid-template-columns:1fr; gap:28px; }
  .proj-overlay h4 { font-size:20px; }
  .proj-overlay .sector { font-size:11px; }
  .pd-meta-grid { gap:18px; }
  .pd-meta-grid div, .pd-meta-grid b { font-size:13px; }
  .contact-grid { gap:28px; }
  .contact-item a, .contact-item span { font-size:18px; overflow-wrap:anywhere; }
  .contact-item b { font-size:13px; }
  .contact-item a { display:inline-flex; align-items:center; min-height:44px; }
  .contact-visual { height:320px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:24px; padding:40px 0 20px; }
  .footer-grid p { font-size:14px; line-height:1.95; }
  .footer-grid h5 { font-size:15px; }
  .footer-grid a { display:flex; align-items:center; min-height:44px; font-size:14px; margin-bottom:0; }
  .footer-bottom { padding-bottom:84px; line-height:1.9; }
  .arkan-whatsapp { min-height:44px; padding:10px 16px; bottom:max(14px,env(safe-area-inset-bottom)); }
  .arkan-lightbox[open] { display:flex; padding:64px 12px 108px; align-items:center; }
  .arkan-lightbox figure { max-width:100%; width:100%; }
  .arkan-lightbox img { max-height:calc(100dvh - 230px); width:auto; max-width:100%; }
  .arkan-lightbox figcaption { font-size:14px; line-height:1.8; }
  .arkan-lightbox button { width:44px; height:44px; }
  .arkan-lightbox .arkan-close { top:14px; right:14px; }
  .arkan-lightbox .arkan-prev, .arkan-lightbox .arkan-next { position:absolute; bottom:max(28px,env(safe-area-inset-bottom)); }
  .arkan-lightbox .arkan-prev { right:24px; }
  .arkan-lightbox .arkan-next { left:24px; }
}
@media (max-width: 359px) {
  .wrap { width:calc(100% - 32px); }
  .hero-content { width:calc(100% - 40px); margin-inline:20px; }
  .hero h1 { font-size:32px; }
  .sol-grid, .why-grid { grid-template-columns:1fr; }
  .sol-card .ph-bg { aspect-ratio:4/3; }
  .t-step { grid-template-columns:22px minmax(0,1fr) 70px; gap:0 10px; }
  .t-step .process-image { width:70px!important; height:70px!important; }
}