/* PER-LEAD (services_bb_style): alias the generic base.css tokens used by
     the `.svc-*` components below onto this site's OWN bb-apple palette
     (already defined in :root by bb_head/bb_page_styles above) — same warm
     luxury look as every other page, no component CSS duplicated. Absent
     for every other lead → these aliases are never emitted, the `.svc-*`
     rules keep using their own hard-coded fallback colours as before. */
  :root{--border:var(--bb-border-2);--surface:var(--bb-surface);--accent:var(--bb-gold-ink);
    --muted:var(--bb-ink-mute);--radius-lg:var(--bb-radius-lg);
    --shadow-md:var(--bb-shadow);--shadow-sm:var(--bb-shadow-sm)}
  .svc-list{list-style:none;margin:1.6rem auto 0;padding:0;max-width:820px;
    border:1px solid var(--border,rgba(0,0,0,.09));border-radius:var(--radius-lg,20px);overflow:hidden;
    background:var(--surface,#fff);box-shadow:var(--shadow-md,0 16px 44px -30px rgba(0,0,0,.4))}
  .svc-row{display:block;gap:1.2rem;align-items:baseline;justify-content:space-between;
    padding:1.05rem 1.4rem;border-bottom:1px solid var(--border,rgba(0,0,0,.07))}
  .svc-row:last-child{border-bottom:0}
  .svc-row .svc-info{min-width:0}
  .svc-row h3,.svc-row h2{margin:0 0 .2rem;font-size:1.06rem;line-height:1.25}
  .svc-row .svc-desc{margin:0;color:var(--muted,#6b6257);font-size:.94rem;line-height:1.55}
  .svc-carousel{position:relative;margin:2.6rem auto 0;max-width:1080px}
  .svc-carousel h3,.svc-carousel h2{text-align:center;font-size:1.2rem;margin:0 0 1rem}
  .svc-viewport{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;cursor:grab;border-radius:16px}
  .svc-viewport::-webkit-scrollbar{display:none}
  .svc-viewport.is-drag{cursor:grabbing;scroll-behavior:auto}
  .svc-track{display:flex;gap:14px;padding:2px}
  .svc-slide{flex:0 0 auto;width:min(78vw,320px);height:230px;border-radius:16px;overflow:hidden;
    background:#efe7db;box-shadow:var(--shadow-sm,0 8px 24px -16px rgba(0,0,0,.45))}
  .svc-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}
  .svc-arrow{position:absolute;top:calc(50% + 1rem);transform:translateY(-50%);z-index:3;
    width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;font-size:1.2rem;line-height:1;
    background:rgba(255,255,255,.94);color:#2b2620;box-shadow:0 6px 18px -6px rgba(0,0,0,.5)}
  .svc-arrow:hover{background:#fff}
  .svc-arrow.prev{left:-6px}
  .svc-arrow.next{right:-6px}
  @media (max-width:560px){.svc-arrow{display:none}}
  /* bb-apple hero/section shell reused on this page (same classes as every
     bnb sub-page: page_consigli/page_escursioni/…). Only emitted when
     services_bb_style is set. */
  .bb-svc-hero{position:relative;color:#fff;overflow:hidden;isolation:isolate;padding:clamp(2.8rem,7vw,4.6rem) 0 clamp(2.2rem,5vw,3.4rem)}
  .bb-svc-hero__media{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
  .bb-svc-hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,12,.46),rgba(10,10,12,.7))}
  .bb-svc-hero h1{font-size:clamp(2rem,5.4vw,3.4rem);font-weight:700;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45);font-family:var(--bb-font-head)}
  .bb-svc-hero .bb-eyebrow{color:#fff;opacity:.95}.bb-svc-hero .bb-eyebrow::before{background:#fff}
  .bb-svc-hero p{color:#f2f2f5;max-width:60ch;text-shadow:0 1px 10px rgba(0,0,0,.5);margin:.6rem 0 0}
  .bb-svc-section{max-width:var(--bb-maxw);margin:0 auto;padding:clamp(2.4rem,5vw,4rem) clamp(1.1rem,4vw,2.4rem)}
  .bb-svc-section .note{color:var(--bb-ink-soft);font-family:var(--bb-font-body)}
  .svc-list,.svc-row h3,.svc-carousel h3,.svc-row h2,.svc-carousel h2{font-family:var(--bb-font-head)}
  .svc-row .svc-desc,
