/* YOORshop v2026 — Notre société / Our company */
.ys26-company-page,
.ys26-company-page * { box-sizing: border-box; }

.ys26-company-page {
  --ys26-navy: #061a35;
  --ys26-navy-2: #08264b;
  --ys26-blue: #1e5fd4;
  --ys26-yellow: #ffc400;
  --ys26-text: #17243a;
  --ys26-muted: #526077;
  --ys26-line: #dbe4f1;
  width: 100%;
  color: var(--ys26-text);
  background: #fff;
  font-family: Roboto, Arial, sans-serif;
}

.ys26-company-hero {
  position: relative;
  min-height: 218px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 58% 58%, rgba(30,111,228,.22), transparent 28%),
    linear-gradient(103deg, #03152d 0%, #062247 62%, #082951 100%);
}

.ys26-company-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .24;
  background-image:
    linear-gradient(120deg, transparent 0 46%, rgba(75,150,255,.24) 46.2% 46.5%, transparent 46.7%),
    radial-gradient(circle, rgba(102,171,255,.9) 0 1px, transparent 1.8px);
  background-size: 100% 100%, 78px 78px;
  mask-image: linear-gradient(90deg, transparent 20%, #000 55%, #000 100%);
}

.ys26-company-hero__racks {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: min(36vw, 520px);
  height: 100%;
  object-fit: cover;
  object-position: right center;
  opacity: .94;
}

.ys26-company-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #03152d 0%, rgba(3,21,45,.96) 38%, rgba(3,21,45,.48) 71%, rgba(3,21,45,.08) 100%);
  pointer-events: none;
}

.ys26-company-shell {
  position: relative;
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.ys26-company-hero__inner {
  min-height: 218px;
  display: flex;
  align-items: center;
  padding: 28px 0;
}

.ys26-company-hero__brand {
  display: flex;
  align-items: center;
  gap: 28px;
  position: relative;
  z-index: 2;
}

.ys26-company-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.03;
  font-weight: 800;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.ys26-company-title-line {
  width: 54px;
  height: 4px;
  display: block;
  margin: 14px 0 14px;
  border-radius: 99px;
  background: var(--ys26-yellow);
}

.ys26-company-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.ys26-company-breadcrumb a { color: #fff; text-decoration: none; }
.ys26-company-breadcrumb a:hover { text-decoration: underline; }
.ys26-company-breadcrumb__current { color: var(--ys26-yellow); }

.ys26-company-intro {
  padding: 48px 0 46px;
  background:
    radial-gradient(circle at 83% 22%, rgba(44,102,220,.07), transparent 25%),
    #fff;
}

.ys26-company-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 560px);
  gap: 34px;
  align-items: center;
}

.ys26-company-intro__copy { max-width: 590px; }

.ys26-company-intro h2 {
  margin: 0 0 24px;
  color: var(--ys26-navy);
  font-size: clamp(28px, 2.2vw, 38px);
  line-height: 1.16;
  font-weight: 800;
  letter-spacing: -.02em;
}
.ys26-company-intro h2 strong {
  display: block;
  margin-top: 2px;
  color: var(--ys26-yellow);
  font-weight: 800;
}

.ys26-company-intro p {
  margin: 0 0 15px;
  color: #29364a;
  font-size: 16px;
  line-height: 1.72;
}

.ys26-company-quote {
  position: relative;
  margin: 24px 0 0;
  padding: 18px 22px 18px 58px;
  border: 1px solid #d5dfec;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(4,31,68,.05);
}
.ys26-company-quote::before {
  content: "“";
  position: absolute;
  left: 18px;
  top: 7px;
  color: var(--ys26-yellow);
  font-size: 55px;
  line-height: 1;
  font-family: Georgia, serif;
  font-weight: 700;
}
.ys26-company-quote strong {
  display: block;
  margin-bottom: 5px;
  color: var(--ys26-navy);
  font-size: 14px;
}
.ys26-company-quote p {
  margin: 0;
  font-size: 14px;
  font-style: italic;
  line-height: 1.55;
}

.ys26-company-illustration {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ys26-company-illustration img {
  display: block;
  width: 100%;
  max-width: 560px;
  height: auto;
  margin-left: auto;
}

.ys26-company-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 34px;
}

