/* ===== ÇİFÇİ — enhancements: new blocks + motion ===== */

/* ---------- Stats band ---------- */
.stats{position:relative;z-index:3;padding:70px 0;background:#161514;color:#fff;overflow:hidden}
.stats::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#DD3927,rgba(221,57,39,0))}
.stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.stats__item{position:relative;padding-left:24px;border-left:1px solid rgba(255,255,255,.14)}
.stats__num{font-size:56px;font-weight:700;line-height:1;color:#DD3927;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.stats__label{margin:14px 0 0;font-size:15px;line-height:1.45;color:rgba(255,255,255,.78)}
@media screen and (max-width:1023px){.stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.stats__num{font-size:44px}}
@media screen and (max-width:767px){.stats{padding:48px 0}.stats__num{font-size:36px}.stats__label{font-size:14px}.stats__item{padding-left:16px}}

/* ---------- Quote form ---------- */
.transport-order__sub{max-width:560px;margin:-22px auto 34px;font-size:16px;line-height:1.5;text-align:center;color:rgba(0,0,0,.66)}
.transport-order__textarea{width:100%;margin-top:30px;min-height:74px;resize:vertical;font-family:inherit;line-height:1.45}
.transport-order__form .transport-order__inner + .transport-order__inner{margin-top:30px}
.transport-order__form .transport-order__btn{margin-top:40px}

/* ---------- Links styled as about items ---------- */
a.about__elem{text-decoration:none;transition:opacity .25s ease}
a.about__elem:hover{opacity:.8}

/* ---------- Motion (only when JS is on and user allows motion) ---------- */
@media (prefers-reduced-motion: no-preference){

  /* reveal on scroll */
  .fx [data-reveal]{opacity:0;transform:translate3d(0,34px,0);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms);will-change:opacity,transform}
  .fx [data-reveal="left"]{transform:translate3d(-40px,0,0)}
  .fx [data-reveal="right"]{transform:translate3d(40px,0,0)}
  .fx [data-reveal="zoom"]{transform:scale(.94)}
  .fx [data-reveal].is-in{opacity:1;transform:none}

  /* images: slow settle-in zoom */
  .fx .content picture img,.fx .inner-page__img img{transform:scale(1.12);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
  .fx .content picture.is-in img,.fx .inner-page__img.is-in img{transform:scale(1)}

  /* hero: ken-burns background + word-by-word title */
  .main.has-kb{background-image:none}
  .main-kb{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(180deg,rgba(30,43,52,.85) 0%,rgba(57,57,58,.35) 100%),url(../img/dist/main-bg.jpg);background-size:cover;background-position:top center;transform:scale(1.14);animation:kb 16s cubic-bezier(.2,.6,.3,1) forwards}
  @keyframes kb{to{transform:scale(1)}}
  .fx .main__heading .w{display:inline-block;opacity:0;transform:translate3d(0,.6em,0);animation:wordIn .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i) * 45ms + 250ms)}
  @keyframes wordIn{to{opacity:1;transform:none}}
  .fx .main__btn{opacity:0;animation:fadeOnly .9s ease 1.2s forwards}
  @keyframes fadeOnly{to{opacity:1}}
  @keyframes fadeUp{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}
  .main__scroll{animation:bob 2.4s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}

  /* inner-page title underline sweep */
  .fx .inner-page__title,.fx .section-heading__title{position:relative}
  .fx .inner-page__title::after,.fx .section-heading__title::after{content:'';position:absolute;left:0;bottom:-12px;width:64px;height:3px;background:#DD3927;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.7,.2,1) .35s}
  .fx .section-heading__title::after{left:50%;margin-left:-32px;transform-origin:center}
  .fx .is-in .inner-page__title::after,.fx .inner-page__title.is-in::after,.fx .section-heading.is-in .section-heading__title::after{transform:scaleX(1)}
  .main-contacts__heading .section-heading__title::after{left:0;margin-left:0}
}

/* hover polish (always on) */
:where(.btn){position:relative;overflow:hidden}
.btn{transition:translate .25s ease,box-shadow .25s ease,background-color .25s ease}
.btn::after{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);pointer-events:none}
.btn:hover{translate:0 -2px;box-shadow:6px 10px 22px rgba(221,57,39,.35)}
.btn:hover::after{animation:shine .8s ease}
@keyframes shine{to{left:130%}}

