/* Shared mobile layout. Desktop designs remain page-specific. */
@media (max-width:980px) {
  header .nav .menu{position:relative}
  header .menu .knowledge-nav{position:static}
  header .menu .nav-dropdown-menu{right:0;left:auto;top:100%;max-width:100%}
  header .nav-actions>a,header .language-switch a,header .language-switch .active{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
  header .language-switch{padding:0 8px}
  header .language-switch a,header .language-switch .active{min-width:28px}
  main h1{overflow-wrap:anywhere;hyphens:auto}
  html body main h2.site-section-heading.site-section-heading{font-size:clamp(28px,4vw,36px)!important;line-height:1.18!important}
  .product-hero .wrap{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:48px;padding-bottom:56px}
  .product-hero .wrap>div,.feature>div,.cta-box>div,.article-body,.case-story{min-width:0}
  html body main .product-hero h1{font-size:clamp(32px,5.8vw,46px)!important;line-height:1.12!important}
  .product-hero h1 span{white-space:normal}
  .product-hero .mockup{width:100%;margin:0 auto}
  .product-hero .mockup-note{display:none}
  .product-button,.price-button,.btn,.process-booking{max-width:100%;white-space:normal;overflow-wrap:break-word;text-align:center}
  .product-button{padding:14px 22px;line-height:1.4}
  .knowledge-hero h1 br{display:initial}
  .reference-controls button,.testimonial-controls button{min-width:44px;min-height:44px}
  .reference-controls .reference-dot{width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:0;background:transparent!important;position:relative}
  .reference-controls .reference-dot::after{content:"";position:absolute;inset:18px;border-radius:50%;background:currentColor}
  .reference-controls{gap:2px!important;flex-wrap:wrap}
  .check-info-button,.check-info-close{min-width:44px;min-height:44px}
  .check-options{flex-wrap:wrap}
  .check-options label>span{min-height:44px}
  .pc-cookie-reopen{min-height:44px}
}
@media (max-width:700px) {
  html body main h1{font-size:clamp(32px,8.6vw,40px)!important;line-height:1.12!important}
  .hero .lead,.product-hero p{font-size:18px;line-height:1.6}
  .hero-grid{gap:32px}
  .hero-artwork{margin-right:0}
  .compliance-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}
  .compliance-card{min-width:0;padding:24px}
  .article-body{width:100%;max-width:100%;overflow-wrap:break-word}
  .article-body a{overflow-wrap:anywhere}
  .page-grid>*{min-width:0;max-width:100%}
  .hero-actions{gap:16px;align-items:stretch}
  .hero-actions .product-button{width:100%}
  .hero-actions .text-link{display:flex;align-items:center;min-height:44px}
  .product-intro .wrap,.feature{grid-template-columns:minmax(0,1fr)}
  .feature-art{min-width:0;max-width:100%}
  .share-art{gap:12px;flex-wrap:wrap}
  .share-art .qr-card{transform:none;flex:0 1 135px}
  .share-art .share-panel{margin-left:0;padding:20px;flex:0 1 175px}
  .knowledge-card h3,.case-facts h2{overflow-wrap:break-word}
  .case-facts dl{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .case-facts dd{overflow-wrap:break-word}
  .footer .footer-contact p a{display:inline-block;min-height:36px}
  .footer .footer-bottom .footer-linkedin{display:inline-flex;align-items:center;gap:8px;min-height:44px}
  .footer .footer-linkedin svg{width:19px;height:19px;fill:currentColor;flex:none}
  .footer .footer-contact .logo img{max-width:100%;height:auto}
}
@media (prefers-reduced-motion:reduce) {
  html{scroll-behavior:auto!important}
  .knowledge-card,.reference-slide,.reference-controls button{transition:none!important}
}
@media(max-width:980px){
  main h2,main h3{overflow-wrap:anywhere;hyphens:auto}
  .guide-reference-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:2px!important}
  .guide-reference-controls button{min-width:44px;min-height:44px}
  .guide-reference-controls .guide-reference-dot{position:relative;width:44px;height:44px;padding:0;background:transparent!important;border:0;border-radius:0}
  .guide-reference-controls .guide-reference-dot::after{content:"";position:absolute;inset:18px;background:currentColor;border-radius:50%}
}
@media(max-width:700px){
  .app-nav{flex-wrap:wrap;gap:8px;padding:10px}
  .app-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .app-stats div{min-width:0;padding:38px 5px 9px;overflow-wrap:anywhere}
  .app-stats div::before{top:8px;left:calc(50% - 12.5px)}
  .approved-table .table-row,.approved-table.archive-table .table-row{grid-template-columns:38px 24px minmax(0,1fr) minmax(0,1fr) 25px;gap:4px;padding:8px 6px}
  .selfie-trigger{min-width:24px;min-height:32px;display:flex!important;align-items:center;justify-content:center}
  .selfie-close{width:44px;height:44px;top:-22px;right:-18px;background:#fff;border:1px solid #dce8e6;border-radius:50%;font-size:22px}
}
@media(max-width:980px){
  .testimonial-controls{gap:2px}
  .testimonial-controls .testimonial-dot{position:relative;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:0}
  .testimonial-controls .testimonial-dot::after{content:"";position:absolute;inset:18px;border-radius:50%;background:currentColor}
}
@media(max-width:980px){.product-hero h1{hyphens:none}}