@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--bg:#11130f;--panel:#1b1e18;--line:#35392e;--text:#f0f0e5;--muted:#a3a897;--lime:#d8ed82}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;border:1px solid var(--line);background:transparent;border-radius:6px;padding:10px 16px}button:hover{border-color:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}header{height:100px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-family:Arial;font-size:21px;font-weight:800;letter-spacing:1.5px}.brandmark{font-size:36px;color:var(--lime);letter-spacing:-8px;margin-left:6px}.brandmark span{font-size:23px}small{display:block}.brand small{font-size:9px;letter-spacing:2px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}.cartbutton{font-size:13px}.cartbutton b{background:var(--lime);color:#14170e;padding:2px 7px;margin-right:12px;border-radius:3px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:580px;padding:60px 5% 45px;gap:50px}.eyebrow{font:11px Arial;letter-spacing:2.5px;color:var(--lime);direction:ltr;text-align:right;margin:0 0 22px}h1{font-size:clamp(43px,4.7vw,75px);line-height:1.3;font-weight:500;margin:0 0 20px;letter-spacing:-1px}h1 em{font-style:normal;color:var(--lime)}.intro{color:var(--muted);max-width:430px;line-height:1.9;font-size:16px}.primary{background:var(--lime);border:1px solid var(--lime);color:#1a2010;padding:13px 23px;display:inline-flex;gap:40px;align-items:center;font-weight:600;font-size:14px;border-radius:5px;margin-top:15px}.primary:hover{background:#e6f6ac;color:#10130b}.hero-meta{display:flex;gap:18px;font-size:10px;color:var(--muted);margin-top:45px}.hero-meta span+span{border-right:1px solid var(--line);padding-right:18px}.hero-product{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:420px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,#3c4232 0%,#23291d 48%,#171a13 78%);border-radius:5px}.hero-product img{position:relative;z-index:1;width:88%;height:300px;object-fit:contain;mix-blend-mode:screen}.orb{position:absolute;width:310px;height:310px;border:1px solid #87946655;border-radius:50%}.cross{position:absolute;font:22px Arial;color:var(--muted)}.top{top:15px;right:18px}.bottom{bottom:18px;left:18px}.product-caption{position:absolute;bottom:40px;right:24px;direction:ltr;z-index:2}.product-caption span,.product-caption small{font:9px Arial;letter-spacing:2px;color:var(--muted)}.product-caption strong{display:block;font:28px Arial;margin:8px 0}.reference{position:absolute;top:20px;left:20px;font-size:9px;color:var(--muted)}.steps{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0}.steps>div{display:flex;gap:20px;align-items:center;padding:0 20px;border-left:1px solid var(--line)}.steps>div:last-child{border:0}.steps b{font:22px Arial;color:#6f795d}.steps span{font-size:14px}.steps small{color:var(--muted);font-size:11px;margin-top:6px}.catalog{padding:75px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:36px;font-weight:500;margin:0;line-height:1.4}.section-head .eyebrow{margin-bottom:10px}.section-head>p{font-size:13px;line-height:1.9;color:var(--muted)}.tools{display:flex;gap:14px}.search{display:flex;align-items:center;gap:12px;background:#1c1f18;border:1px solid var(--line);padding:0 18px;flex:1;border-radius:5px}.search span{font-size:28px;color:var(--muted)}input,select{background:#1c1f18;color:var(--text);border:1px solid var(--line);padding:12px;border-radius:4px;min-width:0}.search input{border:0;background:none;width:100%;outline-offset:0}.categories{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.categories button{font-size:12px;padding:8px 17px;border-radius:25px}.categories .active{background:var(--text);color:var(--bg)}.result-line{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:24px 0 16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:#171a14;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#72834f}.card-visual{height:220px;background:#efefea;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-visual img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}.card-visual .no-image{color:#79806b;font-size:13px;text-align:center;border:1px solid #c6c9bd;padding:22px;max-width:80%}.card-code{position:absolute;top:13px;left:14px;font:10px Arial;color:#687058;z-index:1}.card-content{padding:20px;display:flex;flex-direction:column;flex:1}.tag{color:var(--lime);font-size:10px;margin-bottom:9px}.card h3{font:600 19px/1.4 Arial;margin:0 0 12px;direction:ltr;text-align:right}.card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 18px;min-height:44px}.card-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.price{font-size:17px}.price small{font-size:9px;color:var(--muted);margin-top:3px}.add{color:var(--lime);font-size:12px;padding:8px 12px}.pending{font-size:12px;color:#c3b893}.closing{border-top:1px solid var(--line);padding:65px 5%;background:#1a1f13}.closing h2{font-size:42px}.closing p{max-width:600px;font-size:12px;color:var(--muted);line-height:1.9}footer{padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}footer .brand{font-size:13px}footer button{font-size:10px}dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;width:min(960px,94vw);max-height:90vh;padding:40px;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;top:12px;left:12px;font:25px Arial;border:0;padding:2px 8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery-main{background:#eeeee8;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:5px}.gallery-main img{width:95%;height:95%;object-fit:contain}.gallery-main .no-image{color:#72785f;padding:25px;text-align:center}.thumbs{display:flex;gap:8px;margin-top:12px}.thumbs button{padding:3px;background:#eee;height:55px;width:65px}.thumbs img{width:100%;height:100%;object-fit:contain}.detail-title{font:28px/1.4 Arial;direction:ltr;text-align:right}.detail-desc{color:var(--muted);line-height:1.9;font-size:14px}.specs{list-style:none;padding:0;margin:22px 0}.specs li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.8}.notice{padding:13px;border:1px solid #635b36;background:#29271b;color:#d5c99b;font-size:12px;line-height:1.9;margin:15px 0}.sources{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:11px;color:var(--muted);line-height:2}.sources a{color:var(--lime);display:block;word-break:break-word}.qtyrow{display:flex;align-items:center;gap:10px}.qtyrow input{width:80px}.project-fields{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:12px;margin:25px 0}.project-fields label{font-size:12px;color:var(--muted)}.project-fields input{display:block;width:100%;margin-top:8px}.quote-head p{font-size:12px;color:var(--muted)}.quote-line{display:grid;grid-template-columns:1fr 85px 120px 32px;gap:12px;align-items:center;border-top:1px solid var(--line);padding:16px 0;font-size:12px}.quote-line strong{font:15px Arial;display:block;direction:ltr;text-align:right}.quote-line small{color:var(--muted);margin-top:5px;line-height:1.7}.quote-line input{width:80px}.quote-line button{padding:4px}.total-box{margin-top:25px;background:#22291a;padding:20px;border:1px solid #43522c;border-radius:5px}.total-box strong{font-size:28px;color:var(--lime)}.total-box p,.fine{font-size:11px;color:var(--muted);line-height:1.9}.quote-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quote-actions button{font-size:12px;margin-top:15px}#method p{line-height:2;color:var(--muted);font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:var(--bg);padding:12px 22px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:13px}#toast.show{opacity:1}@media(max-width:900px){.hero{gap:25px}.grid{grid-template-columns:repeat(2,1fr)}.hero-meta{flex-wrap:wrap}.hero-product{min-height:380px}.hero-product img{height:230px}nav{display:none}.steps>div{padding:0 10px;gap:10px}.steps small{font-size:10px}}@media(max-width:600px){header{height:80px;padding:0 5%}.brand{font-size:15px}.brandmark{font-size:28px}.brand small{font-size:7px}.cartbutton{font-size:10px;padding:9px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.hero-copy h1{font-size:49px}.intro{font-size:14px}.hero-meta{margin-top:25px;font-size:9px}.hero-product{min-height:335px}.hero-product img{height:230px}.product-caption{bottom:25px}.steps{grid-template-columns:1fr;padding:10px 0}.steps>div{border-left:0;padding:14px 8px}.steps b{font-size:18px}.steps small{display:inline;margin-right:12px}.catalog{padding-top:45px}.section-head>p{display:none}h2{font-size:28px}.tools{flex-direction:column}.tools select{font-size:12px}.grid{gap:12px}.card-visual{height:160px}.card-content{padding:13px}.card h3{font-size:15px}.card p{font-size:10px;min-height:54px}.card-footer{flex-direction:column;align-items:stretch}.price{font-size:15px}.add{width:100%}.result-line{font-size:9px;gap:10px}.categories{gap:5px}.categories button{font-size:10px;padding:7px 12px}.closing h2{font-size:35px}footer{flex-wrap:wrap}dialog{padding:38px 20px 25px}.detail-grid{grid-template-columns:1fr}.gallery-main{aspect-ratio:1.3}.project-fields{grid-template-columns:1fr 1fr}.project-fields label:first-child{grid-column:span 2}.quote-line{grid-template-columns:1fr 64px 60px 25px;gap:7px}.quote-line input{width:60px}.quote-line strong{font-size:12px}.quote-line small{font-size:9px}.quote-line>span{font-size:10px}.quote-actions{gap:5px}}@media print{body{background:white!important;color:black!important}body>*:not(#quote){display:none!important}#quote{display:block!important;position:static;width:100%;max-height:none;border:0;color:black;background:white;overflow:visible;padding:10px}#quote::backdrop{display:none}.close,.quote-actions,.quote-line button{display:none!important}input{border:0;color:black;background:white}.quote-line{border-color:#ccc}.quote-line small,.fine,.total-box p{color:#555}.total-box{background:#f3f3ee;border-color:#aaa;break-inside:avoid}.total-box strong{color:black}.quote-head .eyebrow{color:black}.quote-line{break-inside:avoid}}
.hero-product{background:#e8e9df}.hero-product img{mix-blend-mode:multiply;margin-top:-40px}.hero-product .orb{border-color:#aab19566}.hero-product .cross,.hero-product .reference,.hero-product .product-caption span,.hero-product .product-caption small{color:#6a725b}.hero-product .product-caption strong{color:#20271a}.hero-product .product-caption{bottom:27px}.hero-product .reference{font-size:10px}