/* ================================================================
   ساختمانی.com — V23 / Approved Design 04 Faithful Visual System
   Goal: restore the approved premium construction marketplace look.
   Black/charcoal header + warm paper store + yellow safety accent.
   ================================================================ */
:root{
  --d4-yellow:#f5b400;--d4-yellow2:#ffca28;--d4-black:#101112;--d4-black2:#17191b;--d4-charcoal:#232528;--d4-paper:#f8f4ec;--d4-paper2:#fffdf9;--d4-white:#fff;--d4-ink:#191b1d;--d4-muted:#77736b;--d4-line:#e8e1d6;--d4-green:#1d9a58;--d4-red:#bd3e34;--d4-r:20px;--d4-r-sm:14px;--d4-shadow:0 20px 55px rgba(24,22,18,.10);--d4-shadow-dark:0 32px 80px rgba(0,0,0,.26)
}
html,body,button,input,select,textarea{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important}body{background:var(--d4-paper)!important;color:var(--d4-ink)!important}.prime-app h1,.prime-app h2,.prime-app h3,.prime-app h4,.prime-header strong,.prime-footer h4,.pp-hero h1,.pp-title h2,.portal-top h1,.portal-card h2,.portal-card h3{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important}.wrap{width:min(1280px,calc(100% - 44px))!important}

