@charset "UTF-8";

/* =========================
   CREATACRM WAREHOUSE PAGE
   Extends landing-page.css + sales-page.css
========================= */

.menu a.is-active {
  color: var(--sales-blue, #2C86D3);
}

a.journey-step {
  text-decoration: none;
  color: inherit;
  display: block;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

a.journey-step:hover {
  border-color: rgba(44, 134, 211, 0.35);
  box-shadow: 0 10px 26px rgba(44, 134, 211, 0.12);
  transform: translateY(-2px);
}

/* 6-step warehouse fulfilment track */
.warehouse-journey-track {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.warehouse-journey-track .journey-step {
  padding: 16px 10px;
}

.warehouse-journey-track .journey-step h3 {
  font-size: 14px;
  line-height: 1.35;
}

.warehouse-journey-track .journey-step p {
  font-size: 12px;
}

/* Inbound PO → Receive → Warehouse */
.warehouse-inbound-track {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.warehouse-hero-composition,
.warehouse-section-composition {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.sales-hero-visual .warehouse-hero-composition {
  max-width: 100%;
}

.sales-section-intro a,
.sales-copy a {
  color: var(--sales-blue, #2C86D3);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sales-section-intro a:hover,
.sales-copy a:hover {
  color: #1f6fb5;
}

.sales-media .split-card {
  width: 100%;
  background: #fff;
  border: 1px solid var(--sales-border, rgba(44, 134, 211, 0.12));
  box-shadow: 0 12px 32px rgba(44, 134, 211, 0.1);
  border-radius: 18px;
  padding: 34px;
}

.sales-media .split-card h3 {
  margin: 0 0 18px;
  font-size: 22px;
}

.sales-media .split-card ul {
  margin: 0;
  padding-left: 22px;
}

.sales-media .split-card li {
  margin-bottom: 12px;
  color: #52637A;
  line-height: 1.5;
}

.warehouse-phone-mockup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 0;
}

.warehouse-phone-mockup .iphone-frame {
  position: relative;
  width: min(260px, 78%);
  padding: 12px;
  background: linear-gradient(160deg, #2a2f38 0%, #11151c 55%, #000 100%);
  border-radius: 42px;
  box-shadow:
    0 0 0 2px #3a404c,
    0 0 0 5px #0b0d11,
    0 24px 50px rgba(7, 23, 53, 0.28);
}

.warehouse-phone-mockup .iphone-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 32px;
  background: #fff;
}

.warehouse-connected-track {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .warehouse-journey-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .warehouse-connected-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .warehouse-journey-track,
  .warehouse-inbound-track,
  .warehouse-connected-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}