/* ===== Pri Ein Kedem — landing / SEO pages. Reuses styles.css; adds a few components. ===== */

/* breadcrumb */
.crumbs{padding-block:14px 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.9rem;font-weight:600;color:var(--muted)}
.crumbs a{color:var(--pink-d)}
.crumbs a:hover{text-decoration:underline}
.crumbs li::after{content:"›";margin-inline-start:8px;color:var(--line);color:#c3b7ad}
.crumbs li:last-child::after{content:""}
.crumbs li[aria-current]{color:var(--ink)}

/* landing hero tweaks (reuses .hero/.hero__in) */
.lhero .hero__txt p{max-width:48ch}
.lhero__usp{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lhero__usp span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:700;font-size:.92rem;color:var(--ink);box-shadow:0 6px 16px rgba(42,38,34,.06)}
.lhero__usp b{color:var(--pink)}

/* feature grid — the "why this" eye-anchor */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;box-shadow:0 14px 34px rgba(42,38,34,.07);position:relative;overflow:hidden}
.fcard::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:5px;background:linear-gradient(90deg,var(--pink),var(--orange))}
.fcard__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--soft);font-size:1.5rem;margin-bottom:14px}
.fcard h3{font-size:1.24rem;margin-bottom:7px}
.fcard p{font-size:1rem;color:var(--muted)}
@media(max-width:920px){.features{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.features{grid-template-columns:1fr}}

/* scenario / size guide — honest, no invented specs */
.guide{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gcard{background:linear-gradient(180deg,#fff,var(--soft));border:1px solid var(--line);border-radius:var(--r);padding:24px 20px;text-align:center}
.gcard .gnum{font-family:"Heebo";font-weight:900;font-size:2rem;color:var(--pink);line-height:1}
.gcard b{font-family:"Heebo";font-weight:900;font-size:1.12rem;display:block;margin:10px 0 6px}
.gcard span{color:var(--muted);font-size:.95rem}
.guide__note{text-align:center;color:var(--muted);font-size:.95rem;margin-top:18px}
@media(max-width:920px){.guide{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.guide{grid-template-columns:1fr}}

/* value band variant on soft bg (reuses .biz layout but light) */
.valband{background:var(--soft2)}
.valband .biz__in{grid-template-columns:1.05fr .95fr}
.valband h2{color:var(--ink)}
.valband .biz__copy p{color:#5d5249}
.valband .biz__list li{background:#fff;border:1px solid var(--line)}
.valband .biz__list b{color:var(--ink)}
.valband .biz__list span{color:var(--muted)}
.valband .biz__img{aspect-ratio:4/3}

/* cross-links (reuses .sol__grid/.solc) — 3 across */
.xgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:920px){.xgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.xgrid{grid-template-columns:1fr}}

/* footer service nav (added to all pages) */
.foot__nav{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.foot__nav a{color:#c9bcb2;font-weight:700;font-size:.9rem}
.foot__nav a:hover{color:var(--orange)}