:root{
            --bg:#f6f7fb;
            --ink:#101827;
            --muted:#64748b;
            --card:#ffffff;
            --line:#e5e7eb;
            --dark:#0f172a;
            --gold:#f59e0b;
            --gold2:#facc15;
            --green:#22c55e;
            --green2:#16a34a;
            --blue:#2563eb;
            --cyan:#38bdf8;
            --red:#ef4444;
            --orange:#f97316;
            --shadow:0 18px 45px rgba(15,23,42,.12);
            --radius:24px;
        }

        *{box-sizing:border-box}
        body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}
        a{text-decoration:none;color:inherit}
        img{display:block;max-width:100%}
        svg{width:19px;height:19px;flex:0 0 auto}

        .bp-page{background:
            radial-gradient(circle at 12% 10%, rgba(245,158,11,.16), transparent 26%),
            radial-gradient(circle at 88% 18%, rgba(37,99,235,.10), transparent 24%),
            linear-gradient(180deg,#fff 0%,#f6f7fb 42%,#eef2f7 100%);
            min-height:100vh;
        }
        .bp-container{width:min(1200px,92%);margin:auto;padding:22px 0 18px}
        .bp-back{display:inline-flex;align-items:center;gap:8px;color:#475569;font-weight:900;margin:8px 0 18px}
        .bp-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
        .bp-main{display:grid;gap:22px;min-width:0}
        .bp-card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);box-shadow:var(--shadow);overflow:unset;backdrop-filter:blur(16px)}
        .bp-pad{padding:24px}

        .bp-hero{position:relative;min-height:560px;background:var(--dark);isolation:isolate}
        .bp-hero-slider{position:absolute;inset:0;overflow:hidden}
        .bp-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .55s ease,transform 1.3s ease}
        .bp-slide.active{opacity:1;transform:scale(1)}
        .bp-slide img{width:100%;height:100%;object-fit:cover}
        .bp-hero::after{content:"";position:absolute;inset:0;background:
            linear-gradient(90deg,rgba(15,23,42,.15),rgba(15,23,42,.72)),
            linear-gradient(to top,rgba(15,23,42,.78),rgba(15,23,42,.05) 55%);z-index:1}
        .bp-hero-content{position:relative;z-index:2;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;color:#fff}
        .bp-badge{display:inline-flex;align-items:center;gap:9px;width:fit-content;background:rgba(250,204,21,.18);color:#fde68a;border:1px solid rgba(250,204,21,.32);padding:10px 14px;border-radius:999px;font-weight:900;font-size:13px}
        .bp-title{font-size:clamp(34px,5vw,62px);line-height:1.1;margin:16px 0 10px;letter-spacing:-1px}
        .bp-sub{color:#e2e8f0;font-size:16px;line-height:1.8}
        .bp-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
        .bp-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 13px;font-weight:800;font-size:13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);color:#fff}
        .bp-chip-location svg{color:#38bdf8}.bp-chip-phone svg{color:#86efac}.bp-chip-rating svg{color:#facc15}
        .bp-status{display:inline-flex;align-items:center;gap:8px;width:fit-content;border-radius:999px;padding:10px 14px;font-weight:900;margin-bottom:4px}
        .bp-status::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(255,255,255,.12)}
        .bp-status-open{background:rgba(34,197,94,.18);color:#86efac;border:1px solid rgba(34,197,94,.25)}
        .bp-status-soon{background:rgba(249,115,22,.18);color:#fdba74;border:1px solid rgba(249,115,22,.25)}
        .bp-status-closed{background:rgba(239,68,68,.18);color:#fca5a5;border:1px solid rgba(239,68,68,.25)}
        .bp-manual-notice{width:fit-content;margin:10px 0 4px;padding:11px 14px;border-radius:16px;background:rgba(255,247,237,.94);color:#9a3412;border:1px solid #fed7aa;font-weight:950;line-height:1.8}
        .bp-btn-disabled{background:#cbd5e1!important;color:#64748b!important;cursor:not-allowed!important;box-shadow:none!important;pointer-events:none}
        .bp-break-time{display:inline-flex;margin-top:4px;width:max-content;max-width:100%;background:#fffbeb;color:#92400e;border:1px solid #fde68a;border-radius:999px;padding:3px 7px;font-size:9.5px;font-weight:850;line-height:1.25;white-space:nowrap}

        .bp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
        .bp-btn{min-height:50px;padding:0 20px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:950;font-size:14px;border:1px solid transparent;transition:.25s ease;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.14)}
        .bp-btn:hover{transform:translateY(-3px)}
        .bp-btn-book{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111827;box-shadow:0 16px 35px rgba(245,158,11,.36)}
        .bp-btn-whatsapp{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;box-shadow:0 16px 35px rgba(34,197,94,.34)}
        .bp-btn-call{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 16px 35px rgba(37,99,235,.34)}
        .bp-btn-services{background:rgba(255,255,255,.94);color:#111827;border-color:rgba(255,255,255,.55)}
        .bp-btn-dark{background:#111827;color:#fff}.bp-btn-light{background:#fff;color:#111827;border-color:var(--line)}

        .bp-slider-controls{position:absolute;z-index:3;left:24px;bottom:28px;display:flex;align-items:center;gap:10px}
        .bp-slider-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);transition:.2s}
        .bp-slider-btn:hover{background:#fff;color:#111827}
        .bp-dots{display:flex;gap:7px;margin-inline-start:6px}
        .bp-dot{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.45);cursor:pointer;transition:.2s}
        .bp-dot.active{width:26px;border-radius:999px;background:#facc15}

        .bp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
        .bp-stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.07);position:relative;overflow:hidden}
        .bp-stat::before{content:"";position:absolute;inset-inline-start:0;top:0;width:5px;height:100%;background:linear-gradient(var(--gold),var(--green))}
        .bp-stat strong{display:block;font-size:28px;line-height:1;margin-bottom:7px}.bp-stat span{color:var(--muted);font-weight:800;font-size:13px}

        .bp-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
        .bp-section-title h2{margin:0;font-size:24px}.bp-section-title small{color:var(--muted);font-weight:800}
        .bp-bio{color:#475569;line-height:2;font-size:15px}
        .bp-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
        .bp-service{padding:17px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);transition:.25s ease;display:grid;gap:12px}
        .bp-service:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(15,23,42,.1);border-color:rgba(245,158,11,.35)}
        .bp-service-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.bp-service-name{font-weight:950;font-size:16px}.bp-price{color:#15803d;font-weight:950}.bp-duration{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:800}
        .bp-service .bp-btn{width:100%;min-height:42px;border-radius:14px;box-shadow:none}

        .bp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
        .bp-hours{display:grid;gap:8px}.bp-hour{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}.bp-hour:last-child{border-bottom:none}.bp-hour strong{font-size:13px}.bp-hour.closed strong{color:var(--red)}
        .bp-review-list{display:grid;gap:12px}.bp-review{padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff}.bp-review-top{display:flex;justify-content:space-between;gap:12px;font-weight:950}.bp-review-rating{color:#f59e0b;display:inline-flex;align-items:center;gap:5px}.bp-review small{color:var(--muted)}.bp-review p{margin:10px 0 0;line-height:1.8;color:#475569}
        .bp-alert{padding:13px 15px;border-radius:16px;margin-bottom:14px;font-weight:800}.bp-alert-error{background:#fee2e2;color:#991b1b}.bp-alert-success{background:#dcfce7;color:#166534}.bp-alert ul{margin:0;padding-right:18px}
        .bp-review-form{display:grid;gap:13px}.bp-review-form label{font-weight:950}.bp-review-form textarea{min-height:112px;resize:vertical;border:1px solid var(--line);border-radius:16px;padding:12px;font-family:inherit}.bp-review-form input[type=range]{width:100%}.bp-range-value{color:#f59e0b;font-weight:950}

        .bp-sidebar{position:sticky;top:22px;display:grid;gap:16px}
        .bp-booking{padding:22px}.bp-booking h3{margin:0 0 12px;font-size:22px}.bp-big-price{font-size:34px;font-weight:950;color:#15803d;margin:8px 0}.bp-booking-list{display:grid;gap:9px;margin:18px 0}.bp-booking-item{display:flex;align-items:center;gap:9px;padding:12px;border-radius:16px;background:#f8fafc;color:#475569;font-weight:800}.bp-booking-item svg{color:#2563eb}.bp-selected{padding:14px;border-radius:18px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-weight:900;line-height:1.8;margin-top:12px}
        .bp-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
        .bp-social{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 14px;border-radius:16px;font-weight:950;font-size:14px;transition:.25s ease;border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 12px 26px rgba(15,23,42,.12)}
        .bp-social:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(15,23,42,.18)}
        .bp-social svg{width:19px;height:19px}
        .bp-facebook{background:linear-gradient(135deg,#1877f2,#0b5ed7)}
        .bp-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}
        .bp-tiktok{background:linear-gradient(135deg,#050505,#27272a)}
        .bp-empty{padding:16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;color:var(--muted);font-weight:800}

        .bp-mobile-bar{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:50;padding:10px 14px;display:none}.bp-mobile-inner{width:min(1100px,100%);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.bp-mobile-info strong{display:block;font-size:14px}.bp-mobile-info span{color:#15803d;font-weight:900;font-size:12px}.bp-mobile-actions{display:flex;gap:8px}.bp-mobile-actions .bp-btn{min-height:42px;padding:0 13px;border-radius:14px}.bp-mobile-actions.is-single{min-width:168px}.bp-mobile-actions.is-single .bp-mobile-main-action{width:100%;justify-content:center;white-space:nowrap}.bp-mobile-actions .bp-btn-whatsapp span{white-space:nowrap}



        /* Bio compact corner info + mini socials */
        .bp-bio-card{position:relative}
        .bp-bio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
        .bp-bio-head .bp-section-title{margin-bottom:0}
        .bp-social-inline{display:flex;gap:8px;flex-shrink:0}
        .bp-social-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;transition:.25s ease}
        .bp-social-icon svg{width:16px;height:16px}
        .bp-social-icon.facebook{color:#1877f2}.bp-social-icon.instagram{color:#e1306c}.bp-social-icon.tiktok{color:#111827}
        .bp-social-icon:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 24px rgba(15,23,42,.14);background:#fff}
        .bp-meta-inline{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
        .bp-meta-item{display:inline-flex;align-items:center;gap:6px;min-width:0;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px;font-size:17px;font-weight:900;color:#334155;transition:.2s ease}
        .bp-meta-item svg{width:14px;height:14px}.bp-meta-location svg{color:#38bdf8}.bp-meta-phone svg{color:#22c55e}.bp-meta-rating svg{color:#f59e0b}.bp-meta-item small{font-size:15px;color:#64748b}.bp-meta-item:hover{background:#eef2ff;transform:translateY(-2px)}

        /* Google Maps */
        .bp-map-card{overflow:hidden}
        .bp-map-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
        .bp-map-address{display:flex;align-items:flex-start;gap:9px;color:#475569;font-weight:800;line-height:1.8;font-size:14px;margin-top:6px}
        .bp-map-address svg{color:#ef4444;margin-top:3px}
        .bp-map-frame{position:relative;overflow:hidden;border-radius:22px;border:1px solid #e5e7eb;background:#f8fafc;min-height:320px}
        .bp-map-frame iframe{width:100%;height:320px;border:0;display:block;filter:saturate(1.05) contrast(1.02)}
        .bp-btn-map{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;box-shadow:0 16px 35px rgba(239,68,68,.28)}
        @media(max-width:1050px){.bp-layout{grid-template-columns:1fr}.bp-sidebar{position:static;order:-1}.bp-hero{min-height:520px}.bp-hero-content{min-height:520px}}
        @media(max-width:760px){.bp-socials{grid-template-columns:1fr}.bp-social{min-height:46px;font-size:13px}.bp-container{width:min(100% - 24px,1200px)}.bp-hero{min-height:580px}.bp-hero-content{padding:22px;min-height:580px}.bp-stats,.bp-grid-2,.bp-service-grid{grid-template-columns:1fr}.bp-title{font-size:34px}.bp-actions .bp-btn{width:100%}.bp-slider-controls{left:18px;bottom:18px}.bp-sidebar{display:none}.bp-mobile-bar{display:block}.bp-pad{padding:18px}.bp-bio-head{align-items:flex-start}.bp-social-inline{gap:6px}.bp-social-icon{width:32px;height:32px}.bp-social-icon svg{width:14px;height:14px}.bp-meta-inline{gap:6px}.bp-meta-item{font-size:11px;padding:6px 8px}.bp-map-top{display:block}.bp-map-frame,.bp-map-frame iframe{height:280px;min-height:280px}.bp-map-top .bp-btn{width:100%;margin-top:12px}}
    

        /* Ultra responsive refinements */
        .bp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
        .bp-stat{position:relative;overflow:hidden;min-width:0;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.95);border-radius:18px;padding:14px 8px;text-align:center;box-shadow:0 10px 26px rgba(15,23,42,.08);backdrop-filter:blur(10px)}
        .bp-stat::before{content:"";position:absolute;inset-inline-start:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--gold),var(--green))}
        .bp-stat strong{display:block;font-size:20px;line-height:1.1;font-weight:950;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .bp-stat span{display:block;margin-top:5px;font-size:12px;line-height:1.25;font-weight:900;color:#64748b}

        .bp-hero{min-height:560px;position:relative;overflow:hidden}
        .bp-hero-slider,.bp-slide{position:absolute;inset:0}
        .bp-slide{opacity:0;transform:scale(1.035);transition:opacity .6s ease,transform 1.4s ease}
        .bp-slide.active{opacity:1;transform:scale(1)}
        .bp-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
        .bp-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(15,23,42,.88),rgba(15,23,42,.34) 52%,rgba(15,23,42,.08)),linear-gradient(to left,rgba(15,23,42,.58),rgba(15,23,42,.18) 48%,transparent 78%)}
        .bp-hero-content{position:relative;z-index:2;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;max-width:780px;padding:34px;color:#fff}
        .bp-title{max-width:720px;font-size:clamp(32px,5vw,58px);line-height:1.12;margin:14px 0 8px}
        .bp-sub{max-width:680px;line-height:1.8}

        .bp-hours{display:grid;gap:10px}
        .bp-hour{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc)}
        .bp-hour span{font-size:14px;font-weight:950;color:#111827}
        .bp-hour strong{font-size:13px;font-weight:950;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;padding:7px 10px;border-radius:999px;white-space:nowrap}
        .bp-hour.closed strong{color:#dc2626;background:#fee2e2;border-color:#fecaca}

        @media(max-width:760px){
            .bp-container{width:calc(100% - 20px)}
            .bp-hero{min-height:520px;border-radius:22px}
            .bp-hero-content{min-height:520px;padding:20px;max-width:100%}
            .bp-hero::after{background:linear-gradient(to top,rgba(15,23,42,.92),rgba(15,23,42,.38),rgba(15,23,42,.08))}
            .bp-title{font-size:32px;line-height:1.15}
            .bp-meta{gap:7px}
            .bp-chip{font-size:11px;padding:8px 10px;max-width:100%}
            .bp-actions{width:100%;display:grid;grid-template-columns:1fr;gap:9px}
            .bp-actions .bp-btn{width:100%;min-height:46px}
            .bp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
            .bp-stat{padding:9px 4px;border-radius:13px}
            .bp-stat::before{width:3px}
            .bp-stat strong{font-size:14px}
            .bp-stat span{font-size:10px;line-height:1.2}
            .bp-hours{gap:8px}
            .bp-hour{padding:11px 10px;border-radius:14px}
            .bp-hour span{font-size:13px}
            .bp-hour strong{font-size:11px;padding:6px 8px}
        }
        @media(max-width:420px){
            .bp-hero{min-height:500px}
            .bp-hero-content{min-height:500px}
            .bp-title{font-size:29px}
            .bp-stat span{font-size:9px}
        }

        /* Map Pro + final mobile actions */
        .bp-map-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
        .bp-btn-direction{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 16px 35px rgba(37,99,235,.25)}
        .bp-btn-copy{background:#111827;color:#fff;box-shadow:0 16px 35px rgba(17,24,39,.18)}
        .bp-map-note{display:flex;align-items:center;gap:8px;margin-top:10px;color:#64748b;font-size:12px;font-weight:800}
        .bp-map-note svg{width:15px;height:15px;color:#ef4444}

        @media(max-width:760px){
            .bp-hero .bp-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
            .bp-hero .bp-actions .bp-btn{width:auto;min-height:46px;padding-inline:10px;font-size:13px}
            .bp-map-actions{grid-template-columns:1fr}.bp-map-actions .bp-btn{width:100%;min-height:44px}
        }
        @media(max-width:380px){.bp-hero .bp-actions .bp-btn{font-size:12px;padding-inline:6px}}
        
        
        
        
        
        
        
        
        
  /* التقييم دوائر */
.bp-rating-circles.barber{
    display:flex;
    gap:4px;
    align-items:center;
}

.bp-rating-circles.barber .bp-circle{
    width:18px;
    height:18px;
    border-radius:50%;
    background:#e5e7eb;
}

/* اللون الذهبي */
.bp-rating-circles.barber .bp-circle.filled{
    background:linear-gradient(135deg,#f59e0b,#facc15);
    box-shadow:0 0 4px rgba(245,158,11,.5);
}

/* النص */
.bp-rating-text{
    font-weight:900;
    font-size:16px;
    margin-inline-start:6px;
}

/* زر إضافة تقييم */
.bp-add-review{
    background:#fffbeb;
    border:1px solid #fde68a;
    color:#92400e;
    cursor:pointer;
    transition:.25s ease;
}

.bp-add-review:hover{
    background:#fef3c7;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(245,158,11,.2);
}  












/* container */
.bp-map-actions{
    display:flex;
    gap:6px;
    margin-top:12px;
}

/* buttons */
.bp-map-actions .bp-btn{
    flex:1;
    min-height:40px;
    padding:0 6px;
    font-size:12px;
    border-radius:12px;
    gap:4px;
}

/* icons */
.bp-map-actions .bp-btn svg{
    width:14px;
    height:14px;
}

/* النص يختصر */
.bp-map-actions .bp-btn span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* 📱 الهاتف */
@media(max-width:600px){

    .bp-map-actions{
        flex-direction:row; /* نفس السطر */
        gap:5px;
    }

    .bp-map-actions .bp-btn{
        font-size:11px;
        min-height:34px;
        padding:0 4px;
    }

    /* نخلي غير icon + كلمة صغيرة */
    .bp-map-actions .bp-btn{
        justify-content:center;
    }

    .bp-map-actions .bp-btn span{
        display:none; /* يخبي النص */
    }
}



/* base */
.bp-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    font-weight:900;
    font-size:13px;
}

/* محترف 🔥 */
.bp-badge-pro{
    background:linear-gradient(135deg,#22c55e,#16a34a);
    color:#fff;
}

/* لا بأس به */
.bp-badge-mid{
    background:linear-gradient(135deg,#f59e0b,#f97316);
    color:#fff;
}

/* مبتدئ */
.bp-badge-low{
    background:linear-gradient(135deg,#ef4444,#dc2626);
    color:#fff;
}

/* جديد */
.bp-badge-new{
    background:#64748b;
    color:#fff;
}

.bp-badge{
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}









/* خلي parent relative */
.bp-hero{
    position:relative;
}

/* badge positioning */
.bp-badge{
    position:absolute;
    top:16px;
    right:16px; /* الشمال الشرقي */
    z-index:5;

    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    font-weight:900;
    font-size:13px;

    backdrop-filter:blur(10px);
    box-shadow:0 10px 25px rgba(0,0,0,.2);
}










@media(max-width:760px){
    .bp-slider-controls{
        position:absolute;
        top:12px;
        left:12px;
        bottom:auto;
        right:auto;
        z-index:6;

        display:flex;
        align-items:center;
        gap:7px;
    }

    .bp-slider-controls .bp-dots{
        display:none;
    }

    .bp-slider-btn{
        width:34px;
        height:34px;
    }

    .bp-slider-btn svg{
        width:15px;
        height:15px;
    }
}
    

/* ✅ تحديد اليوم الحالي في أوقات العمل */
.bp-hour-today{
    border:2px solid #f59e0b !important;
    background:linear-gradient(135deg,#fffbeb,#fef3c7) !important;
    box-shadow:0 12px 28px rgba(245,158,11,.22) !important;
    transform:scale(1.01);
}
.bp-hour-today span{
    color:#92400e !important;
}
.bp-hour-today strong{
    background:#f59e0b !important;
    color:#fff !important;
    border-color:#f59e0b !important;
}
.bp-today-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:6px;
    padding:4px 9px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-size:11px;
    font-weight:950;
    line-height:1;
    white-space:nowrap;
}
@media(max-width:760px){
    .bp-hour-today{transform:none;}
    .bp-today-badge{font-size:10px;padding:4px 7px;}
}

.bp-global-booking-message{margin-bottom:16px}
.bp-quick-book-form{margin-top:18px;background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.bp-quick-book-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.bp-quick-book-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#f59e0b,#facc15);color:#111827;flex:0 0 auto}
.bp-quick-book-head h3{margin:0 0 5px;font-size:20px}.bp-quick-book-head p{margin:0;color:#64748b;font-weight:800;line-height:1.7;font-size:13px}
.bp-book-selected{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:16px;padding:12px 14px;font-weight:950;line-height:1.7;margin-bottom:14px}
.bp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bp-form-field{display:flex;flex-direction:column;gap:7px}.bp-form-field-full{grid-column:1/-1}
.bp-form-field label{font-weight:950;color:#111827;font-size:13px}
.bp-form-field input,.bp-form-field select,.bp-form-field textarea{width:100%;border:1px solid #e5e7eb;border-radius:15px;background:#fff;padding:13px 14px;font-family:inherit;font-weight:850;outline:none}
.bp-form-field input[readonly]{background:#f8fafc;color:#64748b}.bp-form-field textarea{min-height:96px;resize:vertical;line-height:1.7}
.bp-confirm-book-btn{width:100%;margin-top:14px}.bp-confirm-book-btn:disabled{background:#cbd5e1!important;color:#64748b!important;cursor:not-allowed!important;box-shadow:none!important}
.bp-booking-note{display:block;margin-top:10px;color:#64748b;font-weight:850;line-height:1.7}
.bp-slot.selected{outline:3px solid #f59e0b;outline-offset:2px}
@media(max-width:600px){.bp-form-grid{grid-template-columns:1fr}}


.bp-modal-service-select,
.bp-ajax-service-select{
    background:linear-gradient(135deg,#fff7ed,#fffbeb);
    border:1px solid #fed7aa;
    border-radius:18px;
    padding:14px;
    margin:12px 0 16px;
}
.bp-modal-service-select label,
.bp-ajax-service-select label{
    display:block;
    margin-bottom:8px;
    color:#7c2d12;
    font-weight:950;
    font-size:14px;
}
.bp-modal-service-select select,
.bp-ajax-service-select select{
    width:100%;
    height:52px;
    border:1px solid #eadfce;
    border-radius:15px;
    background:#fff;
    padding:0 14px;
    font-family:inherit;
    font-weight:900;
    color:#111827;
    outline:none;
}


.bp-booking-success-card{
    background:linear-gradient(180deg,#ecfdf5,#ffffff);
    border:1px solid #bbf7d0;
    border-radius:24px;
    padding:18px;
    box-shadow:0 18px 45px rgba(22,163,74,.14);
}
.bp-booking-success-card.status-pending{
    background:linear-gradient(180deg,#fffbeb 0%,#fff7ed 52%,#ffffff 100%);
    border-color:#fde68a;
    box-shadow:0 18px 45px rgba(245,158,11,.18);
}
.bp-booking-success-card.status-confirmed{
    background:linear-gradient(180deg,#ecfdf5 0%,#f0fdf4 52%,#ffffff 100%);
    border-color:#bbf7d0;
    box-shadow:0 18px 45px rgba(22,163,74,.18);
}
.bp-booking-success-card.status-cancelled{
    background:linear-gradient(180deg,#fef2f2 0%,#f8fafc 52%,#ffffff 100%);
    border-color:#fecaca;
    box-shadow:0 18px 45px rgba(239,68,68,.16);
}
.bp-booking-success-head{
    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:14px;
}
.bp-booking-success-icon{
    width:46px;
    height:46px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#16a34a,#22c55e);
    color:#fff;
    font-weight:950;
    font-size:22px;
}
.bp-booking-success-card h3{
    margin:0;
    font-size:20px;
    color:#14532d;
}
.bp-booking-success-card p{
    margin:4px 0 0;
    color:#166534;
    font-weight:800;
    line-height:1.7;
}
.bp-booking-details-list{
    display:grid;
    gap:9px;
    margin:14px 0;
}
.bp-booking-details-item{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border-radius:14px;
    background:#fff;
    border:1px solid #dcfce7;
    font-weight:900;
}
.bp-booking-details-item strong{
    color:#166534;
    white-space:nowrap;
}
.bp-booking-details-item span{
    color:#111827;
    text-align:left;
}
.bp-booking-whatsapp-btn{
    width:100%;
    min-height:48px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:linear-gradient(135deg,#16a34a,#22c55e);
    color:#fff;
    font-weight:950;
    box-shadow:0 14px 30px rgba(34,197,94,.22);
}


.bp-booking-success-card h3{
    line-height:1.45;
}
.bp-booking-whatsapp-btn{
    text-align:center;
    letter-spacing:0;
}

.bp-sidebar-booking-result{
    margin-top:16px;
}
.bp-sidebar-actions-wrap.is-hidden-after-booking{
    display:none!important;
}
.bp-booking-success-card .bp-booking-whatsapp-btn:hover{
    transform:translateY(-2px);
    color:#fff;
}
.bp-booking-mobile-result{
    display:none;
}
.bp-booking-mobile-result .bp-booking-success-card{
    margin:0;
}
.bp-booking-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    padding:5px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:950;
}
.status-pending .bp-booking-status-pill{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.status-confirmed .bp-booking-status-pill{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.status-cancelled .bp-booking-status-pill{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
@media(max-width:760px){
    .bp-sidebar-booking-result{display:block!important}
    .bp-booking-mobile-result{display:block;padding:0 12px 23px;background:transparent}
    .bp-booking-mobile-result:empty{display:none}
    .bp-booking-details-item{align-items:flex-start;gap:8px}
    .bp-booking-details-item span{font-size:13px;line-height:1.6;word-break:break-word}
    .bp-booking-success-card{border-radius:20px;padding:14px}
    .bp-booking-success-head{align-items:flex-start}
    .bp-booking-success-card h3{font-size:17px}
    .bp-booking-success-icon{width:40px;height:40px;border-radius:14px}
}


/* ✅ صالونات مقترحة - بطاقات صغيرة Compact Responsive */
.bp-suggested-wrap{margin-top:22px;grid-column:1/-1;min-width:0}
.bp-suggested-card{position:relative;overflow:hidden;border:1px solid rgba(229,231,235,.95);background:linear-gradient(180deg,#fff 0%,#fafafa 100%);box-shadow:0 14px 35px rgba(15,23,42,.07);border-radius:var(--radius);padding:16px;min-width:0}
.bp-suggested-card::before{content:"";position:absolute;inset:0 0 auto 0;height:82px;background:radial-gradient(circle at 12% 20%,rgba(245,158,11,.16),transparent 35%),radial-gradient(circle at 92% 0%,rgba(34,197,94,.11),transparent 28%);pointer-events:none}
.bp-suggested-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-width:0}
.bp-suggested-title{min-width:0}
.bp-suggested-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fffbeb;color:#92400e;border:1px solid #fde68a;font-size:11px;font-weight:950;margin-bottom:7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-suggested-kicker svg{width:14px;height:14px}
.bp-suggested-title h2{margin:0;font-size:20px;letter-spacing:-.3px;line-height:1.25}
.bp-suggested-title p{margin:5px 0 0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.55}
.bp-suggested-all{min-height:36px;padding:0 12px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:950;font-size:12px;box-shadow:0 10px 22px rgba(17,24,39,.14);white-space:nowrap;flex:0 0 auto}
.bp-suggested-all svg{width:14px;height:14px}
.bp-suggested-slider{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;overflow:visible;padding:2px 0 3px;min-width:0}
.bp-salon-card{background:#fff;border:1px solid rgba(229,231,235,.95);border-radius:14px;overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.06);transition:.22s ease;min-width:0;width:100%}
.bp-salon-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,23,42,.11)}
.bp-salon-media{height:82px;position:relative;overflow:hidden;background:#e5e7eb}
.bp-salon-media img{width:100%;height:100%;object-fit:cover;transition:.3s ease}
.bp-salon-card:hover .bp-salon-media img{transform:scale(1.04)}
.bp-salon-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.56));pointer-events:none}
.bp-salon-status,.bp-salon-top-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:950;backdrop-filter:blur(9px);max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-salon-status svg,.bp-salon-top-badge svg{width:9px;height:9px;flex:0 0 auto}
.bp-salon-status{top:8px;right:8px;background:rgba(255,255,255,.92);color:#111827;border:1px solid rgba(255,255,255,.60)}
.bp-salon-status.open{color:#166534;background:#dcfce7}.bp-salon-status.soon{color:#92400e;background:#fef3c7}.bp-salon-status.closed{color:#991b1b;background:#fee2e2}
.bp-salon-top-badge{top:8px;left:8px;background:linear-gradient(135deg,#f59e0b,#facc15);color:#111827;box-shadow:0 8px 17px rgba(245,158,11,.22)}
.bp-salon-overlay{position:absolute;z-index:2;right:6px;left:6px;bottom:6px;display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden}
.bp-salon-pill{display:inline-flex;align-items:center;gap:3px;min-width:0;max-width:100%;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:8px;font-weight:900;backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-salon-pill svg{width:11px;height:11px;flex:0 0 auto}
.bp-salon-body{padding:8px;min-width:0}
.bp-salon-title{margin:0 0 5px;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-salon-rating{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;margin-bottom:7px;min-width:0;overflow:hidden}
.bp-salon-dots{display:flex;gap:2px;direction:ltr;flex:0 0 auto}.bp-salon-dots span{width:6px;height:6px;border-radius:50%;border:1px solid #16a34a;background:#fff}.bp-salon-dots span.active{background:#16a34a}
.bp-salon-rating strong{font-size:9.5px;white-space:nowrap}.bp-salon-rating small{font-size:8.5px;color:var(--muted);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bp-salon-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.bp-salon-actions .bp-btn{min-height:30px;border-radius:9px;padding:0 6px;font-size:9.5px;box-shadow:none;gap:4px;white-space:nowrap}.bp-salon-actions .bp-btn svg{display:inline-block!important;width:13px!important;height:13px!important}.bp-salon-actions .bp-btn-book{box-shadow:0 6px 14px rgba(245,158,11,.13)}
@media(min-width:1100px){.bp-suggested-slider{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:760px) and (max-width:1099px){.bp-suggested-slider{grid-template-columns:repeat(4,minmax(0,1fr))}.bp-salon-media{height:82px}}
@media(max-width:760px){.bp-suggested-wrap{margin-top:16px}.bp-suggested-card{border-radius:18px;padding:12px;margin-inline:0}.bp-suggested-head{align-items:flex-start;flex-direction:column;gap:9px}.bp-suggested-title h2{font-size:17px}.bp-suggested-title p{font-size:11px}.bp-suggested-all{width:100%;justify-content:center;min-height:32px;font-size:11px}.bp-suggested-slider{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;margin-inline:-2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bp-suggested-slider::-webkit-scrollbar{display:none}.bp-salon-card{flex:0 0 54%;scroll-snap-align:start;border-radius:14px}.bp-salon-media{height:82px}.bp-salon-actions .bp-btn{min-height:30px}.bp-salon-title{font-size:12px}}
@media(max-width:520px){.bp-suggested-card{padding:10px}.bp-salon-card{flex-basis:58%}.bp-salon-media{height:78px}.bp-salon-status,.bp-salon-top-badge{font-size:7.8px;max-width:92px}.bp-salon-overlay .bp-salon-pill:nth-child(2){display:none}.bp-salon-actions{grid-template-columns:1fr 1fr}.bp-salon-actions .bp-btn{width:100%;font-size:9px;min-height:29px}}
@media(max-width:360px){.bp-salon-card{flex-basis:64%}.bp-suggested-title h2{font-size:16px}.bp-suggested-kicker{font-size:10px}.bp-salon-media{height:74px}.bp-salon-actions .bp-btn{font-size:8.5px}}


/* ✅ تعديلات نهائية: استراحة أصغر + بطاقات صالونات مقترحة صغيرة + الأيقونات داخل الأزرار */
.bp-break-time{font-size:9.5px!important;padding:3px 7px!important;margin-top:4px!important;line-height:1.25!important}
.bp-day-break{font-size:10px!important;padding:5px 9px!important;border-radius:999px!important;line-height:1.25!important;width:max-content!important;max-width:100%!important}
.bp-suggested-slider{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:8px!important}
.bp-salon-media{height:82px!important}
.bp-salon-body{padding:8px!important}
.bp-salon-title{font-size:12px!important;margin-bottom:5px!important}
.bp-salon-actions .bp-btn{min-height:30px!important;font-size:9.5px!important;padding:0 6px!important;border-radius:9px!important}
@media(max-width:760px){.bp-salon-card{flex-basis:54%!important}.bp-salon-media{height:82px!important}}
@media(max-width:520px){.bp-salon-card{flex-basis:58%!important}.bp-salon-media{height:78px!important}.bp-salon-actions{grid-template-columns:1fr 1fr!important}}
@media(max-width:360px){.bp-salon-card{flex-basis:64%!important}.bp-salon-media{height:74px!important}}

/* ✅ إرجاع الأيقونات داخل أزرار الصالونات المقترحة */
.bp-salon-actions .bp-btn{gap:4px!important}
.bp-salon-actions .bp-btn svg{display:inline-block!important;width:13px!important;height:13px!important}



/* ✅ Hero professional share/favorite icons + global share sheet */
.bp-hero{position:relative;overflow:hidden}
.bp-hero-top-icons{position:absolute;top:18px;left:18px;z-index:30;display:flex;gap:12px;direction:ltr}
.bp-icon-glass{width:52px;height:52px;border:0;border-radius:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(255,255,255,.94);color:#0f172a;box-shadow:0 12px 35px rgba(15,23,42,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:.22s ease}
.bp-icon-glass:hover{transform:translateY(-2px) scale(1.03)}
.bp-icon-glass svg{width:23px;height:23px}.bp-share-hero-btn{background:linear-gradient(135deg,#fff,#f8fafc);color:#020617}.bp-copy-hero-btn{background:linear-gradient(135deg,#fff,#eff6ff);color:#2563eb}.bp-copy-hero-btn.is-copied,.bp-link-copy.is-copied{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;color:#15803d!important}.bp-fav-hero-btn{background:linear-gradient(135deg,#fff,#fff1f5);color:#e11d48}.bp-fav-hero-btn.is-active{background:linear-gradient(135deg,#fb7185,#e11d48);color:#fff}
.bp-page-link{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb;color:#0f172a;font-weight:900;font-size:12px;line-height:1.6}.bp-page-link strong{color:#64748b}.bp-page-link a{direction:ltr;unicode-bidi:plaintext;color:#2563eb;text-decoration:underline;text-underline-offset:3px;word-break:break-all}.bp-page-link-actions{justify-content:space-between}.bp-page-link-buttons{margin-inline-start:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bp-link-action{border:0;border-radius:999px;min-height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-weight:900;font-size:11px;transition:.2s ease;white-space:nowrap}.bp-link-action svg{width:15px;height:15px}.bp-link-copy{background:#eff6ff;color:#2563eb}.bp-link-share{background:#fff7ed;color:#ea580c}.bp-link-action:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.10)}.bp-copy-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);z-index:100000;background:#0f172a;color:#fff;padding:11px 16px;border-radius:999px;font-weight:900;font-size:13px;box-shadow:0 18px 45px rgba(15,23,42,.35);opacity:0;pointer-events:none;transition:.22s ease}.bp-copy-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
.bp-share-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:flex-end;justify-content:center;background:rgba(15,23,42,.55);padding:18px}.bp-share-modal.is-open{display:flex}.bp-share-panel{width:min(520px,100%);background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:28px 28px 22px 22px;box-shadow:0 28px 80px rgba(15,23,42,.35);padding:18px;animation:bpShareUp .22s ease both}@keyframes bpShareUp{from{transform:translateY(18px);opacity:.75}to{transform:translateY(0);opacity:1}}
.bp-share-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.bp-share-panel-head h3{margin:0;font-size:18px;color:#0f172a}.bp-share-panel-head p{margin:5px 0 0;color:#64748b;font-size:12px}.bp-share-close{width:38px;height:38px;border:0;border-radius:13px;background:#f1f5f9;cursor:pointer;color:#0f172a;font-size:20px}.bp-share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:14px}.bp-share-option{border:1px solid #e5e7eb;border-radius:18px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;color:#0f172a;font-weight:900;font-size:12px;cursor:pointer;text-decoration:none;transition:.2s ease}.bp-share-option:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.12)}.bp-share-option svg{width:27px;height:27px}.bp-share-option.whatsapp svg{color:#16a34a}.bp-share-option.facebook svg{color:#2563eb}.bp-share-option.x svg{color:#020617}.bp-share-option.telegram svg{color:#0284c7}.bp-share-option.native svg{color:#7c3aed}.bp-share-option.copy svg{color:#2563eb}
.bp-day-break{font-size:11px!important;padding:6px 9px!important;line-height:1.4!important;opacity:.92}.bp-day-break svg{width:13px!important;height:13px!important}
@media(max-width:560px){.bp-hero-top-icons{top:12px;left:12px;gap:9px}.bp-icon-glass{width:46px;height:46px;border-radius:15px}.bp-share-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-share-panel{border-radius:24px 24px 18px 18px;padding:15px}.bp-page-link{font-size:11px;padding:9px 10px}.bp-page-link-buttons{width:100%;margin-inline-start:0}.bp-link-action{flex:1;min-height:36px}.bp-copy-toast{bottom:78px;font-size:12px}}

/* ✅ Hero icon-only buttons: small, between navigation buttons and rating area */
.bp-hero-top-icons{display:none!important}
.bp-hero-inline-icons{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:10px;
    margin-bottom:6px;
    position:relative;
    z-index:35;
}
.bp-icon-glass{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    box-shadow:0 10px 26px rgba(2,6,23,.22)!important;
}
.bp-icon-glass svg{width:17px!important;height:17px!important}
.bp-share-hero-btn:hover,.bp-copy-hero-btn:hover,.bp-fav-hero-btn:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.25)!important;
}
.bp-copy-hero-btn.is-copied{background:#22c55e!important;color:#fff!important}
.bp-fav-hero-btn.is-active{background:#e11d48!important;color:#fff!important}
.bp-link-action{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:999px!important}
.bp-link-action span{display:none!important}
.bp-link-action svg{width:15px!important;height:15px!important}
@media(max-width:760px){
    .bp-hero-inline-icons{gap:7px;margin-top:9px;margin-bottom:4px}
    .bp-icon-glass{width:34px!important;height:34px!important;min-width:34px!important}
    .bp-icon-glass svg{width:16px!important;height:16px!important}
    .bp-page-link-buttons{width:auto!important;margin-inline-start:auto!important}
    .bp-link-action{flex:0 0 34px!important}
}

/* ✅ الموضع النهائي: أيقونة المشاركة والنسخ في البلاصة اللي علمتي عليها داخل الهيرو */
.bp-hero-top-icons,
.bp-hero-inline-icons{
    display:none!important;
}
.bp-hero-marked-icons{
    position:absolute;
    top:18px;
    left:50%;
    transform:translateX(-50%);
    z-index:40;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    direction:ltr;
    pointer-events:auto;
}
.bp-hero-marked-icons .bp-icon-glass{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(17,24,39,.34)!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;
}
.bp-hero-marked-icons .bp-icon-glass svg{
    width:18px!important;
    height:18px!important;
}
.bp-hero-marked-icons .bp-icon-glass:hover{
    transform:translateY(-2px) scale(1.03);
    background:rgba(255,255,255,.22)!important;
}
.bp-hero-marked-icons .bp-copy-hero-btn.is-copied{
    background:#22c55e!important;
    color:#fff!important;
}
.bp-hero-marked-icons .bp-fav-hero-btn.is-active{
    background:#e11d48!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.45)!important;
}
.bp-hero-marked-icons .bp-fav-hero-btn.is-loading{
    opacity:.65;
    pointer-events:none;
}
@media(max-width:760px){
    .bp-hero-marked-icons{
        top:18px;
        left:50%;
        gap:8px;
    }
    .bp-hero-marked-icons .bp-icon-glass{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
    }
    .bp-hero-marked-icons .bp-icon-glass svg{
        width:17px!important;
        height:17px!important;
    }
}
@media(max-width:420px){
    .bp-hero-marked-icons{
                left: 43%;
        top: 13px;
        gap: 1px;
    }
    .bp-hero-marked-icons .bp-icon-glass{
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
    }
    .bp-hero-marked-icons .bp-icon-glass svg{
        width:16px!important;
        height:16px!important;
    }
}

/* ✅ Airbnb Gallery Final Fix - compatible desktop/mobile without overlap */
.bp-card.bp-hero{
    background:#fff !important;
    color:#111827 !important;
    min-height:auto !important;
    overflow:hidden !important;
    border-radius:28px !important;
    isolation:isolate !important;
}
.bp-card.bp-hero::after{display:none !important;}
.bp-airbnb-gallery{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:2fr 1fr 1fr !important;
    grid-template-rows:repeat(2,210px) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    height:428px !important;
    overflow:hidden !important;
    padding:0 !important;
    border-radius:28px 28px 0 0 !important;
    background:#e5e7eb !important;
}
.bp-airbnb-photo{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:#e5e7eb !important;
    overflow:hidden !important;
    cursor:pointer !important;
}
.bp-airbnb-main{grid-row:1 / span 2 !important;}
.bp-airbnb-photo img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center !important;
    transition:transform .35s ease, filter .35s ease !important;
}
.bp-airbnb-photo:hover img{transform:scale(1.045) !important;filter:brightness(.92) !important;}
.bp-airbnb-show-all{
    position:absolute !important;
    left:18px !important;
    bottom:18px !important;
    z-index:15 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    height:42px !important;
    padding:0 15px !important;
    border:1px solid rgba(17,24,39,.16) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.96) !important;
    color:#111827 !important;
    font-family:inherit !important;
    font-size:13px !important;
    font-weight:950 !important;
    cursor:pointer !important;
    box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
}
.bp-airbnb-show-all svg{width:17px !important;height:17px !important;}
.bp-airbnb-show-all b{
    display:inline-grid !important;
    place-items:center !important;
    min-width:22px !important;
    height:22px !important;
    border-radius:999px !important;
    background:#111827 !important;
    color:#fff !important;
    font-size:11px !important;
}
.bp-card.bp-hero .bp-hero-content{
    position:relative !important;
    z-index:2 !important;
    min-height:unset !important;
    max-width:100% !important;
    display:block !important;
    padding:22px 24px 24px !important;
    color:#111827 !important;
    background:#fff !important;
}
.bp-card.bp-hero .bp-title{color:#111827 !important;margin-top:12px !important;}
.bp-card.bp-hero .bp-sub{color:#64748b !important;}
.bp-card.bp-hero .bp-status{margin-top:12px !important;}
.bp-card.bp-hero .bp-actions{margin-top:16px !important;}
.bp-card.bp-hero .bp-btn-services,
.bp-card.bp-hero .bp-btn-map{
    background:#111827 !important;
    color:#fff !important;
    border-color:#111827 !important;
}
.bp-hero-marked-icons{
    z-index:30 !important;
}

.bp-airbnb-lightbox{
    position:fixed !important;
    inset:0 !important;
    z-index:99999 !important;
    display:none;
    background:rgba(15,23,42,.92) !important;
    padding:18px !important;
    overflow:auto !important;
}
.bp-airbnb-lightbox.is-open{display:block !important;}
.bp-airbnb-lightbox-head{
    position:sticky !important;
    top:0 !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    max-width:1100px !important;
    margin:0 auto 14px !important;
    padding:10px !important;
    color:#fff !important;
}
.bp-airbnb-lightbox-title{font-size:18px !important;font-weight:950 !important;}
.bp-airbnb-lightbox-close{
    width:42px !important;height:42px !important;border-radius:50% !important;border:0 !important;
    background:#fff !important;color:#111827 !important;font-size:24px !important;font-weight:900 !important;
    cursor:pointer !important;line-height:1 !important;
}
.bp-airbnb-lightbox-grid{
    max-width:1100px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}
.bp-airbnb-lightbox-grid img{
    width:100% !important;
    height:auto !important;
    border-radius:18px !important;
    background:#e5e7eb !important;
}
@media(max-width:900px){
    .bp-airbnb-gallery{
        grid-template-rows:repeat(2,170px) !important;
        height:348px !important;
    }
}
@media(max-width:760px){
    .bp-container{width:100% !important;padding-top:0 !important;}
    .bp-layout{display:block !important;}
    .bp-main{gap:14px !important;}
    .bp-card.bp-hero{
        border-radius:0 0 24px 24px !important;
        border-left:0 !important;
        border-right:0 !important;
        box-shadow:0 12px 30px rgba(15,23,42,.10) !important;
        margin-bottom:12px !important;
    }
    .bp-airbnb-gallery{
        display:flex !important;
        flex-wrap:nowrap !important;
        grid-template-columns:none !important;
        grid-template-rows:none !important;
        gap:0 !important;
        height:315px !important;
        min-height:315px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-snap-type:x mandatory !important;
        -webkit-overflow-scrolling:touch !important;
        border-radius:0 !important;
        background:#111827 !important;
    }
    .bp-airbnb-gallery::-webkit-scrollbar{display:none !important;}
    .bp-airbnb-photo,
    .bp-airbnb-main,
    .bp-airbnb-small{
        flex:0 0 100% !important;
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
        height:315px !important;
        grid-row:auto !important;
        scroll-snap-align:start !important;
        border-radius:0 !important;
    }
    .bp-airbnb-photo img{height:315px !important;}
    .bp-airbnb-photo:hover img{transform:none !important;filter:none !important;}
    .bp-airbnb-show-all{
        left:12px !important;
        bottom:12px !important;
        height:36px !important;
        padding:0 11px !important;
        font-size:11px !important;
        gap:6px !important;
    }
    .bp-airbnb-show-all b{min-width:20px !important;height:20px !important;font-size:10px !important;}
    .bp-hero-marked-icons{
        top:12px !important;
        right:12px !important;
        left:auto !important;
        transform:none !important;
        display:flex !important;
        gap:7px !important;
    }
    .bp-hero-marked-icons .bp-icon-glass{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        background:rgba(17,24,39,.48) !important;
        color:#fff !important;
        border:1px solid rgba(255,255,255,.32) !important;
    }
    .bp-card.bp-hero .bp-hero-content{
        padding:16px 14px 18px !important;
        border-radius:0 0 24px 24px !important;
    }
    .bp-card.bp-hero .bp-badge{
        font-size:11px !important;
        padding:7px 10px !important;
    }
    .bp-card.bp-hero .bp-title{
        font-size:27px !important;
        line-height:1.18 !important;
        margin:10px 0 6px !important;
        max-width:100% !important;
        word-break:break-word !important;
    }
    .bp-card.bp-hero .bp-sub{
        font-size:13px !important;
        line-height:1.7 !important;
        max-width:100% !important;
    }
    .bp-card.bp-hero .bp-status{
        font-size:11px !important;
        padding:8px 10px !important;
        max-width:100% !important;
        line-height:1.5 !important;
    }
    .bp-card.bp-hero .bp-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
        margin-top:12px !important;
    }
    .bp-card.bp-hero .bp-actions .bp-btn{
        width:100% !important;
        min-height:42px !important;
        border-radius:14px !important;
        font-size:12px !important;
        padding:0 10px !important;
        box-shadow:none !important;
    }
    .bp-airbnb-lightbox{padding:8px !important;}
    .bp-airbnb-lightbox-grid{grid-template-columns:1fr !important;gap:10px !important;}
    .bp-airbnb-lightbox-grid img{border-radius:14px !important;}
}
@media(max-width:380px){
    .bp-airbnb-gallery,
    .bp-airbnb-photo,
    .bp-airbnb-main,
    .bp-airbnb-small,
    .bp-airbnb-photo img{
        height:285px !important;
        min-height:285px !important;
    }
    .bp-card.bp-hero .bp-title{font-size:24px !important;}
    .bp-card.bp-hero .bp-actions .bp-btn{font-size:11px !important;}
}

/* ✅ الصور هي الأولى فوق الصفحة، والمحتوى كامل تحتها */
.bp-top-gallery-card{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    border-radius:30px!important;
    overflow:hidden!important;
    background:#e5e7eb!important;
    box-shadow:0 18px 50px rgba(15,23,42,.10)!important;
}
.bp-top-gallery-card .bp-airbnb-gallery{
    border-radius:30px!important;
}
.bp-top-gallery-card .bp-hero-marked-icons{
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    left:auto!important;
    transform:none!important;
    z-index:40!important;
}
.bp-card.bp-hero{
    border-radius:28px!important;
}
.bp-card.bp-hero .bp-hero-content{
    border-radius:28px!important;
}
@media(max-width:760px){
    .bp-container{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;}
    .bp-top-gallery-card{
        margin:0 0 12px!important;
        border-radius:0 0 24px 24px!important;
        box-shadow:0 12px 30px rgba(15,23,42,.12)!important;
    }
    .bp-top-gallery-card .bp-airbnb-gallery{
        border-radius:0 0 24px 24px!important;
    }
    .bp-top-gallery-card .bp-hero-marked-icons{
        top:12px!important;
        right:12px!important;
        left:auto!important;
        transform:none!important;
        gap:7px!important;
    }
    .bp-layout,
    .bp-global-booking-message,
    .bp-stats,
    .bp-card:not(.bp-hero),
    .bp-pad{
        margin-left:12px!important;
        margin-right:12px!important;
        width:auto!important;
    }
    .bp-card.bp-hero{
        margin-left:12px!important;
        margin-right:12px!important;
        border-radius:22px!important;
    }
    .bp-card.bp-hero .bp-hero-content{
        border-radius:22px!important;
    }
}

/* ✅ ترتيب نهائي: الصور أولا، تحتها معلومات الصالون والخدمات + تقييم بالنجوم */
.bp-card.bp-hero.bp-salon-info-under-gallery{
    margin-bottom:14px!important;
    background:#fff!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 14px 38px rgba(15,23,42,.08)!important;
}
.bp-salon-info-under-gallery .bp-hero-content{
    padding:22px 24px!important;
}
.bp-salon-info-under-gallery .bp-title{
    margin:10px 0 6px!important;
    font-size:34px!important;
    line-height:1.12!important;
    color:#0f172a!important;
}
.bp-salon-info-under-gallery .bp-sub{
    color:#475569!important;
    font-weight:800!important;
}
.bp-stars-rating{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:12px 0 4px!important;
    direction:rtl!important;
}
.bp-stars{
    display:inline-flex!important;
    align-items:center!important;
    gap:2px!important;
    direction:ltr!important;
    color:#f59e0b!important;
    line-height:1!important;
}
.bp-stars .bp-star{
    font-size:18px!important;
    color:#cbd5e1!important;
    text-shadow:none!important;
}
.bp-stars .bp-star.filled{
    color:#f59e0b!important;
}
.bp-stars-rating-text{
    color:#334155!important;
    font-weight:950!important;
    font-size:13px!important;
}
.bp-stars-rating-text small{
    color:#64748b!important;
    font-weight:800!important;
}
.bp-meta-rating .bp-rating-circles{display:none!important;}
.bp-meta-rating .bp-stars-rating{margin:0!important;}
#services.bp-services-under-gallery{
    margin-bottom:16px!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 14px 38px rgba(15,23,42,.07)!important;
}
@media(max-width:760px){
    .bp-card.bp-hero.bp-salon-info-under-gallery{
        margin-left:12px!important;
        margin-right:12px!important;
        border-radius:22px!important;
    }
    .bp-salon-info-under-gallery .bp-hero-content{
        padding:18px 16px!important;
    }
    .bp-salon-info-under-gallery .bp-title{
        font-size:27px!important;
    }
    .bp-salon-info-under-gallery .bp-actions{
        display:none!important;
    }
    .bp-stars-rating{
        gap:6px!important;
        margin-top:10px!important;
    }
    .bp-stars .bp-star{font-size:16px!important;}
    .bp-stars-rating-text{font-size:12px!important;}
    #services.bp-services-under-gallery{
        margin-left:12px!important;
        margin-right:12px!important;
        border-radius:22px!important;
    }
}

/* ✅ شارة حلاق محترف + مستوى التقييم فوق أول صورة في أقصى الشمال */
.bp-airbnb-gallery{
    position:relative!important;
}
.hero-top-badges{
    position:absolute!important;
    top:18px!important;
    left:18px!important;
    right:auto!important;
    z-index:70!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    direction:rtl!important;
    pointer-events:none!important;
}
.hero-pro-card,
.hero-rating-card{
    pointer-events:auto!important;
}
.hero-pro-card{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:238px!important;
    padding:13px 16px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(10,10,10,.82),rgba(35,35,35,.60))!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}
.hero-pro-icon-wrap{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#ff8a00,#ffb347)!important;
    color:#fff!important;
    box-shadow:0 12px 24px rgba(255,138,0,.42)!important;
}
.hero-pro-icon-wrap svg{
    width:22px!important;
    height:22px!important;
}
.hero-pro-content{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    line-height:1.15!important;
}
.hero-pro-content strong{
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    letter-spacing:-.2px!important;
}
.hero-pro-content small{
    color:rgba(255,255,255,.78)!important;
    font-size:11px!important;
    font-weight:800!important;
}
.hero-rating-card{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:11px 15px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    color:#111827!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
}
.hero-stars{
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    line-height:1!important;
}
.hero-stars span{
    color:#d1d5db!important;
    font-size:18px!important;
    text-shadow:none!important;
}
.hero-stars span.active{
    color:#f59e0b!important;
    text-shadow:0 5px 14px rgba(245,158,11,.32)!important;
}
.hero-rating-info{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    line-height:1.05!important;
}
.hero-rating-info strong{
    color:#111827!important;
    font-size:18px!important;
    font-weight:950!important;
}
.hero-rating-info small{
    color:#6b7280!important;
    font-size:11px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
@media(max-width:760px){
    .hero-top-badges{
        top:10px!important;
        left:10px!important;
        gap:7px!important;
        transform:scale(.92)!important;
        transform-origin:top left!important;
    }
    .hero-pro-card{
        min-width:0!important;
        padding:9px 11px!important;
        border-radius:16px!important;
        gap:9px!important;
    }
    .hero-pro-icon-wrap{
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
        border-radius:12px!important;
    }
    .hero-pro-icon-wrap svg{
        width:18px!important;
        height:18px!important;
    }
    .hero-pro-content strong{
        font-size:12.5px!important;
    }
    .hero-pro-content small{
        font-size:9.5px!important;
    }
    .hero-rating-card{
        padding:8px 10px!important;
        border-radius:15px!important;
        gap:8px!important;
    }
    .hero-stars span{
        font-size:13.5px!important;
    }
    .hero-rating-info strong{
        font-size:14px!important;
    }
    .hero-rating-info small{
        font-size:9.5px!important;
    }
}
@media(max-width:420px){
    .hero-top-badges{
        transform:scale(.84)!important;
    }
}


/* ✅ كارت معلومات الصالون داخل الصورة الأولى بمظهر عالمي */
.hero-salon-glass-info{
    position:absolute!important;
    right:18px!important;
    bottom:18px!important;
    z-index:68!important;
    width:min(420px, calc(100% - 36px))!important;
    padding:18px 20px 18px 122px!important;
    border-radius:26px!important;
    direction:rtl!important;
    text-align:right!important;
    color:#fff!important;
    background:linear-gradient(135deg, rgba(17,24,39,.78), rgba(17,24,39,.42))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 22px 55px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
.hero-price-circle{
    position:absolute!important;
    left:16px!important;
    top:36%!important;
    transform:translateY(-50%)!important;
    width:90px!important;
    height:90px!important;
    border-radius:999px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    background:linear-gradient(135deg,#f97316,#f59e0b,#facc15)!important;
    border:2px solid rgba(255,255,255,.55)!important;
    box-shadow:0 18px 38px rgba(249,115,22,.34), inset 0 1px 0 rgba(255,255,255,.28)!important;
    text-align:center!important;
    line-height:1!important;
    flex-shrink:0!important;
}

.hero-price-circle span{
    font-size:9px!important;
    font-weight:950!important;
    color:rgba(255,255,255,.95)!important;
    line-height:1!important;
    white-space:nowrap!important;
}

.hero-price-circle strong{
    font-size:27px!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
    color:#fff!important;
}
.hero-price-circle small{
    margin-top:3px!important;
    font-size:10px!important;
    font-weight:950!important;
    color:rgba(255,255,255,.96)!important;
}
.hero-salon-glass-info h2{
    margin:6px 0 7px!important;
    font-size:clamp(22px, 3vw, 36px)!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
    line-height:1.05!important;
    color:#fff!important;
    text-shadow:0 4px 18px rgba(0,0,0,.35)!important;
}
.hero-salon-glass-info p{
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    color:rgba(255,255,255,.88)!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.7!important;
}
.hero-salon-kicker{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    max-width:100%!important;
    padding:7px 11px!important;
    border-radius:999px!important;
    background:rgba(16,185,129,.16)!important;
    color:#d1fae5!important;
    border:1px solid rgba(16,185,129,.28)!important;
    font-size:12px!important;
    font-weight:900!important;
}
.hero-live-dot{
    width:8px!important;
    height:8px!important;
    border-radius:999px!important;
    background:#22c55e!important;
    box-shadow:0 0 0 5px rgba(34,197,94,.16)!important;
    flex:0 0 auto!important;
}
.hero-dot-sep{
    opacity:.72!important;
}
.hero-salon-chips{
    display:flex!important;
    flex-wrap:initial!important;
    gap:10px!important;
    margin-top:14px!important;
}
.hero-salon-chips a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:40px!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    color:#111827!important;
    background:rgba(255,255,255,.95)!important;
    border:1px solid rgba(255,255,255,.75)!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease!important;
}
.hero-salon-chips a:hover{
    transform:translateY(-2px)!important;
    background:#fff!important;
    box-shadow:0 16px 36px rgba(0,0,0,.22)!important;
}
.hero-salon-chips svg{
    width:17px!important;
    height:17px!important;
    color:#f97316!important;
}
@media(max-width:768px){
    .hero-salon-glass-info{
        right:10px!important;
        left:10px!important;
        bottom:10px!important;
        width:auto!important;
        padding:13px 14px 13px 92px!important;
        border-radius:20px!important;
    }
    .hero-price-circle{
        left:12px!important;
        width:74px!important;
        height:74px!important;
    }
    .hero-price-circle strong{
        font-size:21px!important;
    }
    .hero-price-circle small{
        font-size:8px!important;
        margin-top:2px!important;
    }
    .hero-salon-glass-info h2{
        font-size:21px!important;
        margin:5px 0 5px!important;
    }
    .hero-salon-glass-info p{
        font-size:12px!important;
        line-height:1.55!important;
    }
    .hero-salon-kicker{
        padding:6px 9px!important;
        font-size:10.5px!important;
    }
    .hero-salon-chips{
        margin-top:10px!important;
        gap:8px!important;
    }
    .hero-salon-chips a{
        min-height:34px!important;
        padding:7px 11px!important;
        font-size:12px!important;
    }
    .hero-salon-chips svg{
        width:15px!important;
        height:15px!important;
    }
}
@media(max-width:420px){
    .hero-salon-glass-info{
        padding:11px 12px 11px 78px!important;
    }
    .hero-price-circle{
        width:66px!important;
        height:66px!important;
        left:10px!important;
    }
    .hero-price-circle strong{
        font-size:18px!important;
    }
    .hero-price-circle small{
        font-size:8px!important;
    }
    .hero-salon-glass-info h2{
        font-size:18px!important;
    }
    .hero-salon-glass-info p{
        font-size:11px!important;
    }
}

/* ==========================================================
   ✅ Hallaq Mobile Clean Responsive Patch
   - شريط سفلي منظم
   - زر واتساب + زر حجز
   - منع التداخل مع المحتوى
   - أزرار الهيرو في سطر واحد
   ========================================================== */

html{
    scroll-behavior:smooth;
}

#working-hours{
    scroll-margin-top:90px;
}

@media (max-width: 768px){

    body{
        padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
        overflow-x:hidden !important;
    }

    .bp-page,
    .bp-container,
    main{
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    img,
    iframe,
    video{
        max-width:100% !important;
    }

    /* أزرار الخدمات / احجز / الموقع */
    .hero-salon-chips{
        display:grid !important;
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:7px !important;
        width:100% !important;
        margin-top:12px !important;
    }

    .hero-salon-chips a,
    .hero-salon-chips button{
        min-width:0 !important;
        width:100% !important;
        min-height:38px !important;
        padding:8px 6px !important;
        border-radius:14px !important;
        font-size:11.5px !important;
        line-height:1 !important;
        white-space:nowrap !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:5px !important;
    }

    .hero-salon-chips svg{
        width:15px !important;
        height:15px !important;
        flex:0 0 auto !important;
    }

    /* تنظيم البطاقات والأقسام */
    .bp-grid,
    .bp-grid-2,
    .bp-profile-layout,
    .bp-main-layout{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .bp-card,
    .bp-side-card,
    .bp-section,
    .bp-suggested-card{
        border-radius:18px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    /* منع أي زر ثابت قديم من تغطية الشريط */
    .bp-mobile-main-action{
        max-width:100% !important;
    }

    /* الشريط السفلي الجديد */
    .bp-mobile-bottom-bar{
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        z-index:99999 !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:9px !important;
        padding:10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
        background:rgba(255,255,255,.96) !important;
        backdrop-filter:blur(18px) !important;
        -webkit-backdrop-filter:blur(18px) !important;
        border-top:1px solid rgba(15,23,42,.10) !important;
        box-shadow:0 -12px 34px rgba(15,23,42,.14) !important;
    }

    .bp-mobile-bottom-bar .bp-btn,
    .bp-mobile-bottom-bar a,
    .bp-mobile-bottom-bar button{
        width:100% !important;
        min-width:0 !important;
        min-height:48px !important;
        border-radius:16px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;
        font-size:13px !important;
        font-weight:800 !important;
        text-decoration:none !important;
        border:0 !important;
        cursor:pointer !important;
    }

    .bp-mobile-bottom-bar svg{
        width:18px !important;
        height:18px !important;
        flex:0 0 auto !important;
    }

    .bp-mobile-bottom-bar .bp-btn-whatsapp{
        background:#16a34a !important;
        color:#fff !important;
        box-shadow:0 10px 22px rgba(22,163,74,.24) !important;
    }

    .bp-mobile-bottom-bar .bp-btn-book{
        background:#111827 !important;
        color:#fff !important;
        box-shadow:0 10px 22px rgba(17,24,39,.20) !important;
    }

    /* الهاتف الصغير جداً */
    @media (max-width: 380px){
        .hero-salon-chips a,
        .hero-salon-chips button{
            font-size:10.5px !important;
            padding:7px 4px !important;
        }

        .bp-mobile-bottom-bar{
            gap:7px !important;
            padding-left:9px !important;
            padding-right:9px !important;
        }

        .bp-mobile-bottom-bar .bp-btn,
        .bp-mobile-bottom-bar a,
        .bp-mobile-bottom-bar button{
            min-height:45px !important;
            font-size:12px !important;
            border-radius:14px !important;
        }
    }
}

@media (min-width: 769px){
    .bp-mobile-bottom-bar{
        display:none !important;
    }
}

/* ==========================================================
   ✅ Rating Stars Patch
   تبديل دوائر التقييم بالنجوم في:
   - آراء الزبناء
   - صالونات مقترحة قريبة منك
   ========================================================== */

.bp-review-rating,
.bp-salon-rating{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}

.bp-rating-stars,
.bp-salon-stars{
    display:flex !important;
    align-items:center !important;
    gap:3px !important;
    direction:ltr !important;
    line-height:1 !important;
}

.bp-rating-stars span,
.bp-salon-stars span{
    color:#d1d5db !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    transition:.2s ease !important;
}

.bp-rating-stars span{
    font-size:18px !important;
}

.bp-salon-stars span{
    font-size:14px !important;
}

.bp-rating-stars span.active,
.bp-salon-stars span.active{
    color:#f59e0b !important;
    text-shadow:0 2px 8px rgba(245,158,11,.28) !important;
}

/* إخفاء الدوائر القديمة نهائياً إذا بقي شي كلاس في CSS */
.bp-rating-circles,
.bp-salon-dots,
.bp-circle{
    display:none !important;
}

@media(max-width:768px){
    .bp-review-rating,
    .bp-salon-rating{
        gap:6px !important;
    }

    .bp-rating-stars span{
        font-size:16px !important;
    }

    .bp-salon-stars span{
        font-size:13px !important;
    }

    .bp-salon-rating strong,
    .bp-salon-rating small{
        font-size:10.5px !important;
    }
}