@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{--bg:#f5f3ef;--bg-soft:#ece9e3;--card:#fff;--card-alt:#f6f5f2;--heading:#1d2125;--text:#4f5459;--muted:#6e7479;--line:#1d212514;--shadow:0 18px 40px #0f0f0f14;--accent:#a5150c;--accent-dark:#b63c33;--accent-soft:#bf6a2a1f;--success:#1d4f3a;--container:1200px;--radius:22px;--radius-sm:14px;--transition:.25s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);text-align:right;direction:rtl;margin:0;font-family:Cairo,sans-serif;line-height:1.8}img{max-width:100%;display:block}button,a{font:inherit}#root{min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--heading);line-height:1.4}h1{font-size:clamp(2.2rem,4vw,4.2rem);font-weight:800}h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700}h3{font-size:1.5rem;font-weight:700}p{color:var(--text)}.container{width:min(var(--container), calc(100% - 2rem));margin:0 auto}.site-shell{min-height:100vh}.site-footer{color:#fffc;background:#161a1e;margin-top:4rem;padding-top:3rem}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding-bottom:2rem;display:grid}.site-footer h3,.site-footer h4,.site-footer p,.site-footer li,.site-footer a{color:#ffffffe6}.footer-list{flex-direction:column;gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.footer-bottom{text-align:center;color:#ffffffa6;border-top:1px solid #ffffff14;padding:1.1rem 0}.topbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f5f3efcc;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:76px;display:flex}.brand{color:var(--heading);align-items:center;gap:.7rem;font-size:1.1rem;font-weight:800;display:inline-flex}.brand-mark-logo{object-fit:contain;border-radius:12px;width:2.2rem;height:2.2rem;display:block;box-shadow:0 10px 24px #bf6a2a2e}.nav-menu{align-items:center;gap:.6rem;display:flex}.nav-link{color:var(--heading);transition:var(--transition);border-radius:999px;padding:.7rem 1rem;font-weight:600}.nav-link:hover,.nav-link.active{background:var(--accent-soft);color:var(--accent-dark)}.nav-toggle{border:1px solid var(--line);background:var(--card);width:46px;height:46px;color:var(--heading);border-radius:12px;font-size:1.5rem;display:none}.hero-section{background-image:linear-gradient(#0f141575,#0f14158f),url(/hero.JPG);background-position:50%;background-size:cover;align-items:center;min-height:640px;display:flex;position:relative}.hero-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding:4rem 0;display:grid}.hero-content{color:#fff;z-index:1;max-width:680px;position:relative}.hero-content h1,.hero-content p,.hero-content .eyebrow,.hero-content .btn{color:#fff}.eyebrow{background:#ffffff26;border:1px solid #fff3;border-radius:999px;margin-bottom:1rem;padding:.45rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow:not(.light){background:var(--accent-soft);color:var(--accent-dark);border-color:#bf6a2a2e}.hero-content p{color:#ffffffe0;max-width:560px;margin-top:1rem;font-size:1.05rem}.hero-actions,.detail-actions,.cta-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.7rem;display:flex}.btn{min-height:48px;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.3rem;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 24px #bf6a2a33}.btn-secondary{color:var(--heading);border-color:var(--line);background:#f8f5f0}.btn-light{color:#fff;background:#ffffff24;border-color:#ffffff59}.btn-ghost{color:var(--heading);background:0 0;border-color:#1d21252e}.hero-badge-box{justify-content:center;display:flex}.badge-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;flex-direction:column;gap:.5rem;width:min(100%,360px);padding:1.5rem;display:flex}.badge-card strong{font-size:1.9rem}.badge-card span{color:#fffc}.section{padding:5rem 0}.section-sm{padding-top:2.5rem}.alt-bg{background:#ece9e3bf}.section-heading{text-align:center;max-width:760px;margin:0 auto 2.2rem}.section-heading.left{text-align:right;margin-inline:0}.section-heading p{margin-top:.9rem}.cards-grid{gap:1.5rem;display:grid}.materials-grid,.products-grid,.locations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-image-wrap{aspect-ratio:1.3;overflow:hidden}.card-image,.detail-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.material-card:hover .card-image,.product-card:hover .card-image,.detail-image-wrap:hover .detail-image{transform:scale(1.04)}.card-body{padding:1.4rem}.card-body h3{margin-bottom:.7rem}.card-body p{margin-bottom:1rem}.detail-list,.feature-list,.footer-list{margin:0;padding:0;list-style:none}.detail-list{gap:.45rem;margin-bottom:1.2rem;font-size:.95rem;display:grid}.detail-list li{color:var(--muted)}.meta-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem;display:flex}.meta-pill{background:var(--bg-soft);color:var(--heading);border-radius:999px;padding:.45rem .72rem;font-size:.75rem;font-weight:600;display:inline-flex}.product-tag{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;margin-bottom:.8rem;padding:.35rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.page-shell{padding:3rem 0 1rem}.narrow-layout{max-width:980px}.detail-hero,.product-detail{grid-template-columns:1fr 1fr;gap:2rem;padding:1.1rem;display:grid}.detail-image-wrap{border-radius:18px;min-height:100%;overflow:hidden}.detail-body{flex-direction:column;justify-content:center;padding:1rem .5rem;display:flex}.detail-body p{color:var(--text);margin-top:1rem}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.spec-item,.info-panel>div{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;display:flex}.spec-item span,.info-panel span{color:var(--muted);font-size:.9rem}.feature-list{color:var(--heading);gap:.9rem;display:grid}.feature-list li{border:1px solid var(--line);background:#ffffffb3;border-radius:12px;padding:.8rem 2.25rem .8rem 1rem;position:relative}.feature-list li:before{content:"✓";color:var(--accent-dark);font-weight:700;position:absolute;top:.55rem;right:.9rem}.info-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.offer-box{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#bf6a2a14,#1d4f3a0d);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.contact-grid,.about-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.contact-card{padding:1.6rem}.contact-list li{color:var(--text);padding:.4rem 0}.location-card{flex-direction:column;gap:.8rem;padding:1.6rem;display:flex}.location-icon{background:var(--accent-soft);border-radius:12px;place-items:center;width:3rem;height:3rem;font-size:1.5rem;display:grid}.text-link{color:var(--accent-dark);font-weight:700}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.stats-grid.stacked{grid-template-columns:1fr}.stat-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;flex-direction:column;gap:.6rem;padding:1.3rem;display:flex}.stat-card strong{color:var(--heading);font-size:1.5rem;line-height:1.2}.inline-cta{margin-top:2rem}.not-found{text-align:center;padding:4rem 0 1rem}@media (width<=900px){.materials-grid,.products-grid,.locations-grid,.stats-grid,.contact-grid,.about-layout,.detail-hero,.product-detail,.footer-grid,.hero-inner,.info-panel,.spec-grid{grid-template-columns:1fr}.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.nav-menu{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:18px;flex-direction:column;padding:.6rem;display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem}.nav-menu.open{display:flex}.nav-link{text-align:center;width:100%}.offer-box{flex-direction:column;align-items:flex-start}}@media (width<=600px){.hero-section{min-height:540px}.hero-inner{padding-top:3rem;padding-bottom:3rem}.btn{width:100%}.cta-actions,.detail-actions,.hero-actions{flex-direction:column}}