.category-header { position:absolute; }
.category-hero { padding:145px clamp(24px,7vw,112px) 80px; background:#1a1b1d; color:#fff; min-height:520px; display:flex; flex-direction:column; justify-content:center; }
.category-breadcrumb { display:flex; align-items:center; gap:9px; color:#77797d; font-size:10px; margin-bottom:48px; }
.category-breadcrumb b { color:#fff; }
.category-hero .eyebrow span { background:var(--red); }
.category-hero h1 { font-size:clamp(52px,7vw,94px); margin-bottom:25px; max-width:920px; }
.category-hero>p:not(.eyebrow) { color:#b0b1b4; max-width:730px; line-height:1.9; font-size:15px; margin:0; }
.category-stats { display:flex; gap:50px; margin-top:48px; padding-top:28px; border-top:1px solid #37383b; }
.category-stats div { display:flex; align-items:baseline; gap:12px; }
.category-stats strong { direction:ltr; font-size:28px; color:#fff; }
.category-stats span { color:#8e8f93; font-size:10px; }
.catalog-section { padding:75px clamp(24px,7vw,112px) 115px; }
.category-switch { display:flex; gap:0; border-bottom:1px solid var(--line); margin-bottom:30px; direction:ltr; }
.category-switch a { padding:15px 25px; font-size:12px; color:#777; border-bottom:2px solid transparent; }
.category-switch a.active { color:var(--ink); border-color:var(--red); font-weight:800; }
.subcategory-nav { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:80px; }
.subcategory-nav a { display:flex; align-items:center; gap:10px; padding:10px 13px; border:1px solid var(--line); color:#666; font-size:11px; }
.subcategory-nav a b { direction:ltr; color:#aaa; font-size:9px; }
.subcategory-nav a:hover,.subcategory-nav a.active { background:var(--ink); border-color:var(--ink); color:#fff; }
.subcategory-nav a.active b { color:#d2d2d2; }
.catalog-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:42px; }
.catalog-heading h2 { font-size:clamp(34px,4vw,55px); margin:0; }
.catalog-heading>p { color:#999; font-size:10px; }
.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:44px 22px; }
.catalog-card { position:relative; }
.catalog-image { position:relative; display:block; aspect-ratio:1.08; overflow:hidden; background:#f5f5f3; }
.catalog-image img { width:100%; height:100%; object-fit:contain; padding:8%; mix-blend-mode:multiply; transition:transform .4s ease; }
.catalog-image:hover img { transform:scale(1.04); }
.catalog-image>span { position:absolute; top:15px; left:15px; color:#aaa; direction:ltr; font-size:9px; }
.catalog-image>span { display:none; }
.catalog-card>p { color:var(--red); font-size:9px; letter-spacing:.12em; margin:18px 0 8px; direction:ltr; text-align:right; }
.catalog-card h2 { font-size:17px; min-height:44px; margin:0 0 16px; text-align:right; }
.catalog-action { display:flex; justify-content:space-between; align-items:center; padding-top:13px; border-top:1px solid var(--line); font-size:11px; color:#555; }
.catalog-action b { color:var(--red); font-size:16px; }
.catalog-empty { grid-column:1/-1; background:#f6f6f5; padding:70px 30px; text-align:center; }
.catalog-empty>span { color:var(--red); font-size:11px; }
.catalog-empty h2 { font-size:28px; margin:12px 0; }
.catalog-empty p { color:#777; font-size:13px; }
.catalog-empty a { display:inline-block; margin-top:16px; border-bottom:1px solid var(--ink); padding-bottom:6px; font-size:12px; }
.pagination { display:flex; justify-content:center; gap:7px; margin-top:65px; direction:ltr; }
.pagination a { width:42px; height:42px; border:1px solid var(--line); display:grid; place-items:center; font-size:11px; }
.pagination a:hover,.pagination a.active { background:var(--ink); color:#fff; border-color:var(--ink); }
.category-inquiry { display:grid; grid-template-columns:.85fr 1.15fr; background:var(--red); color:#fff; }
.category-inquiry>div { padding:90px clamp(30px,6vw,90px); }
.category-inquiry h2 { font-size:clamp(40px,4.8vw,68px); line-height:1.2; margin:0 0 25px; }
.category-inquiry>div>p:not(.eyebrow) { color:rgba(255,255,255,.76); line-height:1.9; max-width:500px; }
.category-inquiry .eyebrow span { background:#fff; }
.category-inquiry .quote-form .current-product-field input { color:var(--red); font-weight:800; background:#f7f7f6; border:1px solid #e4e4e2; padding:14px 16px; cursor:default; }
@media(max-width:980px){.catalog-grid{grid-template-columns:1fr 1fr}.category-inquiry{grid-template-columns:1fr}.subcategory-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.subcategory-nav a{flex:0 0 auto}}
@media(max-width:680px){.category-hero{padding:115px 20px 65px;min-height:470px}.category-hero h1{font-size:50px}.category-stats{gap:22px}.category-stats div{display:grid;gap:2px}.catalog-section{padding:60px 20px 80px}.category-switch a{padding:13px 10px}.subcategory-nav{margin-bottom:55px}.catalog-heading{align-items:start;flex-direction:column}.catalog-grid{grid-template-columns:1fr}.category-inquiry>div,.category-inquiry .quote-form{padding:68px 24px}}

/* Saudi-localized visual system */
.category-hero { position:relative; overflow:hidden; background:linear-gradient(135deg,var(--navy),var(--navy-2)); }
.category-hero::after { content:""; position:absolute; inset:0 55% 0 0; opacity:.08; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath d='M36 1l35 35-35 35L1 36zM36 13l23 23-23 23-23-23z' fill='none' stroke='white'/%3E%3C/svg%3E"); }
.category-hero>* { position:relative; z-index:1; }
.category-switch a.active { color:var(--green); border-color:var(--green); }
.subcategory-nav a { border-radius:8px; font-size:13px; }
.subcategory-nav a:hover,.subcategory-nav a.active,.pagination a:hover,.pagination a.active { background:var(--green); border-color:var(--green); }
.catalog-card { border-top:4px solid var(--green); }
.catalog-image { background:linear-gradient(145deg,#fff,var(--green-soft)); border-radius:8px; }
.catalog-card p,.catalog-action { font-size:14px; }
.category-inquiry { background:linear-gradient(128deg,var(--green-dark) 0%,#17405a 58%,#1b3151 100%); }
.category-inquiry .quote-form button { background:var(--green); }

/* Unified product-category banner. */
.category-hero{isolation:isolate;min-height:500px;background:linear-gradient(112deg,#087742 0%,#08613f 25%,#164858 58%,#14213d 100%)}
.category-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.4'%3E%3Cpath d='M45 2 88 45 45 88 2 45Z'/%3E%3Cpath d='M135 2 178 45 135 88 92 45Z'/%3E%3Cpath d='M45 92 88 135 45 178 2 135Z'/%3E%3Cpath d='M135 92 178 135 135 178 92 135Z'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px}
.category-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;background:linear-gradient(90deg,rgba(20,33,61,.22),transparent 44%,rgba(4,80,51,.10))}
.category-hero>*{position:relative;z-index:1}
.category-hero .category-breadcrumb{color:rgba(255,255,255,.6)}
.category-hero>p:not(.eyebrow){color:rgba(255,255,255,.82);font-size:17px;max-width:720px}
.category-hero .eyebrow span{background:var(--green-bright)}