.services-v2 *{box-sizing:border-box}.services-v2{margin:0;font-family:Cairo,sans-serif;color:#173e30;background:#f5f8f5}.services-v2 header{padding:18px 6%;display:flex;align-items:center;justify-content:space-between;background:#fff}.services-v2 header img{width:170px}.services-v2 a{color:#07854b;text-decoration:none}.services-v2 .hero{text-align:center;padding:70px 24px;background:linear-gradient(145deg,#fff,#e2f0e7)}.services-v2 h1{font-size:clamp(32px,5vw,54px);margin:12px 0}.services-v2 p{line-height:1.95;color:#61776a}.services-v2 .hero p{max-width:750px;margin:15px auto;font-size:19px}.services-v2 .eyebrow{color:#16804b;font-weight:800;font-size:13px}.services-v2 .btn{display:inline-block;padding:12px 22px;background:#07854b;color:white;border-radius:10px;margin:10px 4px}.services-v2 .secondary{background:white;color:#087b47;border:1px solid #bad3c2}.services-v2 .jump{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding:22px;background:white;border-bottom:1px solid #e1eae4}.services-v2 .wrap{max-width:1160px;margin:auto;padding:0 24px}.services-v2 section{padding:58px 0;scroll-margin-top:20px}.services-v2 h2{font-size:32px;margin:5px 0 15px}.services-v2 h3{font-size:20px}.services-v2 .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.services-v2 .service,.services-v2 .panel{background:white;border:1px solid #dde8e0;border-radius:20px;padding:26px}.services-v2 .icon{display:inline-grid;place-items:center;background:#e7f4ec;color:#07854b;border-radius:13px;width:50px;height:50px;font-size:26px}.services-v2 .split{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.services-v2 .feature-list{padding:0;list-style:none}.services-v2 .feature-list li{border-bottom:1px solid #e0e9e3;padding:14px 0}.services-v2 .feature-list b{display:block}.services-v2 .feature-list span{color:#667e6e;font-size:14px}.services-v2 .shots{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.services-v2 .shots figure{margin:0;background:white;border:1px solid #dce7df;border-radius:16px;overflow:hidden}.services-v2 .shots img{width:100%;height:240px;object-fit:contain;background:#fff}.services-v2 .shots figcaption{padding:18px;font-size:14px}.services-v2 .dashboard-visual{display:flex;justify-content:center;gap:20px;background:#e6f1e9;padding:25px;border-radius:22px}.services-v2 .dashboard-visual img{width:170px;object-fit:contain;border-radius:10px}.services-v2 .dashboard-visual div{align-self:center}.services-v2 .metric{background:white;padding:15px;border-radius:12px;margin:12px 0;font-weight:700}.services-v2 .diagram{background:#eaf4ed;border-radius:22px;padding:25px;text-align:center}.services-v2 .suppliers{display:flex;justify-content:center;gap:12px}.services-v2 .suppliers span{background:white;border:1px solid #cbded1;padding:15px;border-radius:12px;flex:1}.services-v2 .parcel{font-size:30px;display:block;animation:move 3s ease-in-out infinite}.services-v2 .suppliers span:nth-child(2) .parcel{animation-delay:.4s}.services-v2 .suppliers span:nth-child(3) .parcel{animation-delay:.8s}.services-v2 .arrow{font-size:35px;color:#16804b}.services-v2 .box{background:#d9b785;border:3px solid #aa8050;border-top:12px solid #ad8658;padding:22px;max-width:260px;margin:0 auto;color:#563c1d;border-radius:8px;font-weight:800}.services-v2 .warehouse{border:3px solid #3b7655;border-radius:15px;overflow:hidden}.services-v2 .roof{background:#296143;color:white;padding:12px}.services-v2 .floor{display:flex;gap:12px;padding:24px;background:white}.services-v2 .shelf{color:#91a497;flex:1;padding:20px 5px}.services-v2 .zone{flex:3;background:#fff6df;border:2px dashed #cba456;padding:25px 12px;border-radius:10px}.services-v2 .zone b{display:block}.services-v2 .note{font-size:12px;color:#6f8176}.services-v2 .steps{display:flex;gap:14px;flex-wrap:wrap}.services-v2 .steps span{background:#fff;border:1px solid #dce7df;border-radius:12px;padding:16px;flex:1;min-width:150px}.services-v2 .cta{text-align:center;background:#174d35;color:white;border-radius:25px;padding:40px}.services-v2 .cta p{color:#d4e5d9}.services-v2 footer{text-align:center;font-size:12px;padding:30px;color:#718678}@keyframes move{50%{transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.parcel{animation:none}}@media(max-width:760px){.grid,.split,.shots{grid-template-columns:1fr}.services-v2 h2{font-size:27px}.services-v2 .hero{padding:40px 20px}.services-v2 .dashboard-visual img{width:130px}.services-v2 .suppliers{gap:5px}.services-v2 .suppliers span{padding:10px 4px;font-size:12px}.services-v2 .shelf{display:none}.services-v2 header img{width:130px}}.services-v2 .store-logo{display:block;width:44px;height:44px;object-fit:contain;margin:0 auto 12px;border-radius:8px}.services-v2 .work-examples{margin-top:32px}.services-v2 .work-examples .shots img{height:310px}.services-v2 .work-examples .shots{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.work-examples .shots{grid-template-columns:1fr}}.services-v2 .agency-logos{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.services-v2 .agency-logos a{flex:1 1 130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 10px;border:1px solid #dce8df;border-radius:14px;background:#fff;text-decoration:none;color:#204535;text-align:center;font-size:13px}.services-v2 .agency-logos img{width:125px;height:65px;object-fit:contain}.services-v2 .need-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.services-v2 .need-card{background:#fff;border:1px solid #d7e5dc;border-radius:20px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.services-v2 .need-card p{flex:1;margin-top:0}.services-v2 .need-card .btn{margin:12px 0 0}.services-v2 .need-card:hover{border-color:#07854b;box-shadow:0 8px 24px #173e300c}.services-v2 .need-card a:focus-visible{outline:3px solid #d3a13a;outline-offset:4px}.services-v2 .journey{margin-top:30px;padding:26px;background:#eaf4ed;border-radius:20px}.services-v2 .journey h3{margin-top:0}.services-v2 .journey ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.services-v2 .journey li{padding:16px;background:white;border-radius:12px}.services-v2 .journey b{display:block;color:#07854b;margin-bottom:8px}.services-v2 .journey small{line-height:1.8;color:#61776a}@media(max-width:760px){.need-grid,.journey ol{grid-template-columns:1fr}.services-v2 .need-card .btn{width:100%;text-align:center}}
.services-v2{font-family:Cairo,sans-serif;color:#173e30;background:#f5f8f5}.services-v2 .wrap{max-width:1160px;width:100%;margin:auto}.services-v2 .hero{padding-top:60px}

/* Mobile layout: match the component selectors above so the single-column rules win. */
@media (max-width: 760px) {
  .services-v2 .wrap {
    padding-inline: 16px;
  }

  .services-v2 .grid,
  .services-v2 .split,
  .services-v2 .shots,
  .services-v2 .work-examples .shots,
  .services-v2 .need-grid,
  .services-v2 .journey ol {
    grid-template-columns: minmax(0, 1fr);
  }

  .services-v2 .need-card {
    padding: 20px;
  }

  .services-v2 .need-card h3,
  .services-v2 .need-card p {
    overflow-wrap: break-word;
  }

  .services-v2 .journey {
    padding: 20px;
  }

  .services-v2 .dashboard-visual {
    max-width: 100%;
  }

  .services-v2 .shots img,
  .services-v2 .work-examples .shots img {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .services-v2 .hero {
    padding: 38px 18px;
  }

  .services-v2 .hero h1 {
    font-size: 30px;
    line-height: 1.45;
  }

  .services-v2 .hero p {
    font-size: 16px;
  }

  .services-v2 .jump {
    gap: 8px;
    padding: 14px 12px;
  }

  .services-v2 .jump a {
    padding: 6px 8px;
    line-height: 1.6;
  }

  .services-v2 section {
    padding-block: 40px;
  }

  .services-v2 .dashboard-visual {
    gap: 12px;
    padding: 16px;
  }

  .services-v2 .dashboard-visual img {
    width: min(40%, 130px);
    flex-shrink: 0;
  }

  .services-v2 .dashboard-visual > div {
    min-width: 0;
    flex: 1;
  }

  .services-v2 .metric {
    font-size: 13px;
    line-height: 1.5;
    padding: 12px 8px;
  }

  .services-v2 .suppliers {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .services-v2 .suppliers span {
    min-width: 0;
  }
}

/* Keep the service chooser near the end of the mobile reading flow. */
@media (max-width: 760px) {
  .services-v2 main.wrap { display: flex; flex-direction: column; }
  .services-v2 main.wrap > #start { order: 1; }
  .services-v2 main.wrap > section:last-child { order: 2; }
}


/* Photo galleries use the full image frame, including any visible signage. */
.services-v2 .photo-feature{margin-top:34px}
.services-v2 .photo-feature h3{margin:0 0 16px}
.services-v2 .photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.services-v2 .photo-gallery figure{min-width:0;margin:0;overflow:hidden;background:#fff;border:1px solid #dce7df;border-radius:16px}
.services-v2 .photo-gallery a{display:block;background:#fff}
.services-v2 .photo-gallery a:focus-visible{outline:3px solid #d3a13a;outline-offset:-3px}
.services-v2 .photo-gallery img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
.services-v2 .photo-gallery figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 18px;font-size:14px;line-height:1.8;color:#61776a}
.services-v2 .photo-gallery figcaption b{font-size:16px;color:#173e30}
.services-v2 .photo-feature--china .photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.services-v2 .photo-feature--china .photo-gallery figure:last-child{grid-column:1/-1;width:calc((100% - 18px)/2);justify-self:center}
@media(max-width:760px){.services-v2 .photo-gallery,.services-v2 .photo-feature--china .photo-gallery{grid-template-columns:minmax(0,1fr)}.services-v2 .photo-feature--china .photo-gallery figure:last-child{grid-column:auto;width:100%}}