/*
 * Almasar Engineering V5.6.5 — Responsive hardening
 * Goal: prevent horizontal overflow, clipped controls, unreadable text and
 * distorted grids from 320px phones through wide desktop displays.
 * Loaded last so these are the final responsive rules.
 */

/* Global overflow and media safety */
html, body { max-width: 100%; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
img, svg, video, canvas, iframe, embed, object { max-width: 100%; }
img { height: auto; }
iframe, video { border: 0; }
button, input, select, textarea { max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
main, section, article, aside, header, footer, nav, form, .container{ min-width: 0; }
:where(h1,h2,h3,h4,h5,h6,p,small,span,a,button,label,td,th) { overflow-wrap: anywhere; }
pre, code { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Fluid container: stable gutters from very small phones to 4K screens */
.almasar-design-v54 .container:not(.header-inner):not(.hero-inner):not(.topbar-inner),
.container:not(.header-inner):not(.hero-inner):not(.topbar-inner) {
  width: 100% !important;
  max-width: 1280px !important;
  padding-inline: clamp(14px, 3vw, 28px) !important;
  margin-inline: auto !important;
}

/* Structural width owners: Header, Topbar and Hero own their desktop geometry. */
.almasar-design-v54 .topbar-inner,
.almasar-design-v54 .site-header .header-inner,
body.home.almasar-design-v54 .hero.hero--premium .hero-inner {
  max-width: none;
}

/* Fluid type for the main reading hierarchy */

.almasar-design-v54 .section-head h2 { font-size: clamp(24px, 2.4vw, 32px); }
.almasar-design-v54 .archive-head h1,
.almasar-design-v54 .page-content h1 { font-size: clamp(28px, 3.2vw, 40px); }

/* Header hardening */



.almasar-theme-logo { display: block; width: auto; max-width: min(190px, 28vw); height: auto; }






/* Mega menus never exceed the viewport */


/* Main structural grids: safe intermediate sizing */
@media (max-width: 1180px) {
  
  
  .almasar-theme-logo { max-width: 170px; }
  
  
  
  
}

/* Collapse header before it can become crowded */
@media (max-width: 1024px) {
  
  
  
  .almasar-theme-logo { max-width: 155px; max-height: 46px; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  .trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .products-layout { grid-template-columns: 1fr; }
  .advanced-search, .catalog-cta { position: static; }
  .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sector-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; gap: 26px; }
}

@media (max-width: 760px) {
  .topbar-inner { min-height: 34px; height: auto; padding-block: 7px; }
  .top-contact { justify-content: center; flex-wrap: wrap; gap: 8px 16px; width: 100%; }
  .top-contact span:nth-child(3) { display: none !important; }

  
  
  
  
  
  
  
  

  .trust-grid { grid-template-columns: 1fr 1fr; }
  .section { padding-block: 42px !important; }
  .section-head { align-items: flex-start !important; }
  .section-head h2 { font-size: 26px !important; }
  .product-grid { grid-template-columns: 1fr 1fr; }
  .archive-grid, .manufacturer-grid { grid-template-columns: 1fr 1fr; }
  .about-grid, .single-product { grid-template-columns: 1fr; }
  .special-inner { display: block !important; padding-block: 24px !important; }
  .special-inner .btn { margin-top: 14px; width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 22px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .finder-hero, .services-hero, .knowledge-hero, .brands-hero { grid-template-columns: 1fr !important; }
  .finder-hero-mark, .services-hero-mark, .knowledge-hero-mark, .brands-hero-mark { display: none !important; }
  .finder-grid, .identify-grid { grid-template-columns: 1fr 1fr; }
  .finder-grid .full, .identify-grid .full { grid-column: 1 / -1; }
  .finder-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; }
  .finder-actions .btn { width: 100%; }
  .knowledge-filter-form { grid-template-columns: 1fr 1fr !important; }
  .knowledge-filter-form .btn { grid-column: 1 / -1 !important; width: 100%; }
  .contact-grid { grid-template-columns: 1fr 1fr; }
  .utility-actions { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .almasar-design-v54 .container:not(.header-inner):not(.hero-inner):not(.topbar-inner),
.container:not(.header-inner):not(.hero-inner):not(.topbar-inner) { padding-inline: 13px !important; }
  
  .almasar-theme-logo { max-width: 128px; max-height: 42px; }
  
  
  

  
  
  .trust-grid { grid-template-columns: 1fr; }
  .trust-grid > div { border-left: 0; border-bottom: 1px solid var(--line); }
  .product-grid, .sector-grid, .archive-grid, .manufacturer-grid { grid-template-columns: 1fr !important; }
  .contact-grid { grid-template-columns: 1fr !important; }
  .footer-grid { grid-template-columns: 1fr !important; }
  .footer-grid > div:first-child { grid-column: auto; }

  .catalog-head, .catalog-results-head, .filters-head, .finder-results-head { display: block !important; }
  .catalog-head-badge { margin-top: 14px; width: 100%; }
  .filters-head > div { align-items: flex-start; }
  .filters-form, .finder-grid, .identify-grid, .form-grid, .rfq-form-grid { grid-template-columns: 1fr !important; }
  .filter-field.full, .finder-grid .full, .identify-grid .full, .rfq-form-grid .full, .field.full, .full { grid-column: auto !important; }
  .filter-actions, .finder-actions { display: grid !important; grid-template-columns: 1fr !important; width: 100%; }
  .filter-actions .btn, .finder-actions .btn { min-width: 0 !important; width: 100%; }
  .knowledge-filter-form, .utility-actions { grid-template-columns: 1fr !important; }
  .knowledge-filter-form .btn { grid-column: auto !important; }

  .single-product { gap: 24px; }
  .single-product-media, .product-gallery-main { min-height: 250px !important; }
  .single-product-copy h1 { font-size: clamp(27px, 8vw, 34px) !important; }
  .product-highlight-grid { grid-template-columns: 1fr !important; }
  .product-identity-row span { min-width: 0; width: 100%; }
  .spec-grid { grid-template-columns: 1fr !important; }
  .spec-grid > div:nth-child(odd) { border-left: 0; }

  .product-sticky-bar { width: calc(100% - 16px) !important; max-width: calc(100% - 16px) !important; bottom: 8px !important; }
  .product-sticky-bar > div:last-child { grid-template-columns: 1fr !important; }
  .almasar-contact-float { right: 10px !important; bottom: 10px !important; }
  .almasar-contact-float .contact-float-btn { width: 50px !important; height: 50px !important; }
  .almasar-contact-float .contact-float-icon { width: 50px !important; height: 50px !important; }

  .rfq-dialog { width: calc(100% - 18px) !important; max-height: calc(100dvh - 18px) !important; overflow-y: auto !important; margin: 9px auto !important; padding: 18px !important; }
  .rfq-dialog h2 { font-size: 22px !important; }
  .rfq-dialog .btn { width: 100%; }

  .sectors-page-head h1 { font-size: 30px !important; }
  .sectors-page-card, .sectors-page-card .sector-card-link { min-height: 320px !important; }
  .sectors-page-card .sector-card-link { grid-template-rows: 150px minmax(170px,1fr) !important; }
  .sectors-page-card .sector-page-image { height: 150px !important; }
}

@media (max-width: 420px) {
  
  
  .almasar-theme-logo { max-width: 112px; }
  
  
  
  
  
  .almasar-design-v54 .section-head h2 { font-size: 24px !important; }
}

@media (max-width: 360px) {
  .almasar-design-v54 .container:not(.header-inner):not(.hero-inner):not(.topbar-inner),
.container:not(.header-inner):not(.hero-inner):not(.topbar-inner) { padding-inline: 10px !important; }
  .almasar-theme-logo { max-width: 100px; }
  
  
}

/* Accessibility and motion safety */
:where(a,button,input,select,textarea):focus-visible { outline: 3px solid rgba(255,121,0,.35); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}