/* ---------- HEADER: simplified, approved design 04 ---------- */
.prime-top{background:#0b0c0d!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.prime-top-inner{min-height:32px!important}.prime-top-note{font-size:11px;color:#aaa59c!important}.prime-top-links{gap:16px!important}.prime-top-links a,.prime-top-links span{font-size:11px!important;color:#bdb8af!important}.live-dot{background:var(--d4-yellow)!important}
.prime-header{top:0!important;background:#111214!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 26px rgba(0,0,0,.16)!important}.prime-nav{min-height:72px!important;gap:12px!important}.prime-brand{order:0!important}.prime-brand-mark{width:46px!important;height:46px!important;border-radius:12px!important;background:var(--d4-yellow)!important;box-shadow:none!important}.prime-brand .bt strong{font-size:19px!important}.prime-brand .bt span{font-size:9px!important;color:#8e9297!important}.prime-search-head{order:1!important;max-width:490px!important;height:42px!important;border-radius:10px!important;background:#25272a!important;border-color:#313439!important}.prime-search-head button{border-radius:8px!important;background:var(--d4-yellow)!important}.prime-mega-trigger{order:3!important;height:42px!important;border-radius:10px!important;background:var(--d4-yellow)!important;color:#111!important;border-color:var(--d4-yellow)!important}.prime-links{order:2!important;gap:0!important;white-space:nowrap!important}.prime-links a{font-size:11px!important;padding:9px 8px!important;border-radius:7px!important}.prime-links a:nth-child(n+8){display:none!important}.prime-actions{order:4!important}.prime-actions .icon,.prime-user-link{width:37px!important;height:37px!important;border-radius:9px!important;background:transparent!important;border-color:#323438!important}.prime-actions .icon:hover,.prime-user-link:hover{background:#242629!important;border-color:#4b4e52!important}.prime-mega{background:rgba(16,17,18,.995)!important;border-bottom:2px solid var(--d4-yellow)!important}.prime-mega>.wrap{padding:22px 0 26px!important}.prime-mega-grid{gap:10px!important}.mega-root{border-radius:14px!important;background:#181a1c!important;border-color:#292b2e!important}.mega-root-head b{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important}.mega-root-links a{font-size:11px!important}

/* ---------- HOME HERO ---------- */
.prime-hero{min-height:520px!important;background:#111 url('../images/design4/hero.webp') center 52%/cover no-repeat!important;position:relative!important;overflow:hidden!important;border-bottom:0!important}.prime-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,12,.20) 0%,rgba(10,11,12,.48) 42%,rgba(10,11,12,.93) 100%)!important;z-index:0}.prime-hero:after{content:""!important;position:absolute!important;inset:auto 0 0 0!important;height:130px!important;width:auto!important;border:0!important;background:linear-gradient(180deg,transparent,rgba(10,11,12,.36))!important;transform:none!important}.prime-hero-grid{min-height:520px!important;grid-template-columns:1fr!important;align-items:center!important;position:relative!important;z-index:2!important}.prime-hero-copy{width:min(680px,62%)!important;max-width:none!important;padding:74px 0 106px!important}.prime-hero .eyebrow{border:0!important;background:transparent!important;padding:0!important;color:#d0cbc3!important;font-size:11px!important}.prime-hero .eyebrow:before{content:"";width:34px;height:2px;background:var(--d4-yellow);display:inline-block;margin-left:8px}.prime-hero h1{font-size:clamp(40px,5vw,67px)!important;line-height:1.18!important;letter-spacing:-.035em!important;margin:12px 0 14px!important;max-width:640px!important}.prime-hero h1 em{color:var(--d4-yellow)!important}.prime-hero p{font-size:15px!important;line-height:2!important;color:#d0ccc5!important;max-width:590px!important;margin:0 0 22px!important}.prime-hero-stage{display:none!important}.d4-hero-search{width:min(660px,100%);height:56px;background:#fff;border-radius:10px;display:grid;grid-template-columns:150px 1fr 56px;align-items:center;overflow:hidden;box-shadow:0 22px 46px rgba(0,0,0,.25);margin-top:24px}.d4-hero-search select,.d4-hero-search input{height:100%;border:0;background:transparent;color:#1b1c1e;outline:0;padding:0 14px;font-size:12px}.d4-hero-search select{border-left:1px solid #e6e1d8;background:#faf8f3}.d4-hero-search button{height:100%;border:0;background:var(--d4-yellow);color:#111;font-size:22px;font-weight:900}.d4-hero-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.d4-hero-chips a{font-size:10px;color:#d9d4cb;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;background:rgba(0,0,0,.18);backdrop-filter:blur(6px)}.prime-hero .hero-cta{margin-top:17px!important}.prime-hero-trust{display:none!important}.prime-metrics{position:relative!important;z-index:4!important;margin-top:-54px!important;background:#151719!important;border:1px solid #25282b!important;border-radius:16px!important;box-shadow:var(--d4-shadow-dark)!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:0!important;overflow:hidden!important}.prime-metrics>div{padding:19px 22px!important;border-left:1px solid #2b2d30!important;display:flex!important;align-items:center!important;gap:10px!important}.prime-metrics>div:last-child{border-left:0!important}.prime-metrics b{font-size:18px!important;color:var(--d4-yellow)!important}.prime-metrics span{color:#d3cec6!important;font-size:11px!important}

/* ---------- HOME SECTIONS ---------- */
.prime-app .section{padding:66px 0!important}.prime-section-head{margin-bottom:24px!important}.prime-section-head .kick,.prime-app .kick{font-size:10px!important;color:#a07300!important;letter-spacing:.08em!important}.prime-section-head h2{font-size:clamp(25px,2.8vw,35px)!important}.prime-section-head p{font-size:13px!important;line-height:1.9!important;color:#77736b!important}.prime-text-link{font-size:11px!important}
.prime-category-section{background:#17191b!important;color:#fff!important;padding-top:78px!important}.prime-category-section .prime-section-head h2{color:#fff!important}.prime-category-section .prime-section-head p{color:#a9a49b!important}.prime-category-section .prime-text-link{color:var(--d4-yellow)!important}.prime-home-cats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:13px!important}.prime-home-cat{position:relative!important;min-height:340px!important;border-radius:13px!important;overflow:hidden!important;background:#202225!important;border:1px solid #313337!important;box-shadow:none!important;cursor:pointer!important}.prime-home-cat-media{position:absolute!important;inset:0!important;height:auto!important}.prime-home-cat-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,10,.08),rgba(8,9,10,.90) 75%,rgba(8,9,10,.98))}.prime-home-cat-media img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.82) contrast(1.04)!important}.prime-home-cat-index{top:14px!important;right:14px!important;left:auto!important;width:36px!important;height:36px!important;border-radius:9px!important;background:var(--d4-yellow)!important;color:#111!important;font-size:11px!important;z-index:3!important}.prime-home-cat-body{position:absolute!important;inset:auto 0 0 0!important;z-index:3!important;padding:20px!important;color:#fff!important}.prime-home-cat-body h3{font-size:18px!important;color:#fff!important;margin-bottom:7px!important}.prime-home-cat-body p{font-size:11px!important;color:#bbb6ad!important;line-height:1.7!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prime-home-cat-links{display:flex!important;gap:5px!important;flex-wrap:wrap!important;margin:10px 0!important}.prime-home-cat-links button{background:rgba(255,255,255,.07)!important;color:#dad5cd!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;padding:5px 8px!important;font-size:9px!important}.prime-home-cat-links button:hover{background:var(--d4-yellow)!important;color:#111!important}.prime-home-cat-foot{border-top:1px solid rgba(255,255,255,.11)!important;padding-top:11px!important}.prime-home-cat-foot small{color:#aaa59c!important}.prime-home-cat-foot b{color:var(--d4-yellow)!important;font-size:10px!important}
.prime-discovery{background:var(--d4-paper)!important}.prime-quick-cats{display:grid!important;grid-template-columns:repeat(10,1fr)!important;gap:8px!important}.prime-quick-cat{min-height:112px!important;background:var(--d4-paper2)!important;border:1px solid var(--d4-line)!important;border-radius:12px!important;padding:13px 10px!important;box-shadow:none!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.prime-quick-cat:hover{transform:translateY(-3px)!important;border-color:#d5ae32!important;box-shadow:0 10px 24px rgba(30,27,21,.08)!important}.prime-quick-cat i{font-size:22px!important;color:#6f5520!important}.prime-quick-cat b{font-size:11px!important;color:#292a2c!important;line-height:1.5!important}.prime-quick-cat span{font-size:8.5px!important;color:#9d8a5c!important}
.prime-featured{background:#fffdf8!important;border-top:1px solid var(--d4-line)!important;border-bottom:1px solid var(--d4-line)!important}.prime-product-strip,.shop-product-grid,.product-related-grid{gap:12px!important}.card.product-card{background:#fff!important;border:1px solid #e5dfd4!important;border-radius:13px!important;box-shadow:none!important;overflow:hidden!important;transition:.2s!important}.card.product-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 34px rgba(27,24,18,.10)!important;border-color:#d7c084!important}.product-card .imgbox{background:#f7f4ed!important;height:200px!important;padding:14px!important}.product-card .imgbox img{object-fit:contain!important;filter:none!important}.product-card-overlay{padding:10px!important}.stock-pill{font-size:8px!important}.product-card .body{padding:13px 14px 8px!important}.product-card-category{font-size:9px!important;color:#9b7a24!important}.product-card h3{font-size:13px!important;min-height:42px!important}.product-card .sum{font-size:10px!important;line-height:1.7!important;color:#89847c!important;-webkit-line-clamp:2!important}.product-card-facts{display:none!important}.product-card-actions{padding:9px 12px 12px!important;gap:6px!important}.product-card-actions .details{background:#17191b!important;color:#fff!important;border:0!important;border-radius:8px!important;font-size:9px!important}.product-card-actions .add{background:var(--d4-yellow)!important;color:#111!important;border:0!important;border-radius:8px!important;font-size:9px!important}.product-card-actions .cmp{border-radius:8px!important}.prime-brand-section{background:var(--d4-paper)!important}.prime-brand-rail{display:flex!important;gap:8px!important;overflow:auto!important;padding-bottom:4px!important}.prime-brand-chip{min-width:120px!important;background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:10px!important;color:#333!important;padding:11px 13px!important;font-size:10px!important;box-shadow:none!important}.prime-brand-chip span{background:#17191b!important;color:var(--d4-yellow)!important}.prime-brand-chip small{color:#918b82!important}
.d4-projects{background:#f3eee5!important}.d4-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.d4-project-card{position:relative;min-height:250px;border-radius:14px;overflow:hidden;border:1px solid #ddd5c8;background:#111}.d4-project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.d4-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,11,12,.94))}.d4-project-card div{position:absolute;z-index:2;right:18px;left:18px;bottom:17px;color:white}.d4-project-card span{font-size:9px;color:var(--d4-yellow)}.d4-project-card h3{font-size:16px;margin:4px 0}.d4-project-card p{font-size:10px;color:#c9c3b9;margin:0}.prime-service-flow,.prime-os-showcase{background:#151719!important;color:#fff!important}.prime-flow-grid{background:transparent!important;border:0!important;border-radius:0!important}.prime-flow-copy h2,.prime-os-showcase h2{color:#fff!important}.prime-flow-copy p,.prime-os-showcase p{color:#aaa59d!important}.prime-flow-steps>div,.prime-os-feature-grid article{background:#1d1f22!important;border:1px solid #2c2e31!important;border-radius:12px!important}.prime-flow-steps i{color:var(--d4-yellow)!important}.prime-os-feature-grid{gap:9px!important}.prime-os-showcase .btn.outline{border-color:#484b4f!important;color:#fff!important}.prime-ecosystem{display:none!important}.prime-expo{background:var(--d4-paper)!important;padding-top:28px!important}.prime-expo-card{background:#16181a url('../images/design4/cta-showroom.webp') left center/48% 100% no-repeat!important;border:1px solid #292b2e!important;border-radius:16px!important;min-height:210px!important;overflow:hidden!important;position:relative!important}.prime-expo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,24,26,.12),#16181a 58%)}.prime-expo-card>*{position:relative;z-index:2}.prime-expo-card h2{color:#fff!important}.prime-expo-card p{color:#b3aea5!important;max-width:610px!important}

/* ---------- STORE ---------- */
.prime-store-hero{background-color:#111!important;background-image:var(--d4-store-bg,url('../images/design4/cat-structural.webp'))!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;position:relative!important;min-height:245px!important;display:flex!important;align-items:flex-end!important}.prime-store-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,14,15,.35),rgba(13,14,15,.88))}.prime-store-hero>.wrap{position:relative!important;z-index:2!important;padding:48px 0 34px!important}.prime-store-hero h1{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;color:#fff!important;font-size:35px!important}.prime-store-hero p{color:#d0cbc2!important;font-size:12px!important}.shop-intro-badge{background:rgba(15,16,18,.76)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;backdrop-filter:blur(10px)!important}.shop-intro-badge b{color:var(--d4-yellow)!important}.prime-shop-section{background:var(--d4-paper)!important;padding-top:22px!important}.prime-store-level{background:#17191b!important;border:1px solid #2d2f32!important;border-radius:13px!important;padding:10px!important}.store-level-title{color:#fff!important}.store-level-title span{color:var(--d4-yellow)!important}.shop-root-tabs{gap:7px!important}.shop-root-card{min-height:88px!important;border-radius:10px!important;background:#222427!important;border-color:#34373a!important;color:#fff!important}.shop-root-card.active{background:#2a2412!important;border-color:#8a6a12!important}.shop-root-card .shop-root-media{width:58px!important;height:58px!important;border-radius:8px!important}.shop-root-card .shop-root-copy b{font-size:10px!important;color:#fff!important}.shop-root-card .shop-root-copy small{font-size:8px!important;color:#9f9b93!important}.shop-root-card .shop-root-arrow{color:var(--d4-yellow)!important}.shop-category-blocks{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:13px!important;padding:14px!important;margin-top:12px!important}.shop-breadcrumb button{color:#5b574f!important}.shop-breadcrumb button.current{color:#9c7200!important}.shop-subcat-grid{gap:7px!important}.shop-subcat-card{border:1px solid #e5dfd4!important;background:#faf8f3!important;border-radius:10px!important;padding:10px 11px!important}.shop-subcat-card:hover{border-color:#caa735!important;background:#fffaf0!important}.shop-search-stage{margin:12px 0!important}.shop-search-large{height:48px!important;background:#fff!important;border:1px solid #ded7cb!important;border-radius:10px!important;box-shadow:none!important}.shop-search-large input{color:#222!important;font-size:11px!important}.shop-search-clear{background:#17191b!important;color:#fff!important;border-radius:8px!important}.prime-store-shell{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}.prime-filter-panel{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:13px!important;box-shadow:none!important;position:sticky!important;top:92px!important;max-height:calc(100vh - 112px)!important;overflow:auto!important;padding:15px!important}.filter-panel-head{border-bottom:1px solid #ece6dc!important;padding-bottom:11px!important}.filter-panel-head span,.filter-group-title span{color:#9a958d!important}.filter-panel-head b,.filter-group-title b{color:#202225!important}.shop-clear-filters{color:#906800!important}.filter-group{border-bottom:1px solid #efe9df!important;padding:14px 0!important}.brand-filter{background:#faf8f3!important;border:1px solid #e8e1d6!important;color:#49453e!important;border-radius:8px!important}.brand-filter.active{background:#181a1c!important;color:#fff!important;border-color:#181a1c!important}.brand-filter.active b{color:var(--d4-yellow)!important}.shop-filter-field select{background:#faf8f3!important;color:#292b2d!important;border:1px solid #ded7cb!important;border-radius:8px!important}.filter-note{background:#fff9e8!important;border-color:#ead79c!important;color:#765b14!important;border-radius:9px!important}.prime-store-results{min-width:0!important}.prime-shop-toolbar{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:11px!important;padding:11px 13px!important}.result-info{color:#4a4640!important;font-size:11px!important}.result-info b{color:#111!important}.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.load-more .btn{background:#17191b!important;color:#fff!important;border-color:#17191b!important}.prime-store-mobile-actions{display:none!important}

/* ---------- PRODUCT DETAIL ---------- */
.prime-product-page{background:var(--d4-paper)!important;padding-top:28px!important}.prime-product-topline{font-size:10px!important;color:#7e786f!important}.product-detail-card-pro{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:16px!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)!important;overflow:hidden!important}.product-detail-media{background:#f7f4ed!important;padding:28px!important;min-height:430px!important}.product-detail-media>img{object-fit:contain!important;background:#fff!important;border-radius:12px!important}.product-detail-info{padding:30px!important}.pd-heading-line .clabel{background:#fff7dc!important;color:#8a6500!important;border-radius:999px!important}.pd-code{color:#9a958c!important}.product-detail-info h1{font-size:32px!important;color:#1b1c1f!important}.product-detail-summary{color:#77736b!important;font-size:12px!important}.pd-key-specs{background:#faf8f3!important;border:1px solid #ece5da!important;border-radius:12px!important}.pd-key-specs small{color:#9a958c!important}.pd-key-specs b{color:#282a2c!important}.pd-quote-box{background:#17191b!important;border:1px solid #282a2d!important;border-radius:13px!important}.pd-quote-box span,.pd-quote-box small{color:#aaa59c!important}.pd-quote-box strong{color:var(--d4-yellow)!important}.pd-quote-actions .btn.outline{color:#fff!important;border-color:#44474b!important}.pd-inline-actions button,.pd-inline-actions a{color:#625b50!important}.pd-trust-strip{color:#776f64!important;border-top:1px solid #ece5da!important}.pd-content-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important;margin-top:14px!important}.pd-panel{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:14px!important;box-shadow:none!important;color:#2b2c2e!important}.pd-panel h2{color:#1f2022!important;font-size:19px!important}.pd-panel p,.pd-panel li{color:#716c64!important}.pd-panel-kicker{color:#a27700!important}.pd-sticky-quote{background:#17191b!important;color:#fff!important;top:92px!important}.pd-sticky-quote h2{color:#fff!important}.pd-sticky-quote p{color:#aaa59d!important}.pd-sticky-quote .btn.outline{color:#fff!important;border-color:#45484c!important}.pd-side-facts span{background:#222427!important;border-color:#313337!important;color:#aaa!important}.pd-side-facts b{color:#fff!important}

/* ---------- FOOTER / DRAWERS ---------- */
.prime-footer{background:#151719!important;color:#c9c4bc!important;border-top:3px solid var(--d4-yellow)!important}.prime-footer .brand strong,.prime-footer h4{color:#fff!important}.prime-footer a{color:#9f9b94!important}.prime-footer a:hover{color:var(--d4-yellow)!important}.prime-footer-bottom{border-top:1px solid #2b2d30!important}.footer-trusts span{color:#aba69d!important}.cart{background:#fff!important;color:#222!important}.cartHead{border-bottom-color:#e9e2d8!important}.cart-item{border-color:#e8e1d6!important;background:#faf8f3!important}.compare-modal{background:#fff!important;color:#222!important}.float-panel{background:#17191b!important;border-color:#33363a!important}.botnav{background:#111214!important;border-top-color:#2f3134!important}.botnav-item{color:#aaa!important}.botnav-item.active{color:var(--d4-yellow)!important}

/* ---------- PUBLIC MODULE PAGES ---------- */
body:has(.pp-head){background:var(--d4-paper)!important;color:var(--d4-ink)!important}.pp-head{background:#111214!important;border-bottom:1px solid #292b2e!important;box-shadow:0 8px 26px rgba(0,0,0,.12)!important}.pp-wrap{width:min(1280px,calc(100% - 44px))!important}.pp-nav{height:72px!important}.pp-brand img{background:var(--d4-yellow)!important;border-radius:10px!important}.pp-brand b{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;color:#fff!important}.pp-brand small{color:#96928b!important}.pp-links a{color:#c7c2ba!important;font-size:11px!important}.pp-links a:hover{color:var(--d4-yellow)!important}.pp-btn{background:var(--d4-yellow)!important;color:#111!important;border-radius:9px!important}.pp-hero{background:#151719!important;border-bottom:1px solid #2b2d30!important;position:relative!important;overflow:hidden!important}.pp-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(245,180,0,.10),transparent 30%);pointer-events:none}.pp-hero-grid{position:relative;z-index:2;min-height:300px!important}.pp-hero h1{font-size:clamp(34px,4vw,52px)!important;color:#fff!important}.pp-hero p{color:#aaa59d!important}.pp-kick{color:var(--d4-yellow)!important}.pp-logo-stage{background:linear-gradient(145deg,#212326,#111214)!important;border:1px solid #303236!important;border-radius:18px!important}.pp-section{padding:46px 0!important;background:var(--d4-paper)!important}.pp-title h2{color:#202225!important}.pp-title p{color:#7e786f!important}.calc-card,.supplier-card,.price-card,.org-card,.community-card,.tender-card{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:13px!important;color:#2a2b2d!important;box-shadow:none!important}.searchbox,.calc-fields input,.calc-fields select,.watch-form input,.watch-form select{background:#fff!important;color:#242628!important;border:1px solid #ded7cb!important;border-radius:9px!important}.price-row{background:#fff!important;border:1px solid var(--d4-line)!important}.price-row strong,.rating{color:#9a7100!important}.pill{background:#fff7dc!important;border-color:#ead18a!important;color:#7b5d10!important}.pp-footer{background:#151719!important;color:#9e9991!important;border-top:3px solid var(--d4-yellow)!important;margin-top:0!important}

/* ---------- CUSTOMER / VENDOR PORTALS ---------- */
.v18-portal,.portal-body{background:var(--d4-paper)!important;color:var(--d4-ink)!important}.v18-portal .portal-shell,.portal-shell{max-width:1640px!important}.v18-portal .portal-side,.portal-side{background:#141618!important;border-left:1px solid #292b2e!important}.portal-brand{padding-bottom:18px!important;border-bottom:1px solid #292b2e!important}.portal-brand img{background:var(--d4-yellow)!important;border-radius:10px!important}.portal-brand b{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;color:#fff!important}.portal-brand small{color:#908c85!important}.portal-side-label{color:#61656a!important}.portal-nav{color:#aaa69f!important;border-radius:9px!important}.portal-nav:hover{background:#202225!important;color:#fff!important}.portal-nav.active{background:var(--d4-yellow)!important;color:#111!important}.portal-nav.active .nav-badge{background:#111!important;color:var(--d4-yellow)!important}.portal-main{background:var(--d4-paper)!important}.v18-top,.portal-top{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:14px!important;color:#222!important;box-shadow:none!important}.portal-top h1{color:#191b1d!important}.portal-top p{color:#79736b!important}.portal-hero-panel{background:#151719 url('../images/design4/project-digital.webp') left center/45% 100% no-repeat!important;border:1px solid #2b2d30!important;border-radius:15px!important}.portal-hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,23,25,.16),#151719 62%)}.portal-hero-panel>*{position:relative;z-index:2}.portal-hero-panel h2{color:#fff!important}.portal-hero-panel p{color:#aaa59d!important}.portal-hero-panel:after{display:none!important}.v18-portal .portal-card,.portal-card,.metric-grid-v18 .metric{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:13px!important;color:#252729!important;box-shadow:none!important}.metric-grid-v18 .metric b{color:#a87800!important}.metric-grid-v18 .metric span{color:#2c2d2f!important}.metric-grid-v18 .metric small{color:#8e887f!important}.dash-box{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:13px!important;color:#292a2c!important}.mini-project,.project-card{background:#faf8f3!important;border-color:#e4ddd2!important;color:#292a2c!important;border-radius:10px!important}.mini-project:hover,.project-card:hover,.project-card.active{background:#fff9e9!important;border-color:#d3af43!important}.room-card{background:#fff!important}.room-header,.room-members,.room-composer{border-color:#e8e1d6!important}.member-chip{background:#faf8f3!important;border-color:#e6dfd4!important;color:#343537!important}.room-msg{background:#f7f4ed!important;border-color:#e8e1d6!important;color:#333!important}.room-msg.mine{background:#fff3bf!important;border-color:#e1bd49!important}.room-msg.admin{background:#edf8f1!important;border-color:#cfe7d7!important}.attach-btn{background:#faf8f3!important;border-color:#ded7cb!important;color:#333!important}.request-summary span{background:#f6f2ea!important;border-color:#e6ded2!important;color:#746e65!important}.request-card-v18 details summary,.text-link,.section-head .text-link{color:#906900!important}.ticket-thread{background:#fff!important;border-color:#e7dfd3!important}.thread-msg.from-customer{background:#fff3bf!important;border-color:#e1bd49!important}.thread-msg.from-admin{background:#edf8f1!important;border-color:#cfe7d7!important}.portal-modal{background:rgba(15,16,17,.74)!important}.portal-modal-card{background:#fff!important;border-color:#e4ddd2!important;color:#222!important}.modal-x{background:#17191b!important;color:#fff!important}.process-steps>div{background:#faf8f3!important;border-color:#e5ded3!important}.input,.textarea,.portal-body input,.portal-body select,.portal-body textarea{background:#fff!important;color:#232527!important;border:1px solid #ded7cb!important;border-radius:9px!important}.portal-body .btn,.v18-portal .btn{border-radius:9px!important}.portal-body .btn.secondary,.v18-portal .btn.secondary{background:#17191b!important;color:#fff!important;border-color:#17191b!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){.prime-links a:nth-child(n+6){display:none!important}.prime-search-head{max-width:380px!important}.prime-quick-cats{grid-template-columns:repeat(5,1fr)!important}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.wrap,.pp-wrap{width:min(100% - 24px,1280px)!important}.prime-top{display:none!important}.prime-nav{min-height:66px!important}.prime-brand .bt span{display:none!important}.prime-links{display:none!important}.prime-search-head{display:none!important}.prime-mega-trigger{margin-right:auto!important}.prime-hero{min-height:500px!important;background-position:center!important}.prime-hero:before{background:linear-gradient(180deg,rgba(10,11,12,.46),rgba(10,11,12,.93))!important}.prime-hero-grid{min-height:500px!important}.prime-hero-copy{width:100%!important;padding:66px 0 100px!important}.d4-hero-search{grid-template-columns:1fr 52px!important}.d4-hero-search select{display:none!important}.prime-metrics{grid-template-columns:repeat(2,1fr)!important;margin-top:-50px!important}.prime-metrics>div:nth-child(2){border-left:0!important}.prime-metrics>div{padding:15px!important}.prime-home-cats{grid-template-columns:repeat(2,1fr)!important}.prime-quick-cats{grid-template-columns:repeat(4,1fr)!important}.d4-project-grid{grid-template-columns:1fr 1fr}.prime-store-shell{grid-template-columns:1fr!important}.prime-filter-panel{position:fixed!important;top:auto!important;right:10px!important;left:10px!important;bottom:10px!important;max-height:80vh!important;z-index:600!important;border-radius:17px!important;transform:translateY(120%)!important;transition:.25s!important;box-shadow:0 25px 80px rgba(0,0,0,.28)!important}.prime-filter-panel.mobile-open{transform:none!important}.prime-store-mobile-actions{display:flex!important;background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:10px!important;padding:8px!important;margin:10px 0!important}.prime-store-mobile-actions button{background:#17191b!important;color:#fff!important;border-radius:8px!important}.prime-filter-backdrop.open{display:block!important}.product-detail-card-pro{grid-template-columns:1fr!important}.product-detail-media{min-height:330px!important}.pd-content-grid{grid-template-columns:1fr!important}.pd-sticky-quote{position:static!important}.pp-links{display:none!important}.pp-hero-grid{grid-template-columns:1fr!important}.pp-logo-stage{display:none!important}}
@media(max-width:600px){.prime-brand-mark{width:40px!important;height:40px!important}.prime-brand .bt strong{font-size:15px!important}.prime-mega-trigger span:not(.mega-grid-icon){display:none!important}.prime-mega-trigger{width:40px!important;padding:0!important;justify-content:center!important}.prime-actions .icon,.prime-user-link{width:34px!important;height:34px!important}.prime-hero h1{font-size:36px!important}.prime-hero p{font-size:12px!important}.prime-metrics{margin-top:-42px!important}.prime-metrics b{font-size:15px!important}.prime-metrics span{font-size:9px!important}.prime-app .section{padding:48px 0!important}.prime-home-cats{grid-template-columns:1fr!important}.prime-home-cat{min-height:300px!important}.prime-quick-cats{grid-template-columns:repeat(2,1fr)!important}.d4-project-grid{grid-template-columns:1fr}.shop-product-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.product-card .imgbox{height:145px!important}.product-card .body{padding:9px!important}.product-card h3{font-size:11px!important;min-height:34px!important}.product-card .sum{display:none!important}.product-card-actions{padding:7px!important}.product-card-actions .details{display:none!important}.product-card-actions .add{flex:1!important}.prime-expo-card{background:#16181a!important;padding:20px!important}.prime-expo-card:before{display:none!important}.prime-store-hero{min-height:200px!important}.prime-store-hero h1{font-size:28px!important}.shop-root-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}.shop-root-card{width:auto!important}.product-detail-info{padding:20px!important}.product-detail-info h1{font-size:25px!important}.pd-key-specs{grid-template-columns:1fr 1fr!important}.pd-quote-box{display:block!important}.pd-quote-actions{margin-top:14px!important}.portal-main{padding:10px!important}.portal-hero-panel{background:#151719!important}.metric-grid-v18{grid-template-columns:1fr 1fr!important}.prime-footer .foot{grid-template-columns:1fr 1fr!important}.footer-brand-col{grid-column:1/-1!important}}

/* ---------- SERVICES PAGE ---------- */
.services-prime{background:var(--d4-paper)!important;color:var(--d4-ink)!important}.services-prime>header{position:sticky;top:0;z-index:40;background:#111214!important;border-bottom:1px solid #292b2e!important}.services-prime>header .nav{height:72px!important}.services-prime>header .brand img{background:var(--d4-yellow)!important;border-radius:10px!important}.services-prime>header .brand strong{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;color:#fff!important}.services-prime>header .brand span{color:#928e87!important}.services-prime>header .links a{color:#c8c3bb!important;font-size:11px!important}.services-prime>header .links a.active,.services-prime>header .links a:hover{color:var(--d4-yellow)!important}.sv-wrap{max-width:1280px!important}.sv-hero{min-height:390px!important;padding:78px 0 60px!important;background:#151719 url('../images/design4/cta-showroom.webp') left center/58% 100% no-repeat!important;border-bottom:0!important;position:relative!important;overflow:hidden!important}.sv-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,23,25,.12),#151719 60%)}.sv-hero .sv-wrap{position:relative;z-index:2}.sv-back{color:#b3aea6!important}.sv-hero .kick{background:transparent!important;color:var(--d4-yellow)!important;padding:0!important;border-radius:0!important}.sv-hero h1{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;color:#fff!important;font-size:clamp(32px,4.4vw,52px)!important}.sv-hero p{color:#b8b2a9!important;font-size:14px!important}.sv-btn{border-radius:9px!important}.sv-btn.primary{background:var(--d4-yellow)!important;color:#111!important}.sv-btn.ghost{color:#fff!important;border-color:#4a4d50!important}.sv-intro{background:#fff!important;border-bottom:1px solid var(--d4-line)!important}.sv-intro h2,.sv-about h2,.sv-final h2{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;color:#202225!important}.sv-intro p,.sv-final p{color:#79736b!important}.sv-sections{background:var(--d4-paper)!important}.sv-grid{gap:13px!important}.sv-card{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:13px!important;padding:20px!important;color:#292b2d!important;box-shadow:none!important}.sv-card:hover{border-color:#d0ad3b!important}.sv-card .badge{border-radius:10px!important;background:#17191b!important;border-color:#17191b!important;color:var(--d4-yellow)!important}.sv-card h3{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;color:#252729!important}.sv-card .cdesc,.sv-team span{color:#7d776e!important}.sv-team{border-color:#ece5da!important}.sv-team b{color:#2f3032!important}.sv-about{background:#f1ece3!important;border-color:#e1d9cc!important}.sv-feat{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:12px!important}.sv-feat .n{color:#a47600!important}.sv-feat h4{color:#292a2c!important}.sv-feat p{color:#79736b!important}.sv-final{background:#fff!important}.sv-mini-table{background:#faf8f3!important;border-color:#e7dfd4!important}.sv-mini-table th,.sv-mini-table td{color:#625d55!important;border-color:#e8e1d6!important}.sv-mini-table th{background:#fff3c2!important;color:#765800!important}.sv-mini-table td b{color:#252729!important}.services-prime>.footer{background:#151719!important;border-top:3px solid var(--d4-yellow)!important}
.prime-actions #themeBtn{display:none!important}
/* Design 04 store rule: filters live on the LEFT, categories stay above the grid. */
.prime-store-shell{direction:ltr!important;grid-template-columns:245px minmax(0,1fr)!important}.prime-filter-panel,.prime-store-results{direction:rtl!important}.shop-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1240px){.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.prime-store-shell{direction:rtl!important;grid-template-columns:1fr!important}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.shop-product-grid{grid-template-columns:1fr!important}.product-card .imgbox{height:220px!important}.product-card .sum{display:-webkit-box!important}}

/* ---------- V22 PROJECT OS / ERP LIGHT WORKSPACE ---------- */
.portal-body .os-commandbar,.portal-body .erp-hero,.portal-body .os-project-bar{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:13px!important;color:#252729!important}.portal-body .os-commandbar p,.portal-body .erp-hero p,.portal-body .os-project-bar p{color:#7e786f!important}.portal-body .os-summary>div,.portal-body .os-metric,.portal-body .erp-kpi,.portal-body .v22-kpis>div,.portal-body .v22-card,.portal-body .os-card{background:#fff!important;border:1px solid var(--d4-line)!important;color:#292b2d!important;border-radius:12px!important;box-shadow:none!important}.portal-body .os-summary b,.portal-body .os-metric b,.portal-body .erp-kpi b{color:#9a7100!important}.portal-body .os-summary span,.portal-body .os-metric span,.portal-body .erp-kpi span,.portal-body .erp-kpi small{color:#8a847b!important}.portal-body .os-tabs,.portal-body .erp-tabs{background:#17191b!important;border:1px solid #2c2e31!important;border-radius:11px!important;padding:5px!important}.portal-body .os-tab,.portal-body .erp-tabs button{color:#aaa69f!important;border-radius:8px!important}.portal-body .os-tab.active,.portal-body .erp-tabs button.active,.portal-body .enterprise-tab.active{background:var(--d4-yellow)!important;color:#111!important}.portal-body .os-row,.portal-body .os-kanban-col,.portal-body .os-task,.portal-body .vendor-rfq-card,.portal-body .risk-card,.portal-body .approval-request,.portal-body .portfolio-project{background:#faf8f3!important;border:1px solid #e7dfd4!important;color:#2d2e30!important;border-radius:10px!important}.portal-body .os-row p,.portal-body .os-row small,.portal-body .portfolio-project p{color:#7d776f!important}.portal-body .os-mini-btn{background:#17191b!important;color:#fff!important;border-color:#17191b!important}.portal-body .os-mini-btn.primary{background:var(--d4-yellow)!important;color:#111!important;border-color:var(--d4-yellow)!important}.portal-body .os-chat-card,.portal-body .os-channels,.portal-body .os-chat-main{background:#fff!important;border:1px solid var(--d4-line)!important;border-radius:11px!important}.portal-body .os-channel{color:#59554e!important}.portal-body .os-channel.active{background:#fff2bd!important;color:#725500!important}.portal-body .os-message{background:#f5f1e9!important;color:#333!important}.portal-body .os-message.mine{background:#fff1b8!important;border:1px solid #e1bd49!important}.portal-body .os-composer{background:#fff!important;border-top:1px solid #e7dfd4!important}.portal-body .os-file-btn{border-color:#dcd4c8!important;color:#57524b!important}.portal-body .os-table-wrap{border:1px solid #e6ded3!important;background:#fff!important}.portal-body .os-table th{background:#17191b!important;color:#fff!important}.portal-body .os-table td{border-color:#eee7dc!important;color:#393a3c!important}.portal-body .os-money,.portal-body .erp-contract-value,.portal-body .os-quote-price{color:#916b00!important}.portal-body .os-progress{background:#eae4da!important}.portal-body .os-notice{background:#fff8de!important;border-color:#e8d393!important;color:#765b17!important}.portal-body .erp-finance-lines div,.portal-body .erp-cert-grid span,.portal-body .erp-meta span,.portal-body .portfolio-tags span{background:#f4f0e8!important;color:#655f57!important}.portal-body .gantt-track{background:#eee8de!important}.portal-body .v22-hero{background:#151719 url('../images/design4/project-digital.webp') left center/44% 100% no-repeat!important;border:1px solid #2b2d30!important;border-radius:14px!important}.portal-body .v22-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,23,25,.15),#151719 64%)}.portal-body .v22-hero>*{position:relative;z-index:2}.portal-body .v22-hero h3{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;color:#fff!important}.portal-body .v22-hero p{color:#aaa59d!important}.portal-body .v22-health{background:#111214!important}.portal-body .v22-card{background:#fff!important}.portal-body .v22-ai-answer,.portal-body .v22-forecast-grid>div,.portal-body .v22-lograil span,.portal-body .v22-linkrail span,.portal-body .v22-asset{background:#faf8f3!important;border-color:#e7dfd4!important;color:#393a3c!important}.portal-body .v22-row{border-color:#ebe4d9!important}.portal-body .v22-row p,.portal-body .v22-row small{color:#7d776e!important}.portal-body .v22-table th,.portal-body .v22-table td{border-color:#eae2d7!important;color:#3b3c3e!important}.portal-body .v22-table th{color:#817b72!important}.portal-body code{color:#8b6500!important}