/* Phone-only overrides. Desktop and tablet base styles remain authoritative. */
@media (max-width:767px){
 #top{width:40px;height:40px;padding:0}
 #top svg{width:20px;height:20px}
 header #menu,header #search,header #language-button{min-width:44px;min-height:44px;flex:none;padding:10px}
 header{gap:2px}
 header .brand{min-width:0;flex:1}
 header .brand img{max-width:100%;width:160px;height:auto}
 header #menu{position:relative}
 header:has(#search[aria-expanded=true]) #menu svg,header #menu[aria-expanded=true] svg{visibility:hidden}
 header:has(#search[aria-expanded=true]) #menu::after,header #menu[aria-expanded=true]::after{content:'×';position:absolute;inset:0;display:grid;place-items:center;font-size:28px;line-height:1;pointer-events:none}
 header #nav.open{max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
 header #header-search:not([hidden]){height:auto;background:#fff;padding:20px 0}
 body.mobile-panel-open{overflow:hidden}
 #app input,#app textarea,#app select,header #header-query{font-size:16px;line-height:24px;min-height:48px}
 #app textarea{min-height:120px}
 #app .btn{min-height:44px}
 #contactform{grid-template-columns:minmax(0,1fr)}
 #contactform>*{grid-column:1/-1}
 #app[data-section=contact] .contactband{display:none}
 #app .contactband.contact-motion{min-height:0;padding:54px 0}
 #app .contactband.contact-motion .contact-motion-copy h2{margin:0 0 20px}
 #app .enterprise-section{padding-top:32px;padding-bottom:16px}
 #app .enterprise-copy{padding-bottom:8px}
 #app .enterprise-copy p{font-size:15px;line-height:1.7}
 #app .enterprise-scene-shell .enterprise-mobile-picture{margin-top:16px;margin-bottom:28px}
 #app .enterprise-scene-shell .enterprise-item{padding-bottom:8px}
 #app .enterprise-scene-shell .enterprise-mobile-picture img{position:relative}
 #app .about-numbers{gap:24px 16px}
 #app .about-numbers dd{font-size:clamp(25px,7vw,30px);line-height:40px;white-space:nowrap;overflow-wrap:normal;min-height:40px}
 #app .about-numbers dd small{font-size:12px;margin-left:3px;line-height:20px}
 #app .about-numbers dt{font-size:13px;line-height:21px}
 #app .about-refined .about-anchors{gap:20px;scroll-padding-inline:4px;scrollbar-width:none}
 #app .about-refined .about-anchors::-webkit-scrollbar{display:none}
 #app .about-refined .about-anchors a{min-height:48px;padding-block:12px}
 #app .about-refined .about-section{scroll-margin-top:124px}
 #app .about-section h2{font-size:28px;line-height:40px}
 #app .catalogue>.media-header,#app > :is([data-section=products] > .media-header, .media-header.shared-inner-hero),#app .news-header{height:240px}
 #app .catalogue>.wrap>.category:first-child{scrollbar-width:none;scroll-padding-inline:4px;padding-bottom:0}
 #app .catalogue .grid,#app .detail-related .grid,#app .news-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #app .catalogue .catalogue-card,#app .detail-related .catalogue-card{display:block;min-width:0;background:#fff}
 #app .catalogue .catalogue-cover,#app .detail-related .catalogue-cover{aspect-ratio:4/3;min-width:0}
 #app .catalogue .catalogue-cover img,#app .detail-related .catalogue-cover img{width:100%;height:100%;aspect-ratio:4/3;object-fit:contain}
 #app .catalogue .catalogue-card .body,#app .detail-related .catalogue-card .body{padding:12px;overflow-wrap:anywhere}
 #app .catalogue .catalogue-card h3,#app .detail-related .catalogue-card h3{font-size:16px;line-height:23px;margin-bottom:6px}
 #app .catalogue .catalogue-card .card-summary,#app .detail-related .card-summary{font-size:13px;line-height:20px;min-height:0}
 #app .product-facets{max-width:100%}
 #app .facet-select-trigger{min-height:44px;white-space:normal}
 #app .facet-select-menu{max-height:min(340px,55dvh);overflow:auto;max-width:calc(100vw - 40px)}
 #app .product-facets .facet-select-menu button{min-height:44px;white-space:normal}
 #app .search-result{padding-block:18px}
 #app .search-result h2{font-size:18px;line-height:27px}
 #app .search-result p{font-size:14px;line-height:23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #app .search-type-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px}
 #app .search-type-tabs .chip{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding-block:0}
 #app .news-list-page{padding-top:0}
 #app .section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
 #app .section-head .btn{margin-top:0}
 #app .home-advantages .advantage-slide{min-height:440px}
 #app .advantage-copy{padding:28px 20px}
 #app .advantage-copy h3{font-size:30px}
 #app .advantage-copy .advantage-lead{font-size:18px;line-height:28px}
 #app .advantage-copy dl{flex-wrap:wrap;gap:16px}
 #app .advantage-cert .advantage-copy{padding-bottom:220px}
 #app .scroll-reveal,#app .about-motion-item,#app .news-enter{opacity:1;transform:none;transition:none}
 body.at-home .featured-products:not(.recommendations-visible)>.section-head,body.at-home .featured-products:not(.recommendations-visible)>.grid{opacity:1;transform:none}
 #footer .footer-content{padding-top:32px}
 #footer .footer-top{gap:24px}
 #footer .footer-office dl{margin-top:14px}
 #footer .footer-office dt,#footer .footer-office dd,#footer .footer-office a,#footer .footer-office address{font-size:14px;line-height:22px}
 #footer .footer-office a{display:inline-flex;align-items:center;min-height:44px}
 #footer .footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:22px}
 #footer .footer-links ul{gap:4px 16px}
 #footer .footer-links{padding-block:12px;gap:20px}
 html[lang=en] #app .refhero{min-height:580px;height:80svh;max-height:700px}
 html[lang=en] #app .refhero .hero-caption{top:14%}
 html[lang=en] #app .refhero .hero-caption h1{font-size:26px;line-height:36px}
 html[lang=en] #app .refhero .hero-benefits{font-size:14px;line-height:22px;margin:12px 0 18px}
 @media(prefers-reduced-motion:reduce){#app *{scroll-behavior:auto}}
}
@media(max-width:767px){
 #app .catalogue .catalogue-card .body{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:767px){
 #app .enterprise-section .enterprise-item:not(:last-child)::before{content:none!important;display:none}
}

@media(max-width:767px){
 #app .enterprise-item:not(:last-child) .enterprise-panel{position:relative}
 #app .enterprise-item:not(:last-child) .enterprise-panel::before{
  content:'';position:absolute;left:17px;top:4px;bottom:0;width:12px;
  background:repeating-linear-gradient(to bottom,#e2e5e9 0 3px,transparent 3px 13px);
  pointer-events:none
 }
 #app .enterprise-item:last-child .enterprise-mobile-picture{
  width:100vw;max-width:none;margin-inline:calc((100% - 100vw)/2);border-radius:0
 }
 #app .enterprise-item:last-child .connection-regions{padding:0 16px 16px}
 #app .news-related-grid a{display:block;min-width:0}
 #app .news-related-grid a img{width:100%;aspect-ratio:4/3;object-fit:cover}
 #app .news-related-grid h3{padding:10px;font-size:16px;line-height:22px;overflow-wrap:anywhere}
 #app .about-brand-intro,#app .about-brand-intro.is-enhanced{height:auto;margin-bottom:0;padding-top:64px}
 #app .about-brand-stage{position:relative;top:auto;height:auto;aspect-ratio:16/9}
 #app .about-brand-photo,#app .about-brand-heading{opacity:1}
 #app .about-brand-photo video{object-fit:contain}
 #app .about-brand-cutout,#app .about-brand-ink,#app .about-brand-scroll{display:none}
 #app .has-brand-dock .about-brand-dock{background:transparent url("assets/brand/logo-about-colored.svg") center/contain no-repeat}
}

@media(max-width:600px){
 #app .news-list-page .news-categories{margin-bottom:24px}
 #app .news-list-page .news-categories a{font-size:14px;line-height:22px}
}