@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v27.2.2/dist/font-face.css');
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#7d2421;--ink2:#5f1b19;--sand:#c5a27b;--bg:#faf7f5;--white:#fff;--muted:#7f6c68;--line:#eadfd9;--radius:19px;--shadow:0 16px 45px rgba(125,36,33,.065)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazir,Vazirmatn,Tahoma,sans-serif;direction:rtl;color:var(--ink);background:var(--bg);line-height:1.9}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,4.4vw,4.3rem);line-height:1.45;letter-spacing:-1px}h2{font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.5}h3{font-size:1.16rem}p{color:#62736f}.container{width:min(1200px,calc(100% - 44px));margin:auto}.topline{background:#641f1d;color:#f2e2de;font-size:12px;padding:7px 0}.topline .container{display:flex;justify-content:space-between}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 2px 14px rgba(86,22,19,.06)}.head-inner{height:83px;display:flex;align-items:center;gap:30px}.brand{width:205px;flex-shrink:0}.brand img{width:100%}.nav{display:flex;gap:24px;align-items:center;margin-right:auto}.nav a{font-weight:600;font-size:13px;color:#6d4c48;transition:.2s}.nav a:hover,.nav a.active{color:#9d2c27}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:12px 24px;border-radius:10px;font-size:13px;font-weight:700;transition:.25s}.btn:hover{background:#90302b;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--ink);border-color:#dccbc4}.btn-outline:hover{background:#f4ebe7}.hero .btn-outline{color:#e5d6b4;border-color:rgba(229,214,180,.78);background:rgba(255,255,255,.03)}.hero .btn-outline:hover{background:rgba(229,214,180,.12);color:#fff;border-color:#e5d6b4}.btn-gold{background:var(--sand);color:#401715;border-color:var(--sand)}.btn-small{padding:9px 16px;font-size:12px}.hamburger{display:none;background:none;border:0;font-size:27px;color:var(--ink)}.hero{position:relative;background:#5a1917;color:white;overflow:hidden}.hero .container{min-height:580px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,#8d4740 0,transparent 49%),repeating-linear-gradient(120deg,transparent 0 110px,rgba(255,255,255,.025) 111px 112px)}.hero-content,.hero-image{position:relative}.eyebrow{display:inline-block;color:var(--sand);letter-spacing:.5px;font-size:12px;font-weight:800;margin-bottom:14px}.hero h1{margin-bottom:16px}.hero p{color:#f3e8e3;font-size:15px;max-width:500px}.hero-image{height:520px;display:flex;align-items:end;justify-content:center}.hero-image img{width:92%;height:475px;object-fit:cover;object-position:center;border:8px solid rgba(255,255,255,.10);border-radius:210px 210px 15px 15px;box-shadow:0 0 80px rgba(0,0,0,.16)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-pager{display:flex;gap:8px;margin-top:55px}.dot{height:5px;width:19px;background:#cbb09b;border:0;border-radius:7px}.dot.selected{width:45px;background:var(--sand)}.hero-vertical{position:absolute;bottom:30px;left:2%;font-size:11px;letter-spacing:4px;color:#d9c0aa;writing-mode:vertical-rl}.section{padding:95px 0}.section-sm{padding:65px 0}.section-white{background:#fff}.section-cream{background:#f0f3ef}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:33px}.heading h2{margin:0}.heading p{max-width:560px;font-size:14px;margin:7px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(22,61,57,.12)}.card-img{height:230px;width:100%;object-fit:cover;background:#6c2623}.card-pad{padding:22px}.card-pad p{font-size:13px;min-height:49px}.tiny-link{display:inline-flex;color:var(--ink);font-weight:800;font-size:12px;gap:6px}.tiny-link:after{content:'←'}.service-card{padding:29px 25px}.service-icon{background:#f7efec;display:grid;place-items:center;width:59px;height:59px;border-radius:16px;color:var(--ink);font-size:26px;margin-bottom:26px}.service-card p{font-size:13px;min-height:88px}.service-card h3{font-size:16px}.feature-strip{background:#f5ece8;padding:25px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-item{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px}.feature-item span:first-child{font-size:25px;color:#b88f69}.project-card{position:relative;min-height:300px;border-radius:var(--radius);overflow:hidden;display:flex;align-items:end;background:#63211e}.project-card img{position:absolute;width:100%;height:100%;object-fit:cover}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(51,14,13,.92))}.project-info{position:relative;z-index:1;color:#fff;padding:26px;width:100%}.project-info p{color:#f0e2de}.project-info h3{margin-bottom:0}.tag{font-size:11px;border:1px solid #d8c69d80;border-radius:24px;padding:4px 11px;display:inline-block;color:#c39d76;margin-bottom:15px}.catalog-banner{background:#6a2320;border-radius:25px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px;overflow:hidden;color:white;padding:52px 70px}.catalog-banner p{color:#f0e2dc}.catalog-cover{width:min(310px,90%);aspect-ratio:3/4;margin:auto;background:linear-gradient(155deg,#d8b79c 0 14%,#7f2523 14% 100%);box-shadow:19px 22px 2px #561916,23px 30px 35px rgba(49,14,12,.42);display:flex;flex-direction:column;padding:35px;justify-content:space-between;transform:rotate(-6deg);border-radius:3px}.catalog-cover strong{font-size:26px;color:#fff}.catalog-cover small{color:#bca572;letter-spacing:3px}.stats{background:#fff}
.catalog-banner-image{display:block;border-radius:28px;overflow:hidden;box-shadow:0 18px 40px rgba(88,29,26,.12);background:#7f2523}
.catalog-banner-image img{display:block;width:100%;height:auto;border-radius:inherit}
.catalog-banner-image:hover{transform:none;box-shadow:0 18px 40px rgba(88,29,26,.12)}
@media(max-width:760px){.catalog-banner-image{border-radius:22px}}
.live-stats-section{background:#fff}.live-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:10px}.live-stat-card{text-align:center;padding:18px 10px}.live-stat-icon{width:84px;height:84px;margin:0 auto 18px;border-radius:22px;background:var(--ink);color:var(--sand);display:grid;place-items:center;font-size:34px;box-shadow:0 12px 24px rgba(22,61,57,.16)}.live-stat-value{display:flex;justify-content:center;align-items:flex-start;gap:3px;direction:ltr;font-size:62px;font-weight:800;line-height:1.1;color:#1b2128;letter-spacing:-1px}.live-stat-value .plus{font-size:58px}.live-stat-label{font-size:16px;color:#694542;font-weight:500;margin-top:10px}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.about-grid img{width:100%;height:460px;object-fit:cover;border-radius:20px}.about-copy p{line-height:2.2;font-size:14px}.quote{padding:28px;background:#fff;border-radius:15px;border:1px solid var(--line)}.quote p{min-height:75px}.quote small{color:#9f8454}.quote .mark{font-size:45px;line-height:1;color:var(--sand)}.logos-placeholder{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.logo-placeholder{border:1px dashed #d8c8c1;border-radius:12px;padding:26px 9px;text-align:center;color:#ab928d;font-size:12px;background:#fff}.footer{background:#561b19;color:#f9efec;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.35fr;gap:45px}.footer p,.footer a{color:#eddeda;font-size:12px}.footer h3{font-size:15px;margin-bottom:20px}.footer-links{display:grid;gap:10px}.footer .logo-footer{width:195px;display:block;margin-bottom:14px;filter:none}.copyright{border-top:1px solid #7b4a46;margin-top:45px;padding-top:18px;text-align:center;font-size:11px;color:#dcc8c2}.page-top{background:#6a2320;color:white;padding:65px 0}.page-top p{color:#f1dfd8}.page-top h1{font-size:clamp(1.8rem,3.6vw,3rem);margin-bottom:8px}.crumb{font-size:12px;color:#d9bfaa}.content-prose{font-size:15px;line-height:2.25;max-width:810px}.content-prose h2{font-size:23px;margin-top:34px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.detail-photo{width:100%;border-radius:18px;background:#234640}.spec{width:100%;border-collapse:collapse;margin:25px 0}.spec td{padding:13px;border-bottom:1px solid var(--line);font-size:13px}.spec td:first-child{font-weight:700;width:38%}.form{display:grid;gap:16px}.form label{font-size:13px;font-weight:600}.form input,.form textarea,.form select{width:100%;background:#fff;border:1px solid #e3d7d0;border-radius:9px;padding:12px;outline:0;margin-top:5px;color:var(--ink)}.form input:focus,.form textarea:focus{border-color:#b97d76;box-shadow:0 0 0 3px rgba(185,125,118,.22)}.form-note{font-size:12px;color:#7d8a84}.notice{background:#f7f0ed;padding:16px;border-radius:10px;color:#856763;font-size:13px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid #cbd8ce;background:white;color:#6f4b47;border-radius:28px;padding:7px 18px}.filter.active{background:var(--ink);color:#fff}.faq{margin-top:25px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:700}.backtop{position:fixed;left:20px;bottom:20px;z-index:20;width:44px;height:44px;border:none;border-radius:50%;background:var(--sand);color:#451816;font-size:24px;box-shadow:var(--shadow)}.empty-state{background:white;padding:30px;border-radius:15px;border:1px dashed #d7c6bf}.pill{background:#f7efeb;padding:4px 12px;border-radius:20px;font-size:11px;color:#8b6c66}.blog-hero{height:310px;width:100%;object-fit:cover;border-radius:16px;margin-bottom:30px}@media(max-width:1000px){.nav{gap:12px}.nav a{font-size:11px}.brand{width:170px}.grid.four{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero .container{min-height:510px}}@media(max-width:760px){.topline{display:none}.head-inner{height:68px;justify-content:space-between}.brand{width:165px}.hamburger{display:block}.nav{display:none;position:absolute;top:68px;right:0;left:0;background:white;padding:24px;box-shadow:0 20px 30px #123a361e;flex-direction:column;align-items:stretch;gap:17px}.nav.open{display:flex}.head-cta{display:none}.container{width:min(100% - 30px,1200px)}.hero .container{grid-template-columns:1fr;padding-top:52px;padding-bottom:28px;gap:4px}.hero-image{height:290px}.hero-image img{height:270px;width:65%}.hero-pager{margin-top:20px}.hero-vertical{display:none}.section{padding:60px 0}.section-sm{padding:40px 0}.grid,.grid.four{grid-template-columns:repeat(2,1fr);gap:13px}.feature-grid{grid-template-columns:repeat(2,1fr)}.card-img{height:160px}.card-pad{padding:15px}.card-pad p{font-size:12px}.heading{align-items:start;flex-direction:column}.catalog-banner,.about-grid,.detail-grid{grid-template-columns:1fr;gap:25px}.catalog-banner{padding:35px 24px}.catalog-cover{width:200px}.about-grid img{height:260px}.stats-grid{gap:8px}.stat{padding:9px}.stat strong{font-size:21px}.footer-grid{gap:25px}.logos-placeholder{grid-template-columns:repeat(3,1fr)}}@media(max-width:450px){.grid,.grid.four{grid-template-columns:1fr}.hero-image img{width:85%}.hero h1{font-size:2.25rem}.feature-item{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.project-card{min-height:270px}.service-card p{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.card>a>img,.card>img{width:100%;height:230px;object-fit:cover;background:#702623}.card .card-img{width:100%}@media(max-width:760px){.card>a>img,.card>img{height:160px}}

@media(max-width:760px){.live-stats-grid{grid-template-columns:repeat(2,1fr);gap:18px}.live-stat-icon{width:70px;height:70px;font-size:30px}.live-stat-value{font-size:44px}.live-stat-value .plus{font-size:40px}.live-stat-label{font-size:14px}}@media(max-width:450px){.live-stats-grid{grid-template-columns:1fr}.live-stat-card{padding:14px 8px}}


.head-inner{justify-content:flex-start}
.brand{width:215px;order:1;flex-shrink:0}
.nav{order:2;gap:28px;margin-right:28px;margin-left:auto}
.head-cta{order:3}
.brand img{width:100%;height:auto;display:block}
.footer .logo-footer{width:210px;display:block;margin-bottom:14px;background:#fff;border-radius:10px;padding:8px 10px;filter:none}
.nav a:hover,.nav a.active{color:#9d2c27}
.btn-gold{background:var(--sand);color:#4d1a18;border-color:var(--sand)}
.btn-gold:hover{background:#d1b08c;border-color:#d1b08c;color:#3d1312}
.hero .btn-outline{color:#ecdccf;border-color:rgba(236,220,207,.72);background:rgba(255,255,255,.03)}
.hero .btn-outline:hover{background:rgba(236,220,207,.12);color:#fff;border-color:#ecdccf}
.hero:before{background:radial-gradient(circle at 70% 40%,rgba(216,183,156,.14) 0,transparent 34%),radial-gradient(circle at 25% 60%,rgba(255,255,255,.05) 0,transparent 24%),repeating-linear-gradient(120deg,transparent 0 110px,rgba(255,255,255,.03) 111px 112px)}
.live-stat-icon{box-shadow:0 12px 24px rgba(125,36,33,.14)}
@media(max-width:1000px){.nav{gap:14px;margin-right:18px}.brand{width:190px}}
@media(max-width:760px){.brand{order:1;width:180px}.nav{order:4;margin:0;top:68px;right:0;left:0}.head-cta{order:2}.hamburger{order:3;margin-right:auto}}

/* اسلایدر اختصاصی برخی از مشتریان قائم وزین */
.clients-carousel{display:flex;align-items:center;gap:15px;direction:rtl;margin-top:20px}
.clients-viewport{overflow:hidden;flex:1;min-width:0;outline-offset:5px}
.clients-track{display:flex;gap:18px;transition:transform .65s cubic-bezier(.2,.8,.2,1);will-change:transform}
.clients-slide{flex:0 0 calc((100% - 54px)/4);min-width:0;padding:6px 0}
.clients-logo{height:160px;border:1px solid #ebdfda;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;box-shadow:0 10px 28px rgba(96,26,24,.045);color:#846964;font-size:12px;font-weight:600}
.clients-emblem{display:grid;place-items:center;width:79px;height:79px;border:2px solid #e4c4b9;border-radius:50%;color:#822823;background:#faf5f3;font-size:35px;font-weight:500}
.clients-arrow{flex:0 0 43px;width:43px;height:43px;border:1px solid #d9b4a5;border-radius:50%;background:#fff;color:#7d2421;font-size:31px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s}
.clients-arrow:hover:not(:disabled){background:#7d2421;color:#fff;transform:scale(1.05)}
.clients-arrow:disabled{opacity:.3;cursor:default}
@media(max-width:900px){.clients-slide{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:560px){.clients-carousel{gap:6px}.clients-slide{flex-basis:100%}.clients-logo{height:145px}.clients-arrow{flex-basis:34px;width:34px;height:34px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.clients-track{transition:none}}

/* Compact four-item homepage product grid */
.grid.product-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-grid-four .card-img,.product-grid-four .card>a>img{height:185px}
.product-grid-four .card-pad{padding:17px}
.product-grid-four .card-pad h3{font-size:15px;margin-top:0!important}
.product-grid-four .card-pad p{font-size:12px;min-height:48px}
@media(max-width:760px){.grid.product-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid-four .card>a>img{height:150px}}
@media(max-width:450px){.grid.product-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-grid-four .card-pad{padding:12px}.product-grid-four .card-pad h3{font-size:13px}.product-grid-four .card-pad p{font-size:11px}}

/* Realistic elevator photography display */
.card>a>img,.card>img{object-fit:cover;object-position:center;background:#eee9e5}.project-card>img{object-fit:cover;object-position:center}.about-grid>img{object-fit:cover;object-position:center}.hero-image img{object-fit:cover;object-position:center}

/* دسته‌بندی تصویری صفحهٔ اصلی: مستقل از کارت‌های مقاله و محصول */
.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.category-tile{position:relative;display:block;height:270px;border-radius:18px;overflow:hidden;background:#451b19;isolation:isolate;box-shadow:0 14px 35px rgba(84,28,24,.12);transition:transform .25s ease,box-shadow .25s ease}
.category-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.category-tile-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(41,12,11,.86) 0%,rgba(41,12,11,.27) 32%,transparent 70%)}
.category-tile-content{position:absolute;bottom:0;right:0;left:0;padding:22px 17px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#fff}
.category-tile-title{font-size:17px;font-weight:800;text-shadow:0 1px 9px rgba(0,0,0,.3)}
.category-tile-arrow{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.55);font-size:20px;flex:none;transition:background .25s}
.category-tile:hover,.category-tile:focus-visible{transform:translateY(-4px);box-shadow:0 19px 36px rgba(84,28,24,.2)}
.category-tile:hover>img{transform:scale(1.07)}
.category-tile:hover .category-tile-arrow{background:#ac352d}
.category-tile:focus-visible{outline:3px solid #c5a27b;outline-offset:3px}
@media(max-width:760px){.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tile{height:215px}.category-tile-content{padding:15px 12px}.category-tile-title{font-size:14px}.category-tile-arrow{width:29px;height:29px;font-size:16px}}
@media(max-width:390px){.category-tile{height:180px}.category-tile-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.category-tile,.category-tile>img,.category-tile-arrow{transition:none}}

/* اسلایدر دسته‌بندی: شش تصویر در یک ردیف، کنترل فقط با بابل‌های پایین */
.category-carousel{width:100%;margin-top:10px}
.category-viewport{overflow:hidden;min-width:0;outline-offset:4px}
.category-track{display:flex;direction:rtl;gap:12px;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}
.category-track .category-tile{flex:0 0 calc((100% - 60px)/6);min-width:0;height:215px}
.category-track .category-tile-content{padding:14px 12px}
.category-track .category-tile-title{font-size:14px;line-height:1.6}
.category-pagination{display:flex;gap:9px;align-items:center;justify-content:center;direction:ltr;padding-top:24px}
.category-bullet{appearance:none;background:#dbc7be;border:0;border-radius:99px;width:9px;height:9px;padding:0;cursor:pointer;transition:background .25s,width .25s;touch-action:manipulation}
.category-bullet.active{width:30px;background:#832923}
.category-bullet:focus-visible{outline:3px solid #c5a27b;outline-offset:4px}
@media(max-width:900px){.category-track .category-tile{flex-basis:calc((100% - 24px)/3);height:210px}}
@media(max-width:560px){.category-track .category-tile{flex-basis:calc((100% - 12px)/2);height:185px}.category-track .category-tile-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.category-track,.category-bullet{transition:none}}

/* Clients carousel: pagination bullets instead of arrows */
.clients-carousel{display:flex;flex-direction:column;align-items:stretch;gap:0}
.clients-viewport{width:100%;flex:auto}
.clients-arrow{display:none!important}
.clients-pagination{display:flex;align-items:center;justify-content:center;gap:9px;direction:ltr;padding-top:24px}
.clients-bullet{appearance:none;background:#dbc7be;border:0;border-radius:99px;width:9px;height:9px;padding:0;cursor:pointer;transition:background .25s,width .25s;touch-action:manipulation}
.clients-bullet.active{width:30px;background:#832923}
.clients-bullet:focus-visible{outline:3px solid #c5a27b;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.clients-bullet{transition:none}}


.icon-react{display:inline-grid;place-items:center;line-height:0;vertical-align:middle}
.icon-react svg{width:1em;height:1em;display:block}
.hamburger{display:none;background:none;border:0;color:var(--ink);padding:0;line-height:0}
.hamburger .icon-react{font-size:29px}
.backtop{display:grid;place-items:center}
.backtop .icon-react{font-size:24px}
.service-icon,.live-stat-icon,.clients-emblem{font-size:0}
.service-icon .icon-react{font-size:28px;color:var(--ink)}
.feature-item .icon-react{font-size:24px;color:#b88f69;flex:none}
.feature-item{justify-content:center}
.feature-item span:last-child{display:inline-block}
.live-stat-icon .icon-react{font-size:34px;color:var(--sand)}
.clients-emblem .icon-react{font-size:32px;color:#822823}
.hero.hero-banner-only{background:#4e1917;padding:0}
.hero.hero-banner-only:before{display:none}
.hero.hero-banner-only .hero-wide-image{display:block;width:100%;height:min(70vh,620px);object-fit:cover;object-position:center center}
@media(max-width:760px){.hero.hero-banner-only .hero-wide-image{height:42vh;min-height:260px}.feature-item{justify-content:flex-start}.hamburger .icon-react{font-size:26px}}


/* Hero image slider with text overlay and bullets */
.hero.hero-slider{position:relative;background:#4e1917;padding:0;overflow:hidden}
.hero.hero-slider:before{display:none}
.hero-slider .hero-slides{position:relative;height:min(72vh,640px);min-height:420px}
.hero-slider .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease}
.hero-slider .hero-slide.active{opacity:1;visibility:visible;z-index:1}
.hero-slider .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(56,17,15,.18) 0%,rgba(56,17,15,.40) 24%,rgba(56,17,15,.68) 52%,rgba(56,17,15,.82) 100%)}
.hero-slide-content{position:absolute;right:min(7vw,90px);top:50%;transform:translateY(-50%);max-width:min(44vw,620px);color:#fff;z-index:2;text-align:right}
.hero-slide-content h1{margin:12px 0 16px;font-size:clamp(2.3rem,4.7vw,4.8rem);line-height:1.35;color:#fff}
.hero-slide-content p{font-size:15px;line-height:2;color:#f8eeea;max-width:560px}
.hero-kicker{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);color:#f1d7ca;font-size:12px;font-weight:700;letter-spacing:.2px}
.hero-slide-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-slider-pagination{position:absolute;right:min(7vw,90px);bottom:34px;display:flex;gap:10px;align-items:center;z-index:3;direction:ltr}
.hero-bullet{appearance:none;background:rgba(255,255,255,.38);border:0;border-radius:99px;width:11px;height:11px;padding:0;cursor:pointer;transition:width .25s ease,background .25s ease;touch-action:manipulation}
.hero-bullet.active{width:36px;background:#d6af83}
.hero-bullet:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:900px){.hero-slider .hero-slides{height:58vh;min-height:360px}.hero-slide-content{max-width:min(62vw,520px);right:24px}.hero-slide-content h1{font-size:clamp(2rem,7vw,3.6rem)}}
@media(max-width:760px){.hero-slider .hero-slides{height:54vh;min-height:340px}.hero-slide-overlay{background:linear-gradient(0deg,rgba(56,17,15,.86) 0%,rgba(56,17,15,.64) 44%,rgba(56,17,15,.3) 100%)}.hero-slide-content{right:18px;left:18px;top:auto;bottom:56px;transform:none;max-width:none}.hero-slide-content h1{font-size:clamp(1.8rem,8vw,3rem);line-height:1.4}.hero-slide-content p{font-size:13px;line-height:1.95}.hero-kicker{font-size:11px}.hero-slide-actions{margin-top:18px}.hero-slider-pagination{right:18px;bottom:18px}}
@media(max-width:450px){.hero-slide-actions .btn{padding:10px 14px;font-size:12px}.hero-bullet{width:9px;height:9px}.hero-bullet.active{width:28px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide,.hero-bullet{transition:none}}


/* clean image-only hero slider */
.hero.hero-slider-clean{background:#611d19;padding:0;overflow:hidden}
.hero.hero-slider-clean:before{display:none}
.hero-slider-clean .hero-slides{position:relative;height:min(72vh,640px);min-height:360px}
.hero-slider-clean .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease}
.hero-slider-clean .hero-slide.active{opacity:1;visibility:visible;z-index:1}
.hero-slider-clean .hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.hero-slider-clean .hero-slide-overlay,.hero-slider-clean .hero-slide-content,.hero-slider-clean .hero-slider-pagination{display:none!important}
@media(max-width:900px){.hero-slider-clean .hero-slides{height:56vh;min-height:320px}}
@media(max-width:760px){.hero-slider-clean .hero-slides{height:46vh;min-height:260px}}
@media(prefers-reduced-motion:reduce){.hero-slider-clean .hero-slide{transition:none}}

/* Six fully-designed raster hero banners: no duplicated overlaid text */
.hero-image-banners .hero-slides{height:auto;min-height:0;aspect-ratio:1672 / 941}
.hero-image-banners .hero-slide img{object-fit:contain;object-position:center;width:100%;height:100%}
.hero-image-banners .hero-slider-pagination{display:flex!important;position:absolute;z-index:5;right:50%;transform:translateX(50%);bottom:3%;gap:12px;justify-content:center;align-items:center;direction:ltr}
.hero-image-banners .hero-bullet{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.50);border:1px solid rgba(80,25,22,.25);transition:background .2s, width .2s;cursor:pointer}
.hero-image-banners .hero-bullet.active{width:30px;background:#d5b18b;border-color:#d5b18b}
@media(max-width:760px){.hero-image-banners .hero-slides{height:auto;min-height:0;aspect-ratio:1672 / 941}.hero-image-banners .hero-slider-pagination{bottom:2%;gap:8px}.hero-image-banners .hero-bullet{width:7px;height:7px}.hero-image-banners .hero-bullet.active{width:21px}}

/* Header: hide Contact link on desktop, retain inside mobile side drawer */
.nav-contact-mobile{display:none!important}
.mobile-nav-backdrop{display:none}
@media(max-width:760px){
  .site-header{z-index:100}
  .hamburger{display:block;position:relative;z-index:121}
  .nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(83vw,340px);height:100dvh;max-height:100dvh;background:#fff!important;box-shadow:-16px 0 50px rgba(45,15,13,.18);padding:94px 26px 34px!important;overflow-y:auto;flex-direction:column;align-items:stretch;gap:0!important;margin:0!important;z-index:115;transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .33s ease,opacity .33s ease,visibility .33s ease}
  .nav.open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
  .nav a{font-size:15px!important;padding:12px 8px;border-bottom:1px solid #f2e8e5}
  .nav-contact-mobile{display:block!important}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(30,13,12,.48);z-index:105;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
  .mobile-nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
  body.mobile-nav-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.nav,.mobile-nav-backdrop{transition:none!important}}

/* Compact viewport hero: preserve all embedded banner text without clipping */
.hero-image-banners .hero-slides{height:clamp(310px,calc(100svh - 130px),690px)!important;min-height:0!important;aspect-ratio:auto!important;background:#441514}
.hero-image-banners .hero-slide{overflow:hidden}
.hero-image-banners .hero-slide img{object-fit:contain!important;object-position:center center!important;width:100%;height:100%;}
@media(max-width:760px){.hero-image-banners .hero-slides{height:min(52vw,calc(100svh - 78px))!important;min-height:175px!important}}
/* Right-side mobile drawer header and linked outline icons */
.drawer-heading{display:none}
.nav-item-icon{display:none}
@media(max-width:760px){
 .nav{padding:0 22px 28px!important;gap:0!important;}
 .drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:90px;padding:16px 0 20px;margin-bottom:8px;border-bottom:1px solid #eee3df}
 .drawer-heading img{width:158px;max-width:calc(100% - 54px);height:auto;object-fit:contain}
 .drawer-close{width:38px;height:38px;display:grid;place-items:center;background:#f8efed;color:#7d2421;border:0;border-radius:12px;flex-shrink:0}
 .drawer-close .icon-react{font-size:22px}
 .nav a{display:flex!important;align-items:center;gap:13px;font-size:14px!important;padding:14px 10px;border-bottom:1px solid #f2e8e5}
 .nav-item-icon{display:inline-grid;place-items:center;flex:0 0 22px;color:#aa6c60}
 .nav-item-icon svg{width:21px;height:21px}
 .nav a.active .nav-item-icon{color:#7d2421}
 .nav.open~.hamburger{visibility:hidden}
 body.mobile-nav-open .hamburger{visibility:hidden}
}

/* Hero banners: true wide-format images, full viewport width, compact height */
.hero-image-banners{width:100%;overflow:hidden}
.hero-image-banners .hero-slides{width:100%;height:min(44.26vw,calc(100svh - 90px))!important;min-height:0!important;aspect-ratio:auto!important}
.hero-image-banners .hero-slide img{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center center!important}
@media(max-width:760px){.hero-image-banners .hero-slides{height:44.26vw!important;min-height:0!important}}

/* Requested consultation hover and hero swipe */
.head-cta{display:inline-flex;align-items:center;gap:8px;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.head-cta:hover{transform:scale(.95)!important}
.head-support-icon{display:inline-grid;place-items:center;line-height:0}
.head-support-icon svg{width:17px;height:17px;display:block}
.hero-slider{touch-action:pan-y;user-select:none;cursor:grab}
.hero-slider:active{cursor:grabbing}
.hero-slider .hero-slide img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.hero-slider .hero-bullet{cursor:pointer}

/* Accessible hero bullet controls: generous tap target, separated from swipe gesture */
.hero-image-banners .hero-slider-pagination{
  z-index:30!important;display:flex!important;gap:1px!important;
  padding:6px 10px!important;align-items:center;justify-content:center;
  pointer-events:auto;touch-action:manipulation;cursor:default!important;
}
.hero-image-banners .hero-slider-pagination .hero-bullet{
  position:relative!important;box-sizing:border-box;display:grid!important;place-items:center;
  flex:0 0 34px!important;width:34px!important;height:38px!important;min-width:34px!important;
  border:0!important;background:transparent!important;border-radius:10px!important;
  padding:0!important;margin:0!important;cursor:pointer!important;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;transition:none!important;
}
.hero-image-banners .hero-slider-pagination .hero-bullet::before{
  content:'';display:block;width:11px;height:11px;background:rgba(255,255,255,.72);
  border-radius:99px;transition:width .2s ease,background-color .2s ease;
  box-shadow:0 1px 5px rgba(0,0,0,.25);pointer-events:none;
}
.hero-image-banners .hero-slider-pagination .hero-bullet.active::before{
  width:25px;background:#e3bc8c;
}
.hero-image-banners .hero-slider-pagination .hero-bullet:hover::before{background:#f3d9b6}
.hero-image-banners .hero-slider-pagination .hero-bullet:focus-visible{outline:2px solid #fff;outline-offset:0}
.hero-slider{cursor:grab}
.hero-image-banners .hero-slider-pagination,.hero-image-banners .hero-slider-pagination *{user-select:none}
@media(max-width:760px){
  .hero-image-banners .hero-slider-pagination{bottom:0!important;padding:3px 6px!important}
  .hero-image-banners .hero-slider-pagination .hero-bullet{width:38px!important;min-width:38px!important;flex-basis:38px!important;height:38px!important}
}

/* Footer contact-information and verification area */
.footer-grid.footer-grid-new{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:32px;align-items:start}.footer-grid-new h3{font-size:17px;margin-bottom:22px}.footer-info-box{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.05);border-radius:9px;padding:13px 15px;margin-bottom:10px;color:#f9efec!important;line-height:1.8;font-size:13px!important}.footer-info-box>.icon-react{font-size:20px;flex-shrink:0;color:#d3b28f}.footer-info-box>span:last-child{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}.footer-info-box b{font-size:11px;color:#ead1c8;font-weight:600}.footer-info-box [dir=ltr]{text-align:right;unicode-bidi:isolate}.footer-license .license-slot{background:#fff;color:#752521;min-height:180px;max-width:190px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;gap:6px;font-size:13px;font-weight:700}.footer-license .license-slot img{max-width:100%;height:auto;display:block;object-fit:contain}.footer-license .license-slot.license-slot-image{padding:14px}.footer-quick-links .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}.footer .copyright{background:rgba(255,255,255,.08);padding:15px 12px;margin-top:38px;border-top:0;border-radius:2px;font-size:12px;color:#f0ddd8}
@media(max-width:760px){.head-cta{display:none!important}.footer-grid.footer-grid-new{grid-template-columns:1fr 1fr;gap:24px}.footer-site-info{grid-column:1/-1}.footer-quick-links .footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.footer-grid.footer-grid-new{grid-template-columns:1fr 1fr}.footer-license .license-slot{min-height:150px}.footer-quick-links .footer-links{grid-template-columns:1fr}.footer-grid-new h3{font-size:15px}}

/* Footer refinement: right aligned quick links, 4 items, compact emblem and social icons */
.footer-grid.footer-grid-new{grid-template-columns:0.9fr 0.8fr 1fr 1.65fr;gap:24px;direction:rtl}
.footer-quick-links{grid-column:1;grid-row:1}
.footer-license{grid-column:2;grid-row:1}
.footer-social{grid-column:3;grid-row:1}
.footer-site-info{grid-column:4;grid-row:1}
.footer-quick-links .footer-links,.footer-grid-new .footer-quick-links .footer-links{grid-template-columns:1fr;gap:11px}
.footer-license .license-slot.license-slot-image{min-height:0;max-width:98px;width:98px;padding:7px;border-radius:9px}
.footer-license .license-slot img{width:100%;max-height:100px;object-fit:contain}
.footer-social-list{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.footer-social .social-icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);color:#f5e4df;background:rgba(255,255,255,.08);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.footer-social .social-icon svg{width:22px;height:22px}
.footer-social .eitaa-icon span{font-size:13px;font-weight:700}
@media(max-width:900px){.footer-grid.footer-grid-new{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-quick-links,.footer-license,.footer-social,.footer-site-info{grid-column:auto;grid-row:auto}.footer-site-info{grid-column:auto}}
@media(max-width:460px){.footer-grid.footer-grid-new{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-quick-links,.footer-license,.footer-social,.footer-site-info{grid-column:auto;grid-row:auto}.footer-social-list{gap:7px}.footer-social .social-icon{width:38px;height:38px}}

/* Footer columns: quick links, site info, licenses, social (RTL) */
@media(min-width:901px){.footer-grid.footer-grid-new{grid-template-columns:.8fr 1.65fr .8fr 1fr}.footer-quick-links{grid-column:1;grid-row:1}.footer-site-info{grid-column:2;grid-row:1}.footer-license{grid-column:3;grid-row:1}.footer-social{grid-column:4;grid-row:1}}

/* Consistent centered Twitter bird glyph */
.footer-social .social-icon[aria-label="توییتر"] svg{width:22px;height:22px;display:block;overflow:visible}


/* Header / off-canvas navigation switches at 1000px. Full viewport backdrop. */
@media (max-width:1000px){
 .site-header{z-index:100;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .head-inner{height:68px;justify-content:space-between;gap:12px}
 .brand{width:148px!important;flex:0 0 148px!important;order:1}
 .brand img{width:100%;height:auto}
 .head-cta{display:none!important}
 .hamburger{display:block!important;position:relative;z-index:121;order:3;margin-right:auto}
 .nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(83vw,340px);height:100dvh;max-height:100dvh;background:#fff!important;box-shadow:-16px 0 50px rgba(45,15,13,.18);padding:0 22px 28px!important;overflow-y:auto;flex-direction:column;align-items:stretch;gap:0!important;margin:0!important;z-index:115;transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .33s ease,opacity .33s ease,visibility .33s ease}
 .nav.open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
 .nav a{display:flex!important;align-items:center;gap:13px;font-size:14px!important;padding:14px 10px;border-bottom:1px solid #f2e8e5}
 .nav-contact-mobile{display:flex!important}
 .drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px;padding:14px 0 18px;margin-bottom:8px;border-bottom:1px solid #eee3df}
 .drawer-heading img{width:138px;max-width:calc(100% - 54px);height:auto;object-fit:contain}
 .drawer-close{width:38px;height:38px;display:grid;place-items:center;background:#f8efed;color:#7d2421;border:0;border-radius:12px;flex-shrink:0}
 .drawer-close .icon-react{font-size:22px}
 .nav-item-icon{display:inline-grid;place-items:center;flex:0 0 22px;color:#aa6c60}
 .nav-item-icon svg{width:21px;height:21px}
 .nav a.active .nav-item-icon{color:#7d2421}
 .mobile-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;background:rgba(30,13,12,.5);z-index:105;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
 .mobile-nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
 body.mobile-nav-open{overflow:hidden}
 body.mobile-nav-open .hamburger{visibility:hidden}
}
@media (min-width:1001px){.mobile-nav-backdrop{display:none!important}.drawer-heading{display:none!important}.nav-item-icon{display:none!important}.nav-contact-mobile{display:none!important}.hamburger{display:none!important}}

/* Feature strip redesign */
.feature-strip{background:linear-gradient(180deg,#f8f2ef 0%,#f4ece7 100%);padding:22px 0 28px;border-top:1px solid #efe3dc;border-bottom:1px solid #efe3dc}
.feature-shell{background:#fbf8f6;border:1px solid #ead8d0;border-radius:22px;padding:18px 20px;box-shadow:0 8px 30px rgba(125,36,33,.05)}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.feature-item{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(197,162,123,.22);box-shadow:0 8px 24px rgba(125,36,33,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.feature-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(125,36,33,.08);border-color:rgba(197,162,123,.42)}
.feature-icon-wrap{width:56px;height:56px;display:grid;place-items:center;flex:none;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f8ece5 0%,#f2dfd6 100%);border:1px solid rgba(197,162,123,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.feature-icon-wrap .icon-react{display:grid;place-items:center;width:24px;height:24px;color:#a36c43;font-size:0;line-height:0}
.feature-icon-wrap .icon-react svg{width:24px;height:24px;display:block}
.feature-text{font-size:17px;font-weight:800;color:#7d2421;line-height:1.4}
@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-item{justify-content:flex-start}}
@media(max-width:640px){.feature-shell{padding:14px}.feature-grid{grid-template-columns:1fr}.feature-item{padding:12px 14px}.feature-icon-wrap{width:50px;height:50px}.feature-text{font-size:15px}}

/* Simplified advantages strip: remove outer shell border and background */
.feature-strip{background:transparent;border:0;padding:20px 0 26px}
.feature-shell{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;padding:0}
/* Testimonials slider */
.testimonial-carousel{width:100%}
.testimonial-viewport{overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab}
.testimonial-viewport:active{cursor:grabbing}
.testimonial-track{display:flex;gap:20px;direction:rtl;transition:transform .45s ease;will-change:transform}
.testimonial-slide{flex:0 0 calc((100% - 20px)/2);min-width:0}
.testimonial-slide .quote{height:100%;min-height:208px;box-shadow:0 8px 20px rgba(125,36,33,.04)}
.testimonial-pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:22px;direction:ltr}
.testimonial-bullet{position:relative;background:transparent;border:0;width:32px;height:36px;padding:0;cursor:pointer;touch-action:manipulation}
.testimonial-bullet:after{content:'';display:block;margin:auto;width:9px;height:9px;background:#d4bbb1;border-radius:99px;transition:width .25s,background .25s}
.testimonial-bullet.active:after{width:24px;background:#7d2421}
.testimonial-bullet:focus-visible{outline:2px solid #7d2421;outline-offset:1px;border-radius:12px}
@media(max-width:700px){.testimonial-slide{flex-basis:100%}.testimonial-track{gap:14px}}
@media(prefers-reduced-motion:reduce){.testimonial-track{transition:none}}

/* Updated testimonial card count */
.testimonial-slide{flex:0 0 calc((100% - 40px)/3)}
@media(max-width:1000px){.testimonial-slide{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:700px){.testimonial-slide{flex-basis:100%}}
/* Brand-consistent numbers: restrained panels and rounded icons */
.live-stats-section{background:linear-gradient(180deg,#fff 0%,#fbf7f4 100%);border-top:1px solid #eee3de;border-bottom:1px solid #eee3de}
.live-stats-grid{gap:16px;align-items:stretch}
.live-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #eadfd9;border-radius:18px;padding:28px 14px;box-shadow:0 8px 24px rgba(125,36,33,.045);transition:transform .2s ease,box-shadow .2s ease}
.live-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(125,36,33,.085)}
.live-stat-icon{height:66px;width:66px;border-radius:50%;background:#f6e9e3;color:#8b322d;margin-bottom:16px;box-shadow:none;border:1px solid #ead8d0}
.live-stat-icon .icon-react{color:#8b322d;font-size:29px}
.live-stat-value{font-size:clamp(32px,3.5vw,47px);color:#7d2421;font-weight:800;letter-spacing:0}
.live-stat-value .plus{font-size:.72em;color:#b58c66;line-height:1.28}
.live-stat-label{font-size:14px;font-weight:700;color:#6c4c47;margin-top:9px}
@media(max-width:760px){.live-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-stat-card{padding:20px 8px}.live-stat-icon{width:58px;height:58px}.live-stat-value{font-size:32px}.live-stat-label{font-size:12px}}

/* Numbers: no parent frame, lighter and smaller counts */
.live-stats-section{border:0!important;background:transparent!important;box-shadow:none!important}
.live-stats-section>.container{border:0!important;background:transparent!important;box-shadow:none!important}
.live-stat-value{font-size:clamp(27px,2.65vw,37px)!important}
.live-stat-value .plus{font-size:.64em!important}
@media(max-width:760px){.live-stat-value{font-size:28px!important}}
/* Article carousel */
.article-carousel{width:100%}
.article-viewport{overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab}
.article-viewport:active{cursor:grabbing}
.article-track{display:flex;direction:rtl;gap:22px;transition:transform .45s ease;will-change:transform}
.article-slide{flex:0 0 calc((100% - 44px)/3);min-width:0}
.article-slide .card{height:100%;display:flex;flex-direction:column}
.article-slide .card-pad{flex:1;display:flex;flex-direction:column}
.article-slide .tiny-link{margin-top:auto}
.article-pagination{display:flex;align-items:center;justify-content:center;gap:4px;direction:ltr;margin-top:24px}
.article-bullet{position:relative;width:34px;height:38px;border:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation}
.article-bullet:after{content:'';display:block;margin:auto;width:9px;height:9px;border-radius:99px;background:#d4bbb1;transition:.25s}
.article-bullet.active:after{width:24px;background:#7d2421}
.article-bullet:focus-visible{outline:2px solid #7d2421;border-radius:12px}
@media(max-width:1000px){.article-slide{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:700px){.article-slide{flex-basis:100%}.article-track{gap:14px}}
@media(prefers-reduced-motion:reduce){.article-track{transition:none}}

/* Article slider: room for hover elevation without clipping or extra gallery background */
.article-carousel{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
.article-viewport{box-sizing:border-box;padding:18px 16px 22px;margin:-18px 0 -22px;overflow:hidden;background:transparent!important;border:0!important;box-shadow:none!important}
.article-track,.article-slide{background:transparent!important}
.article-slide .card{transform-origin:center center}
.article-slide .card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(125,36,33,.11)}
/* Badge must be content-sized rather than stretching across the flex column. */
.article-slide .card-pad>.pill{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;white-space:nowrap;padding:3px 12px}
@media(max-width:700px){.article-viewport{padding-left:12px;padding-right:12px}}

/* Unified background around the article slider — remove tinted gallery area */
.article-carousel,.article-viewport,.article-track,.article-slide{background:transparent!important;background-image:none!important}
.article-carousel::before,.article-carousel::after,.article-viewport::before,.article-viewport::after{content:none!important;background:none!important}
.article-slide .card{box-shadow:0 2px 10px rgba(125,36,33,.035)}
.article-slide .card:hover{box-shadow:0 8px 22px rgba(125,36,33,.075)}

/* Project cards: readable labels against both bright and dark imagery */
.projects-home .project-info .tag{
 position:relative;z-index:2;
 color:#fff;background:rgba(83,22,21,.6);
 border:1px solid rgba(255,230,210,.5);
 padding:6px 12px;border-radius:999px;
 text-shadow:0 1px 2px rgba(0,0,0,.3);
 font-weight:700;line-height:1.6;
}
.projects-home .project-info{z-index:2}
/* In mobile layout move the view-all action after the project cards. */
@media(max-width:760px){
 .projects-home>.container{display:flex;flex-direction:column;align-items:stretch}
 .projects-home .heading{display:contents}
 .projects-home .heading>div{order:0;margin-bottom:22px}
 .projects-home .grid{order:1}
 .projects-home .heading>a{order:2;align-self:center;margin:24px 0 0;max-width:100%;text-align:center}
}

/* All homepage view-all links move below their section content on mobile.
   Desktop heading/action positions stay unchanged. */
@media (max-width:760px){
 .mobile-viewall-last > .container{display:flex;flex-direction:column;align-items:stretch}
 .mobile-viewall-last .heading{display:contents}
 .mobile-viewall-last .heading > div{order:0;margin-bottom:22px}
 .mobile-viewall-last .container > :not(.heading){order:1}
 .mobile-viewall-last .heading > a{order:5;align-self:center;margin:24px 0 0;max-width:100%;text-align:center}
}

/* Match project label readability on the projects listing and homepage. */
.project-card .project-info .tag{position:relative;z-index:2;color:#fff;background:rgba(83,22,21,.6);border:1px solid rgba(255,230,210,.5);padding:6px 12px;border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:700;line-height:1.6}
.project-card .project-info{z-index:2}

/* Product detail CTA separation; contact form should remain stationary on hover. */
.product-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}
.product-detail-actions .btn{margin:0}
#contact-form.card:hover{transform:none;box-shadow:var(--shadow)}
@media(max-width:450px){.product-detail-actions{gap:12px}}

/* Awards and certificates - about page only. Styling echoes the client-logo cards. */
.awards-section{background:transparent}
.awards-carousel{margin-top:22px}
.awards-viewport{overflow:hidden;min-width:0;outline-offset:4px;touch-action:pan-y;cursor:grab;user-select:none}
.awards-viewport:active{cursor:grabbing}
.awards-track{display:flex;gap:18px;direction:rtl;transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}
.awards-slide{flex:0 0 calc((100% - 54px)/4);min-width:0;padding:6px 0}
.awards-card{height:160px;border:1px solid #ebdfda;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;box-shadow:0 10px 28px rgba(96,26,24,.045);color:#846964;font-size:12px;font-weight:600;text-align:center}
.awards-icon{display:grid;place-items:center;width:79px;height:79px;border:2px solid #e4c4b9;border-radius:50%;color:#822823;background:#faf5f3}
.awards-icon svg{width:30px;height:30px}
.awards-pagination{display:flex;justify-content:center;align-items:center;gap:2px;direction:rtl;margin:13px 0 0}
.awards-bullet{appearance:none;cursor:pointer;border:0;background:transparent;width:28px;height:34px;display:grid;place-items:center;padding:0}
.awards-bullet:before{content:'';width:9px;height:9px;background:#d8bdb5;border-radius:20px;transition:.2s}
.awards-bullet.active:before{width:28px;background:#812520}
.awards-bullet:focus-visible{outline:2px solid #812520;outline-offset:2px}
@media(max-width:899px){.awards-slide{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:559px){.awards-slide{flex-basis:100%}}

/* Consistent, more compact vertical rhythm across the site. */
.section{padding-top:64px;padding-bottom:64px}
.section-sm{padding-top:44px;padding-bottom:44px}
.heading{margin-bottom:23px}
.heading p{margin-top:5px}
.feature-strip{padding-top:17px;padding-bottom:17px}
.catalog-section{padding-top:54px;padding-bottom:54px}
@media(max-width:760px){
 .section{padding-top:42px;padding-bottom:42px}
 .section-sm{padding-top:30px;padding-bottom:30px}
 .heading{margin-bottom:19px}
 .feature-strip{padding-top:13px;padding-bottom:13px}
}
/* Photo thumbnails in awards section; existing bubble/drag behaviour remains. */
.awards-card{height:235px;gap:8px;padding:10px 10px 12px;justify-content:flex-start}
.awards-photo{display:block;width:100%;height:173px;object-fit:cover;object-position:center;border-radius:11px;pointer-events:none;user-select:none}
.awards-card span{font-size:12px;color:#846964}
@media(max-width:559px){.awards-card{height:265px}.awards-photo{height:204px}}

/* Simple six-item catalogue gallery */
.catalog-list-section{padding-top:52px}
.catalog-list-heading{text-align:right;margin-bottom:28px}
.catalog-list-heading h1{font-size:clamp(25px,3vw,36px);color:#812520;margin:0 0 9px;font-weight:800}
.catalog-list-heading p{font-size:14px;color:#77827e;margin:0}
.catalog-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalog-list-card{background:#fff;border:1px solid #ecdfd9;border-radius:19px;overflow:hidden;box-shadow:0 8px 24px rgba(82,35,31,.045);transition:transform .25s ease,box-shadow .25s ease}
.catalog-list-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(82,35,31,.09)}
.catalog-list-photo{aspect-ratio:1.65/1;overflow:hidden;background:#eee8e4}
.catalog-list-photo img{width:100%;height:100%;display:block;object-fit:cover}
.catalog-list-body{padding:19px 21px 21px;text-align:right}
.catalog-list-body h2{font-size:17px;font-weight:750;line-height:1.65;color:#7f2823;margin:0}
@media(max-width:900px){.catalog-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:560px){.catalog-list-section{padding-top:30px}.catalog-list-grid{grid-template-columns:1fr;gap:16px}.catalog-list-heading{margin-bottom:20px}.catalog-list-body{padding:15px 18px}.catalog-list-body h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.catalog-list-card{transition:none}}

/* Footer: site information first on the right, quick links immediately beside it. */
@media(min-width:901px){
 .footer-grid.footer-grid-new{grid-template-columns:1.65fr .8fr .8fr 1fr}
 .footer-site-info{grid-column:1;grid-row:1}
 .footer-quick-links{grid-column:2;grid-row:1}
 .footer-license{grid-column:3;grid-row:1}
 .footer-social{grid-column:4;grid-row:1}
}
@media(max-width:900px){
 .footer-grid.footer-grid-new>.footer-site-info{order:-2;grid-column:auto;grid-row:auto}
 .footer-grid.footer-grid-new>.footer-quick-links{order:-1;grid-column:auto;grid-row:auto}
}
/* Articles on the landing page and blog: reading link follows description closely. */
.article-slide .tiny-link{margin-top:10px}
.article-slide .card-pad{flex:0 0 auto}
.article-slide .card{height:auto}
.article-slide .card-pad p{min-height:0;margin-bottom:0}
.article-slide .card-pad .tiny-link{margin-top:10px}
.blog-article-grid .card-pad p{min-height:0;margin-bottom:0}
.blog-article-grid .card-pad .tiny-link{margin-top:10px}

/* Consistent React-icons-style outline navigation arrows */
.link-arrow-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;flex:none;transform:none}
.has-link-arrow{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.tiny-link::after{content:""!important;display:inline-block;width:15px;height:15px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5m7 7-7-7 7-7' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5m7 7-7-7 7-7' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
.tiny-link{display:inline-flex;align-items:center;gap:6px}

/* Keep the four homepage feature cards in two columns on small screens */
@media(max-width:640px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .feature-item{min-width:0;gap:8px;padding:10px 8px;justify-content:flex-start}
  .feature-icon-wrap{width:42px;height:42px;min-width:42px}
  .feature-text{font-size:clamp(10px,2.9vw,13px);white-space:normal;line-height:1.5}
}

/* Footer layout for phones up to 500px: contact info first, full row. */
@media (max-width:500px){
  .footer-grid.footer-grid-new{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px 18px;
  }
  .footer-grid.footer-grid-new>.footer-site-info{
    grid-column:1 / -1;
    grid-row:1;
    order:0;
    min-width:0;
  }
  .footer-grid.footer-grid-new>.footer-quick-links{
    grid-column:1 / -1;
    grid-row:2;
    order:0;
    min-width:0;
  }
  .footer-grid.footer-grid-new>.footer-license{
    grid-column:1;
    grid-row:3;
    order:0;
  }
  .footer-grid.footer-grid-new>.footer-social{
    grid-column:2;
    grid-row:3;
    order:0;
  }
  .footer-grid-new .footer-quick-links .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 18px;
  }
}

/* Balance the feature strip spacing beneath the hero without enlarging the gap below. */
.feature-strip{padding-top:40px;padding-bottom:18px}
@media(max-width:760px){.feature-strip{padding-top:32px;padding-bottom:16px}}

/* ==============================================================
   GHAEM VAZIN / design refinement — 2026-10
   The visual language stays warm burgundy, ivory and restrained.
   ============================================================== */

:root{--focus-color:#b98264;--glass-border:rgba(255,255,255,.68)}
body{overflow-x:clip}
img{max-width:100%}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}

/* A real frosted translucent header, including tablet and phone. */
.site-header,.site-header:is(:hover,:focus-within){background:rgba(255,253,251,.80)!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;border-bottom:1px solid rgba(125,36,33,.08);box-shadow:0 8px 28px rgba(51,28,25,.055)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header{background:#fffaf8!important}}

/* Quiet photo-only categories, without color/glow overlays or descriptions. */
.category-showcase{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px;align-items:start}
.category-showcase-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:11px;padding:0 4px 6px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;text-decoration:none;color:#712923;transition:transform .25s ease}
.category-showcase-card:hover{transform:translateY(-3px);color:#9b3b32}
.category-image{display:block;width:100%;aspect-ratio:1.21/1;position:relative;overflow:hidden;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;isolation:isolate}
.category-image:before,.category-image:after{display:none!important;content:none!important}
.category-image img{width:100%;height:100%;object-fit:cover;display:block;background:transparent!important;filter:saturate(.82) contrast(1.035);mask-image:linear-gradient(to bottom,#000 0%,#000 81%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 81%,transparent 100%);transition:transform .3s ease}
.category-showcase-card:hover img{transform:scale(1.035)}
.category-name{color:inherit;font-size:14px;font-weight:780;line-height:1.8;text-align:center;letter-spacing:-.15px}

/* Service cards: typographic balance, without repeated consulting action. */
.service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:245px;gap:9px;transition:transform .2s ease,box-shadow .2s ease}
.service-card h3{margin:11px 0 0;line-height:1.8}
.service-card p{margin:0;line-height:2.05;flex:1}
.service-card .tiny-link{display:none!important}

/* Project cards: true equal-height cover images and consistent CTAs. */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.project-grid .project-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;height:100%;background:#fff;border:1px solid #ecdfd9;box-shadow:0 11px 28px rgba(72,31,29,.07);border-radius:20px;overflow:hidden;isolation:isolate;text-decoration:none;transition:transform .27s ease,box-shadow .27s ease,border-color .27s ease}
.project-grid .project-card:before,.project-grid .project-card:after{content:none!important;display:none!important}
.project-grid .project-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(72,31,29,.11);border-color:#dfc6b9}
.project-photo{position:relative;width:100%;aspect-ratio:1.46/1;overflow:hidden;background:#f1eeec;flex:none}
.project-grid .project-card .project-photo>img{position:static!important;inset:auto!important;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.83);transition:transform .4s ease,filter .4s ease}
.project-grid .project-card:hover .project-photo>img{transform:scale(1.045);filter:saturate(1)}
.project-grid .project-info{position:static!important;inset:auto!important;display:flex;flex-direction:column;align-items:flex-start;gap:13px;justify-content:space-between;padding:19px 20px 18px;min-height:118px;flex:1;z-index:auto!important;color:#542a25!important;background:none!important;text-shadow:none!important}
.project-grid .project-card .project-info .tag{position:static!important;background:#f6eeea!important;color:#98594c!important;border:1px solid #eedcd3!important;font-size:11px;font-weight:700;line-height:1.5;padding:4px 11px;box-shadow:none!important;text-shadow:none!important}
.project-card-bottom{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px}
.project-grid .project-card h3{color:#6c2925!important;font-size:16px;font-weight:800;line-height:1.7;margin:0;flex:1;text-shadow:none!important}
.project-open{width:39px;height:39px;border-radius:12px;background:#782a25;display:grid;place-items:center;color:#fff;flex-shrink:0;transition:background .2s ease,transform .2s ease}
.project-open svg{display:block;width:20px;height:20px}
.project-grid .project-card:hover .project-open{background:#a7483d;transform:translateX(-2px)}
.project-grid .project-info>p{display:none!important}

/* Genuine images are pending; place photographic *samples* rather than icons. */
.clients-logo{padding:0 0 12px;overflow:hidden;justify-content:flex-start;gap:10px;height:180px}
.clients-logo .client-photo{display:block;width:100%;height:133px;flex:0 0 133px;object-fit:cover;object-position:center;filter:saturate(.8);transition:transform .28s ease}
.clients-logo:hover .client-photo{transform:scale(1.025)}
.clients-logo>span{font-size:12px;line-height:1.4;color:#816b65;padding:0 9px}
.testimonial-slide .quote{display:flex;flex-direction:column;align-items:flex-start;gap:14px;justify-content:flex-start}
.testimonial-slide .quote p{flex:1;margin:0;line-height:2}
.testimonial-slide .quote small{display:none!important}

/* Consistent photo-led internal hero, reusing the existing image collection. */
.page-top.page-top-redesign{position:relative;isolation:isolate;display:flex;align-items:center;min-height:280px;background:linear-gradient(120deg,#421917,#7a322c);color:#fff!important;padding:40px 0 45px;overflow:hidden}
.page-top-redesign .page-top-photo{position:absolute;inset:0 45% 0 0;z-index:-2;overflow:hidden}
.page-top-redesign .page-top-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.75) contrast(1.08)}
.page-top-redesign:before{position:absolute;inset:0;content:"";z-index:-1;pointer-events:none;background:linear-gradient(270deg,rgba(66,23,21,.98) 0%,rgba(84,31,27,.98) 39%,rgba(83,34,31,.75) 63%,rgba(40,19,17,.28) 100%)}
.page-top-redesign:after{content:"";position:absolute;width:190px;height:190px;top:-108px;right:11%;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}
.page-top-redesign .page-top-body{position:relative;z-index:1;width:100%;text-align:right}
.page-top-redesign .crumb{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-bottom:23px;font-size:12px;color:#ead7cf;line-height:1.7}
.page-top-redesign .crumb a{color:#f2e4da;text-decoration:none}
.page-top-redesign .crumb a:hover{color:#fff}
.page-top-redesign .crumb-divider{opacity:.5}
.page-top-eyebrow{display:inline-block;font-size:11px;font-weight:700;color:#e4b69a;letter-spacing:3px;direction:ltr;margin-bottom:8px}
.page-top-redesign h1{margin:0 0 12px;font-size:clamp(27px,3vw,43px);line-height:1.4;font-weight:850;letter-spacing:-.6px;color:#fff!important;max-width:800px}
.page-top-redesign p{margin:0;max-width:700px;color:#f0ddd8!important;font-size:clamp(12px,1.25vw,15px);line-height:2}
.page-top-rule{display:block;background:#d2a984;width:48px;height:3px;border-radius:999px;margin-top:23px}
.catalog-list-section{padding-top:44px}

/* Tight but breathable section rhythm. */
.heading h2{line-height:1.5;letter-spacing:-.4px}
.section .container{min-width:0}
.grid>*{min-width:0}

/* Footer phone contact is accessible and noticeable without dominating. */
.footer-site-info .footer-info-box[href^="tel:"]{border-color:rgba(236,211,198,.25);background:rgba(255,255,255,.12)}
.footer-site-info .footer-info-box[href^="tel:"]:hover{background:rgba(255,255,255,.18)}
.footer-social-list .social-icon[aria-label="توییتر"]{display:none!important}

/* Fixed bottom navigation at 1000px and below. */
.bottom-nav{display:none}
@media(max-width:1000px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:102;border-top:1px solid rgba(125,36,33,.13);background:rgba(255,253,251,.94);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 -10px 28px rgba(64,22,20,.10);padding:5px 8px calc(6px + env(safe-area-inset-bottom,0px))}
 .bottom-nav-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:2px;width:min(640px,100%);margin:auto}
 .bottom-nav-item{display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#85746e;font:inherit;font-size:11px;font-weight:700;border:0;border-radius:13px;background:transparent;cursor:pointer;padding:5px 2px;line-height:1.5}
 .bottom-nav-item svg{width:22px;height:22px;display:block;flex:none}
 .bottom-nav-item.active{color:#7d2421;background:#f7eae5}
 .bottom-nav-item:hover{color:#7d2421}
 .footer{padding-bottom:25px}
 .backtop{bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:900px){
 .category-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 14px}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .page-top.page-top-redesign{min-height:245px}
 .page-top-redesign .page-top-photo{inset:0 35% 0 0}
 .footer-site-info{min-width:0}
}
@media(max-width:620px){
 .category-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .category-image{aspect-ratio:1.25/1}
 .category-name{font-size:12px}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .project-photo{aspect-ratio:1.08/1}
 .project-grid .project-info{padding:11px 11px 12px;gap:10px;min-height:120px}
 .project-grid .project-card h3{font-size:12px;line-height:1.7}
 .project-grid .project-card .project-info .tag{font-size:10px;padding:3px 8px}
 .project-open{width:30px;height:30px;border-radius:9px}
 .project-open svg{width:17px;height:17px}
 .page-top.page-top-redesign{min-height:225px;padding:25px 0 30px}
 .page-top-redesign .page-top-photo{inset:0 25% 0 0}
 .page-top-redesign:before{background:linear-gradient(270deg,rgba(67,25,23,.98),rgba(74,29,26,.91) 56%,rgba(68,30,26,.52))}
 .page-top-redesign .crumb{margin-bottom:13px}
 .page-top-redesign h1{font-size:clamp(25px,6vw,34px)}
 .page-top-redesign .page-top-eyebrow{font-size:9px}
 .page-top-redesign .page-top-rule{margin-top:16px}
 .catalog-list-section{padding-top:26px}
 .clients-logo{height:164px}
 .clients-logo .client-photo{height:119px;flex-basis:119px}
 .service-card{min-height:220px;padding:20px 18px}
}
@media(max-width:380px){
 .project-grid .project-info{padding:9px;min-height:110px}
 .project-grid .project-card h3{font-size:11px}
 .project-open{width:27px;height:27px}
 .bottom-nav-item{font-size:10px}
 .bottom-nav-item svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
 .category-showcase-card,.category-image img,.project-grid .project-card,.project-grid .project-card .project-photo img,.project-open,.clients-logo .client-photo{transition:none!important}
}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ==============================================================
   V3 | Type scale, whitespace rhythm and hero safe zones
   Consistent across all pages; retain the existing brand language.
   ============================================================== */
:root {
  --text-xs: 12px;
  --text-sm: 13.5px;
  --text-md: 15px;
  --text-card-title: 16.5px;
  --text-section: clamp(24px, 2.25vw, 30px);
  --space-page-section: 68px;
  --space-section-heading: 26px;
  --space-grid: 20px;
}

/* Base rhythm and a unified hierarchy of headings, labels and body copy. */
body { font-size: var(--text-md); line-height: 1.85; }
h1, h2, h3 { text-wrap: balance; }
h2 { font-size: var(--text-section); line-height: 1.55; letter-spacing: -.35px; }
h3 { font-size: var(--text-card-title); line-height: 1.7; }
p { line-height: 1.95; }
.container { width: min(1200px, calc(100% - clamp(40px, 6vw, 88px))); }
.nav a { font-size: 13.5px; }
.btn { font-size: var(--text-sm); line-height: 1.6; }
.btn-small { font-size: 12.5px; }
.tiny-link { font-size: 12.5px; line-height: 1.7; }
.pill, .tag { font-size: var(--text-xs); }

/* Sections have measured, repeating padding rather than stacked random gaps. */
.section { padding-block: var(--space-page-section); }
.section-sm { padding-block: 48px; }
.heading { gap: 22px; margin-bottom: var(--space-section-heading); }
.heading h2 { font-size: var(--text-section); line-height: 1.45; }
.heading p { font-size: 14px; line-height: 1.9; max-width: 680px; margin: 6px 0 0; }
.grid, .grid.four { gap: var(--space-grid); }
.catalog-section { padding-block: 54px; }
.catalog-list-section { padding-block: 54px 68px; }
.about-grid { gap: clamp(28px, 4vw, 56px); }
.detail-grid { gap: clamp(26px, 3.5vw, 46px); }

/* All internal-page heroes: safe inset on both edges, readable title and even line breaks. */
.page-top.page-top-redesign { min-height: 292px; padding-block: 44px 48px; }
.page-top-redesign .page-top-body {
  box-sizing: border-box;
  padding-inline: clamp(30px, 4.8vw, 74px);
}
.page-top-redesign .crumb {
  gap: 10px; margin: 0 0 19px;
  font-size: 12.5px; line-height: 1.85;
  flex-wrap: wrap;
}
.page-top-redesign .page-top-eyebrow {
  font-size: 11px; letter-spacing: 2.5px; margin-bottom: 9px;
}
.page-top-redesign h1 {
  max-width: 740px;
  font-size: clamp(29px, 3.15vw, 43px);
  line-height: 1.5;
  margin-bottom: 10px;
}
.page-top-redesign p {
  max-width: 690px;
  font-size: clamp(13.5px, 1.07vw, 15px);
  line-height: 1.95;
}
.page-top-redesign .page-top-rule { margin-top: 19px; }

/* Home banners carry pre-composed text inside the images. Frame the complete
   images with a small responsive inset instead of cropping or distorting text. */
.hero-image-banners { padding-inline: clamp(8px, 1.55vw, 24px); }
.hero-image-banners .hero-slides {
  width: 100%; height: auto !important; aspect-ratio: 1672 / 740 !important;
  max-width: 1560px; margin-inline: auto;
  border-radius: clamp(8px, 1vw, 14px);
  overflow: hidden;
}
.hero-image-banners .hero-slide img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
}

/* Cards: regularized inner whitespace; no placeholder heights for short text. */
.card-pad { padding: 20px 21px 21px; }
.card-pad h3 { font-size: var(--text-card-title); line-height: 1.7; margin-bottom: 7px; }
.card-pad p { font-size: 13.5px; line-height: 1.9; margin-bottom: 12px; min-height: 0; }
.card-pad .tiny-link { margin-top: 9px; }
.product-grid-four .card-pad { padding: 18px; }
.product-grid-four .card-pad h3 { font-size: 15.5px; }
.product-grid-four .card-pad p { font-size: 13.5px; min-height: 0; }
.category-showcase { gap: 23px 18px; }
.category-showcase-card { gap: 10px; }
.category-name { font-size: 14.5px; line-height: 1.65; }
.service-card { gap: 12px; padding: 24px 23px; min-height: 225px; }
.service-card .service-icon { margin: 0 0 5px; width: 56px; height: 56px; }
.service-card h3 { font-size: 16px; margin: 0; line-height: 1.7; }
.service-card p { font-size: 13.5px; line-height: 1.9; min-height: 0; margin: 0; }

/* A tighter information band underneath each photo, without a large blank zone. */
.project-grid { gap: 20px; }
.project-grid .project-info {
  padding: 17px 19px 18px; gap: 11px;
  min-height: 0; justify-content: flex-start;
}
.project-grid .project-card h3 { font-size: 15.5px; line-height: 1.7; }
.project-card-bottom { margin-top: auto; }
.project-grid .project-card .project-info .tag { font-size: 11px; margin-bottom: 0; }
.project-open { width: 38px; height: 38px; }

/* Editorial, testimonial, about and footer copy share the same readable scale. */
.article-slide .card-pad, .blog-article-grid .card-pad { padding: 20px; }
.article-slide .card-pad h3, .blog-article-grid .card-pad h3 { font-size: 16px; }
.article-slide .card-pad p, .blog-article-grid .card-pad p { font-size: 13.5px; }
.testimonial-slide .quote {
  padding: 23px 24px; min-height: 182px; gap: 10px;
}
.testimonial-slide .quote p { font-size: 14px; line-height: 2; min-height: 0; }
.testimonial-pagination, .article-pagination { margin-top: 18px; }
.about-copy p, .content-prose { font-size: 14.5px; line-height: 2.05; }
.content-prose h2 { font-size: clamp(22px, 2vw, 26px); margin-top: 30px; }
.content-prose h3 { font-size: 18px; }
.catalog-list-body { padding: 19px 20px; }
.catalog-list-body h2 { font-size: 16.5px; }
.catalog-list-grid { gap: 20px; }
.related-products { margin-top: clamp(30px, 4vw, 52px); }
.form { gap: 15px; }
.form label, .spec td { font-size: 13.5px; }
.notice, .form-note { font-size: 13.5px; line-height: 1.9; }

.feature-text { font-size: 15px; }
.live-stat-label { font-size: 13.5px; line-height: 1.75; }
.awards-card span, .clients-logo > span { font-size: 12.5px; }
.footer { padding-top: 58px; }
.footer-grid-new h3, .footer h3 { font-size: 16px; line-height: 1.65; margin-bottom: 17px; }
.footer p, .footer a, .footer-info-box { font-size: 13px !important; line-height: 1.85; }
.footer-info-box b { font-size: 11.5px; }
.footer .copyright { font-size: 12px; line-height: 1.8; }

@media (min-width: 1001px) and (max-width: 1230px) {
  .service-card { padding: 21px 19px; }
  .service-card h3 { font-size: 15.5px; }
  .feature-text { font-size: 14px; }
}

@media (max-width: 1000px) {
  :root {
    --space-page-section: 54px;
    --space-section-heading: 22px;
    --space-grid: 17px;
  }
  .page-top.page-top-redesign { min-height: 264px; padding-block: 35px 39px; }
  .page-top-redesign .page-top-body { padding-inline: clamp(22px, 3.8vw, 45px); }
  .page-top-redesign .crumb { margin-bottom: 16px; }
  .page-top-redesign h1 { font-size: clamp(28px, 3.9vw, 37px); }
  .service-card { min-height: 210px; }
  .project-grid .project-info { padding: 15px 17px; }
  .footer { padding-top: 48px; }
}

@media (max-width: 760px) {
  :root {
    --text-md: 14px;
    --text-section: clamp(21px, 5vw, 25px);
    --text-card-title: 15px;
    --space-page-section: 43px;
    --space-section-heading: 19px;
    --space-grid: 13px;
  }
  .container { width: calc(100% - 32px); }
  .heading { gap: 13px; }
  .heading h2 { line-height: 1.55; }
  .heading p { margin-top: 6px; font-size: 13px; line-height: 1.85; }
  .section-sm { padding-block: 34px; }
  .catalog-section { padding-block: 38px; }
  .catalog-list-section { padding-block: 34px 43px; }
  .page-top.page-top-redesign { min-height: 245px; padding-block: 29px 34px; }
  .page-top-redesign .page-top-body { padding-inline: 17px; }
  .page-top-redesign .crumb { font-size: 11.5px; gap: 7px; margin-bottom: 13px; }
  .page-top-redesign h1 { font-size: clamp(25px, 6.1vw, 32px); line-height: 1.48; margin-bottom: 8px; }
  .page-top-redesign p { font-size: 13px; line-height: 1.9; }
  .page-top-redesign .page-top-eyebrow { font-size: 10px; letter-spacing: 2px; margin-bottom: 6px; }
  .page-top-redesign .page-top-rule { margin-top: 15px; }
  .category-showcase { gap: 17px 13px; }
  .category-name { font-size: 13px; }
  .service-card { padding: 19px 17px; min-height: 0; gap: 10px; }
  .service-card .service-icon { width: 49px; height: 49px; margin-bottom: 2px; }
  .service-card h3 { font-size: 14.5px; line-height: 1.75; }
  .service-card p { font-size: 12.5px; line-height: 1.9; }
  .project-grid { gap: 13px; }
  .project-grid .project-info { min-height: 0; gap: 9px; padding: 12px; }
  .project-grid .project-card h3 { font-size: 13px; line-height: 1.75; }
  .project-grid .project-card .project-info .tag { font-size: 10.5px; }
  .project-open { width: 32px; height: 32px; border-radius: 9px; }
  .card-pad, .article-slide .card-pad, .blog-article-grid .card-pad { padding: 16px; }
  .card-pad h3, .article-slide .card-pad h3, .blog-article-grid .card-pad h3 { font-size: 14.5px; }
  .card-pad p, .article-slide .card-pad p, .blog-article-grid .card-pad p { font-size: 12.75px; }
  .product-grid-four .card-pad { padding: 13px; }
  .product-grid-four .card-pad h3 { font-size: 13.5px; }
  .product-grid-four .card-pad p { font-size: 12px; }
  .testimonial-slide .quote { padding: 19px; min-height: 165px; }
  .testimonial-slide .quote p { font-size: 13.5px; }
  .about-copy p, .content-prose { font-size: 14px; }
  .about-grid, .detail-grid { gap: 24px; }
  .footer-grid-new h3, .footer h3 { font-size: 15px; }
  .footer p, .footer a, .footer-info-box { font-size: 12.5px !important; }
  .footer { padding-top: 41px; }
  .related-products { margin-top: 35px; }
  .bottom-nav-item { font-size: 11px; }
  .mobile-viewall-last .heading > div,
  .projects-home .heading > div { margin-bottom: var(--space-section-heading); }
  .mobile-viewall-last .heading > a,
  .projects-home .heading > a { margin-top: 21px; }
}

@media (max-width: 500px) {
  /* The two-column project/product cards should remain readable on narrow phones. */
  .project-grid .project-info { padding: 10px; gap: 9px; }
  .project-grid .project-card h3 { font-size: 12.5px; }
  .project-grid .project-card .project-info .tag { font-size: 10px; }
  .project-card-bottom { gap: 7px; }
  .project-open { width: 30px; height: 30px; }
  .project-open svg { width: 16px; height: 16px; }
  .category-showcase-card { gap: 8px; }
  .page-top-redesign .page-top-body { padding-inline: 15px; }
  .page-top-redesign .crumb { max-width: 100%; }
  .feature-text { font-size: clamp(11px, 2.9vw, 13px); }
  .footer-grid.footer-grid-new { gap: 24px 18px; }
}
@media (max-width: 360px) {
  .container { width: calc(100% - 28px); }
  .page-top-redesign .page-top-body { padding-inline: 13px; }
  .page-top-redesign h1 { font-size: 24px; }
  .project-grid .project-card h3 { font-size: 12px; }
  .project-grid .project-info { padding: 9px; }
  .bottom-nav-item { font-size: 10px; }
}

/* ==============================================================
   V4 | Home banner height: shorter desktop, slightly taller mobile
   The six banners contain rasterized Persian text. Preserve their
   proportions: crop the photo vertically on desktop; on phones,
   anchor to the RTL/text side instead of stretching the image.
   ============================================================== */
@media (min-width: 761px) {
  .hero-image-banners .hero-slide img {
    object-fit: cover !important;
    object-position: center 65% !important;
  }
}
@media (min-width: 1001px) {
  .hero-image-banners .hero-slides {
    height: clamp(380px, 34vw, 505px) !important;
    aspect-ratio: auto !important;
  }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .hero-image-banners .hero-slides {
    height: clamp(360px, 40vw, 395px) !important;
    aspect-ratio: auto !important;
  }
}
@media (max-width: 760px) {
  .hero-image-banners .hero-slides {
    height: clamp(195px, 49vw, 372px) !important;
    aspect-ratio: auto !important;
  }
  .hero-image-banners .hero-slide img {
    object-fit: cover !important;
    object-position: right center !important;
  }
}