.home-main { background: #fff; }
.home-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, #f8f9fb 0%, #fff 56%, #fff1f2 100%); border-bottom: 1px solid var(--nw-line); }
.home-hero::before { content: ""; position: absolute; width: 620px; height: 620px; inset-inline-end: -260px; top: -310px; border-radius: 50%; background: radial-gradient(circle, rgba(201, 47, 53, .16), rgba(201, 47, 53, 0) 70%); pointer-events: none; }
.home-hero__viewport { position: relative; min-height: 610px; }
.home-hero__slide { position: absolute; inset: 0; display: grid; align-items: center; visibility: hidden; opacity: 0; transform: translateX(24px); transition: opacity .45s ease, transform .45s ease, visibility .45s; }
.home-hero__slide.is-active { position: relative; visibility: visible; opacity: 1; transform: translateX(0); }
.home-hero__grid { min-height: 610px; display: grid; grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr); align-items: center; gap: clamp(36px, 6vw, 88px); padding-block: 58px 76px; }
.home-hero__copy { position: relative; z-index: 2; }
.home-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--nw-red); font-size: .76rem; font-weight: 900; letter-spacing: .11em; }
.home-hero__eyebrow::before { content: ""; width: 38px; height: 3px; border-radius: 99px; background: linear-gradient(90deg, var(--nw-red), var(--nw-gold)); }
.home-hero h1 { max-width: 740px; margin: 18px 0 18px; font-size: clamp(2.45rem, 5.1vw, 5.25rem); line-height: 1.11; letter-spacing: -.055em; }
.home-hero__copy > p { max-width: 680px; margin: 0; color: var(--nw-muted); font-size: clamp(1rem, 1.5vw, 1.14rem); line-height: 2.05; }
.home-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-top: 30px; }
.home-primary-action { background: var(--nw-red); color: #fff; box-shadow: 0 13px 28px rgba(201, 47, 53, .24); }
.home-primary-action:hover { background: var(--nw-red-strong); box-shadow: 0 18px 34px rgba(201, 47, 53, .28); }
.home-secondary-action { border-color: #cfd6df; background: #fff; color: var(--nw-ink); }
.home-secondary-action:hover { border-color: var(--nw-red); color: var(--nw-red); }
.home-call-action { min-height: 52px; display: inline-flex; align-items: center; gap: 9px; padding: 0 12px; color: var(--nw-ink); text-decoration: none; font-weight: 850; }
.home-call-action svg { width: 24px; color: var(--nw-red); }
.home-hero__trust { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 28px; color: #485466; font-size: .82rem; font-weight: 750; }
.home-hero__trust span { display: inline-flex; align-items: center; gap: 8px; }
.home-hero__trust i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #e8f8ee; color: #178448; font-style: normal; font-size: .72rem; }
.home-hero__visual { position: relative; min-width: 0; }
.home-hero__image-shell { position: relative; overflow: hidden; aspect-ratio: 1.45; border: 1px solid rgba(201, 47, 53, .16); border-radius: 32px; background: #fff; box-shadow: 0 30px 74px rgba(31, 41, 55, .13); }
.home-hero__image-shell::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 255, 255, .16), transparent 35%); pointer-events: none; }
.home-hero__image-shell img { width: 100%; height: 100%; object-fit: cover; }
.home-hero__badge { position: absolute; inset-inline-start: -26px; bottom: 28px; min-width: 190px; padding: 15px 18px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 16px; background: rgba(24, 34, 49, .92); color: #fff; box-shadow: var(--nw-shadow-md); backdrop-filter: blur(16px); }
.home-hero__badge b { display: block; font: 800 1rem/1.2 Arial, sans-serif; letter-spacing: .12em; }
.home-hero__badge span { display: block; margin-top: 5px; color: #b9c3cf; font-size: .75rem; }
.home-hero__controls { position: absolute; inset-inline: 0; bottom: 22px; z-index: 10; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.home-hero__dots, .home-hero__arrows { display: flex; align-items: center; gap: 8px; pointer-events: auto; }
.home-hero__dots button { width: 11px; height: 11px; padding: 0; border: 0; border-radius: 99px; background: #cbd1d9; transition: width .2s ease, background .2s ease; }
.home-hero__dots button.is-active { width: 34px; background: var(--nw-red); }
.home-hero__arrows button { width: 48px; height: 48px; border: 1px solid #d8dde4; border-radius: 14px; background: rgba(255, 255, 255, .92); color: var(--nw-ink); font-size: 1.7rem; box-shadow: var(--nw-shadow-sm); }
.home-hero__arrows button:hover { border-color: var(--nw-red); color: var(--nw-red); }

.home-section-title { margin: 8px 0 10px; font-size: clamp(1.9rem, 3.5vw, 3.25rem); line-height: 1.25; letter-spacing: -.03em; }
.home-customers { padding-top: 58px; padding-bottom: 58px; background: #fff; }
.home-logo-marquee { overflow: hidden; margin-top: 28px; padding: 8px 0; mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.home-logo-track { width: max-content; display: flex; gap: 16px; animation: home-logo-scroll 34s linear infinite; }
[dir="rtl"] .home-logo-track { animation-direction: reverse; }
.home-logo-marquee:hover .home-logo-track { animation-play-state: paused; }
.home-logo-card { width: 154px; height: 94px; flex: 0 0 auto; display: grid; place-items: center; padding: 16px; border: 1px solid var(--nw-line); border-radius: 17px; background: #fff; box-shadow: 0 7px 22px rgba(23, 32, 45, .045); }
.home-logo-card img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); opacity: .68; transition: filter .2s ease, opacity .2s ease, transform .2s ease; }
.home-logo-card:hover img { filter: grayscale(0); opacity: 1; transform: scale(1.04); }
@keyframes home-logo-scroll { to { transform: translateX(-50%); } }

.home-featured { background: var(--nw-soft); border-block: 1px solid var(--nw-line); }
.home-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.home-section-head .nw-section-heading { margin-bottom: 0; }
.home-text-link { min-height: 48px; display: inline-flex; align-items: center; gap: 8px; padding: 0 4px; color: var(--nw-red); text-decoration: none; font-weight: 900; white-space: nowrap; }
.home-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.home-product-card { min-width: 0; overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--nw-line); border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(23, 32, 45, .055); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.home-product-card:hover { transform: translateY(-7px); border-color: rgba(201, 47, 53, .25); box-shadow: var(--nw-shadow-md); }
.home-product-card__media { position: relative; aspect-ratio: 1.28; display: grid; place-items: center; padding: 24px; overflow: hidden; background: linear-gradient(145deg, #f8f9fb, #eef1f5); }
.home-product-card__media img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.home-product-card:hover .home-product-card__media img { transform: scale(1.045); }
.home-product-card__media > span { position: absolute; top: 14px; inset-inline-start: 14px; padding: 5px 9px; border-radius: 99px; background: rgba(24, 34, 49, .88); color: #fff; font: 800 .65rem/1 Arial, sans-serif; letter-spacing: .08em; }
.home-product-card__body { flex: 1; display: flex; flex-direction: column; padding: 20px; }
.home-product-card h3 { margin: 0 0 10px; font-size: 1.08rem; line-height: 1.6; }
.home-product-card h3 a { color: var(--nw-ink); text-decoration: none; }
.home-product-card p { display: -webkit-box; overflow: hidden; margin: 0 0 18px; color: var(--nw-muted); font-size: .82rem; line-height: 1.9; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.home-product-card__link { min-height: 46px; display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 13px; border-top: 1px solid var(--nw-line); color: var(--nw-red); text-decoration: none; font-size: .84rem; font-weight: 900; }

.home-about { position: relative; overflow: hidden; background: #fff; }
.home-about::before { content: ""; position: absolute; width: 420px; height: 420px; inset-inline-start: -250px; bottom: -230px; border-radius: 50%; background: radial-gradient(circle, rgba(239, 197, 74, .18), transparent 70%); }
.home-about__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: clamp(38px, 7vw, 90px); align-items: center; }
.home-about__visual { position: relative; min-height: 470px; overflow: hidden; border-radius: 30px; background: #e8ebef; box-shadow: var(--nw-shadow-md); }
.home-about__visual img { width: 100%; height: 100%; min-height: 470px; object-fit: cover; filter: saturate(.8) contrast(1.05); }
.home-about__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(19, 28, 41, .65)); }
.home-about__stamp { position: absolute; z-index: 2; inset-inline-start: 24px; bottom: 24px; padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, .92); box-shadow: var(--nw-shadow-sm); backdrop-filter: blur(14px); }
.home-about__stamp b { display: block; color: var(--nw-red); font: 900 .95rem/1 Arial, sans-serif; letter-spacing: .1em; }
.home-about__stamp span { display: block; margin-top: 6px; color: var(--nw-muted); font-size: .76rem; font-weight: 750; }
.home-about__text { margin: 17px 0 0; color: var(--nw-muted); font-size: 1rem; line-height: 2.15; }
.home-about__list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; margin: 24px 0 0; padding: 0; list-style: none; }
.home-about__list li { display: flex; align-items: flex-start; gap: 9px; color: #3d495b; font-size: .88rem; line-height: 1.8; }
.home-about__list li span { width: 25px; height: 25px; flex: 0 0 auto; display: grid; place-items: center; margin-top: 2px; border-radius: 50%; background: var(--nw-red-soft); color: var(--nw-red); font-size: .7rem; font-weight: 900; }
.home-about__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }

.home-categories { background: #1a2433; color: #fff; }
.home-categories .nw-eyebrow { color: #f0c94f; }
.home-categories .nw-eyebrow::before { background: linear-gradient(90deg, #f0c94f, #e34d53); }
.home-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 30px; }
.home-category-card { min-height: 126px; display: grid; grid-template-columns: 58px minmax(0, 1fr) 44px; align-items: center; gap: 16px; padding: 20px; border: 1px solid rgba(255, 255, 255, .11); border-radius: 18px; background: rgba(255, 255, 255, .045); color: #fff; text-decoration: none; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.home-category-card:hover { transform: translateY(-4px); border-color: rgba(239, 197, 74, .42); background: rgba(255, 255, 255, .075); }
.home-category-card__number { color: rgba(255, 255, 255, .28); font: 800 1.4rem/1 Arial, sans-serif; }
.home-category-card h3 { margin: 0 0 6px; font-size: 1.05rem; }
.home-category-card p { margin: 0; color: #9eabba; font-size: .78rem; }
.home-category-card > b { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: rgba(201, 47, 53, .18); color: #ff8d91; }

.home-faq { background: var(--nw-soft); }
.home-faq__grid { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); gap: clamp(36px, 7vw, 90px); align-items: start; }
.home-faq__grid .nw-section-heading { position: sticky; top: 24px; margin-bottom: 0; }
.home-faq__items { display: flex; flex-direction: column; gap: 12px; }
.home-faq__item { overflow: hidden; border: 1px solid var(--nw-line); border-radius: 17px; background: #fff; box-shadow: 0 8px 24px rgba(23, 32, 45, .045); }
.home-faq__item summary { min-height: 70px; display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; gap: 12px; padding: 14px 18px; list-style: none; cursor: pointer; }
.home-faq__item summary::-webkit-details-marker { display: none; }
.home-faq__item summary > span { color: var(--nw-red); font: 900 .8rem/1 Arial, sans-serif; }
.home-faq__item summary strong { font-size: .94rem; line-height: 1.75; }
.home-faq__item summary i { width: 34px; height: 34px; display: grid; place-items: center; justify-self: end; border-radius: 10px; background: var(--nw-soft); color: var(--nw-red); font-style: normal; font-size: 1.3rem; transition: transform .2s ease, background .2s ease, color .2s ease; }
.home-faq__item[open] summary i { transform: rotate(45deg); background: var(--nw-red); color: #fff; }
.home-faq__item > div { padding: 0 70px 20px 70px; color: var(--nw-muted); font-size: .86rem; line-height: 2; }

.home-cta { padding: 0 0 clamp(58px, 7vw, 94px); background: var(--nw-soft); }
.home-cta__card { position: relative; overflow: hidden; min-height: 255px; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: clamp(28px, 5vw, 58px); border-radius: 28px; background: linear-gradient(125deg, #9f1f25, #cf353b 58%, #e36a55); color: #fff; box-shadow: 0 25px 60px rgba(159, 31, 37, .25); }
.home-cta__card::after { content: ""; position: absolute; width: 360px; height: 360px; inset-inline-end: -100px; top: -180px; border: 70px solid rgba(255, 255, 255, .08); border-radius: 50%; }
.home-cta__card > * { position: relative; z-index: 1; }
.home-cta__card span { color: #ffd9da; font-size: .8rem; font-weight: 850; }
.home-cta__card h2 { margin: 8px 0 9px; font-size: clamp(1.7rem, 3.4vw, 3rem); line-height: 1.3; }
.home-cta__card p { max-width: 720px; margin: 0; color: #ffe6e7; line-height: 2; }
.home-cta__actions { min-width: 270px; display: flex; flex-direction: column; gap: 10px; }
.home-cta__actions a { min-height: 54px; display: flex; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid rgba(255, 255, 255, .32); border-radius: 14px; background: rgba(255, 255, 255, .12); color: #fff; text-decoration: none; font-weight: 850; backdrop-filter: blur(10px); }
.home-cta__actions a:hover { background: #fff; color: var(--nw-red-strong); }

@media (max-width: 1060px) {
  .home-hero__viewport, .home-hero__grid { min-height: 690px; }
  .home-hero__grid { grid-template-columns: 1fr; gap: 30px; padding-block: 46px 86px; }
  .home-hero__copy { max-width: 850px; }
  .home-hero__visual { max-width: 760px; }
  .home-hero__image-shell { aspect-ratio: 1.75; }
  .home-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-about__grid { grid-template-columns: 1fr; }
  .home-about__visual { min-height: 400px; }
  .home-faq__grid { grid-template-columns: 1fr; }
  .home-faq__grid .nw-section-heading { position: static; }
  .home-cta__card { align-items: flex-start; flex-direction: column; }
  .home-cta__actions { width: 100%; min-width: 0; flex-direction: row; }
  .home-cta__actions a { flex: 1; }
}

@media (max-width: 700px) {
  .home-hero::before { width: 390px; height: 390px; inset-inline-end: -210px; top: -210px; }
  .home-hero__viewport, .home-hero__grid { min-height: 720px; }
  .home-hero__grid { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 28px; padding-block: 32px 88px; }
  .home-hero__copy { text-align: center; }
  .home-hero__eyebrow { justify-content: center; font-size: .66rem; letter-spacing: .075em; }
  .home-hero h1 { margin-top: 14px; font-size: clamp(2.15rem, 10vw, 3.35rem); line-height: 1.18; }
  .home-hero__copy > p { font-size: .94rem; line-height: 1.95; }
  .home-hero__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .home-primary-action, .home-secondary-action { width: 100%; padding-inline: 12px; }
  .home-call-action { grid-column: 1 / -1; justify-content: center; min-height: 50px; }
  .home-hero__trust { justify-content: center; gap: 10px 14px; font-size: .73rem; }
  .home-hero__visual { order: -1; width: 100%; }
  .home-hero__image-shell { aspect-ratio: 1.3; border-radius: 22px; }
  .home-hero__badge { inset-inline-start: 12px; bottom: 12px; min-width: 165px; padding: 11px 13px; border-radius: 13px; text-align: start; }
  .home-hero__badge b { font-size: .78rem; }
  .home-hero__badge span { font-size: .65rem; }
  .home-hero__controls { bottom: 18px; }
  .home-hero__arrows button { width: 46px; height: 46px; }
  .home-section-head { align-items: flex-start; flex-direction: column; }
  .home-product-grid { grid-template-columns: 1fr; }
  .home-product-card__media { aspect-ratio: 1.38; }
  .home-about__visual, .home-about__visual img { min-height: 300px; }
  .home-about__visual { border-radius: 21px; }
  .home-about__list { grid-template-columns: 1fr; }
  .home-about__actions { display: grid; grid-template-columns: 1fr; }
  .home-category-grid { grid-template-columns: 1fr; }
  .home-category-card { min-height: 110px; grid-template-columns: 46px minmax(0, 1fr) 42px; padding: 16px; }
  .home-faq__item summary { grid-template-columns: 30px minmax(0, 1fr) 36px; padding: 13px 14px; }
  .home-faq__item > div { padding: 0 52px 18px 14px; }
  [dir="rtl"] .home-faq__item > div { padding: 0 14px 18px 52px; }
  .home-cta__card { border-radius: 21px; }
  .home-cta__actions { flex-direction: column; }
}

@media (max-width: 380px) {
  .home-hero__viewport, .home-hero__grid { min-height: 750px; }
  .home-hero__actions { grid-template-columns: 1fr; }
  .home-call-action { grid-column: auto; }
  .home-hero__trust { flex-direction: column; align-items: center; }
  .home-logo-card { width: 132px; height: 84px; }
}

/* Keep carousel indicators visually compact while making their full hit targets accessible. */
.home-hero__dots { gap: 2px; }
.home-hero__dots button { position: relative; width: 44px; height: 44px; background: transparent; }
.home-hero__dots button::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; transform: translate(-50%,-50%); border-radius: 99px; background: #cbd1d9; transition: width .2s ease, background .2s ease; }
.home-hero__dots button.is-active { width: 52px; background: transparent; }
.home-hero__dots button.is-active::after { width: 34px; background: var(--nw-red); }

/* V4: restored full-bleed landing slider while retaining accessible controls. */
.home-hero--classic{position:relative;min-height:clamp(520px,72vh,760px);border-bottom:0;background:#111;isolation:isolate}
.home-hero--classic::before{display:none}
.home-hero--classic .home-hero__viewport{min-height:clamp(520px,72vh,760px)}
.home-hero--classic .home-hero__slide{min-height:clamp(520px,72vh,760px);overflow:hidden;transform:none}
.home-hero--classic .home-hero__slide.is-active{position:relative}
.home-hero__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);transition:transform 6s ease}
.home-hero__slide.is-active .home-hero__background{transform:scale(1.055)}
.home-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,28,.86) 0%,rgba(11,18,28,.62) 42%,rgba(11,18,28,.18) 72%,rgba(11,18,28,.28) 100%),linear-gradient(0deg,rgba(11,18,28,.5),transparent 50%)}
[dir="rtl"] .home-hero__shade{background:linear-gradient(270deg,rgba(11,18,28,.86) 0%,rgba(11,18,28,.62) 42%,rgba(11,18,28,.18) 72%,rgba(11,18,28,.28) 100%),linear-gradient(0deg,rgba(11,18,28,.5),transparent 50%)}
.home-hero__classic-content{position:relative;z-index:2;min-height:clamp(520px,72vh,760px);display:flex;align-items:center;padding-block:70px 100px}
.home-hero__classic-copy{max-width:min(720px,64vw);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.2)}
.home-hero--classic .home-hero__eyebrow{color:#fff}
.home-hero--classic h1,.home-hero--classic .home-hero__slide-title{margin:20px 0 16px;color:#fff;font-size:clamp(2.6rem,5.4vw,5.7rem);line-height:1.09;letter-spacing:-.05em;text-wrap:balance}
.home-hero--classic .home-hero__classic-copy>p{max-width:660px;margin:0;color:rgba(255,255,255,.84);font-size:clamp(1rem,1.5vw,1.22rem);line-height:2}
.home-hero--classic .home-secondary-action{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px)}
.home-hero--classic .home-secondary-action:hover{border-color:#fff;background:#fff;color:var(--nw-red)}
.home-hero--classic .home-call-action{color:#fff;border-radius:14px;background:rgba(15,23,34,.42);padding-inline:20px;backdrop-filter:blur(10px)}
.home-hero__controls--classic{position:absolute;z-index:4;inset-inline:0;bottom:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.home-hero__controls--classic>*{pointer-events:auto}
.home-hero__controls--classic .home-hero__dots{padding:9px 12px;border-radius:99px;background:rgba(15,23,34,.52);backdrop-filter:blur(12px)}
.home-hero__controls--classic .home-hero__dots button{background:rgba(255,255,255,.48)}
.home-hero__controls--classic .home-hero__dots button.is-active{background:#fff}
.home-hero__controls--classic .home-hero__arrows button{border-color:rgba(255,255,255,.45);background:rgba(15,23,34,.52);color:#fff;backdrop-filter:blur(12px)}
@media(max-width:760px){
  .home-hero--classic,.home-hero--classic .home-hero__viewport,.home-hero--classic .home-hero__slide,.home-hero__classic-content{min-height:clamp(570px,78svh,720px)}
  .home-hero__background{object-position:center}
  .home-hero__shade,[dir="rtl"] .home-hero__shade{background:linear-gradient(0deg,rgba(10,17,27,.91) 0%,rgba(10,17,27,.66) 55%,rgba(10,17,27,.2) 100%)}
  .home-hero__classic-content{align-items:flex-end;padding-block:72px 92px}
  .home-hero__classic-copy{max-width:100%;text-align:center}
  .home-hero--classic .home-hero__eyebrow{justify-content:center;font-size:.68rem}
  .home-hero--classic h1,.home-hero--classic .home-hero__slide-title{font-size:clamp(2.15rem,11vw,3.6rem);line-height:1.14}
  .home-hero--classic .home-hero__classic-copy>p{font-size:.96rem;line-height:1.9}
  .home-hero--classic .home-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .home-hero--classic .home-call-action{grid-column:1/-1;justify-content:center;min-height:54px}
  .home-hero__controls--classic{bottom:18px}
  .home-hero__controls--classic .home-hero__arrows{display:none}
  .home-hero__controls--classic{justify-content:center}
}
@media(max-width:380px){.home-hero--classic .home-hero__actions{grid-template-columns:1fr}.home-hero--classic .home-call-action{grid-column:auto}.home-hero--classic h1,.home-hero--classic .home-hero__slide-title{font-size:2.05rem}}

/* V4.1 — compact, single-line landing headings. */
.home-hero--classic .home-hero__classic-copy {
  max-width: min(1080px, 92vw);
}
.home-hero--classic h1,
.home-hero--classic .home-hero__slide-title {
  max-width: none;
  font-size: clamp(1.9rem, 2.8vw, 2.75rem);
  line-height: 1.28;
  letter-spacing: -.025em;
  white-space: nowrap;
  text-wrap: nowrap;
}
.home-about__title {
  margin-bottom: 12px;
  font-size: clamp(1.28rem, 1.9vw, 1.78rem);
  line-height: 1.55;
  letter-spacing: -.015em;
  white-space: nowrap;
  text-wrap: nowrap;
}

@media (max-width: 760px) {
  .home-hero--classic h1,
  .home-hero--classic .home-hero__slide-title {
    font-size: clamp(.82rem, 4vw, 1.05rem);
    line-height: 1.55;
    letter-spacing: -.015em;
  }
  .home-about__title {
    font-size: clamp(1rem, 4.3vw, 1.18rem);
    line-height: 1.65;
    letter-spacing: -.01em;
  }
}

@media (max-width: 340px) {
  .home-hero--classic h1,
  .home-hero--classic .home-hero__slide-title {
    font-size: .82rem;
  }
  .home-about__title {
    font-size: .94rem;
  }
}

/* V4.2: customer logos need stronger visual presence without crowding mobile. */
.home-logo-track { gap: 20px; }
.home-logo-card {
  width: 196px;
  height: 118px;
  padding: 14px 18px;
  border-radius: 20px;
}
.home-logo-card img { opacity: .78; }
.home-text-link i,
.home-product-card__link i,
.home-category-card > i { flex: 0 0 auto; }
.home-category-card > i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(201, 47, 53, .18);
  color: #ff8d91;
}
.home-hero__arrows button i { font-size: 1rem; }
.home-cta__actions a { direction: ltr; unicode-bidi: isolate; }
@media (max-width: 700px) {
  .home-logo-track { gap: 12px; }
  .home-logo-card { width: 166px; height: 102px; padding: 12px 14px; border-radius: 17px; }
}
@media (max-width: 380px) {
  .home-logo-card { width: 150px; height: 94px; }
}


/* V4.4: larger customer-logo cards with continuous sway animation. */
.home-logo-track { gap: 22px; }
.home-logo-card {
  width: 214px;
  height: 196px;
  padding: 14px 18px;
  border-radius: 20px;
  border: 1px solid rgba(201, 47, 53, .14);
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: 0 16px 38px rgba(23, 32, 45, .08);
  animation: home-logo-card-sway 4.6s ease-in-out infinite;
  transform-origin: center center;
}
.home-logo-card:nth-child(even) { animation-duration: 5.2s; animation-direction: alternate-reverse; }
.home-logo-card img { opacity: .82; }
.home-logo-card:hover { border-color: rgba(201, 47, 53, .3); box-shadow: 0 22px 48px rgba(23, 32, 45, .12); }
.home-logo-card:hover img { transform: scale(1.05); }
@keyframes home-logo-card-sway {
  0%, 100% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
}
@media (max-width: 700px) {
  .home-logo-track { gap: 14px; }
  .home-logo-card { width: 178px; height: 170px; }
}
@media (max-width: 380px) {
  .home-logo-card { width: 154px; height: 154px; padding: 12px 14px; }
}

/* V4.5 — slider artwork is composed with equipment on the physical left
   and a clean copy area on the physical right in every language. */
.home-hero--classic .home-hero__classic-content {
  justify-content: flex-end;
}
.home-hero--classic .home-hero__classic-copy {
  margin-left: auto;
  margin-right: 0;
}
[dir="rtl"] .home-hero--classic .home-hero__classic-copy {
  direction: rtl;
  text-align: right;
}
[dir="ltr"] .home-hero--classic .home-hero__classic-copy {
  direction: ltr;
  text-align: left;
}
.home-hero--classic .home-hero__background {
  object-position: left center;
}
.home-hero--classic .home-hero__shade,
[dir="rtl"] .home-hero--classic .home-hero__shade,
[dir="ltr"] .home-hero--classic .home-hero__shade {
  background:
    linear-gradient(270deg, rgba(11,18,28,.88) 0%, rgba(11,18,28,.68) 34%, rgba(11,18,28,.22) 61%, rgba(11,18,28,.02) 82%),
    linear-gradient(0deg, rgba(11,18,28,.28), transparent 48%);
}

@media (max-width: 760px) {
  .home-hero--classic .home-hero__classic-content {
    align-items: flex-start;
    justify-content: flex-end;
    padding-block: 64px 92px;
  }
  .home-hero--classic .home-hero__classic-copy {
    width: min(94%, 560px);
    max-width: min(94%, 560px);
    margin-left: auto;
    margin-right: 0;
    text-align: start;
  }
  .home-hero--classic .home-hero__background {
    object-position: left center;
  }
  .home-hero--classic .home-hero__shade,
  [dir="rtl"] .home-hero--classic .home-hero__shade,
  [dir="ltr"] .home-hero--classic .home-hero__shade {
    background:
      linear-gradient(270deg, rgba(10,17,27,.9) 0%, rgba(10,17,27,.68) 52%, rgba(10,17,27,.13) 100%),
      linear-gradient(180deg, rgba(10,17,27,.22), transparent 58%);
  }
}


/* V4.7 — borderless slider copy with a soft directional vignette.
   The equipment remains visible on the physical left; text stays on the physical right. */
.home-hero--classic .home-hero__classic-content {
  direction: ltr;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.home-hero--classic .home-hero__classic-copy {
  position: relative;
  isolation: isolate;
  flex: 0 1 680px;
  width: clamp(360px, 43vw, 680px);
  max-width: 50%;
  margin: 0 0 0 auto;
  padding: clamp(8px, 1vw, 16px) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #fff;
  text-shadow: 0 3px 18px rgba(0,0,0,.72), 0 1px 2px rgba(0,0,0,.88);
}
.home-hero--classic .home-hero__classic-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -58px -7vw -58px -8vw;
  pointer-events: none;
  background: radial-gradient(ellipse at 73% 50%, rgba(5,11,19,.68) 0%, rgba(5,11,19,.44) 36%, rgba(5,11,19,.14) 60%, transparent 76%);
}
[dir="rtl"] .home-hero--classic .home-hero__classic-copy {
  direction: rtl;
  text-align: right;
}
[dir="ltr"] .home-hero--classic .home-hero__classic-copy {
  direction: ltr;
  text-align: left;
}
.home-hero--classic h1,
.home-hero--classic .home-hero__slide-title {
  max-width: 100%;
}
[dir="ltr"] .home-hero--classic h1,
[dir="ltr"] .home-hero--classic .home-hero__slide-title {
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(1.8rem, 2.55vw, 2.55rem);
  line-height: 1.25;
}
.home-hero--classic .home-hero__classic-copy > p {
  text-shadow: 0 2px 12px rgba(0,0,0,.78);
}
.home-hero--classic .home-hero__shade,
[dir="rtl"] .home-hero--classic .home-hero__shade,
[dir="ltr"] .home-hero--classic .home-hero__shade {
  background:
    linear-gradient(270deg, rgba(5,11,19,.93) 0%, rgba(5,11,19,.78) 24%, rgba(5,11,19,.43) 45%, rgba(5,11,19,.12) 63%, transparent 78%),
    linear-gradient(0deg, rgba(5,11,19,.28), transparent 50%);
}

/* Previous/next controls follow the document direction without changing action semantics. */
.home-hero__arrows { direction: ltr; }
[dir="rtl"] .home-hero__arrows { direction: rtl; }

/* Customer logos continuously pan in both directions instead of appearing static. */
.home-logo-marquee {
  direction: ltr;
  overflow: hidden;
}
.home-logo-track,
[dir="rtl"] .home-logo-track {
  direction: ltr;
  animation: home-logo-auto-pan 24s ease-in-out infinite alternate !important;
  animation-direction: alternate !important;
  will-change: transform;
  transform: translate3d(0,0,0);
}
.home-logo-marquee:hover .home-logo-track {
  animation-play-state: running;
}
@keyframes home-logo-auto-pan {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(calc(-50% - 11px),0,0); }
}

@media (max-width: 980px) {
  .home-hero--classic .home-hero__classic-copy {
    width: min(54vw, 610px);
    max-width: 54%;
  }
}

@media (max-width: 760px) {
  .home-hero--classic .home-hero__classic-content {
    direction: ltr;
    align-items: flex-start;
    justify-content: flex-end;
    padding-block: 34px 88px;
  }
  .home-hero--classic .home-hero__classic-copy {
    flex: 0 1 auto;
    width: min(92%, 560px);
    max-width: min(92%, 560px);
    margin: 0 0 0 auto;
    padding: 8px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .home-hero--classic .home-hero__classic-copy::before {
    inset: -26px -24px -34px -44px;
    background: radial-gradient(ellipse at 82% 34%, rgba(4,10,18,.76) 0%, rgba(4,10,18,.5) 42%, rgba(4,10,18,.12) 70%, transparent 84%);
  }
  [dir="rtl"] .home-hero--classic .home-hero__classic-copy { text-align: right; }
  [dir="ltr"] .home-hero--classic .home-hero__classic-copy { text-align: left; }
  .home-hero--classic .home-hero__shade,
  [dir="rtl"] .home-hero--classic .home-hero__shade,
  [dir="ltr"] .home-hero--classic .home-hero__shade {
    background:
      linear-gradient(180deg, rgba(4,10,18,.84) 0%, rgba(4,10,18,.6) 28%, rgba(4,10,18,.2) 56%, transparent 78%),
      linear-gradient(270deg, rgba(4,10,18,.62) 0%, rgba(4,10,18,.25) 58%, transparent 100%);
  }
  [dir="ltr"] .home-hero--classic h1,
  [dir="ltr"] .home-hero--classic .home-hero__slide-title {
    font-size: clamp(1.15rem, 5.4vw, 1.7rem);
    line-height: 1.35;
  }
  .home-hero--classic .home-primary-action,
  .home-hero--classic .home-secondary-action,
  .home-hero--classic .home-call-action {
    box-shadow: 0 10px 24px rgba(0,0,0,.24);
  }
  .home-logo-track,
  [dir="rtl"] .home-logo-track {
    animation-duration: 18s !important;
  }
}

@media (max-width: 420px) {
  .home-hero--classic .home-hero__classic-content {
    padding-block-start: 26px;
  }
  .home-hero--classic .home-hero__classic-copy {
    width: 94%;
    max-width: 94%;
  }
  .home-hero--classic .home-hero__classic-copy::before {
    inset: -20px -18px -30px -28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-logo-track,
  [dir="rtl"] .home-logo-track {
    animation: home-logo-auto-pan 40s linear infinite alternate !important;
  }
}