.portfolio__item,.services__item,.cargo__item,.office,.partners__item,.services-slider__item{transition:translate .45s cubic-bezier(.2,.7,.2,1),scale .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s cubic-bezier(.2,.7,.2,1)}
.portfolio__item:hover,.services__item:hover,.office:hover{translate:0 -6px;box-shadow:0 22px 40px rgba(0,0,0,.28)}
.cargo__item:hover{translate:0 -4px}
.partners__item:hover{scale:1.06}
.services__img img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.services__item:hover .services__img img{transform:translateX(10px) scale(1.03)}
.dropdown-nav__link,.nav__link,.footer__link{transition:color .2s ease}
.dropdown-nav__link:hover .dropdown-nav__icon{animation:nudge .5s ease}
@keyframes nudge{50%{transform:translateX(4px)}}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
.stats + .services-slider{padding-top:56px}
.services__img img[src$="services-07.png"]{max-height:178px;margin:0 auto;width:auto}
.fx .inner-page__img{overflow:hidden}

/* ---------- Offices (contacts page + main page) ---------- */
.offices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;margin-top:40px}
.office{display:flex;flex-direction:column;padding:32px;background:rgba(22,21,20,.82);border-top:4px solid #DD3927;box-shadow:12px 12px 32px rgba(0,0,0,.25);color:#fff}
.office__label{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#DD3927}
.office__title{margin:0 0 20px;font-size:26px;font-weight:700;line-height:1.25;color:#fff}
.office__info{flex-grow:1;margin:0 0 28px;padding:0;list-style:none;font-size:16px;line-height:1.55}
.office__info li{display:flex;gap:12px;margin-bottom:10px}
.office__info li:last-child{margin-bottom:0}
.office__key{flex:0 0 70px;color:rgba(255,255,255,.55)}
.office__info a{font-weight:700;color:#fff;text-decoration:none}
.office__info a:hover{color:#DD3927}
.office__map{display:block;width:100%;height:360px;border:0}
@media screen and (max-width:1023px){.offices{grid-template-columns:1fr;gap:24px}}
@media screen and (max-width:767px){.offices{margin-top:0}.office{padding:22px 18px}.office__title{font-size:21px}.office__map{height:260px}.office__key{flex-basis:62px}}
.main-contacts--bg .office{background:rgba(22,21,20,.9)}
.main-contacts--bg .offices{margin-top:10px}

/* ---------- Services slider tabs: fit all items without hidden scrolling ---------- */
@media screen and (min-width:1024px){
  .services-slider__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;overflow:visible}
  .services-slider__item+.services-slider__item{margin-left:0}
  .services-slider__elem{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;height:210px;padding:22px 18px;font-size:16px;line-height:1.35;transition:translate .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
  .services-slider__elem:hover{translate:0 -4px;box-shadow:14px 18px 36px rgba(0,0,0,.35)}
  .services-slider__icon{min-width:92px;width:92px;height:92px;margin:0 auto 14px}
}
@media screen and (min-width:1440px){
  .services-slider__list{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
  .services-slider__elem{height:220px;font-size:15px}
  .services-slider__icon{min-width:84px;width:84px;height:84px}
}
/* road slide: the cut-out is smaller than the others, keep it crisp */
.services-slider__slide--road .services-slider__img{display:flex;justify-content:center}
.services-slider__slide--road .services-slider__img img{max-height:360px;width:auto;max-width:100%}