/* HIS v12.7.1: context-sensitive progressive loading placeholders. */
.his-skeleton-wrap{--his-sk-base:#e7eef5;--his-sk-light:#f8fbfe;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-width:0;pointer-events:none}
.his-skeleton-wrap[data-skeleton-kind="logo"]{grid-template-columns:repeat(5,minmax(0,1fr))}
.his-skeleton-wrap[data-skeleton-kind="review"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.his-skeleton-wrap[data-skeleton-kind="solution"]{grid-template-columns:1fr}
.his-skeleton-card{min-width:0;background:#fff;border:1px solid #dfe8f2;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;padding:13px;gap:12px;box-shadow:0 10px 28px rgba(13,45,78,.035)}
.his-skeleton-img,.his-skeleton-line,.his-skeleton-chip,.his-skeleton-cta{background:linear-gradient(100deg,var(--his-sk-base) 0%,var(--his-sk-light) 44%,var(--his-sk-base) 76%);background-size:240% 100%;animation:his-skel-shimmer 1.65s ease-in-out infinite;border-radius:7px}
.his-skeleton-img{width:100%;aspect-ratio:4/3}
.his-skeleton-chip{height:12px;width:33%;margin-top:6px}
.his-skeleton-line{height:12px;width:92%}.his-skeleton-line.short{width:65%}.his-skeleton-line.tiny{width:47%;height:10px}
.his-skeleton-cta{height:31px;width:70%;margin-top:auto;border-radius:9px}
.his-skeleton-wrap[data-skeleton-kind="logo"] .his-skeleton-card{min-height:120px;justify-content:center}
.his-skeleton-wrap[data-skeleton-kind="logo"] .his-skeleton-img{aspect-ratio:2.3}
.his-skeleton-wrap[data-skeleton-kind="review"] .his-skeleton-img{aspect-ratio:5}
.his-skeleton-wrap[data-skeleton-kind="review"] .his-skeleton-card{min-height:180px}
.his-skeleton-wrap[data-skeleton-kind="solution"] .his-skeleton-card{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap:18px;padding:18px;min-height:260px}
.his-skeleton-wrap[data-skeleton-kind="solution"] .his-skeleton-img{grid-row:span 5;aspect-ratio:1.55}
.his-skeleton-wrap[data-skeleton-kind="solution"] .his-skeleton-cta{grid-column:2}
@keyframes his-skel-shimmer{to{background-position-x:-220%}}
@media(max-width:850px){.his-skeleton-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.his-skeleton-wrap[data-skeleton-kind="logo"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.his-skeleton-wrap,.his-skeleton-wrap[data-skeleton-kind="review"]{grid-template-columns:1fr}.his-skeleton-wrap[data-skeleton-kind="logo"]{grid-template-columns:repeat(2,minmax(0,1fr))}.his-skeleton-wrap[data-skeleton-kind="solution"] .his-skeleton-card{display:flex;min-height:0}}
@media(prefers-reduced-motion:reduce){.his-skeleton-img,.his-skeleton-line,.his-skeleton-chip,.his-skeleton-cta{animation:none;background:#e9eff5}}
/* Real images should get neutral placeholders only when their bytes are pending. */
img.his-image-pending{background:linear-gradient(100deg,#e7eef5 0%,#f8fbfe 44%,#e7eef5 76%);background-size:240% 100%;animation:his-skel-shimmer 1.65s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){img.his-image-pending{animation:none;background:#e9eff5}}
/* Crucial: the SSR product links remain crawlable and occupy FULL grid width.
   Old CSS put the entire navigation into a single 1/3-width catalogue cell. */
#catalogGrid > nav[aria-label="Browse Hesham industrial products"]{grid-column:1/-1;min-width:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-content:start}
#catalogGrid > nav[aria-label="Browse Hesham industrial products"] > a{min-height:118px;box-shadow:0 9px 24px rgba(12,46,82,.035);line-height:1.45;overflow-wrap:anywhere}
/* First-paint skeleton is present in the initial HTML, unlike delayed DOMContentLoaded placeholders. */
#catalogGrid .his-catalog-first-paint{display:none}
html.his-catalog-pending #catalogGrid{position:relative;min-height:846px;max-height:846px;overflow:hidden;isolation:isolate}
html.his-catalog-pending #catalogGrid .his-catalog-first-paint{position:absolute;z-index:2;inset:0;display:grid;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-content:start;padding:1px;background:#f6f9fd}
.his-cat-skeleton-card{min-width:0;min-height:396px;background:#fff;border:1px solid #dce7f1;border-radius:17px;overflow:hidden;box-shadow:0 15px 35px rgba(11,45,82,.035)}
.his-cat-sk-media{height:226px;background:linear-gradient(105deg,#e6edf4 5%,#f7fafc 44%,#e6edf4 73%);background-size:240% 100%;animation:his-skel-shimmer 1.65s ease-in-out infinite}
.his-cat-sk-content{padding:18px;display:flex;flex-direction:column;gap:13px}
.his-cat-sk-chip,.his-cat-sk-title,.his-cat-sk-line,.his-cat-sk-button{background:linear-gradient(105deg,#e6edf4 5%,#f7fafc 44%,#e6edf4 73%);background-size:240% 100%;animation:his-skel-shimmer 1.65s ease-in-out infinite;border-radius:7px}
.his-cat-sk-chip{height:10px;width:34%}.his-cat-sk-title{height:16px;width:90%}.his-cat-sk-title.short{width:60%}.his-cat-sk-line{height:10px;width:80%}.his-cat-sk-line.half{width:55%}.his-cat-sk-button{height:29px;width:100%;border-radius:9px;margin-top:5px}
@media(max-width:990px){#catalogGrid > nav[aria-label="Browse Hesham industrial products"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}html.his-catalog-pending #catalogGrid .his-catalog-first-paint{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#catalogGrid > nav[aria-label="Browse Hesham industrial products"]{grid-template-columns:1fr!important}html.his-catalog-pending #catalogGrid .his-catalog-first-paint{grid-template-columns:1fr}html.his-catalog-pending #catalogGrid{min-height:1240px;max-height:1240px}}
@media(prefers-reduced-motion:reduce){.his-cat-sk-media,.his-cat-sk-chip,.his-cat-sk-title,.his-cat-sk-line,.his-cat-sk-button{animation:none;background:#e7eef5}}