/* ============================================================
   BUSINESS LICENCE APPLICATIONS LANDING PAGE
   (core/templates/core/service_pages/business-license-applications.html)

   Loaded with service-pages.css, which supplies the shared pieces (.cs-grid,
   sticky .cs-rail, cards, chips, quote factors, FAQ grid, reviews, offices,
   related). Everything here is prefixed .bl- and is this page's own look: a
   bronze-and-parchment "permit certificate" hero, a three-level "who issues
   what" band, a city-by-city tabbed comparison, a vertical stepper and a
   responsive "what slows an application down" table.

   Palette: parchment #fbf5e6 / paper #fffdf7 / border #e9dcc0 / tint #f6ecd2,
   bronze #8a5a14 (white text on it is 5.5:1), deep bronze #5c3a0b, gold #c9962b
   (borders and fills only, never small text).
   ============================================================ */

.bl-hero {
    font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, sans-serif;
    background:
        radial-gradient(700px 340px at 96% -10%, rgba(201, 150, 43, 0.20) 0%, rgba(201, 150, 43, 0) 70%),
        radial-gradient(600px 320px at 0% 105%, rgba(138, 90, 20, 0.10) 0%, rgba(138, 90, 20, 0) 70%),
        linear-gradient(135deg, #fffaf0 0%, #fbf5e6 55%, #f6ecd2 100%) !important;
    border-bottom: 1px solid #e9dcc0;
    padding: clamp(1.25rem, 2.5vw, 2rem) 0 0 !important;
}
.bl-hero > .container {
    max-width: none;
    width: 100%;
    padding-left: clamp(1.5rem, 6vw, 7rem);
    padding-right: clamp(1.5rem, 6vw, 7rem);
}
@media (min-width: 1280px) {
    .bl-hero > .container { padding-right: max(clamp(1.5rem, 6vw, 7rem), 108px); }
}

.bl-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: clamp(0.75rem, 2.5vw, 2rem);
}
.bl-crumbs a { display: inline-flex; align-items: center; min-height: 36px; color: #334155; text-decoration: none; }
.bl-crumbs a:hover { color: #8a5a14; }
.bl-crumbs span[aria-current] { color: #0f172a; }
.bl-crumbs span[aria-hidden] { color: #94a3b8; }

.bl-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
}
.bl-eyebrow {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6f470c;
    background: #f6ecd2;
    border: 1px solid #e9dcc0;
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    margin-bottom: 1rem;
}
.bl-hero h1 {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(1.7rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: #0f172a;
    margin: 0 0 1rem;
}
.bl-hero-intro { font-size: 1.06rem; line-height: 1.7; color: #1e293b; margin: 0 0 1.25rem; max-width: 700px; }
.bl-hero-points { list-style: none; margin: 0 0 1.75rem; padding: 0; display: grid; gap: 0.55rem; }
.bl-hero-points li { display: flex; align-items: center; gap: 0.6rem; font-size: 0.95rem; font-weight: 600; color: #1e293b; }
.bl-hero-points .cs-ico {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    padding: 4px;
    border-radius: 50%;
    color: #ffffff;
    background: #8a5a14;
    stroke-width: 3;
}
.bl-hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.bl-hero-actions .svc-rd-btn { font-size: 0.92rem; padding: 0.8rem 1.4rem; gap: 0.5rem; }
.bl-hero-actions .cs-ico { width: 16px; height: 16px; }

/* Signature visual: the permit-style checklist card */
.bl-cert {
    width: 100%;
    max-width: 480px;
    justify-self: end;
    background: #fffdf7;
    border: 1px solid #e9dcc0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 30px 70px -28px rgba(92, 58, 11, 0.45), 0 2px 8px rgba(15, 23, 42, 0.05),
        inset 0 0 0 6px #fffdf7, inset 0 0 0 7px #ecdcb8;
}
.bl-cert-head {
    padding: 1.1rem 1.4rem 1rem;
    background: linear-gradient(135deg, #5c3a0b 0%, #7a4d0b 55%, #8a5a14 100%);
}
.bl-cert-title {
    display: block;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
}
.bl-cert-sub { display: block; font-size: 0.8rem; font-weight: 600; color: #f6e7c4; margin-top: 0.1rem; }
.bl-cert-list { list-style: none; margin: 0; padding: 0.7rem 1.4rem 0.4rem; }
.bl-cert-list li {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.6rem 0;
    border-bottom: 1px dashed #e6d6b0;
    transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.bl-cert-list li:last-child { border-bottom: 0; }
.bl-cert-num {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #ffffff;
    background: linear-gradient(135deg, #5c3a0b, #8a5a14);
    border-radius: 50%;
}
.bl-cert-list strong { display: block; font-size: 0.92rem; font-weight: 700; line-height: 1.3; color: #0f172a; }
.bl-cert-list div > span { display: block; font-size: 0.78rem; line-height: 1.4; color: #475569; }
.bl-cert-seal {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 0.2rem 1.2rem 1.2rem;
    padding: 0.8rem 1rem;
    background: #fbf3df;
    border: 1px dashed #c9962b;
    border-radius: 14px;
}
.bl-seal {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    color: #5c3a0b;
    background: radial-gradient(circle at 35% 30%, #f3d98a, #c9962b);
    border-radius: 50%;
    box-shadow: 0 0 0 3px #fbf3df, 0 0 0 4px #c9962b;
}
.bl-seal .cs-ico { width: 22px; height: 22px; }
.bl-cert-seal strong { display: block; font-size: 0.88rem; font-weight: 700; color: #0f172a; }
.bl-cert-seal div > span { display: block; font-size: 0.78rem; line-height: 1.4; color: #475569; }
@media (hover: hover) and (pointer: fine) {
    .bl-cert-list li:hover { transform: translateX(4px); }
}

.bl-stats {
    list-style: none;
    margin: clamp(1.75rem, 3.5vw, 2.75rem) 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #e9dcc0;
}
.bl-stats li { padding: 1.15rem 1rem 1.3rem; text-align: center; }
.bl-stats li + li { border-left: 1px solid #e9dcc0; }
.bl-stats strong {
    display: block;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(1.3rem, 2.4vw, 1.9rem);
    font-weight: 700;
    color: #7a4d0b;
    line-height: 1.15;
}
.bl-stats span { display: block; font-size: 0.82rem; font-weight: 600; color: #475569; margin-top: 0.2rem; }

/* ---------- Shared tint for this page's icon tiles ---------- */
.bl-incl .cs-tile,
.bl-decides .cs-tile {
    color: #8a5a14;
    background: linear-gradient(140deg, #fffaf0, #f6ecd2);
    border-color: #e9dcc0;
    transition: transform 0.3s cubic-bezier(0.3, 1.5, 0.5, 1), background 0.25s, color 0.25s;
}

/* ---------- Who issues what: three columns with coloured top bands ---------- */
.bl-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.bl-level {
    background: #ffffff;
    border: 1px solid #e6ebf2;
    border-top: 6px solid var(--lv, #8a5a14);
    border-radius: 16px;
    padding: 1.1rem 1.15rem 1.2rem;
    transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.25s ease;
}
.bl-level:nth-child(1) { --lv: #475569; }
.bl-level:nth-child(2) { --lv: #8a5a14; }
.bl-level:nth-child(3) { --lv: #c9962b; }
.bl-level header { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.85rem; }
.bl-level-ico {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #ffffff;
    background: var(--lv);
}
.bl-level:nth-child(3) .bl-level-ico { color: #422006; }
.bl-level-ico .cs-ico { width: 21px; height: 21px; }
.bl-level h3 { font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif; font-size: 1.1rem; font-weight: 700; color: #0f172a; margin: 0; }
.bl-level header div > span { display: block; font-size: 0.76rem; font-weight: 700; line-height: 1.35; color: #475569; }
.bl-level ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; }
.bl-level li { display: flex; gap: 0.55rem; align-items: flex-start; font-size: 0.88rem; line-height: 1.5; color: #1e293b; }
.bl-level li .cs-ico { flex-shrink: 0; width: 16px; height: 16px; margin-top: 0.2rem; color: #8a5a14; stroke-width: 3; }
.bl-level:nth-child(1) li .cs-ico { color: #475569; }
.bl-note {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin: 1rem 0 0;
    padding: 0.95rem 1.1rem;
    background: #fbf3df;
    border: 1px dashed #c9962b;
    border-radius: 14px;
}
.bl-note .cs-ico { flex-shrink: 0; width: 22px; height: 22px; margin-top: 0.1rem; color: #8a5a14; }
.bl-note span { font-size: 0.9rem; line-height: 1.6; color: #1e293b; }

/* ---------- City by city ---------- */
.bl-cities { background: linear-gradient(160deg, #fffaf0 0%, #ffffff 65%); border: 1px solid #e9dcc0; border-radius: 20px; padding: clamp(1rem, 2.5vw, 1.5rem); }
.bl-tablist { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
.bl-tab {
    min-height: 44px;
    padding: 0.5rem 1.3rem;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    color: #5c3a0b;
    background: #f6ecd2;
    border: 1.5px solid #e9dcc0;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.bl-tab[aria-selected="true"] { color: #ffffff; background: #8a5a14; border-color: #8a5a14; }
.bl-tab:focus-visible { outline: 3px solid #e3c277; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
    .bl-tab:not([aria-selected="true"]):hover { background: #efe0b8; border-color: #c9962b; }
}
.bl-city[hidden] { display: none !important; }
.bl-city + .bl-city { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px dashed #e0cfa3; }
.is-tabs .bl-city + .bl-city { margin-top: 0; padding-top: 0; border-top: 0; }
.bl-city:focus-visible { outline: 3px solid #e3c277; outline-offset: 4px; border-radius: 10px; }
.bl-city-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.8rem; margin-bottom: 0.5rem; }
.bl-city-head h3 { font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif; font-size: 1.35rem; font-weight: 700; color: #0f172a; margin: 0; }
.bl-city-head span { font-size: 0.82rem; font-weight: 700; color: #6f470c; }
.bl-city-sum { margin: 0 0 1rem; font-size: 0.95rem; line-height: 1.65; color: #1e293b; }
/* One column by default; three side by side only when the panel itself is wide
   enough (container query -- the sticky booking form shares the row on laptops). */
.bl-cities { container: blcities / inline-size; }
.bl-city-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.85rem; }
@container blcities (min-width: 760px) {
    .bl-city-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.bl-city-col { background: #ffffff; border: 1px solid #ecdfc3; border-radius: 14px; padding: 0.9rem 1rem 1rem; }
.bl-city-col h4 { margin: 0 0 0.6rem; font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #6f470c; }
.bl-city-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; }
.bl-city-col li { display: flex; gap: 0.5rem; align-items: flex-start; font-size: 0.86rem; line-height: 1.5; color: #1e293b; }
.bl-city-col li .cs-ico { flex-shrink: 0; width: 15px; height: 15px; margin-top: 0.2rem; color: #8a5a14; stroke-width: 3; }
.bl-city-link { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 36px; margin-top: 0.9rem; font-size: 0.9rem; font-weight: 700; color: #6f470c; text-decoration: none; }
.bl-city-link:hover { text-decoration: underline; }
.bl-city-link .cs-ico { width: 15px; height: 15px; }

/* ---------- Vertical stepper ---------- */
.bl-steps { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 1.1rem; }
.bl-steps::before {
    content: "";
    position: absolute;
    left: 21px;
    top: 22px;
    bottom: 22px;
    width: 4px;
    border-radius: 4px;
    background: repeating-linear-gradient(180deg, #c9962b 0 10px, transparent 10px 16px);
}
.bl-step { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 1rem; align-items: start; }
.bl-step-num {
    position: relative;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    background: linear-gradient(140deg, #5c3a0b, #8a5a14);
    border-radius: 50%;
    box-shadow: 0 0 0 5px #ffffff, 0 0 0 7px #ecdcb8;
}
.bl-step-body { padding: 0.15rem 0 0; }
.bl-step h3 { display: flex; align-items: center; gap: 0.6rem; margin: 0 0 0.25rem; font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif; font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.bl-step-ico { display: inline-grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; color: #8a5a14; background: #f6ecd2; border-radius: 9px; }
.bl-step-ico .cs-ico { width: 17px; height: 17px; }
.bl-step p { margin: 0; font-size: 0.92rem; line-height: 1.6; color: #334155; }

/* ---------- Delays table ---------- */
.bl-table-wrap { border: 1px solid #e9dcc0; border-radius: 16px; overflow: hidden; background: #ffffff; }
.bl-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.bl-table thead th {
    padding: 0.8rem 1rem;
    text-align: left;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffffff;
    background: linear-gradient(135deg, #5c3a0b, #7a4d0b);
}
.bl-table tbody th, .bl-table tbody td { padding: 0.85rem 1rem; text-align: left; vertical-align: top; line-height: 1.55; border-top: 1px solid #efe4cb; }
.bl-table tbody tr:nth-child(even) { background: #fffbf2; }
.bl-table tbody th { width: 27%; font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif; font-size: 0.95rem; font-weight: 700; color: #0f172a; }
.bl-table tbody td { color: #334155; }
.bl-table tbody td:last-child { color: #1e293b; }

/* ---------- Included ---------- */
.bl-incl { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem 1.25rem; }
.bl-incl li { display: flex; gap: 0.8rem; align-items: flex-start; padding: 0.35rem 0; }
.bl-incl h3 { font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif; font-size: 0.98rem; font-weight: 700; color: #0f172a; margin: 0 0 0.2rem; }
.bl-incl p { margin: 0; font-size: 0.88rem; line-height: 1.55; color: #334155; }
.bl-decides {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    margin-top: 1.25rem;
    padding: 1rem 1.15rem;
    background: #fbf3df;
    border: 1px dashed #c9962b;
    border-radius: 14px;
}
.bl-decides strong { display: block; font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif; font-size: 1.02rem; color: #0f172a; margin-bottom: 0.2rem; }
.bl-decides p { margin: 0; font-size: 0.9rem; line-height: 1.6; color: #1e293b; }

/* ---------- Official sources: clearly clickable button cards ---------- */
.bl-sources { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.bl-source {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 68px;
    padding: 0.7rem 0.8rem 0.7rem 0.9rem;
    color: #5c3a0b;
    text-decoration: none;
    background: #ffffff;
    border: 1.5px solid #e0cfa3;
    border-radius: 14px;
    box-shadow: 0 2px 0 #ecdcb8, 0 8px 18px -14px rgba(92, 58, 11, 0.5);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.bl-source-ico {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: #8a5a14;
    background: #f6ecd2;
    border-radius: 11px;
}
.bl-source-ico .cs-ico { width: 20px; height: 20px; }
.bl-source-text { flex: 1 1 auto; min-width: 0; }
.bl-source-text strong { display: block; font-size: 0.9rem; font-weight: 700; line-height: 1.3; color: #0f172a; }
.bl-source-text em { display: block; margin-top: 0.1rem; font-style: normal; font-size: 0.78rem; font-weight: 600; color: #6f470c; }
.bl-source-go {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    color: #ffffff;
    background: #8a5a14;
    border-radius: 50%;
    transition: transform 0.2s ease, background 0.2s ease;
}
.bl-source-go .cs-ico { width: 16px; height: 16px; stroke-width: 2.6; transform: rotate(-45deg); }
.bl-source:focus-visible { outline: 3px solid #e3c277; outline-offset: 2px; }
.bl-source:active { transform: translateY(1px); box-shadow: 0 1px 0 #ecdcb8; }

/* ---------- Other regions note ---------- */
.bl-region { background: linear-gradient(120deg, #fffaf0 0%, #fbf3df 100%); border-color: #e9dcc0; border-left-color: #8a5a14; }
.bl-region .cs-tile { color: #8a5a14; background: linear-gradient(140deg, #fffaf0, #f6ecd2); border-color: #e9dcc0; }

/* ---------- Step numbers pop in as each step scrolls into view ---------- */
.bl-steps.is-anim .bl-step-num {
    opacity: 0;
    transform: scale(0.4) rotate(-24deg);
    transition: opacity 0.35s ease, transform 0.7s cubic-bezier(0.3, 1.6, 0.5, 1);
    transition-delay: var(--d, 0ms);
}
.bl-steps.is-anim .bl-step.is-in .bl-step-num { opacity: 1; transform: none; }
.bl-step-num::after {
    content: "";
    position: absolute;
    inset: -7px;
    border: 2px solid #c9962b;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
}
.bl-steps.is-anim .bl-step.is-in .bl-step-num::after { animation: bl-ring 1.1s ease-out 1; animation-delay: calc(var(--d, 0ms) + 300ms); }
@keyframes bl-ring {
    0% { opacity: 0.9; transform: scale(0.85); }
    100% { opacity: 0; transform: scale(1.55); }
}

/* ---------- Hover ---------- */
@media (hover: hover) and (pointer: fine) {
    .bl-level:hover { transform: translateY(-4px); box-shadow: 0 18px 32px -18px rgba(92, 58, 11, 0.45); }
    .bl-incl li:hover .cs-tile {
        transform: rotate(-8deg) scale(1.1);
        color: #ffffff;
        background: linear-gradient(135deg, #5c3a0b, #8a5a14);
        border-color: transparent;
    }
    .bl-source:hover { border-color: #8a5a14; background: #fffaf0; transform: translateY(-3px); box-shadow: 0 2px 0 #ecdcb8, 0 16px 26px -16px rgba(92, 58, 11, 0.6); }
    .bl-source:hover .bl-source-go { background: #5c3a0b; transform: translate(2px, -2px); }
    .bl-steps .bl-step.is-in:hover .bl-step-num,
    .bl-steps:not(.is-anim) .bl-step:hover .bl-step-num { transform: scale(1.12) rotate(-8deg); transition-delay: 0ms; }
}
@media (prefers-reduced-motion: reduce) {
    .bl-cert-list li, .bl-level, .bl-incl .cs-tile, .bl-source, .bl-source-go, .bl-tab, .bl-step-num { transition: none !important; }
    .bl-step-num::after { animation: none !important; }
    .bl-cert-list li:hover, .bl-level:hover, .bl-incl li:hover .cs-tile, .bl-source:hover, .bl-source:hover .bl-source-go, .bl-step:hover .bl-step-num { transform: none !important; }
}

/* ============ Responsive ============ */
@media (max-width: 991px) {
    .bl-hero-grid { grid-template-columns: minmax(0, 1fr); }
    .bl-cert { justify-self: start; }
    .bl-levels { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .bl-incl { grid-template-columns: minmax(0, 1fr); }
    .bl-sources { grid-template-columns: minmax(0, 1fr); }
    /* the table turns into stacked cards */
    .bl-table, .bl-table tbody, .bl-table tr, .bl-table th, .bl-table td { display: block; width: 100%; }
    .bl-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .bl-table tbody tr { padding: 0.9rem 1rem; border-top: 1px solid #efe4cb; }
    .bl-table tbody tr:first-child { border-top: 0; }
    .bl-table tbody th { width: auto; padding: 0 0 0.4rem; border: 0; }
    .bl-table tbody td { padding: 0.25rem 0; border: 0; }
    .bl-table tbody td::before {
        content: attr(data-label);
        display: block;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #6f470c;
    }
}
@media (max-width: 640px) {
    .bl-hero-actions .svc-rd-btn { width: 100%; justify-content: center; }
    .bl-stats { grid-template-columns: minmax(0, 1fr); }
    .bl-stats li + li { border-left: 0; border-top: 1px solid #e9dcc0; }
    .bl-tab { flex: 1 1 auto; padding-left: 0.8rem; padding-right: 0.8rem; }
}