/* Aditya Outdoors — shared green theme for all secondary pages.
   Home page remains untouched. Original logo artwork and brand colours are preserved. */
:root {
  --orange: #F6921E;
  --green: #335500;
  --deep: #003D32;
  --cream: #FFF8EC;
  --ink: #FFF8EC;
  --olive: #A6AD83;
  --line: rgba(255,248,236,.16);
  --surface: #0B3026;
  --muted: #C0CEC3;
}
html, body { background: #06271F !important; color: var(--cream) !important; }
body,
body.services-page,
body.work-page { background: linear-gradient(180deg,#0A3026 0%,#06271F 52%,#041E18 100%) !important; color: var(--cream) !important; }
main, .company-wrap, .contact-page, .reach-page, .work-main,
.services-intro, .why-section, .company-services,
.contact-grid, .contact-info, .contact-form-card,
.work-toolbar, .work-empty {
  background-color: #06271F !important; color: var(--cream) !important;
}
/* A consistently deep-green header on desktop and mobile */
.header, .services-page .header, .work-page .header {
  background: rgba(5,37,29,.97) !important;
  border: 1px solid rgba(255,248,236,.18) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(18px);
}
.header nav a, .header nav a:visited,
.services-page .header nav a, .work-page .header nav a { color: #FFF8EC !important; }
.header nav a:hover, .header nav a[aria-current="page"],
.services-page .header nav a[aria-current="page"],
.work-page .header nav a[aria-current="page"] { color: var(--orange) !important; }
.outline-link, .services-page .header .outline-link, .work-page .header .outline-link {
  background: var(--orange) !important; color: #17251E !important; border-color: var(--orange) !important;
}
.head-actions button { background: #0B3026 !important; color: var(--cream) !important; border-color: rgba(255,248,236,.28) !important; }
/* Keep every content band in the green family; cream is reserved for readable type. */
.company-hero, .company-process, .company-cta,
.services-hero, .work-section, .work-hero,
.machinery-section, .reach-page, .reach, .contact-page,
.site-footer, footer, .client-marquee,
.company-services, .company-wrap, .why-section,
.services-intro, .work-main {
  background-color: #06271F !important; color: var(--cream) !important;
}
.company-hero { background-color: #06271F !important; }
.company-hero:after { background: linear-gradient(transparent,#06271F) !important; }
.company-who h2, .why-head h2, .why-heading h2,
.company-services h2, .company-process h2, .company-cta h2,
.services-intro h2, .work-copy h3, .reach-heading h1,
.contact-heading h1, .contact-info h2, .contact-form-card h2,
.reach-point strong, .why-card h3, .company-service-card h3,
.services-page .service-card h3, .work-card h3 { color: var(--cream) !important; }
.company-who p, .why-head p, .why-heading p, .company-services .services-lead,
.company-service-card p, .why-card p, .services-intro>p,
.services-page .service-card p, .work-card p, .reach-heading>p,
.reach-point p, .contact-heading>p, .contact-info>div>p,
.contact-form-card>p, .contact-footer, .form-note {
  color: #C0CEC3 !important;
}
.company-kicker, .services-page .service-number, .work-category,
.service-kicker, .eyebrow, .reach-heading .eyebrow { color: var(--orange) !important; }
.company-note { color: var(--cream) !important; border-left-color: var(--orange) !important; }
.company-pillars, .company-pillar, .company-service-card, .why-card,
.services-page .service-card, .work-card, .contact-info,
.contact-form-card, .branch-card, .info-item, .reach-stats,
.network-hub, .region, .map-card, .map-reset,
.machine-detail, .machine, .service-card-body,
.services-page #services-list .service-card .service-card-body {
  background: #0B3026 !important; color: var(--cream) !important;
  border-color: rgba(255,248,236,.15) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
}
.company-pillar, .company-pillar h3, .company-pillar p,
.company-service-card, .company-service-card h3,
.why-card, .why-card h3, .why-card p,
.services-page .service-card, .services-page .service-card h3,
.services-page .service-card p, .work-card, .work-card h3, .work-card p,
.region, .region small, .map-card, .map-card p, .map-card b,
.info-item, .info-item small, .info-item a, .info-item span { color: var(--cream) !important; }
.company-pillar .symbol, .company-service-icon, .why-icon,
.services-page #services-list .service-card .service-number,
.info-icon, .network-hub { background: #104536 !important; color: var(--orange) !important; }
.company-pillar:hover, .company-service-card:hover, .why-card:hover,
.services-page .service-card:hover, .work-card:hover {
  border-color: rgba(246,146,30,.6) !important;
}
.company-process .process-detail { background: #0B3026 !important; color: var(--cream) !important; }
.process-detail p, .process-intro, .process-point { color: #D5E0D7 !important; }
.reach-layout, .reach-network, .network, .reach-content { color: var(--cream) !important; }
.region .globe { background: #104536 !important; color: var(--cream) !important; border-color: rgba(255,248,236,.18) !important; }
.reach-stats { background: #0B3026 !important; }
.reach-bottom { color: #C0CEC3 !important; border-color: rgba(255,248,236,.16) !important; }
.reach-bottom strong, .reach-bottom a { color: var(--orange) !important; }
.pin { color: var(--cream) !important; }
.pin span, .map-card { background: #0B3026 !important; color: var(--cream) !important; border-color: rgba(255,248,236,.18) !important; }
.map-reset { background: #0B3026 !important; color: var(--cream) !important; }
/* Form controls remain readable and visually part of the same green system. */
.contact-form .field label { color: var(--cream) !important; }
.contact-form input, .contact-form select, .contact-form textarea,
.work-toolbar input, .work-toolbar select, .work-toolbar button,
.services-page input, .services-page select, .services-page button {
  background-color: #082A22 !important; color: var(--cream) !important;
  border-color: rgba(255,248,236,.2) !important;
}
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #9FB2A5 !important; }
.contact-form select option { background: #082A22; color: var(--cream); }
.submit-btn, .contact-form .submit-btn { background: var(--orange) !important; color: #17251E !important; border-color: var(--orange) !important; }
/* Keep the mobile menu green instead of reverting to a cream panel. */
@media (max-width: 1250px) {
  .header nav.open, .services-page .header nav.open, .work-page .header nav.open {
    background: #082A22 !important; border-color: rgba(255,248,236,.18) !important;
  }
  .header nav.open a, .services-page .header nav.open a, .work-page .header nav.open a { color: var(--cream) !important; }
}
@media (max-width: 760px) {
  .header nav, .services-page .header nav, .work-page .header nav {
    background: #082A22 !important; border-color: rgba(255,248,236,.18) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
  }
  .header nav a, .services-page .header nav a, .work-page .header nav a { color: var(--cream) !important; }
}
::selection { background: var(--orange); color: #17251E; }
:focus-visible { outline-color: var(--orange) !important; }

/* FIX: Why Choose Us cards must remain readable on hover/focus. */
.why-section .why-card:hover,
.why-section .why-card:focus-visible,
.why-section .why-card:focus-within,
.why-card:hover,
.why-card:focus-visible,
.why-card:focus-within {
  background: #104536 !important;
  color: #FFF8EC !important;
  border-color: #F6921E !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.22), 0 0 0 1px rgba(246,146,30,.12) !important;
  transform: translateY(-4px);
}
.why-section .why-card:hover h3,
.why-section .why-card:hover p,
.why-section .why-card:focus-visible h3,
.why-section .why-card:focus-visible p,
.why-card:hover h3,
.why-card:hover p,
.why-card:focus-visible h3,
.why-card:focus-visible p {
  color: #FFF8EC !important;
}
.why-section .why-card:hover .why-icon,
.why-card:hover .why-icon,
.why-card:focus-visible .why-icon {
  background: #F6921E !important;
  color: #06271F !important;
}
.why-card { transition: background-color .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease !important; }
@media (prefers-reduced-motion: reduce) { .why-card { transition: none !important; } .why-card:hover, .why-card:focus-visible { transform: none !important; } }


/* Services page contrast guard: keep the hero headline readable on forest green. */
.services-page .services-hero,
.services-page .services-hero:after { background-color: #06271F !important; }
.services-page .services-hero h1 { color: #FFF8EC !important; }
.services-page .services-hero h1 em { color: #F6921E !important; background: transparent !important; }
.services-page .services-hero p { color: #C0CEC3 !important; }
.services-page #services-list .service-card h3 { color: #FFF8EC !important; }
.services-page #services-list .service-card p { color: #C0CEC3 !important; }


/* Service cards — editorial photo-led treatment matching approved concept */
.services-page #services-list .service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 20px !important;
  align-items: stretch;
}
.services-page #services-list .service-card {
  display: grid !important;
  grid-template-columns: minmax(0, 52%) minmax(0, 48%) !important;
  min-height: 272px !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0B3026 !important;
  border: 1px solid rgba(255,248,236,.13) !important;
  border-radius: 17px !important;
  box-shadow: 0 10px 28px rgba(8,39,29,.10) !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}
.services-page #services-list .service-card:hover,
.services-page #services-list .service-card:focus-within {
  transform: translateY(-4px) !important;
  border-color: rgba(246,146,30,.72) !important;
  box-shadow: 0 18px 36px rgba(8,39,29,.16) !important;
}
.services-page #services-list .service-card .service-image {
  grid-column: 1 !important; grid-row: 1 !important;
  display: block !important; position: relative !important;
  width: 100% !important; height: 100% !important; min-height: 270px !important;
  margin: 0 !important; overflow: hidden !important; background: #104536 !important;
}
.services-page #services-list .service-card .service-image img {
  display: block !important; position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important; min-height: 270px !important;
  max-height: none !important; object-fit: cover !important; object-position: center !important;
  opacity: 1 !important; visibility: visible !important; filter: none !important;
  transform: scale(1) !important; transition: transform .55s cubic-bezier(.2,.7,.2,1) !important;
}
.services-page #services-list .service-card:hover .service-image img { transform: scale(1.055) !important; }
.services-page #services-list .service-card-body {
  position: relative !important; grid-column: 2 !important; grid-row: 1 !important;
  display: flex !important; flex-direction: column !important; align-items: flex-start !important;
  justify-content: center !important; gap: 12px !important; min-width: 0 !important;
  padding: 27px 28px 54px !important; background: #0B3026 !important; color: #FFF8EC !important;
  box-shadow: none !important;
}
.services-page #services-list .service-card-body .service-number {
  position: absolute !important; right: 22px !important; bottom: 19px !important;
  display: grid !important; place-items: center !important;
  width: 43px !important; height: 43px !important; min-width: 43px !important;
  margin: 0 !important; padding: 0 !important; flex: none !important;
  border: 1px solid rgba(246,146,30,.85) !important; border-radius: 50% !important;
  background: transparent !important; color: #F6921E !important;
  font-size: 15px !important; line-height: 1 !important; font-weight: 700 !important;
}
.services-page #services-list .service-card-body>div {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important;
  gap: 0 !important; width: 100% !important; min-width: 0 !important;
}
.services-page #services-list .service-card .service-category {
  display: block !important; margin: 0 0 11px !important;
  color: #9AAE4C !important; font-size: 10px !important; line-height: 1.3 !important;
  letter-spacing: .15em !important; text-transform: uppercase !important; font-weight: 800 !important;
}
.services-page #services-list .service-card h3 {
  margin: 0 0 11px !important; color: #FFF8EC !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(19px, 1.55vw, 25px) !important; line-height: 1.18 !important;
  letter-spacing: -.025em !important; font-weight: 700 !important;
}
.services-page #services-list .service-card p {
  margin: 0 0 17px !important; color: #C0CEC3 !important;
  font-size: 13px !important; line-height: 1.65 !important;
}
.services-page #services-list .service-card .service-view-work {
  display: inline-flex !important; align-items: center !important; gap: 9px !important;
  margin: 0 !important; color: #F6921E !important; font-size: 13px !important;
  font-weight: 800 !important; text-decoration: none !important;
  transition: gap .22s ease !important;
}
.services-page #services-list .service-card .service-view-work span {
  display: inline-block !important; color: #F6921E !important;
  font-size: 19px !important; line-height: 1 !important;
  transition: transform .22s ease !important;
}
.services-page #services-list .service-card .service-view-work:hover { gap: 13px !important; }
.services-page #services-list .service-card .service-view-work:hover span { transform: translateX(3px) !important; }
.services-page #services-list .service-card .service-arrow { display: none !important; }
@media (max-width: 980px) {
 .services-page #services-list .service-grid { grid-template-columns: 1fr !important; }
 .services-page #services-list .service-card { grid-template-columns: minmax(0, 44%) minmax(0, 56%) !important; min-height: 245px !important; }
 .services-page #services-list .service-card .service-image,
 .services-page #services-list .service-card .service-image img { min-height: 245px !important; }
}
@media (max-width: 560px) {
 .services-page #services-list .service-card { grid-template-columns: minmax(108px, 36%) minmax(0, 64%) !important; min-height: 225px !important; border-radius: 13px !important; }
 .services-page #services-list .service-card .service-image,
 .services-page #services-list .service-card .service-image img { min-height: 225px !important; }
 .services-page #services-list .service-card-body { padding: 19px 14px 52px !important; gap: 8px !important; }
 .services-page #services-list .service-card-body .service-number { right: 12px !important; bottom: 12px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; font-size: 12px !important; }
 .services-page #services-list .service-card .service-category { font-size: 8px !important; letter-spacing: .1em !important; margin-bottom: 8px !important; }
 .services-page #services-list .service-card h3 { font-size: 16px !important; margin-bottom: 8px !important; }
 .services-page #services-list .service-card p { font-size: 11px !important; line-height: 1.5 !important; margin-bottom: 10px !important; }
 .services-page #services-list .service-card .service-view-work { font-size: 11px !important; }
}
@media (prefers-reduced-motion: reduce) {
 .services-page #services-list .service-card,
 .services-page #services-list .service-card .service-image img,
 .services-page #services-list .service-card .service-view-work,
 .services-page #services-list .service-card .service-view-work span { transition: none !important; }
}

/* FINAL SERVICES CARD FIX — robust image rendering and clean, non-overlapping hierarchy */
.services-page #services-list .service-grid { align-items: stretch !important; }
.services-page #services-list .service-card {
  display: grid !important;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%) !important;
  min-height: 252px !important;
  height: auto !important;
  align-items: stretch !important;
  overflow: hidden !important;
  background: #0B3026 !important;
  border: 1px solid rgba(255,248,236,.14) !important;
  border-radius: 17px !important;
}
.services-page #services-list .service-card .service-image {
  grid-column: 1 !important; grid-row: 1 !important;
  display: block !important; position: relative !important; isolation: isolate !important; z-index: 1 !important;
  width: 100% !important; height: 100% !important; min-height: 252px !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
  background: #104536 !important;
}
.services-page #services-list .service-card .service-image img {
  display: block !important; position: absolute !important; inset: 0 !important; z-index: 0 !important;
  width: 100% !important; height: 100% !important; min-height: 252px !important;
  max-height: none !important; object-fit: cover !important; object-position: center !important;
  opacity: 1 !important; visibility: visible !important; filter: none !important;
  transform: scale(1) !important; transition: transform .55s cubic-bezier(.2,.7,.2,1) !important;
}
.services-page #services-list .service-card:hover .service-image img { transform: scale(1.055) !important; }
.services-page #services-list .service-card-body {
  grid-column: 2 !important; grid-row: 1 !important;
  position: relative !important; display: flex !important; flex-direction: column !important;
  justify-content: center !important; align-items: flex-start !important;
  gap: 0 !important; min-width: 0 !important; min-height: 252px !important;
  padding: 30px 30px 74px !important; margin: 0 !important;
  background: #0B3026 !important; color: #FFF8EC !important; box-shadow: none !important;
}
/* Remove the small category labels that were colliding with the number badge. */
.services-page #services-list .service-card .service-category { display: none !important; }
.services-page #services-list .service-card-body > div {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important;
  justify-content: center !important; gap: 0 !important; width: 100% !important; min-width: 0 !important;
  position: static !important;
}
.services-page #services-list .service-card h3 {
  margin: 0 0 11px !important; color: #FFF8EC !important;
  font-family: Manrope, 'DM Sans', sans-serif !important;
  font-size: clamp(18px, 1.35vw, 22px) !important; line-height: 1.27 !important;
  letter-spacing: -.025em !important; font-weight: 800 !important;
}
.services-page #services-list .service-card p {
  margin: 0 0 17px !important; color: #C0CEC3 !important;
  font-size: 14px !important; line-height: 1.6 !important;
}
.services-page #services-list .service-card .service-view-work {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  margin: 0 !important; color: #F6921E !important; font-size: 14px !important;
  line-height: 1.4 !important; font-weight: 800 !important; text-decoration: none !important;
  transition: gap .22s ease !important;
}
.services-page #services-list .service-card .service-view-work span {
  display: inline-block !important; color: #F6921E !important; font-size: 19px !important;
  line-height: 1 !important; transition: transform .22s ease !important;
}
.services-page #services-list .service-card .service-view-work:hover { gap: 12px !important; }
.services-page #services-list .service-card .service-view-work:hover span { transform: translateX(3px) !important; }
.services-page #services-list .service-card-body .service-number {
  position: absolute !important; right: 22px !important; bottom: 20px !important;
  display: grid !important; place-items: center !important; box-sizing: border-box !important;
  width: 42px !important; height: 42px !important; min-width: 42px !important;
  margin: 0 !important; padding: 0 !important; border: 1px solid #F6921E !important;
  border-radius: 50% !important; background: rgba(16,69,54,.85) !important;
  color: #F6921E !important; font-size: 14px !important; line-height: 1 !important; font-weight: 800 !important;
}
.services-page #services-list .service-card .service-arrow { display: none !important; }
@media (max-width: 980px) {
  .services-page #services-list .service-card { grid-template-columns: minmax(0, 42%) minmax(0, 58%) !important; min-height: 230px !important; }
  .services-page #services-list .service-card .service-image,
  .services-page #services-list .service-card .service-image img,
  .services-page #services-list .service-card-body { min-height: 230px !important; }
  .services-page #services-list .service-card-body { padding: 24px 22px 68px !important; }
}
@media (max-width: 560px) {
  .services-page #services-list .service-card { grid-template-columns: minmax(110px, 36%) minmax(0, 64%) !important; min-height: 220px !important; }
  .services-page #services-list .service-card .service-image,
  .services-page #services-list .service-card .service-image img,
  .services-page #services-list .service-card-body { min-height: 220px !important; }
  .services-page #services-list .service-card-body { padding: 20px 14px 62px !important; }
  .services-page #services-list .service-card h3 { font-size: 16px !important; }
  .services-page #services-list .service-card p { font-size: 12px !important; line-height: 1.5 !important; margin-bottom: 12px !important; }
  .services-page #services-list .service-card .service-view-work { font-size: 12px !important; }
  .services-page #services-list .service-card-body .service-number { right: 12px !important; bottom: 12px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; font-size: 12px !important; }
}


