:root{--radius:20px}
@font-face{font-family:"Estedad";src:url('/assets/estedad-arabic.woff2') format('woff2-variations');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Estedad";src:url('/assets/estedad-latin.woff2') format('woff2-variations');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body,button,input,textarea,select{font-family:"Estedad",Tahoma,sans-serif;font-size:16px}
.hero{min-height:720px;background-blend-mode:normal}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slides{z-index:0;overflow:hidden}
.hero:before,.hero-noise{z-index:1}
.hero-slide{background-position:center;background-size:cover;opacity:0;transform:scale(1.025);transition:opacity 1s ease,transform 6s ease}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-slider-nav{position:absolute;z-index:4;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;direction:ltr}
.hero-slider-nav>button{width:34px;height:34px;border:1px solid #ffffff2b;border-radius:50%;background:#0808088c;color:#fff;font-size:23px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.hero-slider-nav>div{display:flex;gap:7px}
.hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#ffffff68;cursor:pointer;transition:.25s}
.hero-dot.active{width:26px;background:var(--red)}
.hero:before{background:linear-gradient(90deg,rgba(5,5,5,.08),rgba(5,5,5,.58) 48%,rgba(5,5,5,.94)),linear-gradient(0deg,#070707 0%,transparent 42%)}
.hero-content{padding:150px 0 68px}
.hero-content>*{max-width:610px}
h1{font-size:clamp(38px,4.6vw,66px);line-height:1.15;font-weight:850;letter-spacing:-.045em}
.lead{font-size:16px;line-height:2}
.hero-sign{margin-top:54px}
.stat{padding:27px}
.stat b{font-size:20px}
.section{padding:86px 0}
.section h2,.modal-info h2{font-size:clamp(27px,3vw,42px);line-height:1.35;letter-spacing:-.035em}
.service{padding:24px;min-height:255px;border-radius:20px}
.service h3{margin-top:32px;font-size:19px}
.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.portfolio-card,.portfolio-card.featured{min-height:220px;grid-column:auto;border-radius:16px}
.portfolio-card img{inset:0;display:block;object-position:center;transform:scale(1);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s}
.portfolio-card:hover img{transform:scale(1.09);filter:brightness(1.08)}
.portfolio-card:after{background:linear-gradient(0deg,rgba(5,5,5,.9),transparent 72%)}
.portfolio-card>div{inset:auto 18px 16px}
.portfolio-card h3{font-size:21px}
.cars-promo{border-radius:26px}
.cars-promo strong{font-size:clamp(38px,5.5vw,64px);letter-spacing:-.05em}
.cars-hero{padding:160px 0 82px;min-height:590px;background:linear-gradient(90deg,#07070712 0%,#070707a8 48%,#070707ed),url('/assets/keyvan-cars-shop-hero.webp') center/cover}
.car-card{border-radius:19px}
.car-info h3{font-size:19px}
.btn,.nav-cta{padding:12px 21px;font-size:14px}
.back-to-top{position:fixed;z-index:90;left:24px;bottom:24px;width:48px;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(18,18,18,.88);color:#fff;display:grid;place-items:center;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 14px 38px rgba(0,0,0,.38),0 0 0 1px rgba(237,28,36,.09) inset;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease,visibility .25s,border-color .25s,background .25s}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--red);border-color:var(--red);transform:translateY(-3px)}
.back-to-top:focus-visible{outline:3px solid rgba(237,28,36,.35);outline-offset:3px}
.hero-admin{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible!important}
.hero-admin>div{min-width:0}
.hero-admin img{width:100%!important;height:100px!important}
.hero-admin small{position:absolute;right:6px;bottom:6px;background:#000c;color:#fff!important;padding:3px 7px;border-radius:8px;font-size:10px}
@media(max-width:680px){
  .hero{min-height:650px}
  .hero-content{padding:118px 0 48px}
  .hero-content h1{font-size:clamp(35px,10.5vw,47px);line-height:1.27}
  .hero-sign{margin-top:40px}
  .section{padding:62px 0}
  .section h2{font-size:clamp(26px,8vw,34px)}
  .portfolio-grid{grid-template-columns:repeat(2,1fr);gap:9px}
  .portfolio-card,.portfolio-card.featured{min-height:180px}
  .portfolio-card>div{inset:auto 13px 12px}
  .portfolio-card h3{font-size:15px}
  .hero-slider-nav{bottom:16px}
  .cars-promo{min-height:420px}
  .cars-hero{min-height:540px;padding:122px 0 56px}
  .cars-hero h1{font-size:clamp(38px,13vw,54px)}
  .stat b{font-size:18px}
  .back-to-top{left:16px;bottom:max(16px,env(safe-area-inset-bottom));width:44px;height:44px;font-size:22px}
}