/* Touch-first refinements, shared by the landing page and standalone sections. */
/* Suppress the browser's tap paint on the full-width carousel hit areas. */
.hero-home,.about-track,.product-gallery,
.hero-arrow,.gallery-arrow,.photo-hit,.hero-dot,.about-dot,.product-dot {
 -webkit-tap-highlight-color:transparent;
}
@media (max-width:700px) {
 .hero-home h1,
 html[lang="ru"] .hero-home h1,
 html[lang="ar"] .hero-home h1 {
  max-width:min(100%,620px);
  font-size:clamp(28px,7.2vw,36px);
  line-height:1.25;
  text-wrap:balance;
 }
 .site-header .corner-link { min-height:44px; display:inline-flex; align-items:center; }
 .language-button { min-width:44px; min-height:44px; }
 .hero-dot,.about-dot,.product-dot { width:44px; height:44px; flex:0 0 44px; }
 .hero-dots { height:44px; }
 .about-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 .about-stats dd { font-size:clamp(23px,6vw,29px); white-space:nowrap; }
 .about-stats dt { overflow-wrap:anywhere; }
 .about-page .about-stage { padding-top:132px; }
 .contact-page .contact-section { padding-top:132px; }
 .products-page .products-inner { padding-top:132px; }
 .about-copy { cursor:auto; }
 .brand-card span { font-size:clamp(11px,3vw,13px); overflow-wrap:normal; }
 .hero-gallery-controls,.about-bottom { bottom:max(24px,env(safe-area-inset-bottom)); }
 .home-page .site-header { flex-direction:column; gap:4px; }
 .home-page .site-header .page-nav { width:100%; gap:0 18px; }
 .home-page .site-header .corner-link { font-size:clamp(15px,4.2vw,18px); }
 .home-page .language-switch { display:flex; align-self:flex-end; gap:12px; }
 /* Mobile About proposal: keep every paragraph above a clear photo gallery. */
 .about-stage,.about-page .about-stage {
  --about-photo-height:clamp(300px,86vw,440px);
  display:grid; grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto var(--about-photo-height);
  min-height:0; padding:0; background:#102239;
 }
 .about-copy { grid-column:1; grid-row:1; padding:36px 24px 24px; max-width:none; text-shadow:none; }
 .about-page .about-copy { padding-top:132px; }
 .about-images { position:relative; inset:auto; grid-column:1; grid-row:2; z-index:0; }
 .about-shade { display:none; }
 .about-track .gallery-arrow {
  top:auto; bottom:0; height:var(--about-photo-height); padding:0; align-items:center;
 }
 .about-bottom { bottom:12px; }
 .about-dot::after { box-shadow:0 1px 5px #000a; }
 .about-contact-scroll { right:24px; bottom:58px; text-shadow:0 2px 8px #000; }
}
@media (max-width:380px) {
 .about-stats { gap:8px; }
 html[lang="ru"] .hero-home h1 { font-size:27px; }
}
@media (max-width:480px) {
 html[lang="ru"] .product-categories { grid-template-columns:1fr; }
 html[lang="ru"] .product-category { min-height:76px; padding:14px 16px; }
 html[lang="ru"] .product-category h3 { font-size:18px; overflow-wrap:normal; }
}