/* v13 — final service card alignment + cache-safe image presentation */
.services-page #services-list .service-card-body {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 28px 30px 78px !important;
  box-sizing: border-box !important;
}
.services-page #services-list .service-card-body > div {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
}
.services-page #services-list .service-card .service-view-work {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  margin-top: 1px !important;
  position: relative !important;
  z-index: 2 !important;
}
.services-page #services-list .service-card .service-view-work > span {
  display: inline-block !important;
  flex: 0 0 auto !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}
.services-page #services-list .service-card .service-view-work:hover > span { transform: translateX(3px) !important; }
.services-page #services-list .service-card-body .service-number {
  position: absolute !important;
  right: 22px !important;
  left: auto !important;
  top: auto !important;
  bottom: 20px !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #F6921E !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  background: #104536 !important;
  color: #F6921E !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
.services-page #services-list .service-card .service-arrow { display: none !important; }
.services-page #services-list .service-card .service-image img {
  image-rendering: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}
@media (max-width: 560px) {
  .services-page #services-list .service-card-body { padding: 20px 14px 62px !important; }
  .services-page #services-list .service-card-body .service-number { right: 12px !important; bottom: 12px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; font-size: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .services-page #services-list .service-card,
  .services-page #services-list .service-card .service-image img,
  .services-page #services-list .service-card .service-view-work,
  .services-page #services-list .service-card .service-view-work > span { transition: none !important; }
}