/* Funeral side restyle (v4.2.4) - Lovable "Sibalelwa Funeral Services" look. Scoped to body.sib-funeral + home funeral divcard. */
body.sib-funeral{--f-ivory:oklch(99% .006 85);--f-card:oklch(99.5% .004 85);--f-head:oklch(34% .04 250);--f-fg:oklch(22% 0 0);--f-prim:oklch(38% .15 265);--f-primfg:oklch(99% .005 85);--f-taupe:oklch(58% .03 65);--f-line:oklch(89% .012 75);--f-mute:oklch(48% .02 65);--f-shc:0 1px 2px oklch(30% .02 60/.06),0 24px 48px -24px oklch(30% .03 60/.18);--f-shl:0 2px 4px oklch(30% .02 60/.08),0 40px 70px -30px oklch(35% .12 265/.3);--f-serif:"Cormorant Garamond",Georgia,serif;--f-sans:"Jost",system-ui,sans-serif;
 --acc:var(--f-prim);--acc2:var(--f-prim);--navy:var(--f-head);--mute:var(--f-mute);--line:var(--f-line);--hf:var(--f-serif)}
body.sib-funeral main,body.sib-funeral #main,body.sib-funeral .site-main{background:transparent}
body.sib-funeral{background:linear-gradient(180deg,oklch(99% .008 85),oklch(96.5% .006 80) 50%,oklch(95% .005 70));color:var(--f-fg);font-family:var(--f-sans);font-weight:400}
body.sib-funeral .section h1,body.sib-funeral .section h2,body.sib-funeral .section h3,body.sib-funeral .section h4,body.sib-funeral .page-hero h1,body.sib-funeral .plan h3{font-family:var(--f-serif);font-weight:500;letter-spacing:0;color:var(--f-head);line-height:1.08}
body.sib-funeral .page-hero h1{font-size:clamp(3rem,6vw,4.5rem);line-height:1.02}
body.sib-funeral .section h2{font-size:clamp(2.4rem,4.4vw,3.75rem);line-height:1.1}
body.sib-funeral .section h3{font-size:clamp(1.5rem,2vw,1.875rem)}
body.sib-funeral .section p,body.sib-funeral .section li{font-family:var(--f-sans)}
body.sib-funeral .lead{color:var(--f-mute);font-weight:300;font-size:clamp(1.05rem,1.4vw,1.15rem);line-height:1.7}
body.sib-funeral .eyebrow{font-family:var(--f-sans);font-weight:400;font-size:.7rem;letter-spacing:.32em;color:var(--f-taupe)!important;gap:16px}
body.sib-funeral .eyebrow:before{width:40px;height:1px;background:var(--f-taupe)}
/* hero: light ivory scrim like Lovable */
body.sib-funeral .hero.page-hero{background:var(--f-ivory);color:var(--f-fg)}
body.sib-funeral .hero.page-hero:after{background:linear-gradient(90deg,oklch(98.5% .008 85/.96) 0%,oklch(98.5% .008 85/.85) 38%,oklch(98.5% .008 85/.1) 75%)}
body.sib-funeral .hero.page-hero .lead{color:var(--f-mute)}
body.sib-funeral .crumbs,body.sib-funeral .crumbs a{color:var(--f-taupe)}
/* buttons */
body.sib-funeral .section .btn,body.sib-funeral .page-hero .btn{border-radius:2px;font-family:var(--f-sans);font-weight:400;font-size:.875rem;letter-spacing:.025em;padding:14px 26px;border-width:1px;box-shadow:none}
body.sib-funeral .btn-primary{background:var(--f-prim);color:var(--f-primfg);border-color:var(--f-prim)}
body.sib-funeral .btn-primary:hover{box-shadow:var(--f-shl);background:var(--f-prim)}
body.sib-funeral .btn-outline{border-color:var(--f-head);color:var(--f-head);background:transparent}
body.sib-funeral .btn-outline:hover{background:var(--f-head);color:var(--f-ivory)}
body.sib-funeral .page-hero .btn-ghost{border-color:var(--f-head);color:var(--f-head)}
body.sib-funeral .page-hero .btn-ghost:hover{background:var(--f-head);color:var(--f-ivory)}
/* cards / plans */
body.sib-funeral .card,body.sib-funeral .plan{background:var(--f-card);border:1px solid var(--f-line);border-radius:2px;box-shadow:var(--f-shc)}
body.sib-funeral .card.hover:hover,body.sib-funeral .plan:hover{transform:translateY(-8px);box-shadow:var(--f-shl)}
body.sib-funeral .plan.featured{background:var(--f-card);color:var(--f-fg);border-color:oklch(38% .15 265/.3)}
body.sib-funeral .plan.featured h3,body.sib-funeral .plan.featured .price{color:var(--f-head)}
body.sib-funeral .plan.featured li,body.sib-funeral .plan.featured p,body.sib-funeral .plan.featured small{color:var(--f-fg)}
body.sib-funeral .plan .badge{background:var(--f-prim);color:var(--f-primfg);border-radius:0;font-weight:400;font-size:.7rem;letter-spacing:.32em;padding:4px 12px;top:-12px;left:32px}
body.sib-funeral .price{font-family:var(--f-serif);font-weight:400;color:var(--f-head);letter-spacing:0}
body.sib-funeral .price small{font-family:var(--f-sans);color:var(--f-taupe)}
body.sib-funeral .icon{border-radius:2px;background:transparent;border:1px solid var(--f-line);color:var(--f-prim)}
body.sib-funeral .checklist li:before,body.sib-funeral .checklist li:after{color:var(--f-prim);border-color:var(--f-prim)}
body.sib-funeral .section.soft{background:oklch(97% .007 80/.6)}
body.sib-funeral .section{background-color:transparent}
body.sib-funeral .section.soft{background:var(--f-ivory)}
/* dark sections become the Lovable heading-slate band */
body.sib-funeral .section.dark{background:var(--f-head);color:oklch(99% .006 85/.85)}
body.sib-funeral .section.dark h2,body.sib-funeral .section.dark h3,body.sib-funeral .section.dark .price{color:var(--f-ivory)}
body.sib-funeral .section.dark .eyebrow{color:oklch(99% .006 85/.7)!important}
body.sib-funeral .section.dark .eyebrow:before{background:oklch(99% .006 85/.7)}
body.sib-funeral .section.dark .btn-outline{border-color:oklch(99% .006 85/.6);color:var(--f-ivory)}
body.sib-funeral .cta-band{border-radius:2px;background:var(--f-head);color:oklch(99% .006 85/.85)}
body.sib-funeral .cta-band h2,body.sib-funeral .cta-band h3{color:var(--f-ivory)}
body.sib-funeral .cta-band .btn-ghost{border-color:oklch(99% .006 85/.6);color:var(--f-ivory)}
body.sib-funeral .callout{border-radius:2px;background:var(--f-card);border:1px solid var(--f-line);box-shadow:var(--f-shc)}
body.sib-funeral .media img,body.sib-funeral .section img{border-radius:2px}
body.sib-funeral .cmp th{font-family:var(--f-sans);font-weight:500;color:var(--f-head)}
body.sib-funeral .cmp th,body.sib-funeral .cmp td{border-color:var(--f-line)}
body.sib-funeral .table-wrap{border-radius:2px;background:var(--f-card);box-shadow:var(--f-shc)}
body.sib-funeral .note{color:var(--f-taupe)}
body.sib-funeral .section a:not(.btn){color:var(--f-prim)}
body.sib-funeral .section.dark a:not(.btn){color:var(--f-ivory)}
/* home page: only the Funeral Services division card */
.home .divcard[href*="/funeral-services/"]{border-radius:2px;box-shadow:0 2px 4px oklch(30% .02 60/.08),0 40px 70px -30px oklch(35% .12 265/.3)}
.home .divcard[href*="/funeral-services/"] h3,.home .divcard[href*="/funeral-services/"] h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:0;font-size:clamp(2rem,3vw,2.6rem)}
.home .divcard[href*="/funeral-services/"] .tag{font-family:"Jost",system-ui,sans-serif;font-weight:400;letter-spacing:.32em;border-radius:0}
.home .divcard[href*="/funeral-services/"] .btn,.home .divcard[href*="/funeral-services/"] .go{border-radius:2px;font-family:"Jost",system-ui,sans-serif;font-weight:400}
/* v4.2.5 mobile fix: the guidance intro column is inline position:sticky for desktop; once .split collapses to 1 column (<=960px) it pinned over the steps. Un-stick it and keep stacking order clean. */
@media (max-width:960px){
 body.sib-funeral .split>[style*="sticky"],.split>[style*="sticky"]{position:static!important;top:auto!important}
 body.sib-funeral .split .vsteps{position:relative;z-index:1}
}