/* Habesha Care V7.5 — Mobile-only final refinements
   Desktop V7.4 remains unchanged. No copy, links, prices, or desktop artwork altered.
   Mobile: remove only decorative bilingual WHY graphic; reverse homepage service cards;
   correct mobile text flow and gutters; make photo pin visibly on scroll. */
:root{--fc75-black:#0B0B0B;--fc75-gold:#D6AC2B;--fc75-cream:#FCF9F2;--fc75-beige:#F5F0E6;--fc75-brown:#72513A}
@media(max-width:760px){
 /* One less decorative element on phones; accessible bilingual SERVICE copy remains. */
 html body main#top section#why-faithcore .fc-v4-why-header .hc-bilingual-panel,
 html body main#top section#why-faithcore .fc-v4-why-header .hc-bilingual-panel.hc-language-signature {
   display:none!important;
 }
 html body main#top section#why-faithcore .fc-v4-why-header{
   display:block!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;
 }
 html body main#top section#why-faithcore .fc-v4-why-intro{width:100%!important;min-width:0!important;margin:0!important;}

 /* Reverse the TWO HOME-PAGE service feature panels only. Existing copy and links remain. */
 html body main#top #services .fc-v4-service-card.fc-v4-service-bookkeeping,
 html body main#top #services .fc-v4-service-card.fc-v4-service-bookkeeping:hover {
   background:#171715!important;background-color:#171715!important;
   border-color:var(--fc75-gold)!important;
 }
 html body main#top #services .fc-v4-service-bookkeeping .fc-v4-service-top span,
 html body main#top #services .fc-v4-service-bookkeeping a,
 html body main#top #services .fc-v4-service-bookkeeping a .fc-link-arrow {
   color:var(--fc75-gold)!important;
 }
 html body main#top #services .fc-v4-service-bookkeeping .fc-v4-service-top svg {
   color:var(--fc75-gold)!important;stroke:var(--fc75-gold)!important;
 }
 html body main#top #services .fc-v4-service-bookkeeping h3 {color:var(--fc75-cream)!important;}
 html body main#top #services .fc-v4-service-bookkeeping p {color:#E2D6C0!important;}
 html body main#top #services .fc-v4-service-bookkeeping a {border-bottom-color:var(--fc75-gold)!important;}

 html body main#top #services .fc-v4-service-card.fc-v4-service-payroll,
 html body main#top #services .fc-v4-service-card.fc-v4-service-payroll:hover {
   background:var(--fc75-cream)!important;background-color:var(--fc75-cream)!important;
   border-color:var(--fc75-gold)!important;
 }
 html body main#top #services .fc-v4-service-payroll .fc-v4-service-top span {color:var(--fc75-brown)!important;}
 html body main#top #services .fc-v4-service-payroll .fc-v4-service-top svg{color:#A77A12!important;stroke:#A77A12!important;}
 html body main#top #services .fc-v4-service-payroll h3 {color:var(--fc75-black)!important;}
 html body main#top #services .fc-v4-service-payroll p {color:var(--fc75-brown)!important;}
 html body main#top #services .fc-v4-service-payroll a {color:var(--fc75-black)!important;border-bottom-color:var(--fc75-gold)!important;}
 html body main#top #services .fc-v4-service-payroll a .fc-link-arrow {color:#9D7418!important;}

 /* Keep mobile paragraphs naturally left-aligned (never stretched to right edge),
    including the interior service, payroll, pricing, founder and process pages. */
 html[lang] body main#top section p:not(.eyebrow):not(.fc-v4-eyebrow):not(.fc-v7-page-eyebrow):not(.amharic-welcome):not(.amharic):not(.section-label),
 html[lang] body main#top section article p,
 html[lang] body main#top section details p,
 html[lang] body main#top section li,
 html[lang] body main#top .hero-intro,
 html[lang] body main#top .fc-v4-why-subtitle,
 html[lang] body main#top .state-result p,
 html[lang] body main#top .fc-v6-founder-copy>p {
   text-align:left!important;text-align-last:left!important;text-justify:auto!important;
   word-spacing:normal!important;
   hyphens:none!important;-webkit-hyphens:none!important;
   overflow-wrap:break-word!important;word-break:normal!important;
 }
 html body main#top section :is(h1,h2,h3,p) {max-width:100%!important;box-sizing:border-box!important;}
 html body main#top > section {max-width:100%!important;box-sizing:border-box!important;}
 html body main#top .hero-copy,
 html body main#top .fc-v4-services,
 html body main#top .fc-v4-how,
 html body main#top .fc-v4-why,
 html body main#top .fc-v6-founder,
 html body main#top .state-section {min-width:0!important;}

 /* Reliable mobile photo pin; JS controls its travel. Text stays opaque above it.
    Negative bottom margin offsets the extra travel, avoiding a tall blank black gap. */
 html body main#top section.hero .fc-v74-photo-stage {
   position:relative!important;height:calc(100vw * 9 / 16 + 195px)!important;
   margin-bottom:-195px!important;overflow:visible!important;
   isolation:auto!important;
 }
 html body main#top section.hero .fc-v74-photo-stage .fc-hero-slides {
   position:absolute!important;inset:0 auto auto 0!important;top:0!important;
   width:100%!important;height:calc(100vw * 9 / 16)!important;
   transform:translate3d(0,var(--fc75-photo-shift,0px),0)!important;
   will-change:transform!important;z-index:1!important;
 }
 html body main#top section.hero .hero-copy {
   position:relative!important;z-index:3!important;background:var(--fc75-black)!important;
 }
 html body main#top section.hero .fc-slide-controls {
   position:absolute!important;
   top:calc(100vw * 9 / 16 - 50px + var(--fc75-photo-shift,0px))!important;
   bottom:auto!important;z-index:2!important;
 }
 html body main#top section.hero .fc-v74-photo-stage:after{display:none!important;content:none!important;}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 html body main#top section.hero .fc-v74-photo-stage{height:calc(100vw * 9 / 16)!important;margin-bottom:0!important;}
 html body main#top section.hero .fc-v74-photo-stage .fc-hero-slides{transform:none!important;will-change:auto!important;}
 html body main#top section.hero .fc-slide-controls{top:calc(100vw * 9 / 16 - 50px)!important;}
}