.mobile-page main { overflow: hidden; }
.mobile-page h1,
.mobile-page main h2 { color: #252936; }
.mobile-page main h2 { font-size: clamp(1.65rem, 2.7vw, 2.35rem); line-height: 1.06; }

.mobile-hero { min-height: 585px; display: flex; align-items: center; padding: 125px 0 55px; }
.mobile-hero h1 { margin-bottom: 13px; color: #0d0e11; font-size: clamp(2.25rem, 4vw, 3.7rem); line-height: .98; }
.mobile-hero p { max-width: 520px; margin-bottom: 25px; color: #4f525d; font-size: 1.12rem; }
.store-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.store-buttons img { display: block; width: 165px; height: 54px; object-fit: contain; }
.mobile-free-copy { display: block; margin-top: 17px; font-size: 1rem; }
.mobile-hero-phone { display: block; width: min(100%, 445px); margin: 0 auto; filter: drop-shadow(0 24px 17px rgba(24, 28, 35, .18)); }

.mobile-dark-intro { padding: 44px 0 48px; color: #fff; background: #333; }
.mobile-dark-intro h2 { margin-bottom: 22px; color: #fff !important; font-size: clamp(1.55rem, 2.5vw, 2.25rem) !important; }
.mobile-dark-intro .btn { padding: .65rem 1.25rem; font-size: 1rem; }

.mobile-stock-section,
.mobile-product-section,
.mobile-share-section { padding: 92px 0; }
.mobile-stock-section h2 { margin-bottom: 26px; }
.mobile-stock-section p { color: #555965; font-size: 1rem; }
.mobile-feature-copy { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 14px; }
.mobile-feature-copy i { flex: 0 0 38px; color: var(--brand); font-size: 2.2rem; }
.mobile-feature-copy p { margin: 0; color: #424650; font-weight: 600; }
.mobile-stock-section .btn { padding: .62rem .95rem; font-size: 1rem;}
.mobile-stock-visual { display: block; width: min(100%, 610px); margin: 0 auto; }

.mobile-signup-block { padding: 30px 0 78px; }
.mobile-signup-card { max-width: 930px; margin: 0 auto; padding: 33px 55px 38px; border: 1px solid #6e7179; border-radius: 16px; }
.mobile-signup-card h2 { margin-bottom: 8px; color: var(--brand) !important; }
.mobile-signup-card > p { margin-bottom: 25px; color: #656974; font-size: 1rem; }
.company-search-row { max-width: 740px; margin: 0 auto; text-align: left; }
.company-search-row .btn { min-width: 132px; padding-block: .58rem; }

.mobile-product-section { padding-top: 65px; }
.mobile-product-section h2 { margin-bottom: 26px; }
.mobile-product-section h2 span { color: var(--brand); }
.mobile-check-list { display: grid; gap: 16px; margin: 0 0 30px; padding: 0; list-style: none; }
.mobile-check-list li { display: flex;  align-items: center; color: #363a45; font-size: 1rem; }
.mobile-check-list li::before { content: "✓"; flex: 0 0 27px; width: 27px; height: 27px; display: grid; place-items: center; color: #fff; background: var(--brand); border-radius: 50%; font-weight: 900; margin-right:12px}
.mobile-product-visual { display: block; width: min(100%, 500px); margin: 0 auto; filter: drop-shadow(0 32px 20px rgba(30, 32, 38, .15)); }

.mobile-order-section { padding: 20px 0 82px; }
.mobile-order-banner { overflow: hidden; padding: 47px 35px 44px; color: #fff; background: #ad0026 url("../images/fond-rouge.png") center / cover no-repeat; border-radius: 18px; }
.mobile-order-banner h2 { margin-bottom: 28px; color: #fff !important; }
.mobile-order-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.mobile-order-pills span { min-width: 185px; padding: 9px 17px; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; font-size: 1rem; font-weight: 600; }
.mobile-order-pills i { margin-right: 7px; }

.mobile-identity-section { padding: 30px 0 80px; }
.mobile-identity-section h2 { margin-bottom: 13px; }
.mobile-identity-section p { margin: 0; color: #4d515b; font-size: 1rem; }
.mobile-identity-section .mobile-red-copy { color: var(--brand); font-weight: 700; }
.mobile-identity-stage { position: relative; width: min(100%, 620px); margin: 25px auto 0; }
.mobile-identity-stage img { display: block; width: min(100%, 480px); margin: 0 auto; }
.identity-tag { position: absolute; z-index: 2; min-width: 155px; padding: 11px 20px; border-radius: 999px; box-shadow: 0 12px 28px rgba(28, 31, 39, .1); font-weight: 800; }
.tag-logo { left: 10px; top: 28%; color: #fff; background: #333; }
.tag-brand { right: 0; top: 38%; color: #2d3038; background: #f4f4f4; }
.tag-price { left: 2px; bottom: 19%; color: #fff; background: var(--brand); }

.mobile-share-section { padding-top: 35px; padding-bottom: 120px; }
.mobile-share-visual { display: block; width: min(100%, 520px); margin: 0 auto; }
.mobile-share-section h2 { margin-bottom: 30px; }
.mobile-share-chips { display: grid; grid-template-columns: repeat(2, minmax(125px, 175px)); gap: 18px 16px; }
.mobile-share-chips span { min-height: 45px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 14px; color: #fff; background: #3c3d3f; border-radius: 999px; font-size: 1rem; font-weight: 700; }
.mobile-share-chips img { width: 22px; height: 22px; object-fit: contain; }
.mobile-share-chips i { font-size: 2.1rem; }

.mobile-download-section { position: relative; isolation: isolate; min-height: 400px; display: flex; align-items: center; color: #fff; background: #202725 url("../images/mobile-download-bg.jpg") center / cover no-repeat; }
.mobile-download-section::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(15,24,25,.92) 0%, rgba(15,24,25,.75) 46%, rgba(15,24,25,.08) 76%); }
.mobile-download-copy { width: 55%; padding: 55px 0; }
.mobile-download-copy h2 { margin-bottom: 25px; color: #fff !important; font-size: clamp(1.8rem, 3vw, 2.7rem) !important; }
.mobile-download-copy h2 i { margin-right: 10px; }
.mobile-download-tools { display: flex; align-items: center; gap: 24px; }
.mobile-qr { width: 148px; padding: 10px; background: #fff; border-radius: 12px; }
.mobile-white-stores { display: grid; gap: 12px; }
.mobile-white-stores img { display: block; width: 170px; height: auto; }

@media (max-width: 991.98px) {
  .mobile-hero { padding-top: 130px; text-align: center; }
  .mobile-hero p { margin-right: auto; margin-left: auto; }
  .store-buttons { justify-content: center; }
  .mobile-hero-phone { width: min(100%, 380px); }
  .mobile-stock-section,
  .mobile-product-section,
  .mobile-share-section { padding: 72px 0; }
  .mobile-stock-section .row,
  .mobile-product-section .row { text-align: center; }
  .mobile-feature-copy { max-width: 620px; margin-right: auto; margin-left: auto; text-align: left; }
  .mobile-stock-section .d-sm-flex { justify-content: center; }
  .mobile-check-list { width: fit-content; margin-right: auto; margin-left: auto; text-align: left; }
  .mobile-share-section { text-align: center; }
  .mobile-share-chips { justify-content: center; margin: 0 auto; }
  .mobile-download-section { background-position: 60% center; }
  .mobile-download-copy { width: 64%; }
}

@media (max-width: 767.98px) {
  .mobile-dark-intro h2 br { display: none; }
  .mobile-signup-card { padding: 30px 24px; }
  .company-search-row .d-flex:first-child { align-items: flex-start !important; flex-direction: column; gap: 5px; }
  .mobile-order-banner { padding: 40px 20px; }
  .identity-tag { min-width: 122px; padding: 9px 13px; font-size: 1rem; }
  .mobile-share-section { padding-bottom: 80px; }
  .mobile-download-section { min-height: 500px; background-position: 66% center; }
  .mobile-download-section::before { background: rgba(13,22,23,.78); }
  .mobile-download-copy { width: 100%; text-align: center; }
  .mobile-download-tools { justify-content: center; }
}

@media (max-width: 480px) {
  .mobile-hero h1 { font-size: 2.45rem; }

  .mobile-stock-section,
  .mobile-product-section,
  .mobile-share-section { padding: 62px 0; }
  .mobile-order-pills { display: grid; }
  .mobile-identity-stage { margin-top: 55px; }
  .identity-tag { min-width: 105px; padding: 8px 10px; font-size: 1rem; }
  .tag-logo { left: 0; }.tag-brand { right: 0; }.tag-price { left: 0; }
  .mobile-share-chips { grid-template-columns: repeat(2, minmax(120px, 1fr)); gap: 12px; }
  .mobile-download-tools { flex-direction: column; }

  .mobile-white-stores { display: flex; gap: 8px; }

}



.mobile-feature-copy {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mobile-feature-copy i {
  flex-shrink: 0;
}

.mobile-feature-copy p {
  margin: 0;
}