@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@600;700;800&family=Lalezar&family=Markazi+Text:wght@600;700&family=Noto+Kufi+Arabic:wght@600;700&family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--navy:#082b4b;--navy2:#0d3b61;--gold:#ffbd2e;--gold2:#f5a900;--ink:#182b3e;--muted:#718096;--line:#e2e8ef;--soft:#f4f7fa;--white:#fff;--radius:18px;--shadow:0 15px 45px rgba(9,43,75,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'Vazirmatn',Tahoma,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 42px));margin:auto}.topbar{background:#061e35;color:#dce8f2;font-size:12px}.topbar-inner,.topbar-inner>div{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:36px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e8edf2}.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center;gap:10px;min-width:225px}.logo img{width:49px;height:49px;object-fit:contain;border-radius:9px}.logo span{display:flex;flex-direction:column;line-height:1.6}.logo b{font-size:18px;color:var(--navy);font-weight:800}.logo small{font-size:10px;color:#738194}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600;color:#34475b}.main-nav a{position:relative;padding:30px 0}.main-nav a:hover,.main-nav a.active{color:#bd8100}.main-nav a.active:after{content:'';position:absolute;bottom:20px;right:0;left:0;height:2px;background:var(--gold)}.header-cta{background:var(--navy);color:#fff;border-radius:8px;padding:11px 18px;font-size:12px;font-weight:700;white-space:nowrap}.header-cta span{color:var(--gold);margin-right:8px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy);cursor:pointer}.hero{background:linear-gradient(105deg,#062440 0%,#0a3558 56%,#0d426a 100%);color:white;min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;position:relative;padding:55px max(5vw,calc((100vw - 1180px)/2))}.hero:before{content:'';position:absolute;width:460px;height:460px;border:1px solid #ffffff0c;border-radius:50%;left:30%;top:-190px;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff03}.hero-copy{position:relative;z-index:2;padding:10px 0 10px 35px}.eyebrow{font-size:12px;color:var(--gold);font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center;gap:9px}.eyebrow.dark{color:#b77c00}.spark{width:7px;height:7px;background:var(--gold);display:inline-block;transform:rotate(45deg);box-shadow:0 0 0 5px #ffbd2e22}.hero h1{font-size:clamp(34px,4vw,52px);line-height:1.5;margin:15px 0 14px;font-weight:800;letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:14px;line-height:2.2;color:#d0dce8;max-width:520px;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:12px 21px;border:1px solid transparent;border-radius:7px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#172d40}.btn-gold:hover{background:#ffd16b}.btn-outline{border-color:#ffffff65;color:#fff}.btn-outline:hover{background:#ffffff12}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2)}.hero-proof{display:flex;gap:28px;margin-top:38px;padding-top:23px;border-top:1px solid #ffffff22}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:12px}.hero-proof small{font-size:10px;color:#a9bbcc}.hero-visual{position:relative;min-width:0}.hero-visual>img{width:100%;height:365px;object-fit:cover;border-radius:15px 65px 15px 15px;border:1px solid #ffffff35;box-shadow:0 24px 60px #00132680}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06244050,transparent 50%);border-radius:15px 65px 15px 15px;pointer-events:none}.floating-card{position:absolute;bottom:22px;right:-25px;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 18px;background:#fff;color:var(--navy);border-radius:12px;box-shadow:var(--shadow)}.float-icon{background:var(--gold);border-radius:9px;width:42px;height:42px;display:grid;place-items:center;font-size:26px}.floating-card div{display:flex;flex-direction:column}.floating-card strong{font-size:12px}.floating-card small{font-size:10px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#20b67a;margin-right:14px}.hero-stamp{position:absolute;top:22px;left:-17px;z-index:3;background:var(--gold);color:var(--navy);padding:11px 15px;border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);font-size:10px;font-weight:700}.hero-stamp b{font-size:25px}.trust-strip{width:min(1120px,calc(100% - 50px));margin:-1px auto 0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 8px 35px #082b4b0c;border:1px solid #edf0f4;border-radius:0 0 14px 14px;padding:22px 10px}.trust-strip>div{display:flex;justify-content:center;align-items:center;gap:13px;border-left:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dfe6ed;border-radius:12px;color:var(--navy);font-size:22px}.trust-strip span:last-child{display:flex;flex-direction:column}.trust-strip b{font-size:12px}.trust-strip small{font-size:10px;color:var(--muted)}.section{padding:85px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2,.brands-section h2{margin:6px 0 0;color:var(--navy);font-size:clamp(23px,2.5vw,32px);line-height:1.6}.section-heading>p{font-size:12px;color:var(--muted);max-width:380px;margin:0}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.category-card{border:1px solid #e7ecf1;border-radius:13px;padding:23px 19px 18px;transition:.25s;background:#fff;min-height:200px}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#f0c35e}.category-icon{width:53px;height:53px;background:#f3f6f9;color:var(--navy);border-radius:13px;display:grid;place-items:center;font-size:30px}.category-card h3{font-size:14px;color:var(--navy);margin:14px 0 4px}.category-card p{font-size:11px;color:var(--muted);line-height:1.9;margin:0 0 15px}.category-link{font-size:10px;color:#a77200;display:flex;justify-content:space-between;align-items:center}.category-link b{font-size:16px}.products-section{background:var(--soft);padding:78px 0}.products-section>.section-heading,.products-section>.product-tools,.products-section>.product-grid,.products-section>.catalog-note{width:min(1180px,calc(100% - 42px));margin-left:auto;margin-right:auto}.text-link{font-size:12px;color:#9a6a00;font-weight:700}.product-tools{display:flex;gap:10px;margin-bottom:25px!important;align-items:center}.search-box{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 13px;color:#8a98a7}.search-box span{font-size:23px}.search-box input{border:0;outline:0;width:100%;height:45px;font-family:inherit;font-size:12px;background:transparent}.product-tools select{font-family:inherit;font-size:12px;padding:0 12px;height:47px;min-width:160px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.product-tools .btn{height:47px}.clear-link{font-size:11px;color:#8b650d}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.product-card{background:#fff;border:1px solid #e7ecf1;border-radius:13px;overflow:hidden;transition:.25s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{height:175px;background:#f0f3f6;position:relative;overflow:hidden;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.06)}.product-tag{position:absolute;top:11px;right:11px;background:#fff;color:#966800;border-radius:5px;padding:3px 8px;font-size:9px;font-weight:700}.quick-view{position:absolute;bottom:10px;left:10px;border:0;border-radius:50%;width:31px;height:31px;background:#fff;color:var(--navy);font-size:18px;cursor:pointer;box-shadow:0 3px 10px #0001}.product-info{padding:15px}.product-category{font-size:10px;color:#9a6a00}.product-info h3{font-size:13px;color:var(--navy);margin:4px 0 7px;line-height:1.8}.product-info>p{font-size:10px;color:var(--muted);line-height:1.9;min-height:38px;margin:0 0 15px}.product-bottom{border-top:1px solid #edf0f3;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:6px}.brand{font-size:9px;color:#7d8a99}.product-cta{font-size:10px;color:var(--navy);font-weight:700;white-space:nowrap}.product-cta b{color:#b98200;font-size:15px;margin-right:4px}.catalog-note{text-align:center;font-size:10px;color:#8794a1;margin-top:22px!important}.feature-band{background:var(--navy);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;min-height:360px}.feature-image{min-height:360px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;opacity:.83}.feature-copy{padding:52px max(40px,calc((100vw - 1180px)/2)) 52px 45px;align-self:center}.feature-copy h2{font-size:29px;line-height:1.7;margin:8px 0 12px}.feature-copy>p{font-size:12px;color:#cad7e3;max-width:500px}.feature-copy ul{list-style:none;padding:0;margin:22px 0 27px;display:grid;gap:9px;font-size:12px;color:#e0e8f0}.feature-copy li span{color:var(--gold);margin-left:10px}.brands-section{text-align:center;padding:75px 20px}.brands-section h2{font-size:25px;margin:7px 0 30px}.brand-list{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:0 auto 22px}.brand-list>span{border:1px solid #e5eaf0;border-radius:9px;min-width:160px;height:70px;display:flex;justify-content:center;align-items:center;font-size:17px;font-weight:800;background:#fff}.brand-list small{font-size:9px;display:block}.brand-sch{color:#16804b}.brand-siemens{color:#008d9a}.brand-philips{color:#1255c5}.brand-abb{color:#d8292f}.brand-men{color:#1b2938}.brands-section>p{font-size:11px;color:var(--muted)}.quote-banner{background:linear-gradient(110deg,#092844,#0c4269);color:#fff;padding:36px max(5vw,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px}.quote-banner h2{font-size:24px;margin:5px 0}.quote-banner p{font-size:12px;color:#c6d5e3;margin:0}.site-footer{background:#061c30;color:#d7e1eb}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:50px;padding:54px 0 40px}.footer-logo img{width:44px;height:44px}.footer-logo b{color:#fff}.footer-logo small{color:#91a4b7}.footer-about>p{font-size:11px;color:#aabaca;max-width:300px;margin:20px 0}.site-footer h3{font-size:13px;color:#fff;margin:3px 0 18px}.footer-grid>div:not(:first-child)>a{display:block;font-size:11px;color:#aabaca;margin:8px 0}.footer-grid p{font-size:11px;color:#aabaca}.socials{display:flex;gap:9px}.socials a{border:1px solid #345067;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;color:var(--gold)}.footer-contact{color:var(--gold)!important}.footer-bottom{border-top:1px solid #ffffff18;font-size:10px;color:#8da2b5}.footer-bottom .container{min-height:53px;display:flex;justify-content:space-between;align-items:center;gap:15px}.footer-bottom a{color:#d5a83c}.inner-hero{background:linear-gradient(100deg,#062440d9,#0d3c61e8),url('../../images/industrial-electrical-hero.png') center/cover;color:#fff;padding:52px 0 42px}.inner-hero h1{font-size:34px;margin:7px 0}.inner-hero p{font-size:13px;color:#d2deea;margin:0}.breadcrumbs{font-size:10px;color:#b5c6d6;margin-top:18px}.breadcrumbs a{color:var(--gold)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-photo img{width:100%;height:360px;object-fit:cover;border-radius:15px;box-shadow:var(--shadow)}.about-layout h2,.contact-aside h2,.contact-form-card h2,.login-card h2{font-size:27px;line-height:1.6;color:var(--navy);margin:7px 0 12px}.about-layout p,.contact-aside>p,.contact-form-card>p,.login-card>p{font-size:12px;color:var(--muted);line-height:2.3}.about-layout .btn{margin-top:12px}.values-section{background:var(--soft)}.centered{justify-content:center;text-align:center}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-grid article{text-align:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:28px}.value-grid article>span{display:grid;place-items:center;margin:auto;width:55px;height:55px;border-radius:15px;background:#fff5d9;color:#946400;font-size:25px}.value-grid h3{font-size:15px;color:var(--navy)}.value-grid p{font-size:11px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:start}.contact-aside,.contact-form-card{border:1px solid var(--line);border-radius:15px;padding:30px;background:#fff}.contact-aside{background:#f8fafc}.contact-method{display:flex;align-items:center;gap:13px;margin:22px 0}.contact-method>span{display:grid;place-items:center;width:43px;height:43px;background:#fff;border:1px solid var(--line);border-radius:11px;color:#9b7000;font-size:21px}.contact-method div{display:flex;flex-direction:column}.contact-method small{font-size:10px;color:var(--muted)}.contact-method b{font-size:12px;color:var(--navy)}.contact-hours{border-top:1px solid var(--line);padding-top:15px;font-size:12px}.contact-hours p{font-size:11px;color:var(--muted)}.contact-map{margin-top:20px;min-height:100px;border-radius:11px;background:linear-gradient(135deg,#dfe9ed,#eef3f5);display:flex;align-items:center;justify-content:center;gap:12px;color:var(--navy);font-size:30px}.contact-map span{font-size:12px;font-weight:700}.contact-map small{font-size:10px;font-weight:400;color:var(--muted)}.contact-form{display:grid;gap:17px;margin-top:23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#3d4d5f}.contact-form input,.contact-form textarea{font-family:inherit;width:100%;border:1px solid #dce4eb;border-radius:7px;padding:12px 13px;outline:none;font-size:12px;color:var(--ink);background:#fff;transition:.2s}.contact-form input{height:44px}.contact-form textarea{resize:vertical;min-height:120px}.contact-form input:focus,.contact-form textarea:focus{border-color:#b78a25;box-shadow:0 0 0 3px #ffbd2e22}.submit-btn{justify-self:start;min-width:180px}.alert{padding:12px 15px;border-radius:8px;font-size:12px;margin-top:16px}.alert.success{background:#e7f8ef;color:#137747;border:1px solid #b8e9cf}.alert.error{background:#fff0f0;color:#a12929;border:1px solid #f4c6c6}.admin-section{min-height:420px}.login-card{width:min(460px,100%);margin:auto;padding:30px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.admin-warning{display:block;color:#9b6b00;font-size:10px;margin-top:20px;line-height:1.9}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-toolbar h2{color:var(--navy);margin:0}.admin-toolbar p{font-size:12px;color:var(--muted)}.btn-outline-dark{border-color:var(--navy);color:var(--navy)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.admin-table{border-collapse:collapse;width:100%;min-width:800px;font-size:11px;background:#fff}.admin-table th{background:var(--navy);color:#fff;text-align:right;padding:13px}.admin-table td{padding:12px;border-bottom:1px solid var(--line);max-width:280px;overflow-wrap:anywhere}.admin-table tr:nth-child(even){background:#f7f9fb}.empty-state{grid-column:1/-1;text-align:center;padding:45px 15px;color:var(--muted)}.empty-state>span{font-size:35px;color:#bd8a14}.empty-state h3{color:var(--navy)}.empty-state p{font-size:12px}.empty-state .btn{margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#001629a8;z-index:100;display:grid;place-items:center;padding:20px}.modal-card{width:min(480px,100%);background:#fff;border-radius:15px;padding:28px;box-shadow:0 25px 80px #0004}.modal-card h3{color:var(--navy);margin-top:0}.modal-card p{font-size:13px;color:var(--muted)}.modal-close{float:left;border:0;background:#f0f3f6;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:18px}
@media(max-width:1000px){.main-nav{gap:17px}.logo{min-width:190px}.hero{padding-left:35px;padding-right:35px}.hero-copy{padding-left:20px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:25px}.brand-list>span{min-width:135px}}
@media(max-width:760px){.container{width:calc(100% - 30px)}.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.topbar-inner>div{width:100%;justify-content:space-between;font-size:10px}.nav-wrap{min-height:72px;gap:12px}.logo{min-width:0}.logo img{width:42px;height:42px}.logo b{font-size:15px}.logo small{font-size:9px}.menu-toggle{display:block;margin-right:auto}.header-cta{display:none}.main-nav{display:none;position:absolute;top:72px;right:0;left:0;background:#fff;padding:10px 22px 20px;box-shadow:0 12px 18px #001a2b15;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:11px 0;border-bottom:1px solid #edf0f3}.main-nav a.active:after{display:none}.hero{grid-template-columns:1fr;padding:40px 23px 35px;gap:35px}.hero-copy{padding:0}.hero h1{font-size:36px}.hero-copy>p{font-size:13px}.hero-proof{gap:18px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px}.hero-visual>img{height:250px;border-radius:12px 45px 12px 12px}.floating-card{right:8px;bottom:12px}.hero-stamp{left:8px}.trust-strip{width:calc(100% - 30px);grid-template-columns:1fr 1fr;gap:15px;padding:18px 10px}.trust-strip>div{justify-content:flex-start;border:0;padding:0 8px}.trust-strip b{font-size:11px}.section{padding:58px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:9px}.section-heading h2{font-size:25px}.category-grid{grid-template-columns:repeat(2,1fr);gap:11px}.category-card{padding:16px;min-height:190px}.products-section{padding:55px 0}.products-section>.section-heading,.products-section>.product-tools,.products-section>.product-grid,.products-section>.catalog-note{width:calc(100% - 30px)}.product-tools{flex-wrap:wrap}.search-box{flex-basis:100%}.product-tools select{flex:1;min-width:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-image{height:140px}.product-info{padding:11px}.product-info h3{font-size:12px}.product-info>p{font-size:10px}.product-bottom{align-items:flex-start;flex-direction:column}.feature-band{grid-template-columns:1fr}.feature-image{min-height:220px;height:220px}.feature-copy{padding:35px 25px 40px}.feature-copy h2{font-size:24px}.brand-list{gap:8px}.brand-list>span{min-width:calc(33.33% - 8px);height:55px;font-size:13px}.quote-banner{padding:30px 22px;align-items:flex-start;flex-direction:column;gap:18px}.quote-banner h2{font-size:21px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding:40px 0}.footer-bottom .container{padding:14px 0;flex-direction:column;align-items:flex-start;gap:7px}.inner-hero{padding:38px 0}.inner-hero h1{font-size:28px}.about-layout,.contact-layout{grid-template-columns:1fr;gap:25px}.about-photo img{height:240px}.about-layout h2,.contact-aside h2,.contact-form-card h2{font-size:23px}.value-grid{grid-template-columns:1fr}.contact-aside,.contact-form-card{padding:22px}.form-row{grid-template-columns:1fr;gap:15px}.admin-toolbar{align-items:flex-start;gap:12px;flex-direction:column}}
@media(max-width:380px){.category-grid,.product-grid{grid-template-columns:1fr}.product-image{height:190px}.hero h1{font-size:31px}.hero-proof{gap:10px}.brand-list>span{min-width:45%}}
/* ===== hero slider ===== */
.hero-slider{position:relative;height:560px;overflow:hidden;background:var(--navy)}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease;display:flex;align-items:center}
.hero-slide.current{opacity:1;z-index:1}
.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(4,25,45,.92) 25%,rgba(6,36,64,.72) 55%,rgba(6,36,64,.35))}
.hero-slide-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 42px));margin:auto}
.hero-slide .hero-copy{max-width:620px;padding:0}
.hero-slide h1{font-size:clamp(30px,4vw,50px);line-height:1.55;margin:15px 0;font-weight:800;color:#fff;letter-spacing:-1px}
.hero-slide h1 br{display:block}
.hero-slide .hero-copy>p{font-size:14px;line-height:2.2;color:#d0dce8;max-width:540px;margin:0 0 28px}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:30px;width:46px;height:46px;border-radius:50%;cursor:pointer;transition:.2s;backdrop-filter:blur(4px)}
.hero-arrow:hover{background:var(--gold);color:var(--navy)}
.hero-arrow.next{left:22px}
.hero-arrow.prev{right:22px}
.hero-dots{position:absolute;bottom:24px;right:0;left:0;z-index:5;display:flex;justify-content:center;gap:9px}
.hero-dot{width:26px;height:4px;border-radius:4px;border:0;background:#ffffff40;cursor:pointer;transition:.25s;padding:0}
.hero-dot.active{background:var(--gold);width:40px}
/* ===== news ===== */
.news-section{background:#fff}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{background:#fff;border:1px solid #e7ecf1;border-radius:14px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.news-image{display:block;height:190px;overflow:hidden;background:#eef2f5}
.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-card:hover .news-image img{transform:scale(1.06)}
.news-body{padding:18px;display:flex;flex-direction:column;flex:1}
.news-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.news-cat{background:#fff5d9;color:#946400;font-size:10px;font-weight:700;border-radius:5px;padding:3px 10px}
.news-date{font-size:10px;color:#8a97a5}
.news-body h3{font-size:14px;color:var(--navy);margin:0 0 8px;line-height:1.9}
.news-body p{font-size:11px;color:var(--muted);line-height:2;margin:0 0 14px;flex:1}
.news-more{font-size:11px;color:#9a6a00;font-weight:700}
.news-more b{font-size:14px}
/* ===== catalog layout ===== */
.catalog-layout{padding:60px 0}
.catalog-grid{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
.catalog-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px}
.side-search{display:flex;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.side-search input{flex:1;border:0;outline:0;padding:0 13px;height:44px;font-family:inherit;font-size:12px;min-width:0}
.side-search button{border:0;background:var(--navy);color:var(--gold);font-size:19px;width:46px;cursor:pointer}
.side-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.side-box h3{font-size:13px;color:var(--navy);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.side-cat{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#42566b;padding:9px 10px;border-radius:7px;transition:.15s}
.side-cat:hover{background:var(--soft);color:var(--navy)}
.side-cat.active{background:var(--navy);color:#fff;font-weight:700}
.side-cat span{font-size:10px;opacity:.75}
.side-popular{display:block;font-size:12px;color:var(--navy);padding:9px 0;border-bottom:1px solid #eef1f4;line-height:1.8}
.side-popular:last-child{border:0}
.side-popular small{display:block;font-size:10px;color:var(--muted)}
.side-cta{background:linear-gradient(135deg,var(--navy),var(--navy2));border:0;color:#fff;text-align:center}
.side-cta h3{color:var(--gold);border:0;margin:0 0 6px;padding:0}
.side-cta p{font-size:11px;color:#c9d6e2;margin:0 0 14px}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:18px;padding:10px 16px;background:var(--soft);border-radius:9px}
.catalog-products{grid-template-columns:repeat(4,1fr)}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}
.pagination a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--navy);background:#fff;transition:.15s}
.pagination a:hover{border-color:var(--gold)}
.pagination a.active{background:var(--navy);color:#fff;border-color:var(--navy)}
/* ===== product detail ===== */
.product-detail-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:45px}
.product-gallery{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f5f7f9}
.product-gallery img{width:100%;height:420px;object-fit:cover}
.detail-tag{top:16px;right:16px;font-size:10px;padding:5px 12px}
.product-detail h2{font-size:25px;color:var(--navy);margin:6px 0 16px;line-height:1.7}
.product-attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.product-attrs>div{background:var(--soft);border-radius:9px;padding:10px 13px;display:flex;flex-direction:column}
.product-attrs small{font-size:10px;color:var(--muted)}
.product-attrs b{font-size:12px;color:var(--navy)}
.detail-short{font-size:13px;color:#4a5b6d;line-height:2.1}
.spec-table{width:100%;border-collapse:collapse;font-size:12px;margin:18px 0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.spec-table th{background:var(--soft);color:var(--navy);text-align:right;padding:11px 14px;width:38%;border-bottom:1px solid var(--line);font-weight:700}
.spec-table td{padding:11px 14px;border-bottom:1px solid var(--line);color:#3d4d5f}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.product-description,.related-block{margin-top:55px}
.block-title{font-size:21px;color:var(--navy);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--gold);display:inline-block}
.related-block .product-grid{grid-template-columns:repeat(4,1fr)}
/* ===== article ===== */
.article-hero{position:relative;background-size:cover;background-position:center;color:#fff;padding:100px 0 60px}
.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,25,45,.88),rgba(4,25,45,.72))}
.article-hero .container{position:relative;z-index:2}
.article-hero h1{font-size:clamp(24px,3vw,36px);line-height:1.7;margin:14px 0 0;font-weight:800;max-width:820px}
.news-meta.light .news-cat{background:var(--gold);color:#172d40}
.news-meta.light .news-date{color:#cfe0ee}
.article-layout{display:grid;grid-template-columns:1fr 240px;gap:40px;align-items:start}
.article-summary{font-size:15px;color:#40536a;line-height:2.2;padding:18px 20px;background:var(--soft);border-right:3px solid var(--gold);border-radius:8px;margin:0 0 25px}
.article-footer-meta{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-top:35px;padding-top:18px;border-top:1px solid var(--line)}
.article-aside{display:flex;flex-direction:column;gap:10px;position:sticky;top:110px}
/* ===== rich content ===== */
.rich-content{font-size:14px;line-height:2.3;color:#33465a}
.rich-content h2{font-size:21px;color:var(--navy);margin:30px 0 12px}
.rich-content h3{font-size:17px;color:var(--navy);margin:24px 0 10px}
.rich-content p{margin:0 0 16px}
.rich-content ul,.rich-content ol{margin:0 0 18px;padding-right:22px}
.rich-content li{margin:6px 0}
.rich-content img{border-radius:12px;margin:15px 0}
.narrow{max-width:860px}
.page-hero-image{padding:0 0 40px}
.page-hero-image img{width:100%;height:380px;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}
.page-content-section{padding-top:20px}
@media(max-width:1000px){.hero-slider{height:500px}.catalog-grid{grid-template-columns:1fr}.catalog-sidebar{position:static}.catalog-products{grid-template-columns:repeat(3,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.product-detail-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static;flex-direction:row}.related-block .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hero-slider{height:540px}.hero-slide h1{font-size:27px}.hero-arrow{display:none}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:1fr}.product-gallery img{height:280px}.product-attrs{grid-template-columns:1fr 1fr}.article-hero{padding:60px 0 40px}.page-hero-image img{height:220px}}

/* ===== YELLOW / BLACK THEME ===== */
:root{--navy:#0e0e0e;--navy2:#1d1d1d;--gold:#ffcf24;--gold2:#e6b800;--ink:#f1f1f1;--muted:#b9b9b9;--line:#2b2b2b;--soft:#161616;--white:#111111;--shadow:0 15px 45px rgba(0,0,0,.55)}
body{background:#0b0b0b;color:var(--ink)}
.topbar{background:#000;color:#ffe9a3}
.site-header{background:rgba(9,9,9,.97);border-bottom:1px solid #262626}
.logo b{color:#fff}
.logo small{color:#d6c48a}
.main-nav{color:#e2e2e2}
.main-nav a:hover,.main-nav a.active{color:var(--gold)}
.header-cta{background:var(--gold);color:#111}
.header-cta span{color:#111}
.menu-toggle{color:var(--gold)}
.hero-slide-overlay{background:linear-gradient(100deg,rgba(0,0,0,.93) 25%,rgba(16,14,0,.74) 55%,rgba(10,9,0,.35))}
.hero-arrow:hover{background:var(--gold);color:#111}
.trust-strip{background:#121212;border-color:#262626;box-shadow:0 8px 35px rgba(0,0,0,.55)}
.trust-icon{border-color:#333;color:var(--gold)}
.section-heading h2,.brands-section h2{color:#fff}
.eyebrow.dark{color:var(--gold)}
.category-card{background:#141414;border-color:#2a2a2a}
.category-card:hover{border-color:var(--gold)}
.category-card h3{color:#fff}
.category-icon{background:#1f1f1f;color:var(--gold)}
.products-section{background:#101010}
.text-link,.news-more,.clear-link{color:var(--gold)}
.search-box,.side-search{background:#141414;border-color:#2b2b2b;color:#9a9a9a}
.search-box input,.side-search input{color:#f1f1f1}
.product-tools select{background:#141414;color:#f1f1f1;border-color:#2b2b2b}
.product-card{background:#141414;border-color:#2a2a2a}
.product-image{background:#1c1c1c}
.product-image img{mix-blend-mode:normal}
.product-tag{background:var(--gold);color:#111}
.quick-view{background:var(--gold);color:#111}
.product-info h3{color:#fff}
.product-category{color:var(--gold)}
.product-bottom{border-color:#2b2b2b}
.brand{color:#9a9a9a}
.product-cta{color:var(--gold)}
.feature-band{background:#000}
.brand-list>span{background:#121212;border-color:#2e2e2e;flex-direction:column;line-height:1.35}
.quote-banner{background:linear-gradient(110deg,#000,#1a1600)}
.site-footer{background:#000;color:#d9d9d9}
.news-section{background:#0b0b0b}
.news-card{background:#141414;border-color:#2a2a2a}
.news-image{background:#1c1c1c}
.news-body h3{color:#fff}
.news-cat{background:#3a2f00;color:var(--gold)}
.news-date{color:#a6a6a6}
.side-search button{background:var(--gold);color:#111}
.side-box{background:#141414;border-color:#2b2b2b}
.side-box h3{color:#fff}
.side-cat{color:#d5d5d5}
.side-cat:hover{background:#1f1f1f;color:var(--gold)}
.side-cat.active{background:var(--gold);color:#111}
.catalog-toolbar{background:#161616}
.pagination a{background:#141414;border-color:#2b2b2b;color:#fff}
.pagination a.active{background:var(--gold);border-color:var(--gold);color:#111}
.product-gallery{background:#171717;border-color:#2b2b2b}
.product-detail h2,.block-title{color:#fff}
.product-attrs>div{background:#171717}
.product-attrs b{color:#fff}
.detail-short{color:#cfcfcf}
.spec-table{background:#141414;border-color:#2b2b2b}
.spec-table th{background:#1c1c1c;color:#fff}
.spec-table td{color:#d6d6d6}
.article-summary{color:#dedede;background:#161616}
.rich-content{color:#e3e3e3}
.rich-content h2,.rich-content h3{color:#fff}
.about-layout h2,.contact-aside h2,.contact-form-card h2{color:#fff}
.contact-aside{background:#141414}
.contact-form-card{background:#141414;border-color:#2b2b2b}
.contact-method b{color:#fff}
.contact-method>span{background:#1c1c1c;border-color:#2b2b2b;color:var(--gold)}
.contact-map{background:linear-gradient(135deg,#141414,#1e1e1e);color:var(--gold)}
.contact-form label{color:#d5d5d5}
.contact-form input,.contact-form textarea{background:#0f0f0f;border-color:#2b2b2b;color:#f1f1f1}
.value-grid article{background:#141414;border-color:#2b2b2b}
.value-grid h3{color:#fff}
.value-grid article>span{background:#3a2f00;color:var(--gold)}
.inner-hero{background:linear-gradient(100deg,rgba(0,0,0,.92),rgba(12,10,0,.82)),url('../../images/industrial-electrical-hero.png') center/cover}
.main-nav.open{background:#0f0f0f}
.main-nav a{border-color:#262626}
.btn-outline-dark{border-color:var(--gold);color:var(--gold)}
.modal-card{background:#141414}
.modal-card h3{color:#fff}
.alert.success{background:#0f2a1c;color:#6fe0a4;border-color:#1e5c3f}
.alert.error{background:#2a1010;color:#ff9c9c;border-color:#5c1e1e}
.empty-state h3{color:#fff}
.floating-card{background:#141414;color:#fff}
.page-hero-image{padding:36px 0 40px}

/* ===== logo ===== */
.logo img{width:64px;height:64px;border-radius:12px;background:#fff}
.nav-wrap{min-height:96px}
.footer-logo img{width:56px;height:56px;border-radius:12px;background:#fff}

/* ===== clickable hero slides ===== */
.hero-slide{text-decoration:none;cursor:pointer}

/* ===== homepage search ===== */
.home-search{background:#0b0b0b;padding:30px 0 6px;position:relative;z-index:3}
.home-search-form{display:flex;align-items:center;gap:8px;background:#141414;border:2px solid var(--gold);border-radius:14px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.home-search-form .hs-icon{font-size:22px;color:var(--gold);padding:0 8px 0 14px}
.home-search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f1f1f1;font-family:inherit;font-size:14px;height:48px}
.home-search-form input::placeholder{color:#8f8f8f}
.home-search-form button{border:0;border-radius:9px;background:var(--gold);color:#111;font-family:inherit;font-weight:800;font-size:13px;padding:0 32px;height:48px;cursor:pointer;white-space:nowrap;transition:.2s}
.home-search-form button:hover{background:#ffdc55}

/* ===== category images ===== */
.category-image{display:block;width:100%;height:125px;border-radius:10px;overflow:hidden;background:#1c1c1c;margin-bottom:13px}
.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.category-card:hover .category-image img{transform:scale(1.06)}

/* ===== brand typography ===== */
.brand-list>span{font-weight:800;text-align:center}
.brand-list small{font-size:8.5px;font-weight:600;letter-spacing:1px;opacity:.75;margin-top:2px}
.brand-psht{font-family:'Vazirmatn',Tahoma,sans-serif;color:#6db6ff;font-size:17px;letter-spacing:-.3px}
.brand-aflak{font-family:'Lalezar',Tahoma,sans-serif;color:#ff6b6b;font-size:19px;font-weight:400}
.brand-fanal{font-family:'Markazi Text',Tahoma,serif;color:#ffcf24;font-size:21px}
.brand-jbh{font-family:'Arial Black',Arial,sans-serif;color:#fff;font-size:19px;font-style:italic;letter-spacing:3px;direction:ltr}
.brand-part{font-family:'Noto Kufi Arabic',Tahoma,sans-serif;color:#7be08a;font-size:15px;font-weight:700}

@media(max-width:760px){
  .logo img{width:54px;height:54px}
  .footer-logo img{width:48px;height:48px}
  .home-search{padding:20px 0 4px}
  .home-search-form button{padding:0 20px}
  .category-image{height:105px}
}