/* WYD mobile hamburger drawer and compact footer */
@media(max-width:767px){
  .site-header .header-inner{height:72px;min-height:0;flex-wrap:nowrap;gap:12px;padding-top:0;padding-bottom:0}
  .site-header .brand{min-height:44px}
  .site-header .brand>span{display:block;flex:0 0 auto;white-space:nowrap}
  .site-header .brand>span>span{display:inline}
  .site-header .menu-toggle{display:block;margin-left:auto;min-height:44px;padding:9px 14px;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;border-radius:999px;background:#f3f6fa;border-color:#dce3ee;color:#111827}
  .site-header .menu-toggle[aria-expanded=true]{background:#111827;border-color:#111827;color:#fff}
  .site-header .site-nav{display:none;position:absolute;top:72px;left:0;right:0;width:auto;max-width:none;margin:0;padding:8px 18px 14px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:0;border-bottom:1px solid #dbe3ef;box-shadow:0 16px 28px #0f172a1a;overflow:visible}
  .site-header .site-nav.is-open{display:flex}
  .site-header .site-nav>a{min-height:48px;padding:13px 8px;justify-content:flex-start;border:0;border-bottom:1px solid #eef2f7;border-radius:0;background:transparent;color:#334155;font-size:15px;line-height:1.4;white-space:normal}
  .site-header .site-nav>a:last-child{border-bottom:0}
  .site-header .site-nav>a[aria-current=page]{background:transparent;border-color:transparent;color:#111827;font-weight:600}
  .site-header .site-nav>a[aria-current=page]:after{display:block;left:-10px;right:auto;top:16px;bottom:16px;width:3px;height:auto;border-radius:2px;background:var(--gold,#c8a24a)}
  .site-header .site-nav>a:hover{background:#f3f6fa;color:#1d4ed8}
  .site-header .site-nav>a[aria-current=page]:hover{background:transparent;color:#111827}
  .site-header .site-nav>a:focus-visible{outline:2px solid var(--blue,#1d4ed8);outline-offset:-3px}
  .site-footer{padding:34px 0 16px}
  .site-footer .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 18px}
  .site-footer .footer-grid>div{min-width:0}
  .site-footer .footer-grid>div:first-child{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid #273244}
  .site-footer .footer-brand{flex:0 0 104px;margin:0;padding:7px 10px;border-radius:4px}
  .site-footer .footer-brand img{width:84px}
  .site-footer .footer-grid>div:first-child p{margin:0;font-size:12px;line-height:1.65}
  .site-footer .footer-grid>div:first-child p:last-child{display:none}
  .site-footer h3{margin-bottom:10px;font-size:13px}
  .site-footer .footer-links{gap:0}
  .site-footer .footer-links a{min-height:44px;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
  .site-footer .footer-grid>div:last-child{padding:16px 18px;border:1px solid #273244;border-radius:16px;background:#111b2b}
  .site-footer .footer-grid>div:last-child h3{color:#e2bf69}
  .site-footer .footer-grid>div:last-child .footer-links a{font-size:13px;min-height:40px}
  .site-footer .footer-grid>div:last-child p[style]{margin:10px 0 0!important;font-size:12px}
  .site-footer .footer-social{margin-top:10px;gap:8px}
  .site-footer .footer-bottom{margin-top:24px;padding-top:16px;padding-bottom:54px;font-size:10px;line-height:1.7}
}

/* WYD mobile content reflow: retain complete products, documents and diagrams. */
.wyd-knowledge{container-type:inline-size}
.wyd-knowledge .wk-featured>img{object-fit:contain;object-position:center;background:#0e1a2b}
@media(max-width:900px){
  main :is(.split,.product-detail,.contact-layout,.catalogue-panel){grid-template-columns:minmax(0,1fr)}
  main :is(.split,.product-detail,.contact-layout,.catalogue-panel,.form-grid,.product-grid,.gallery)>*{min-width:0}
  main :is(h1,h2,h3,p,li,.model-tags span){overflow-wrap:break-word}
  main :is(.product-image,.category-card .image,.wyd-category-image,.gallery a){min-width:0}
  main :is(.product-image,.category-card .image,.wyd-category-image,.gallery a) img{object-fit:contain;object-position:center;display:block;margin-inline:auto;max-width:100%}
  main .product-zoom{display:flex;align-items:center;justify-content:center;min-width:0;padding:20px}
  main .product-zoom img{object-fit:contain;object-position:center;max-width:100%;max-height:100%}
  main .spec-table{table-layout:fixed;width:100%}
  main .spec-table th{width:38%}
  main .spec-table :is(th,td){padding:11px 9px;overflow-wrap:anywhere;vertical-align:top}
  main .catalogue-panel .sheet-preview{min-height:0;padding:20px;display:flex;align-items:center;justify-content:center}
  main .catalogue-panel .sheet-preview img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;transform:none;margin:0 auto}
  body .wyd-knowledge .wk-featured{grid-template-columns:minmax(0,1fr)}
  body .wyd-knowledge .wk-featured>img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;margin:0;background:#0e1a2b}
  body .wyd-knowledge .wk-featured-copy{min-width:0;padding:24px;order:-1}
  body .wyd-knowledge .wk-featured h2{font-size:26px}
  body .wyd-knowledge .wk-card img{object-fit:contain;object-position:center;background:#eef3fa}
  body .wyd-knowledge .wk-article .wk-cover{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
  body .wyd-about :is(.ab-split,.ab-process-grid,.ab-person,.ab-proof,.ab-cases){grid-template-columns:minmax(0,1fr)}
  body .wyd-about :is(.ab-split,.ab-process-grid,.ab-person,.ab-proof,.ab-cases,.ab-team-layout)>*{min-width:0}
  body .wyd-about .ab-photo-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  body .wyd-about .ab-photo-grid .ab-photo:first-child{grid-column:auto;grid-row:auto}
  body .wyd-about .ab-photo-grid .ab-photo:first-child img,
  body .wyd-about .ab-photo-grid .ab-photo:not(:first-child) img,
  body .wyd-about .ab-case img,
  body .wyd-about .ab-process-panel img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;margin-inline:auto}
  body .wyd-about .ab-photo-grid figcaption{position:static;background:#101a2c;padding:12px 16px}
  main .button{max-width:100%;white-space:normal;text-align:center}
  main .actions>.button{flex:1 1 180px;min-width:0}
  main :is(input,textarea,select){min-width:0;max-width:100%}
  body:has(.inquiry-form :is(input,textarea,select):focus) :is(.wyd-whatsapp-float,.wyd-quote-launcher){visibility:hidden;pointer-events:none}
}
/* The template picker can show a phone-width panel inside a desktop window. */
@container(max-width:900px){
  .wyd-knowledge .wk-featured{grid-template-columns:minmax(0,1fr)}
  .wyd-knowledge .wk-featured>img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;margin:0;background:#0e1a2b}
  .wyd-knowledge .wk-featured-copy{min-width:0;padding:24px;order:-1}
  .wyd-knowledge .wk-featured h2{font-size:26px}
}