.ys26-company-card {
  min-height: 190px;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 28px 24px;
  border: 1px solid #e2e8f1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(4,31,68,.08);
}
.ys26-company-card__icon {
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--ys26-yellow);
  background: var(--ys26-navy);
}
.ys26-company-card__icon svg {
  width: 48px;
  height: 48px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ys26-company-card h3 {
  margin: 2px 0 15px;
  color: var(--ys26-navy);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}
.ys26-company-card h3::after {
  content: "";
  display: block;
  width: 38px;
  height: 3px;
  margin-top: 10px;
  border-radius: 99px;
  background: var(--ys26-yellow);
}
.ys26-company-card p {
  margin: 0 0 12px;
  color: #435066;
  font-size: 14px;
  line-height: 1.58;
}
.ys26-company-card a {
  color: #1757d2;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.ys26-company-card a:hover { text-decoration: underline; }

.ys26-company-page + .our-values { margin-top: 0 !important; }

@media (max-width: 991px) {
  .ys26-company-hero__racks { width: 48vw; opacity: .72; }
  .ys26-company-intro__grid { grid-template-columns: 1fr; }
  .ys26-company-intro__copy { max-width: none; }
  .ys26-company-illustration {
    order: 2;
    justify-content: center;
  }
  .ys26-company-illustration img {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  .ys26-company-cards { grid-template-columns: 1fr; }
  .ys26-company-card { min-height: 0; }
}

@media (max-width: 640px) {
  .ys26-company-shell { width: min(100% - 28px, 1180px); }
  .ys26-company-hero,
  .ys26-company-hero__inner { min-height: 178px; }
  .ys26-company-hero__brand { gap: 15px; }
  .ys26-company-hero h1 { font-size: 33px; }
  .ys26-company-title-line { margin: 10px 0; }
  .ys26-company-breadcrumb { font-size: 12px; }
  .ys26-company-hero__racks { width: 58vw; opacity: .42; }
  .ys26-company-intro { padding: 34px 0; }
  .ys26-company-intro__grid { gap: 24px; }
  .ys26-company-intro h2 { font-size: 28px; }
  .ys26-company-intro p { font-size: 15px; }
  .ys26-company-quote { padding-left: 50px; }
  .ys26-company-cards { gap: 16px; margin-top: 26px; }
  .ys26-company-card { grid-template-columns: 68px minmax(0,1fr); padding: 22px 18px; }
  .ys26-company-card__icon { width: 62px; height: 62px; }
  .ys26-company-card__icon svg { width: 37px; height: 37px; }
  .ys26-company-card h3 { font-size: 18px; }
}

/* YOORshop v2026 — COMPANY_FINAL_V5: dark copy card + uncropped illustrations */
.ys26-company-intro__grid {
  gap: 36px;
  align-items: center;
}

.ys26-company-intro__copy {
  max-width: none;
  padding: 34px 36px 32px;
  border: 1px solid rgba(30,95,212,.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(56,128,242,.28), transparent 34%),
    linear-gradient(145deg, #061a35 0%, #0a2b56 62%, #0d3a71 100%);
  box-shadow: 0 18px 42px rgba(4,31,68,.15);
}

.ys26-company-intro__copy h2 { color: #fff; }
.ys26-company-intro__copy > p { color: #eaf1fb; }

.ys26-company-quote {
  border-color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.97);
  box-shadow: 0 10px 28px rgba(2,18,39,.24);
}
.ys26-company-quote p { color: #29364a; }

.ys26-company-illustration {
  position: relative;
  min-width: 0;
  overflow: hidden;
  align-self: center;
  border: 1px solid #e0e8f4;
  border-radius: 18px;
  background: #f5f8fd;
  box-shadow: 0 18px 42px rgba(4,31,68,.12);
}
.ys26-company-illustration img,
.ys26-company-page--en .ys26-company-illustration img {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  object-fit: contain;
  object-position: center;
  transform: none;
}

.ys26-company-page + .our-values .value-item > img {
  display: block;
  width: 96px;
  height: 96px;
  margin: 0 auto 22px;
  object-fit: contain;
}

.ys26-company-page ~ .about-last .row > div:first-child img {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .ys26-company-intro__copy { padding: 30px; }
  .ys26-company-illustration { min-height: 0; }
}

@media (max-width: 640px) {
  .ys26-company-intro__copy {
    padding: 25px 22px;
    border-radius: 14px;
  }
  .ys26-company-illustration { border-radius: 14px; }
  .ys26-company-page + .our-values .value-item > img {
    width: 84px;
    height: 84px;
    margin-bottom: 18px;
  }
}