
.bhhl{
    --bh-blue:#0f6edb;
    --bh-blue-2:#25a7e8;
    --bh-navy:#0f2f63;
    --bh-ink:#15304b;
    --bh-muted:#66788a;
    --bh-soft:#f3f8fd;
    --bh-soft-2:#eaf4fb;
    --bh-line:#dce8f2;
    --bh-white:#fff;
    font-family:inherit;
    color:var(--bh-ink);
    overflow:hidden;
}
.bhhl *{box-sizing:border-box}
.bhhl-section{padding:72px 24px}
.bhhl-section-head{max-width:760px;margin:0 auto 36px;text-align:center}
.bhhl-kicker{
    display:inline-block;
    font-size:13px;
    line-height:1;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--bh-blue);
    margin-bottom:12px;
}
.bhhl-section-head h2,
.bhhl-pro-cta h2,
.bhhl-app-cta h2,
.bhhl-final-card h2{
    margin:0;
    font-size:clamp(30px,4vw,46px);
    line-height:1.06;
    color:var(--bh-navy);
}
.bhhl-section-head p,
.bhhl-pro-cta p,
.bhhl-app-cta p,
.bhhl-final-card p{
    margin:14px auto 0;
    font-size:17px;
    line-height:1.65;
    color:var(--bh-muted);
}
.bhhl-trust-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    padding:18px 24px;
    background:linear-gradient(90deg,#f5fbff,#eaf6ff);
    border-top:1px solid var(--bh-line);
    border-bottom:1px solid var(--bh-line);
}
.bhhl-trust-strip div{
    text-align:center;
    font-size:14px;
    font-weight:700;
    color:var(--bh-navy);
}
.bhhl-services{background:#fff}
.bhhl-service-grid{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.bhhl-service-card{
    background:#fff;
    border:1px solid var(--bh-line);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 14px 36px rgba(15,47,99,.08);
    transition:transform .22s ease,box-shadow .22s ease;
}
.bhhl-service-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 42px rgba(15,47,99,.13);
}
.bhhl-service-placeholder{
    min-height:160px;
    display:grid;
    place-items:center;
    font-size:50px;
    background:
        radial-gradient(circle at 20% 20%,rgba(37,167,232,.2),transparent 45%),
        linear-gradient(135deg,#f4f9fe,#dceeff);
    color:var(--bh-blue);
}
.bhhl-service-body{padding:18px}
.bhhl-service-body h3{margin:0 0 8px;color:var(--bh-navy);font-size:19px}
.bhhl-service-body p{margin:0 0 15px;color:var(--bh-muted);font-size:14px;line-height:1.55}
.bhhl-link{font-weight:800;color:var(--bh-blue);text-decoration:none}
.bhhl-trust{background:var(--bh-soft)}
.bhhl-trust-grid{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.bhhl-trust-grid article{
    background:#fff;
    border:1px solid var(--bh-line);
    border-radius:22px;
    padding:26px 22px;
    text-align:center;
    box-shadow:0 10px 28px rgba(15,47,99,.06);
}
.bhhl-icon{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    margin:0 auto 14px;
    border-radius:16px;
    background:linear-gradient(135deg,#eaf5ff,#d9ecff);
    color:var(--bh-blue);
    font-size:26px;
    font-weight:900;
}
.bhhl-trust-grid h3{margin:0 0 9px;color:var(--bh-navy);font-size:18px}
.bhhl-trust-grid p{margin:0;color:var(--bh-muted);font-size:14px;line-height:1.6}
.bhhl-marquee-wrap{
    padding:38px 0;
    background:#fff;
    border-top:1px solid var(--bh-line);
    border-bottom:1px solid var(--bh-line);
}
.bhhl-marquee{
    overflow:hidden;
    width:100%;
    margin:10px 0;
    mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
    -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
}
.bhhl-track{
    display:flex;
    width:max-content;
    gap:12px;
    will-change:transform;
}
.bhhl-track span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 20px;
    border-radius:999px;
    background:linear-gradient(135deg,#f1f8ff,#e4f2ff);
    border:1px solid #d6e9fb;
    color:var(--bh-navy);
    font-size:14px;
    font-weight:800;
    white-space:nowrap;
}
.bhhl-track-left{animation:bhhl-left 30s linear infinite}
.bhhl-track-right{animation:bhhl-right 34s linear infinite}
@keyframes bhhl-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bhhl-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.bhhl-how{background:linear-gradient(180deg,#f8fbff,#eef6fc)}
.bhhl-steps{
    max-width:1120px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.bhhl-steps article{
    position:relative;
    background:#fff;
    border-radius:22px;
    padding:26px 22px;
    border:1px solid var(--bh-line);
}
.bhhl-steps article>span{
    display:inline-grid;
    place-items:center;
    width:34px;height:34px;
    border-radius:50%;
    background:var(--bh-blue);
    color:#fff;
    font-weight:900;
    margin-bottom:16px;
}
.bhhl-steps h3{margin:0 0 8px;color:var(--bh-navy);font-size:18px}
.bhhl-steps p{margin:0;color:var(--bh-muted);font-size:14px;line-height:1.6}
.bhhl-reviews{background:#fff}
.bhhl-review-grid{
    max-width:1040px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.bhhl-review-grid article{
    background:linear-gradient(180deg,#fff,#f7fbff);
    border:1px solid var(--bh-line);
    border-radius:22px;
    padding:26px;
    box-shadow:0 12px 32px rgba(15,47,99,.06);
}
.bhhl-stars{color:#f0ad26;letter-spacing:.08em;font-size:18px}
.bhhl-review-grid p{color:var(--bh-ink);line-height:1.65}
.bhhl-review-grid strong{color:var(--bh-blue)}
.bhhl-pro-cta{
    max-width:1180px;
    margin:0 auto 72px;
    padding:58px;
    display:grid;
    grid-template-columns:1.35fr .65fr;
    gap:34px;
    align-items:center;
    background:
        radial-gradient(circle at 80% 10%,rgba(37,167,232,.28),transparent 32%),
        linear-gradient(135deg,#0c2855,#0f3e7b);
    border-radius:30px;
    color:#fff;
    box-shadow:0 22px 50px rgba(15,47,99,.18);
}
.bhhl-pro-cta h2,.bhhl-pro-cta p{color:#fff}
.bhhl-kicker-light{color:#9fd9ff}
.bhhl-pro-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px 16px;
    margin:22px 0;
}
.bhhl-pro-points span{
    font-size:14px;
    font-weight:700;
    color:#d8edff;
}
.bhhl-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 20px;
    border-radius:14px;
    font-weight:800;
    text-decoration:none;
}
.bhhl-btn-light{background:#fff;color:var(--bh-navy)}
.bhhl-pro-visual{
    display:flex;
    justify-content:center;
}
.bhhl-visual-card{
    width:min(100%,280px);
    min-height:240px;
    padding:28px;
    border-radius:26px;
    display:flex;
    flex-direction:column;
    gap:14px;
    justify-content:center;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(8px);
}
.bhhl-visual-card strong{font-size:28px}
.bhhl-visual-card span{color:#d8edff}
.bhhl-app-cta{
    max-width:1180px;
    margin:0 auto 72px;
    padding:58px;
    display:grid;
    grid-template-columns:1fr .72fr;
    gap:40px;
    align-items:center;
    background:linear-gradient(135deg,#eaf6ff,#f8fcff);
    border:1px solid var(--bh-line);
    border-radius:30px;
}
.bhhl-app-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:22px;
}
.bhhl-google-play-placeholder{
    display:inline-flex;
    align-items:center;
    min-height:48px;
    padding:0 18px;
    border-radius:12px;
    background:#111;
    color:#fff;
    font-weight:800;
}
.bhhl-app-note{font-size:13px;color:var(--bh-muted)}
.bhhl-phone-placeholder{
    width:220px;
    margin:0 auto;
    padding:10px;
    border-radius:34px;
    background:#0e2245;
    box-shadow:0 18px 38px rgba(15,47,99,.22);
}
.bhhl-phone-screen{
    min-height:380px;
    border-radius:26px;
    padding:28px 20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
    text-align:center;
    background:linear-gradient(180deg,#f9fcff,#dcefff);
}
.bhhl-phone-screen span{color:var(--bh-blue);font-weight:900}
.bhhl-phone-screen strong{font-size:26px;color:var(--bh-navy)}
.bhhl-phone-screen small{color:var(--bh-muted)}
.bhhl-final-trust{padding-top:0}
.bhhl-final-card{
    max-width:1040px;
    margin:0 auto;
    padding:42px;
    text-align:center;
    border-radius:24px;
    background:#fff;
    border:1px solid var(--bh-line);
}
@media (max-width:980px){
    .bhhl-service-grid,.bhhl-trust-grid,.bhhl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    .bhhl-pro-cta,.bhhl-app-cta{grid-template-columns:1fr}
}
@media (max-width:680px){
    .bhhl-section{padding:48px 16px}
    .bhhl-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 12px}
    .bhhl-trust-strip div{font-size:12px}
    .bhhl-service-grid,.bhhl-trust-grid,.bhhl-steps,.bhhl-review-grid{grid-template-columns:1fr}
    .bhhl-service-placeholder{min-height:145px}
    .bhhl-pro-cta,.bhhl-app-cta{
        margin-left:14px;
        margin-right:14px;
        padding:34px 22px;
        border-radius:24px;
    }
    .bhhl-section-head h2,.bhhl-pro-cta h2,.bhhl-app-cta h2,.bhhl-final-card h2{font-size:30px}
    .bhhl-section-head p,.bhhl-pro-cta p,.bhhl-app-cta p,.bhhl-final-card p{font-size:15px}
    .bhhl-phone-placeholder{width:190px}
    .bhhl-phone-screen{min-height:330px}
}
@media (prefers-reduced-motion:reduce){
    .bhhl-track-left,.bhhl-track-right{animation:none}
    .bhhl-service-card{transition:none}
}


/* v1.0.1 — FULL WIDTH LANDING
   The landing now spans the full viewport width.
   Inner grids keep readable padding, but sections are no longer boxed cards. */
.bhhl{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
}

.bhhl-section{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.bhhl-service-grid,
.bhhl-trust-grid,
.bhhl-steps,
.bhhl-review-grid{
    width:100% !important;
    max-width:1440px !important;
    padding-left:24px !important;
    padding-right:24px !important;
}

.bhhl-pro-cta,
.bhhl-app-cta{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:0 !important;
    border-radius:0 !important;
    padding-left:max(24px, calc((100vw - 1440px) / 2 + 24px)) !important;
    padding-right:max(24px, calc((100vw - 1440px) / 2 + 24px)) !important;
}

.bhhl-final-trust{
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
}

.bhhl-final-card{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    padding-left:max(24px, calc((100vw - 1200px) / 2 + 24px)) !important;
    padding-right:max(24px, calc((100vw - 1200px) / 2 + 24px)) !important;
}

.bhhl-marquee-wrap{
    width:100% !important;
    max-width:none !important;
}

@media (max-width:680px){
    .bhhl{
        width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
    }

    .bhhl-service-grid,
    .bhhl-trust-grid,
    .bhhl-steps,
    .bhhl-review-grid{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .bhhl-pro-cta,
    .bhhl-app-cta{
        margin-left:0 !important;
        margin-right:0 !important;
        border-radius:0 !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .bhhl-final-card{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}


/* v1.0.2 — Professional manual service slider + stronger BuilderHub palette */
.bhhl{
    --bh-blue:#0877e6;
    --bh-blue-2:#26a9ee;
    --bh-navy:#082e63;
    --bh-navy-2:#061f45;
    --bh-cyan:#dff4ff;
}

.bhhl-service-slider-section{
    background:
        radial-gradient(circle at 85% 0%, rgba(38,169,238,.15), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#f2f9ff 100%);
}

.bhhl-slider-shell{
    position:relative;
    width:min(100%,1500px);
    margin:0 auto;
    padding:0 66px;
}

.bhhl-slider-viewport{
    overflow:hidden;
    width:100%;
    touch-action:pan-y;
}

.bhhl-slider-track{
    display:flex;
    gap:20px;
    transition:transform .42s cubic-bezier(.2,.7,.2,1);
    will-change:transform;
}

.bhhl-slider-card{
    flex:0 0 calc((100% - 60px)/4);
    min-width:0;
    background:#fff;
    border:1px solid rgba(8,119,230,.14);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 16px 38px rgba(8,46,99,.10);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.bhhl-slider-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 46px rgba(8,46,99,.16);
    border-color:rgba(8,119,230,.34);
}

.bhhl-slider-card-link{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}

.bhhl-slider-image{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#dceeff;
}

.bhhl-slider-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.bhhl-slider-card:hover .bhhl-slider-image img{
    transform:scale(1.025);
}

.bhhl-slider-badge{
    position:absolute;
    left:14px;
    top:14px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(6,31,69,.88);
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:800;
    letter-spacing:.03em;
    backdrop-filter:blur(7px);
}

.bhhl-slider-card-body{
    padding:20px 20px 22px;
}

.bhhl-slider-card-body h3{
    margin:0 0 9px;
    color:var(--bh-navy);
    font-size:20px;
    line-height:1.2;
}

.bhhl-slider-card-body p{
    min-height:65px;
    margin:0 0 16px;
    color:var(--bh-muted);
    font-size:14px;
    line-height:1.55;
}

.bhhl-slider-cta{
    color:var(--bh-blue);
    font-size:14px;
    font-weight:850;
}

.bhhl-slider-arrow{
    position:absolute;
    top:50%;
    z-index:5;
    width:48px;
    height:48px;
    margin-top:-24px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--bh-navy);
    color:#fff;
    box-shadow:0 10px 24px rgba(8,46,99,.20);
    font-size:34px;
    line-height:1;
    cursor:pointer;
    transition:transform .18s ease,background .18s ease,opacity .18s ease;
}

.bhhl-slider-arrow:hover{
    background:var(--bh-blue);
    transform:scale(1.05);
}

.bhhl-slider-arrow:disabled{
    opacity:.28;
    cursor:default;
    transform:none;
}

.bhhl-slider-prev{left:4px}
.bhhl-slider-next{right:4px}

.bhhl-slider-dots{
    display:flex;
    justify-content:center;
    gap:7px;
    margin-top:20px;
}

.bhhl-slider-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#c8d8e8;
}

.bhhl-slider-dot.is-active{
    width:22px;
    border-radius:999px;
    background:var(--bh-blue);
}

.bhhl-service-form-section{
    width:100%;
    padding:42px 20px 60px;
    background:linear-gradient(180deg,#edf7ff,#ffffff);
    scroll-margin-top:90px;
}

.bhhl-service-form-inner{
    width:min(100%,1100px);
    margin:0 auto;
}

.bhhl-form-fallback{
    padding:22px;
    border-radius:16px;
    background:#fff;
    border:1px solid var(--bh-line);
    color:var(--bh-navy);
    text-align:center;
}

.bhhl-trust-strip{
    background:linear-gradient(90deg,#eaf7ff,#f8fcff,#eaf7ff);
}

.bhhl-pro-cta{
    background:
        radial-gradient(circle at 80% 10%,rgba(38,169,238,.34),transparent 32%),
        linear-gradient(135deg,var(--bh-navy-2),#0b438d);
}

.bhhl-app-cta{
    background:
        radial-gradient(circle at 90% 20%,rgba(38,169,238,.20),transparent 30%),
        linear-gradient(135deg,#e7f5ff,#fbfdff);
}

@media (max-width:1100px){
    .bhhl-slider-card{flex-basis:calc((100% - 40px)/3)}
}

@media (max-width:780px){
    .bhhl-slider-shell{padding:0 48px}
    .bhhl-slider-card{flex-basis:calc((100% - 20px)/2)}
    .bhhl-slider-arrow{
        width:42px;
        height:42px;
        margin-top:-21px;
        font-size:30px;
    }
}

@media (max-width:560px){
    .bhhl-slider-shell{padding:0 38px}
    .bhhl-slider-card{flex-basis:100%}
    .bhhl-slider-card-body p{min-height:0}
    .bhhl-slider-arrow{
        width:38px;
        height:38px;
        margin-top:-19px;
        font-size:28px;
    }
    .bhhl-slider-prev{left:0}
    .bhhl-slider-next{right:0}
}


/* v1.0.3 — compact category menu above promotional photo cards */
.bhhl-category-menu{
    width:100%;
    padding:18px 0 20px;
    background:#fff;
    border-top:1px solid #e0ebf4;
    border-bottom:1px solid #d8e6f1;
}

.bhhl-category-menu-inner{
    width:min(100%,1540px);
    margin:0 auto;
    padding:0 20px;
}

.bhhl-category-title{
    margin:0 50px 11px;
    color:#526a80;
    font-size:13px;
    font-weight:700;
}

.bhhl-category-slider{
    position:relative;
    padding:0 45px;
}

.bhhl-category-viewport{
    width:100%;
    overflow:hidden;
    touch-action:pan-y;
}

.bhhl-category-track{
    display:flex;
    gap:10px;
    width:max-content;
    align-items:center;
    transition:transform .34s cubic-bezier(.2,.7,.2,1);
    will-change:transform;
}

.bhhl-category-pill{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border:1px solid #caddea;
    border-radius:999px;
    background:#f8fbfe;
    color:#163c67;
    text-decoration:none;
    white-space:nowrap;
    font-size:14px;
    line-height:1;
    font-weight:750;
    box-shadow:0 3px 10px rgba(8,46,99,.045);
    transition:all .18s ease;
}

.bhhl-category-pill .dashicons{
    width:18px;
    height:18px;
    font-size:18px;
    color:#0877e6;
}

.bhhl-category-pill:hover{
    color:#0877e6;
    border-color:#9bcaf1;
    background:#eaf6ff;
    transform:translateY(-1px);
}

.bhhl-category-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:33px;
    height:33px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#0a356d;
    color:#fff;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 5px 15px rgba(8,46,99,.16);
}

.bhhl-category-arrow:hover{background:#0877e6}
.bhhl-category-arrow:disabled{opacity:.22;cursor:default}
.bhhl-category-prev{left:2px}
.bhhl-category-next{right:2px}

.bhhl-service-slider-section{
    padding-top:58px !important;
}

@media(max-width:680px){
    .bhhl-category-menu-inner{padding:0 8px}
    .bhhl-category-title{margin-left:38px;margin-right:38px}
    .bhhl-category-slider{padding:0 36px}
    .bhhl-category-pill{
        min-height:39px;
        padding:0 13px;
        font-size:12.5px;
        gap:6px;
    }
    .bhhl-category-pill .dashicons{
        width:16px;
        height:16px;
        font-size:16px;
    }
    .bhhl-category-arrow{
        width:29px;
        height:29px;
        font-size:21px;
    }
}


/* v1.0.4 — larger, clearer top category menu + closer to the section above */
.bhhl-category-menu{
    margin-top:-8px !important;
    padding-top:12px !important;
    padding-bottom:18px !important;
}

.bhhl-category-title{
    margin-top:0 !important;
    margin-bottom:12px !important;
    font-size:14px !important;
    font-weight:800 !important;
    color:#3f5e79 !important;
}

.bhhl-category-pill{
    min-height:48px !important;
    padding-left:19px !important;
    padding-right:19px !important;
    gap:9px !important;
    font-size:15px !important;
    font-weight:800 !important;
    border-width:1.2px !important;
}

.bhhl-category-pill .dashicons{
    width:21px !important;
    height:21px !important;
    font-size:21px !important;
}

.bhhl-category-arrow{
    width:37px !important;
    height:37px !important;
    font-size:27px !important;
}

@media(max-width:680px){
    .bhhl-category-menu{
        margin-top:-5px !important;
        padding-top:10px !important;
        padding-bottom:16px !important;
    }

    .bhhl-category-title{
        font-size:13.5px !important;
        margin-bottom:10px !important;
    }

    .bhhl-category-pill{
        min-height:44px !important;
        padding-left:15px !important;
        padding-right:15px !important;
        gap:7px !important;
        font-size:13.5px !important;
    }

    .bhhl-category-pill .dashicons{
        width:18px !important;
        height:18px !important;
        font-size:18px !important;
    }

    .bhhl-category-arrow{
        width:33px !important;
        height:33px !important;
        font-size:24px !important;
    }
}


/* v1.0.5 — exact URL menu, slightly larger and clearer */
.bhhl-category-menu{
    padding-top:14px !important;
    padding-bottom:20px !important;
}

.bhhl-category-title{
    font-size:15px !important;
    font-weight:800 !important;
    margin-bottom:13px !important;
}

.bhhl-category-pill{
    min-height:54px !important;
    padding-left:22px !important;
    padding-right:22px !important;
    gap:10px !important;
    font-size:16px !important;
    font-weight:800 !important;
    border-radius:999px !important;
}

.bhhl-category-pill .dashicons{
    width:23px !important;
    height:23px !important;
    font-size:23px !important;
}

.bhhl-category-arrow{
    width:40px !important;
    height:40px !important;
    font-size:29px !important;
}

@media(max-width:680px){
    .bhhl-category-pill{
        min-height:47px !important;
        padding-left:17px !important;
        padding-right:17px !important;
        gap:8px !important;
        font-size:14px !important;
    }

    .bhhl-category-pill .dashicons{
        width:19px !important;
        height:19px !important;
        font-size:19px !important;
    }

    .bhhl-category-arrow{
        width:35px !important;
        height:35px !important;
        font-size:25px !important;
    }
}


/* v1.0.7 — restored trust strip + coral handyman quote block */
.bhhl-trust-strip{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    padding:18px 24px !important;
    background:linear-gradient(90deg,#edf8ff,#f8fcff,#edf8ff) !important;
    border-top:1px solid #dce9f3 !important;
    border-bottom:1px solid #dce9f3 !important;
}
.bhhl-trust-strip div{
    text-align:center !important;
    font-size:14px !important;
    font-weight:800 !important;
    color:#0a356d !important;
}

.bhhl-handyman{
    width:100%;
    padding:66px 24px;
    background:#fff;
}

.bhhl-handyman-inner{
    width:min(100%,1380px);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:46px;
    align-items:center;
    padding:54px 58px;
    border-radius:32px;
    background:
        radial-gradient(circle at 88% 12%,rgba(255,255,255,.18),transparent 28%),
        linear-gradient(135deg,#e97867 0%,#e76f61 45%,#d95e53 100%);
    box-shadow:0 24px 55px rgba(103,47,43,.18);
}

.bhhl-handyman-kicker{
    display:inline-block;
    margin-bottom:12px;
    color:#4a1e24;
    font-size:13px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.bhhl-handyman-copy h2{
    margin:0;
    max-width:650px;
    color:#fff;
    font-size:clamp(34px,4vw,54px);
    line-height:1.02;
}

.bhhl-handyman-copy p{
    max-width:660px;
    margin:18px 0 24px;
    color:#fff7f4;
    font-size:17px;
    line-height:1.65;
}

.bhhl-handyman-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    max-width:720px;
}

.bhhl-handyman-form label{
    display:block;
}

.bhhl-handyman-form label > span{
    display:block;
    margin:0 0 7px;
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.bhhl-handyman-form select{
    width:100%;
    min-height:50px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.48);
    border-radius:13px;
    background:#fff;
    color:#12345c;
    font:inherit;
    font-size:14px;
    outline:none;
}

.bhhl-handyman-form select:focus{
    border-color:#0a356d;
    box-shadow:0 0 0 3px rgba(10,53,109,.16);
}

.bhhl-handyman-button{
    grid-column:1/-1;
    min-height:51px;
    padding:0 22px;
    border:0;
    border-radius:13px;
    background:#0a356d;
    color:#fff;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 26px rgba(7,35,74,.23);
    transition:transform .18s ease,background .18s ease;
}

.bhhl-handyman-button:hover{
    background:#062958;
    transform:translateY(-1px);
}

.bhhl-handyman-note{
    display:block;
    margin-top:13px;
    color:#ffe9e4;
    font-size:12px;
    line-height:1.5;
}

.bhhl-handyman-rotator{
    min-height:390px;
    padding:20px;
    border-radius:25px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 44px rgba(83,35,31,.16);
    overflow:hidden;
}

.bhhl-handyman-rotator-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
    padding:3px 4px 12px;
    border-bottom:1px solid #f0ddd8;
}

.bhhl-handyman-rotator-head strong{
    color:#0a356d;
    font-size:16px;
}

.bhhl-handyman-rotator-head span{
    padding:6px 10px;
    border-radius:999px;
    background:#ffe3dd;
    color:#a33f35;
    font-size:11px;
    font-weight:900;
}

.bhhl-handyman-list{
    position:relative;
    min-height:308px;
}

.bhhl-handyman-item{
    display:none;
    align-items:center;
    gap:12px;
    min-height:67px;
    margin:0 0 9px;
    padding:10px 12px;
    border:1px solid #edf1f5;
    border-radius:15px;
    background:#fff;
    color:#173d68;
    box-shadow:0 5px 15px rgba(8,46,99,.055);
    animation:bhhlHandymanIn .35s ease both;
}

.bhhl-handyman-item.is-visible{
    display:flex;
}

@keyframes bhhlHandymanIn{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
}

.bhhl-handyman-thumb{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:linear-gradient(135deg,#eaf6ff,#d9ecff);
    color:#0877e6;
    font-size:14px;
    font-weight:900;
}

.bhhl-handyman-item-text{
    flex:1 1 auto;
    font-size:14px;
    font-weight:800;
    line-height:1.25;
}

.bhhl-handyman-item-arrow{
    flex:0 0 auto;
    color:#e76f61;
    font-size:25px;
    line-height:1;
}

@media(max-width:900px){
    .bhhl-handyman-inner{
        grid-template-columns:1fr;
        padding:40px 30px;
    }
    .bhhl-handyman-rotator{
        min-height:365px;
    }
}

@media(max-width:680px){
    .bhhl-trust-strip{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        padding:14px 12px !important;
    }
    .bhhl-trust-strip div{
        font-size:12px !important;
    }

    .bhhl-handyman{
        padding:42px 0;
    }
    .bhhl-handyman-inner{
        border-radius:0;
        padding:34px 18px;
        gap:28px;
    }
    .bhhl-handyman-copy h2{
        font-size:34px;
    }
    .bhhl-handyman-copy p{
        font-size:15px;
    }
    .bhhl-handyman-form{
        grid-template-columns:1fr;
    }
    .bhhl-handyman-button{
        grid-column:auto;
    }
    .bhhl-handyman-rotator{
        min-height:340px;
        padding:15px;
    }
    .bhhl-handyman-item{
        min-height:62px;
    }
}

@media(prefers-reduced-motion:reduce){
    .bhhl-handyman-item{animation:none}
}


/* v1.0.8 — photo-based auto-rotating Handyman showcase; no arrows */
.bhhl-trust-strip{display:none !important;}

.bhhl-handyman-rotator,
.bhhl-handyman-list,
.bhhl-handyman-item{
    display:none !important;
}

.bhhl-handyman-photo-rotator{
    min-width:0;
    padding:18px;
    border-radius:25px;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 44px rgba(83,35,31,.16);
    overflow:hidden;
}

.bhhl-handyman-photo-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    padding:3px 4px 12px;
    border-bottom:1px solid #f0ddd8;
}

.bhhl-handyman-photo-head strong{
    color:#0a356d;
    font-size:16px;
}

.bhhl-handyman-photo-head span{
    padding:6px 10px;
    border-radius:999px;
    background:#ffe3dd;
    color:#a33f35;
    font-size:11px;
    font-weight:900;
}

.bhhl-handyman-photo-viewport{
    overflow:hidden;
    width:100%;
}

.bhhl-handyman-photo-track{
    display:flex;
    gap:12px;
    transition:transform .55s cubic-bezier(.2,.7,.2,1);
    will-change:transform;
}

.bhhl-handyman-photo-card{
    flex:0 0 calc((100% - 24px)/3);
    min-width:0;
    overflow:hidden;
    border-radius:16px;
    background:#fff;
    border:1px solid #efdcd7;
    box-shadow:0 8px 22px rgba(74,30,36,.10);
}

.bhhl-handyman-photo-card img{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    background:#f5ece9;
}

.bhhl-handyman-photo-label{
    min-height:58px;
    display:flex;
    align-items:center;
    padding:12px 13px;
    color:#14385f;
    font-size:13px;
    line-height:1.25;
    font-weight:850;
}

.bhhl-handyman-photo-dots{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:14px;
}

.bhhl-handyman-photo-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#e1b9b0;
    transition:width .18s ease,background .18s ease;
}

.bhhl-handyman-photo-dot.is-active{
    width:20px;
    border-radius:999px;
    background:#e76f61;
}

@media(max-width:780px){
    .bhhl-handyman-photo-card{
        flex-basis:calc((100% - 12px)/2);
    }
}

@media(max-width:520px){
    .bhhl-handyman-photo-card{
        flex-basis:78%;
    }
    .bhhl-handyman-photo-label{
        min-height:54px;
        font-size:12.5px;
    }
}


/* v1.0.9 — compact vertical Handyman ticker, scrolling upward automatically */
.bhhl-trust-strip{display:none !important;}

.bhhl-handyman-rotator,
.bhhl-handyman-photo-rotator,
.bhhl-handyman-list,
.bhhl-handyman-photo-track,
.bhhl-handyman-photo-card{
    display:none !important;
}

.bhhl-handyman-vertical{
    min-width:0;
    padding:18px;
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 44px rgba(83,35,31,.16);
}

.bhhl-handyman-vertical-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:2px 4px 12px;
    border-bottom:1px solid #f0ddd8;
}

.bhhl-handyman-vertical-head strong{
    color:#0a356d;
    font-size:16px;
}

.bhhl-handyman-vertical-head span{
    padding:6px 10px;
    border-radius:999px;
    background:#ffe3dd;
    color:#a33f35;
    font-size:11px;
    font-weight:900;
}

.bhhl-handyman-vertical-viewport{
    position:relative;
    height:292px;
    margin-top:12px;
    overflow:hidden;
}

.bhhl-handyman-vertical-viewport::before,
.bhhl-handyman-vertical-viewport::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    z-index:2;
    height:22px;
    pointer-events:none;
}

.bhhl-handyman-vertical-viewport::before{
    top:0;
    background:linear-gradient(#fff,rgba(255,255,255,0));
}

.bhhl-handyman-vertical-viewport::after{
    bottom:0;
    background:linear-gradient(rgba(255,255,255,0),#fff);
}

.bhhl-handyman-vertical-track{
    display:flex;
    flex-direction:column;
    gap:8px;
    will-change:transform;
}

.bhhl-handyman-vertical-row{
    flex:0 0 65px;
    min-height:65px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:7px 12px 7px 7px;
    border:1px solid #edf1f5;
    border-radius:14px;
    background:#fff;
    box-shadow:0 5px 14px rgba(8,46,99,.05);
}

.bhhl-handyman-vertical-row img{
    flex:0 0 52px;
    width:52px;
    height:52px;
    object-fit:cover;
    border-radius:10px;
    background:#eef4f8;
}

.bhhl-handyman-vertical-row span{
    color:#173d68;
    font-size:14px;
    line-height:1.25;
    font-weight:850;
}

@media(max-width:680px){
    .bhhl-handyman-vertical{
        padding:14px;
    }
    .bhhl-handyman-vertical-viewport{
        height:255px;
    }
    .bhhl-handyman-vertical-row{
        flex-basis:57px;
        min-height:57px;
        gap:10px;
        padding:6px 10px 6px 6px;
    }
    .bhhl-handyman-vertical-row img{
        flex-basis:45px;
        width:45px;
        height:45px;
    }
    .bhhl-handyman-vertical-row span{
        font-size:13px;
    }
}

@media(prefers-reduced-motion:reduce){
    .bhhl-handyman-vertical-track{
        transform:none !important;
    }
}


/* v1.0.10 — stronger, concise trust message */
.bhhl-trust-closing{
    max-width:900px;
    margin:32px auto 0;
    padding:18px 22px;
    border-radius:16px;
    background:#e9f5ff;
    color:#0a356d;
    text-align:center;
    font-size:16px;
    line-height:1.5;
    font-weight:850;
}


/* v1.0.12 — stronger trust section */
.bhhl-trust-strong{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 15% 10%, rgba(255,255,255,.72), transparent 26%),
        radial-gradient(circle at 88% 18%, rgba(28,147,234,.18), transparent 30%),
        linear-gradient(135deg,#d8eeff 0%,#c5e5fb 48%,#dff2ff 100%) !important;
    border-top:1px solid #bad9ef;
    border-bottom:1px solid #bad9ef;
}

.bhhl-trust-strong .bhhl-section-head{
    max-width:860px;
}

.bhhl-trust-strong .bhhl-section-head h2{
    color:#082e63;
}

.bhhl-trust-strong .bhhl-section-head p{
    color:#365b79;
}

.bhhl-trust-grid-strong{
    max-width:1180px !important;
    gap:20px !important;
}

.bhhl-trust-grid-strong article{
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(8,119,230,.16) !important;
    border-radius:24px !important;
    padding:28px 22px !important;
    box-shadow:0 16px 34px rgba(8,46,99,.09) !important;
}

.bhhl-trust-grid-strong .bhhl-icon{
    width:62px !important;
    height:62px !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#0c7ae8,#25a7e8) !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(8,119,230,.22);
}

.bhhl-trust-grid-strong h3{
    color:#082e63 !important;
    font-size:19px !important;
}

.bhhl-trust-grid-strong p{
    color:#5a6f83 !important;
    font-size:14.5px !important;
}

.bhhl-trust-strong .bhhl-trust-closing{
    max-width:920px;
    margin:34px auto 0;
    padding:17px 22px;
    border-radius:16px;
    background:#0a356d !important;
    color:#fff !important;
    text-align:center;
    font-size:16px;
    line-height:1.5;
    font-weight:850;
    box-shadow:0 12px 28px rgba(8,46,99,.16);
}


/* v1.0.13 — finished dual-store app section */
.bhhl-app-store-section{
    width:100%;
    padding:72px 24px;
    background:#fff;
}

.bhhl-app-store-inner{
    width:min(100%,1380px);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:52px;
    align-items:center;
    padding:62px 64px;
    border-radius:34px;
    background:
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.18), transparent 28%),
        linear-gradient(135deg,#d95755 0%,#e86b5f 48%,#ef7c6b 100%);
    box-shadow:0 24px 54px rgba(116,45,43,.18);
}

.bhhl-app-store-kicker{
    display:inline-block;
    margin-bottom:12px;
    color:#561b20;
    font-size:13px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.bhhl-app-store-copy h2{
    margin:0;
    max-width:660px;
    color:#fff;
    font-size:clamp(36px,4vw,56px);
    line-height:1.03;
}

.bhhl-app-store-copy p{
    max-width:680px;
    margin:18px 0 26px;
    color:#fff7f4;
    font-size:17px;
    line-height:1.65;
}

.bhhl-app-store-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.bhhl-store-badge{
    min-width:210px;
    min-height:64px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 16px;
    border-radius:15px;
    background:#0a2f63;
    color:#fff;
    box-shadow:0 12px 26px rgba(7,35,74,.24);
}

.bhhl-store-disabled{
    cursor:default;
}

.bhhl-store-icon{
    flex:0 0 30px;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:rgba(255,255,255,.12);
    font-size:18px;
    font-weight:900;
}

.bhhl-store-text{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.bhhl-store-text small{
    color:#cfdef0;
    font-size:11px;
    line-height:1.1;
}

.bhhl-store-text strong{
    color:#fff;
    font-size:19px;
    line-height:1.1;
}

.bhhl-app-store-note{
    max-width:680px;
    margin-top:16px;
    color:#ffe9e4;
    font-size:12.5px;
    line-height:1.5;
}

.bhhl-app-store-visual{
    position:relative;
    min-height:430px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.bhhl-device{
    position:absolute;
    width:205px;
    height:400px;
    padding:9px;
    border-radius:34px;
    background:#081d40;
    box-shadow:0 24px 45px rgba(61,21,23,.24);
}

.bhhl-device-back{
    transform:translate(-60px,20px) rotate(-7deg);
    opacity:.92;
}

.bhhl-device-front{
    transform:translate(70px,-8px) rotate(5deg);
}

.bhhl-device-notch{
    position:absolute;
    top:15px;
    left:50%;
    width:70px;
    height:18px;
    margin-left:-35px;
    border-radius:999px;
    background:#07162f;
    z-index:2;
}

.bhhl-device-screen{
    width:100%;
    height:100%;
    border-radius:27px;
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:50px 16px 18px;
    background:linear-gradient(180deg,#f7fbff,#dcefff);
    overflow:hidden;
}

.bhhl-device-brand{
    color:#0877e6;
    font-size:13px;
    font-weight:900;
}

.bhhl-device-screen strong{
    color:#082e63;
    font-size:23px;
    line-height:1.08;
}

.bhhl-device-search{
    padding:12px 11px;
    border-radius:12px;
    background:#fff;
    color:#718196;
    font-size:12px;
    box-shadow:0 5px 14px rgba(8,46,99,.07);
}

.bhhl-device-pill,
.bhhl-device-card{
    padding:11px 10px;
    border-radius:12px;
    background:#fff;
    color:#173d68;
    font-size:12px;
    font-weight:800;
    box-shadow:0 5px 14px rgba(8,46,99,.06);
}

@media(max-width:900px){
    .bhhl-app-store-inner{
        grid-template-columns:1fr;
        padding:44px 32px;
    }
    .bhhl-app-store-visual{
        min-height:390px;
    }
}

@media(max-width:680px){
    .bhhl-app-store-section{
        padding:42px 0;
    }
    .bhhl-app-store-inner{
        border-radius:0;
        padding:36px 18px;
        gap:28px;
    }
    .bhhl-app-store-copy h2{
        font-size:35px;
    }
    .bhhl-app-store-copy p{
        font-size:15px;
    }
    .bhhl-store-badge{
        width:100%;
        min-width:0;
    }
    .bhhl-app-store-visual{
        min-height:350px;
        transform:scale(.88);
        transform-origin:center top;
    }
}


/* v1.0.14 — multicolor trust cards */
.bhhl-trust-card{
    position:relative;
    overflow:hidden;
}

.bhhl-trust-card::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:5px;
    border-radius:24px 24px 0 0;
}

.bhhl-trust-card-check::before{
    background:#0b1f3a;
}
.bhhl-trust-card-check .bhhl-icon{
    background:linear-gradient(135deg,#111827,#243b53) !important;
    color:#fff !important;
}

.bhhl-trust-card-reviews::before{
    background:#f2a51a;
}
.bhhl-trust-card-reviews .bhhl-icon{
    background:linear-gradient(135deg,#f7b733,#f59e0b) !important;
    color:#fff !important;
}

.bhhl-trust-card-rules::before{
    background:#e65f55;
}
.bhhl-trust-card-rules .bhhl-icon{
    background:linear-gradient(135deg,#ef7a6d,#d9514a) !important;
    color:#fff !important;
}

.bhhl-trust-card-support::before{
    background:#1ca78a;
}
.bhhl-trust-card-support .bhhl-icon{
    background:linear-gradient(135deg,#20b79a,#13866f) !important;
    color:#fff !important;
}

.bhhl-trust-card-check h3{color:#16263d !important;}
.bhhl-trust-card-reviews h3{color:#8f5d00 !important;}
.bhhl-trust-card-rules h3{color:#9d3d37 !important;}
.bhhl-trust-card-support h3{color:#126a5a !important;}


/* v1.0.15 — classic real reviews section */
.bhhl-reviews-classic{
    background:linear-gradient(180deg,#fbfdff 0%,#f5f9fc 100%) !important;
    padding-top:70px !important;
    padding-bottom:70px !important;
}

.bhhl-reviews-head{
    max-width:760px;
    margin:0 auto 34px;
    text-align:center;
}

.bhhl-reviews-main-stars{
    margin-bottom:12px;
    color:#e9a51a;
    font-size:28px;
    line-height:1;
    letter-spacing:.12em;
}

.bhhl-reviews-head h2{
    margin:0;
    color:#0b2f63;
    font-size:clamp(32px,4vw,46px);
    line-height:1.08;
}

.bhhl-reviews-head p{
    margin:10px 0 0;
    color:#6d7f91;
    font-size:15px;
    line-height:1.5;
}

.bhhl-review-grid-classic{
    max-width:1180px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:24px !important;
}

.bhhl-review-card-classic{
    min-height:190px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:28px 28px 26px !important;
    border:1px solid #e4edf4 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 10px 30px rgba(8,46,99,.055) !important;
}

.bhhl-review-card-classic .bhhl-stars{
    margin-bottom:16px;
    color:#e9a51a !important;
    font-size:19px !important;
    letter-spacing:.09em !important;
}

.bhhl-review-card-classic p{
    flex:1 1 auto;
    margin:0 0 18px !important;
    color:#4d6175 !important;
    font-size:15px !important;
    line-height:1.6 !important;
}

.bhhl-review-card-classic strong{
    color:#1b5fb4 !important;
    font-size:14px !important;
    font-weight:850 !important;
}

.bhhl-reviews-footnote{
    max-width:820px;
    margin:24px auto 0;
    text-align:center;
    color:#8a98a8;
    font-size:12.5px;
    line-height:1.5;
}

@media(max-width:760px){
    .bhhl-review-grid-classic{
        grid-template-columns:1fr !important;
        gap:16px !important;
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .bhhl-review-card-classic{
        min-height:0;
        padding:22px !important;
    }

    .bhhl-reviews-main-stars{
        font-size:24px;
    }
}


/* v1.0.16 — polished coral app section with dual-store badges and phones */
.bhhl-app-store-coral{
    width:100%;
    padding:72px 24px !important;
    background:#f7fbff !important;
}

.bhhl-app-store-coral .bhhl-app-store-inner{
    width:min(100%,1380px);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:50px;
    align-items:center;
    padding:62px 66px;
    border-radius:34px;
    background:
        radial-gradient(circle at 82% 16%,rgba(255,255,255,.20),transparent 28%),
        linear-gradient(135deg,#df5a53 0%,#ed6d5f 48%,#f0816d 100%) !important;
    box-shadow:0 24px 54px rgba(113,42,40,.18);
}

.bhhl-app-store-coral .bhhl-app-store-kicker{
    color:#5d1c22 !important;
}

.bhhl-app-store-coral .bhhl-app-store-copy h2{
    color:#fff !important;
    max-width:700px;
    font-size:clamp(38px,4vw,58px);
    line-height:1.03;
}

.bhhl-app-store-coral .bhhl-app-store-copy p{
    color:#fff5f2 !important;
    max-width:680px;
    font-size:17px;
}

.bhhl-app-store-coral .bhhl-store-badge{
    min-width:215px;
    min-height:66px;
    border:1px solid rgba(255,255,255,.12);
    background:#082e63 !important;
}

.bhhl-app-store-coral .bhhl-store-badge:hover{
    transform:translateY(-1px);
}

.bhhl-app-store-coral .bhhl-store-icon{
    background:rgba(255,255,255,.13) !important;
}

.bhhl-app-store-coral .bhhl-app-store-note{
    color:#ffe8e3 !important;
}

.bhhl-app-store-coral .bhhl-app-store-visual{
    min-height:430px;
}

.bhhl-app-store-coral .bhhl-device{
    background:#061a39 !important;
    box-shadow:0 24px 48px rgba(68,23,24,.28);
}

.bhhl-app-store-coral .bhhl-device-screen{
    background:linear-gradient(180deg,#f8fbff,#ddecfb) !important;
}

.bhhl-app-store-coral .bhhl-device-front{
    transform:translate(76px,-10px) rotate(5deg);
}

.bhhl-app-store-coral .bhhl-device-back{
    transform:translate(-70px,24px) rotate(-7deg);
}

@media(max-width:900px){
    .bhhl-app-store-coral .bhhl-app-store-inner{
        grid-template-columns:1fr;
        padding:44px 32px;
    }
}

@media(max-width:680px){
    .bhhl-app-store-coral{
        padding:42px 0 !important;
    }

    .bhhl-app-store-coral .bhhl-app-store-inner{
        border-radius:0;
        padding:36px 18px;
        gap:28px;
    }

    .bhhl-app-store-coral .bhhl-app-store-copy h2{
        font-size:36px;
    }

    .bhhl-app-store-coral .bhhl-app-store-copy p{
        font-size:15px;
    }

    .bhhl-app-store-coral .bhhl-store-badge{
        width:100%;
        min-width:0;
    }

    .bhhl-app-store-coral .bhhl-app-store-visual{
        min-height:350px;
        transform:scale(.88);
        transform-origin:center top;
    }
}


/* v1.0.17 — real store icons */
.bhhl-store-icon svg{
    display:block;
    width:22px;
    height:22px;
}

.bhhl-store-icon-apple{
    color:#fff;
}

.bhhl-store-icon-play{
    background:#fff !important;
}

.bhhl-store-icon-play svg{
    width:24px;
    height:24px;
}


/* v1.0.18 — stronger "Πώς λειτουργεί" section */
.bhhl-how{
    background:
        radial-gradient(circle at 12% 8%,rgba(255,255,255,.6),transparent 26%),
        linear-gradient(135deg,#dbeeff 0%,#cfe8fb 52%,#e4f3ff 100%) !important;
    border-top:1px solid #bfdcf1;
    border-bottom:1px solid #bfdcf1;
}

.bhhl-how .bhhl-section-head h2{
    color:#082e63 !important;
}

.bhhl-how .bhhl-kicker{
    color:#1b5fb4 !important;
}

.bhhl-step-card{
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(8,119,230,.14) !important;
    border-radius:22px !important;
    box-shadow:0 12px 28px rgba(8,46,99,.07) !important;
    padding:28px 23px !important;
}

.bhhl-step-card h3{
    color:#0b2f63 !important;
    font-size:18px !important;
    line-height:1.25 !important;
}

.bhhl-step-card p{
    color:#3f5870 !important;
    font-size:14.5px !important;
    line-height:1.6 !important;
}

.bhhl-step-card > span{
    color:#fff !important;
    box-shadow:0 8px 18px rgba(8,46,99,.15);
}

.bhhl-step-1 > span{
    background:linear-gradient(135deg,#e45e58,#f07d6e) !important;
}

.bhhl-step-2 > span{
    background:linear-gradient(135deg,#f09a3e,#f5b35f) !important;
}

.bhhl-step-3 > span{
    background:linear-gradient(135deg,#d95f82,#e67a9a) !important;
}

.bhhl-step-4 > span{
    background:linear-gradient(135deg,#b84f73,#d46a8f) !important;
}

.bhhl-step-1{border-top:4px solid #e45e58 !important;}
.bhhl-step-2{border-top:4px solid #f09a3e !important;}
.bhhl-step-3{border-top:4px solid #d95f82 !important;}
.bhhl-step-4{border-top:4px solid #b84f73 !important;}

@media(max-width:680px){
    .bhhl-step-card{
        padding:23px 20px !important;
    }
}


/* v1.0.21 — self-contained Handyman quote form */
.bhhl-hq-form{
    display:grid;
    gap:13px;
}

.bhhl-hq-form label{
    display:block;
}

.bhhl-hq-form label > span{
    display:block;
    margin:0 0 7px;
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.bhhl-hq-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.bhhl-hq-form input,
.bhhl-hq-form textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.52);
    border-radius:13px;
    background:#fff;
    color:#12345c;
    font:inherit;
    font-size:14px;
    padding:13px 14px;
    outline:none;
}

.bhhl-hq-form input{
    min-height:50px;
}

.bhhl-hq-form textarea{
    resize:vertical;
    min-height:105px;
    line-height:1.45;
}

.bhhl-hq-form input:focus,
.bhhl-hq-form textarea:focus{
    border-color:#0a356d;
    box-shadow:0 0 0 3px rgba(10,53,109,.16);
}

.bhhl-hq-form button{
    min-height:52px;
    border:0;
    border-radius:13px;
    background:#0a356d;
    color:#fff;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 26px rgba(7,35,74,.23);
}

.bhhl-hq-form button:hover{
    background:#062958;
}

.bhhl-hq-success,
.bhhl-hq-error{
    margin:0 0 15px;
    padding:14px 16px;
    border-radius:13px;
}

.bhhl-hq-success{
    background:#e9fff7;
    color:#126a50;
}

.bhhl-hq-success strong,
.bhhl-hq-success span{
    display:block;
}

.bhhl-hq-error{
    background:#fff0ee;
    color:#9d3d37;
}

.bhhl-hq-hp{
    position:absolute !important;
    left:-99999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

@media(max-width:680px){
    .bhhl-hq-grid{
        grid-template-columns:1fr;
    }
}


/* v1.0.22 — Handyman quote form hidden behind CTA */
.bhhl-hq-open{
    width:100%;
    min-height:54px;
    padding:0 22px;
    border:0;
    border-radius:14px;
    background:#0a356d;
    color:#fff;
    font-size:16px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 26px rgba(7,35,74,.23);
    transition:transform .18s ease,background .18s ease;
}

.bhhl-hq-open:hover{
    background:#062958;
    transform:translateY(-1px);
}

.bhhl-hq-panel[hidden]{
    display:none !important;
}

.bhhl-hq-panel{
    margin-top:16px;
    padding-top:4px;
}

.bhhl-handyman-quote-embed.is-open .bhhl-hq-open{
    background:#082e63;
}


/* v1.0.23 — Handyman quote as modal popup */
.bhhl-hq-panel,
.bhhl-hq-panel[hidden]{
    display:none !important;
}

.bhhl-hq-open{
    width:100%;
    min-height:54px;
    padding:0 22px;
    border:0;
    border-radius:14px;
    background:#0a356d;
    color:#fff;
    font-size:16px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 26px rgba(7,35,74,.23);
    transition:transform .18s ease,background .18s ease;
}

.bhhl-hq-open:hover{
    background:#062958;
    transform:translateY(-1px);
}

.bhhl-hq-modal[hidden]{
    display:none !important;
}

.bhhl-hq-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:grid;
    place-items:center;
    padding:20px;
}

.bhhl-hq-backdrop{
    position:absolute;
    inset:0;
    background:rgba(5,20,42,.66);
    backdrop-filter:blur(3px);
}

.bhhl-hq-dialog{
    position:relative;
    z-index:1;
    width:min(100%,620px);
    max-height:min(90vh,760px);
    overflow:auto;
    padding:28px;
    border-radius:24px;
    background:
        radial-gradient(circle at 90% 5%,rgba(255,255,255,.16),transparent 25%),
        linear-gradient(135deg,#e97867,#df6258);
    box-shadow:0 30px 80px rgba(5,20,42,.35);
}

.bhhl-hq-close{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#0a356d;
    font-size:26px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 6px 16px rgba(5,20,42,.13);
}

.bhhl-hq-dialog-head{
    padding-right:45px;
    margin-bottom:18px;
}

.bhhl-hq-dialog-kicker{
    display:inline-block;
    margin-bottom:7px;
    color:#5d1f23;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.bhhl-hq-dialog-head h3{
    margin:0;
    color:#fff;
    font-size:30px;
    line-height:1.08;
}

.bhhl-hq-dialog-head p{
    margin:8px 0 0;
    color:#fff3ef;
    font-size:14px;
    line-height:1.5;
}

.bhhl-hq-dialog-body{
    margin-top:4px;
}

body.bhhl-modal-open{
    overflow:hidden !important;
}

@media(max-width:680px){
    .bhhl-hq-modal{
        padding:10px;
        align-items:end;
    }

    .bhhl-hq-dialog{
        width:100%;
        max-height:92vh;
        padding:24px 18px 20px;
        border-radius:22px 22px 0 0;
    }

    .bhhl-hq-dialog-head h3{
        font-size:26px;
    }
}


/* v1.0.24 — Recommended jobs use one shared popup form */
.bhhl-slider-card-link.bhhl-recommended-open{
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
    cursor:pointer;
    font:inherit;
}

.bhhl-recommended-modal[hidden]{display:none!important}

.bhhl-recommended-modal{
    position:fixed;
    inset:0;
    z-index:1000001;
    display:grid;
    place-items:center;
    padding:20px;
}

.bhhl-recommended-backdrop{
    position:absolute;
    inset:0;
    background:rgba(5,20,42,.68);
    backdrop-filter:blur(3px);
}

.bhhl-recommended-dialog{
    position:relative;
    z-index:1;
    width:min(100%,640px);
    max-height:92vh;
    overflow:auto;
    padding:30px;
    border-radius:25px;
    background:
        radial-gradient(circle at 92% 5%,rgba(255,255,255,.17),transparent 25%),
        linear-gradient(135deg,#e97867,#df6258);
    box-shadow:0 32px 85px rgba(5,20,42,.38);
}

.bhhl-recommended-close{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#0a356d;
    font-size:26px;
    cursor:pointer;
}

.bhhl-recommended-head{
    padding-right:48px;
    margin-bottom:19px;
}

.bhhl-recommended-kicker{
    display:inline-block;
    margin-bottom:7px;
    color:#5d1f23;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.bhhl-recommended-head h3{
    margin:0;
    color:#fff;
    font-size:31px;
    line-height:1.08;
}

.bhhl-recommended-head p{
    margin:8px 0 0;
    color:#fff3ef;
    font-size:14px;
}

.bhhl-rec-form{
    display:grid;
    gap:13px;
}

.bhhl-rec-form label{display:block}

.bhhl-rec-form label>span{
    display:block;
    margin:0 0 7px;
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.bhhl-rec-form input,
.bhhl-rec-form textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.52);
    border-radius:13px;
    background:#fff;
    color:#12345c;
    font:inherit;
    font-size:14px;
    padding:13px 14px;
    outline:none;
}

.bhhl-rec-form input{min-height:49px}
.bhhl-rec-form textarea{min-height:110px;resize:vertical;line-height:1.45}

.bhhl-rec-form input:focus,
.bhhl-rec-form textarea:focus{
    border-color:#0a356d;
    box-shadow:0 0 0 3px rgba(10,53,109,.16);
}

.bhhl-rec-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.bhhl-rec-form button{
    min-height:52px;
    border:0;
    border-radius:13px;
    background:#0a356d;
    color:#fff;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 26px rgba(7,35,74,.23);
}

.bhhl-rec-form button:hover{background:#062958}

.bhhl-rec-success,
.bhhl-rec-error{
    margin:0 0 15px;
    padding:14px 16px;
    border-radius:13px;
}

.bhhl-rec-success{background:#e9fff7;color:#126a50}
.bhhl-rec-success strong,.bhhl-rec-success span{display:block}
.bhhl-rec-error{background:#fff0ee;color:#9d3d37}

.bhhl-rec-hp{
    position:absolute!important;
    left:-99999px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}

body.bhhl-recommended-modal-open{overflow:hidden!important}

@media(max-width:680px){
    .bhhl-recommended-modal{padding:10px;align-items:end}
    .bhhl-recommended-dialog{
        width:100%;
        max-height:93vh;
        padding:25px 18px 20px;
        border-radius:22px 22px 0 0;
    }
    .bhhl-rec-grid{grid-template-columns:1fr}
    .bhhl-recommended-head h3{font-size:27px}
}


/* v1.0.27 — Recommended Jobs light-blue Job Manager popup.
   Scoped only to .bhhl-recommended-*; Handyman popup stays unchanged. */

.bhhl-recommended-dialog{
    background:
        radial-gradient(circle at 92% 4%, rgba(255,255,255,.82), transparent 29%),
        linear-gradient(145deg,#eaf7ff 0%,#d7efff 52%,#c9e7fb 100%) !important;
    border:1px solid rgba(28,110,178,.16);
    box-shadow:0 34px 90px rgba(7,48,89,.30);
}

.bhhl-recommended-kicker{
    color:#1676bd !important;
}

.bhhl-recommended-head h3{
    color:#0a356d !important;
}

.bhhl-recommended-head p{
    color:#426784 !important;
}

.bhhl-rec-form label>span{
    color:#123f67 !important;
}

.bhhl-rec-form input,
.bhhl-rec-form textarea,
.bhhl-rec-form select{
    width:100%;
    box-sizing:border-box;
    min-height:49px;
    border:1px solid #b6d8ef;
    border-radius:13px;
    background:#fff;
    color:#12345c;
    font:inherit;
    font-size:14px;
    padding:13px 14px;
    outline:none;
}

.bhhl-rec-form textarea{
    min-height:112px;
    resize:vertical;
    line-height:1.45;
}

.bhhl-rec-form select{
    appearance:auto;
}

.bhhl-rec-form input:focus,
.bhhl-rec-form textarea:focus,
.bhhl-rec-form select:focus{
    border-color:#2287ca;
    box-shadow:0 0 0 3px rgba(34,135,202,.14);
}

.bhhl-rec-check-card{
    display:flex !important;
    flex-direction:column;
}

.bhhl-rec-checkbox-line{
    min-height:49px;
    display:flex !important;
    align-items:center;
    gap:9px;
    padding:10px 12px;
    border:1px solid #b6d8ef;
    border-radius:13px;
    background:#fff;
    box-sizing:border-box;
}

.bhhl-rec-checkbox-line input,
.bhhl-rec-terms input{
    width:18px !important;
    height:18px !important;
    min-height:0 !important;
    padding:0 !important;
    flex:0 0 auto;
}

.bhhl-rec-checkbox-line b{
    color:#244b69;
    font-size:13px;
    line-height:1.3;
}

.bhhl-rec-terms{
    display:flex !important;
    flex-direction:row;
    align-items:flex-start;
    gap:9px;
    padding:11px 12px;
    border-radius:12px;
    background:rgba(255,255,255,.58);
}

.bhhl-rec-terms span{
    margin:0 !important;
    color:#315d7d !important;
    font-size:12px !important;
    line-height:1.4;
}

.bhhl-rec-form button[type="submit"]{
    background:#168ad3 !important;
    color:#fff !important;
}

.bhhl-rec-form button[type="submit"]:hover{
    background:#0b72b7 !important;
}

.bhhl-recommended-close{
    background:#fff !important;
    color:#0a356d !important;
    border:1px solid rgba(10,53,109,.08) !important;
}

.bhhl-rec-success{
    background:#effcf7 !important;
    color:#126a50 !important;
}

.bhhl-rec-error{
    background:#fff1f0 !important;
    color:#9d3d37 !important;
}

@media(max-width:680px){
    .bhhl-recommended-dialog{
        border-radius:22px 22px 0 0 !important;
    }
}


/* v1.0.28 — App section branding only */
.bhhl-app-brand{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
}

.bhhl-app-brand-mark{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 42px;
    border-radius:50%;
    background:#fff;
    color:#0b69b7;
    box-shadow:0 8px 20px rgba(8,47,87,.15);
}

.bhhl-app-brand-mark img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:50%;
    transform:scale(1.47);
}

.bhhl-app-brand-name{
    color:#fff;
    font-size:22px;
    font-weight:900;
    letter-spacing:-.02em;
}

.bhhl-app-title-builderhub{
    font-weight:900;
}

@media(max-width:680px){
    .bhhl-app-brand-mark{
        width:38px;
        height:38px;
        flex-basis:38px;
    }

    .bhhl-app-brand-name{
        font-size:20px;
    }
}


/* v1.0.29 — brighter BuilderHub coral/red sections only */
.bhhl-handyman-inner{
    background:
        radial-gradient(circle at 88% 12%,rgba(255,255,255,.18),transparent 28%),
        linear-gradient(135deg,#F04438 0%,#F25543 48%,#FA6B50 100%) !important;
    box-shadow:0 24px 55px rgba(157,45,36,.22) !important;
}

.bhhl-app-store-coral .bhhl-app-store-inner{
    background:
        radial-gradient(circle at 82% 16%,rgba(255,255,255,.20),transparent 28%),
        linear-gradient(135deg,#F04438 0%,#F25543 48%,#FA6B50 100%) !important;
    box-shadow:0 24px 54px rgba(157,45,36,.22) !important;
}


/* v1.0.30 — real BuilderHub logo in App section only */
.bhhl-app-brand-mark{
    overflow:hidden;
    background:#fff;
}
