/* Responsive and technical compatibility layer — no content or visual redesign. */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
img{height:auto}
video,iframe{display:block}
button,input,select,textarea{max-width:100%;font:inherit}
textarea{resize:vertical}
table{max-width:100%}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
a,button,[role="button"],input,select,textarea{-webkit-tap-highlight-color:transparent}
:where(h1,h2,h3,h4,h5,h6,p,li,a,span){overflow-wrap:break-word}
.container{max-width:100%}

/* Prevent intrinsically wide grid/flex children from forcing horizontal scroll. */
:where(.hero-grid,.quick-grid,.gateway-grid,.new-products-grid,.industry-list,.tech-layout,.innovation-grid,.sustain-card,.res-layout,.footer-grid,.feature-grid,.split,.product-detail-grid,.product-info-layout,.vileda-product-grid)>*{min-width:0}

/* Preserve readable, usable touch targets without changing desktop layout. */
@media (max-width:1040px){
  .site-header{position:relative;z-index:1000}
  .menu{max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .products-mega{position:static!important;max-width:100%!important;overflow:visible!important}
  .products-mega-panel,.products-mega-grid{max-width:100%!important}
  .product-detail-page .product-detail-grid,.product-detail-page .product-info-layout{width:100%;max-width:100%}
  .product-detail-page .product-gallery,.product-detail-page .product-summary{min-width:0}
  .product-detail-page .main-product-image{max-width:100%;overflow:hidden}
  .product-detail-page .main-product-image img{object-fit:contain}
}

@media (max-width:680px){
  body{min-width:320px}
  .container{width:min(100% - 24px,1220px)!important;margin-inline:auto}
  .hero-pro,.page-hero,.section,.product-detail-hero{max-width:100%;overflow:hidden}
  .hero-copy,.hero-feature-card,.gateway-card,.new-product-card,.vileda-product-card,.industry-card,.resource-card{min-width:0}
  .hero-copy h1,.page-hero h1,.product-summary h1{word-break:normal;hyphens:auto}
  .hero-feature-card img,.gateway-card img,.new-product-card img,.vileda-product-image img{max-width:100%;height:auto}
  .product-detail-page .product-gallery{width:100%!important;max-width:100%!important}
  .product-detail-page .gallery-thumbs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px}
  .product-detail-page .thumb-btn{flex:0 0 auto}
  .product-detail-page .main-product-image{min-width:0!important;max-width:100%!important}
  .product-detail-page .main-product-image img{max-width:100%!important;height:auto!important}
  .footer-grid>*{min-width:0}
  input,select,textarea{font-size:16px}
  .btn,.btn-mini,.catalog-link,.text-link,.product-link,.card-link{min-height:44px;display:inline-flex;align-items:center}
}

/* Small phones and landscape devices. */
@media (max-width:380px){
  .container{width:min(100% - 18px,1220px)!important}
  .site-logo-img{max-width:158px!important}
  .nav-tools{gap:6px!important}
  .lang{display:none}
}
@media (max-height:500px) and (orientation:landscape) and (max-width:1040px){
  .menu{max-height:calc(100dvh - 62px)}
}

/* Keyboard and reduced-motion technical support. */
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* v366: mobile/tablet consistency and neutral product-gallery surface */
.product-detail-page .product-gallery,.product-detail-page .gallery-thumbs,.product-detail-page .thumb-btn,.product-detail-page .main-product-image{background:#F4F8FC!important}
.product-detail-page .thumb-btn,.product-detail-page .main-product-image{border-color:transparent!important;box-shadow:none!important}
.product-detail-page .main-product-image img,.product-detail-page .thumb-btn img{display:block;max-width:100%;height:auto;object-fit:contain;background:transparent!important}
@media(max-width:900px){.product-detail-page .product-detail-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}.product-detail-page .product-gallery{width:100%;min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}.product-detail-page .gallery-thumbs{width:72px;min-width:0}.product-detail-page .main-product-image{width:100%;min-width:0;aspect-ratio:1/1;overflow:hidden}.product-detail-page .main-product-image img{width:100%;height:100%;object-fit:contain}}
@media(max-width:560px){.site-header .container.nav{padding-left:16px!important;padding-right:16px!important}.product-detail-page .product-detail-hero .container,.product-detail-page .product-detail-info .container{width:min(100% - 28px,1200px)!important}.product-detail-page .breadcrumb{overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:6px}.product-detail-page .breadcrumb::-webkit-scrollbar{display:none}.product-detail-page .product-gallery{grid-template-columns:1fr;gap:10px}.product-detail-page .gallery-thumbs{order:2;width:100%;display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:3px}.product-detail-page .thumb-btn{flex:0 0 68px;width:68px!important;height:68px!important}.product-detail-page .main-product-image{order:1;aspect-ratio:4/3}.product-detail-page .product-summary h1{font-size:clamp(1.9rem,8vw,2.45rem)!important;line-height:1.08!important;overflow-wrap:anywhere}.product-detail-page .product-summary h2{font-size:clamp(1.12rem,5vw,1.45rem)!important}.product-detail-page .feature-icons{grid-template-columns:1fr!important}.product-detail-page .spec-table{display:block;width:100%;overflow-x:auto}.footer .footer-grid,.footer .footer-bottom{grid-template-columns:1fr!important;text-align:center}}

/* v369: Profesyonel gallery canvas fully unified with the page surface. */
body.mikrofiber-profesyonel-detail-page .product-gallery,
body.mikrofiber-profesyonel-detail-page .gallery-thumbs,
body.mikrofiber-profesyonel-detail-page .main-product-image,
body.mikrofiber-profesyonel-detail-page .main-product-image picture,
body.mikrofiber-profesyonel-detail-page .main-product-image img,
body.mikrofiber-profesyonel-detail-page .thumb-btn,
body.mikrofiber-profesyonel-detail-page .thumb-btn img {
  background:#F4F8FC!important;
  background-color:#F4F8FC!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.mikrofiber-profesyonel-detail-page .main-product-image {
  line-height:0!important;
  font-size:0!important;
  overflow:hidden!important;
}
body.mikrofiber-profesyonel-detail-page .main-product-image img {
  display:block!important;
  vertical-align:top!important;
  margin:0!important;
  padding:0!important;
}