/* BarberFlow opt-in Cinematic Luxury 2026
   Every selector is scoped: classic customer page and dashboard are unaffected. */
#bfDesignCard .bf-design-panel{display:grid;gap:16px}
#bfDesignCard .bf-design-intro{margin:0;color:#bdb9aa;font-size:14px}
#bfDesignCard .bf-design-options{display:grid;gap:12px}
#bfDesignCard .bf-design-option{display:flex;align-items:center;gap:12px;padding:15px 13px;border:1px solid #57513f;border-radius:14px;background:linear-gradient(125deg,#25241f,#171916);color:#f3e7cd;cursor:pointer}
#bfDesignCard .bf-design-option:has(input:checked){border-color:#efc56d;background:linear-gradient(120deg,#3a2e1c,#1b1b18);box-shadow:inset 0 0 0 1px #e4b66b42}
#bfDesignCard .bf-design-option input{width:20px;height:20px;min-width:20px;accent-color:#d9ab52;margin:0}
#bfDesignCard .bf-design-option span{display:grid;gap:5px}
#bfDesignCard .bf-design-option strong{font-size:14px}
#bfDesignCard .bf-design-option small{font-size:12px;color:#c1b59b}
#bfDesignCard #bfDesignStatus{color:#e2bf83;font-size:13px;margin:0;min-height:16px}

body[data-bf-design="luxury_2026"]:not(.staff-app){
 --bf-gold:#e6bd72;--bf-gold2:#ffe29a;--bf-ink:#fffaf1;
 background:#090706!important;color:var(--bf-ink)
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .hero{
 background:radial-gradient(ellipse at 73% 40%,#6d432038,#130f0b 65%,#080707 100%)!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .hero-photo:after{
 background:linear-gradient(180deg,#0009 0%,#0001 26%,#09070655 48%,#080705ed 89%,#070706 100%)!important;
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .hero-photo:not(.has-photo){
 background-image:radial-gradient(ellipse at 78% 42%,#83501b88,transparent 38%),radial-gradient(ellipse at 28% 40%,#3c2b12bb,transparent 48%),linear-gradient(132deg,#17110c,#080807 63%,#29190c)!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .top{background:linear-gradient(#040302d9,transparent 96%);z-index:6}
body[data-bf-design="luxury_2026"]:not(.staff-app) .customer-logo.dynamic-brand .brand-owner{
 font-family:Georgia,"Times New Roman",serif!important;color:#f3d393!important;
 font-size:clamp(19px,6vw,26px)!important;font-weight:500!important;letter-spacing:.04em!important;
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .customer-logo.dynamic-brand .brand-studio{
 color:#d5ae67!important;letter-spacing:.37em!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .customer-logo.dynamic-brand .brand-symbol-layer{
 border:1px solid #d5ac63!important;border-radius:10px!important;background-color:#090706bf!important;
 box-shadow:0 0 17px #cb9b3330
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .mobile-menu-toggle{
 width:48px!important;height:48px!important;border:1px solid #d8ae6b!important;
 border-radius:13px!important;background:#080707b8!important;display:flex!important;
 align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .mobile-menu-toggle span{
 width:24px!important;height:2px!important;border-radius:3px!important;background:#f6d18e!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .mobile-menu-panel{
 border:1px solid #b98b48!important;background:rgba(8,7,6,.94)!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 box-shadow:0 24px 46px #0009!important;border-radius:16px!important;
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .hero h1{
 font-family:Georgia,"Times New Roman",serif!important;color:#fffafa!important;
 font-size:clamp(33px,8vw,56px)!important;line-height:1.14!important;letter-spacing:-.035em!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .hero .headline-accent{color:#efc77e!important}
body[data-bf-design="luxury_2026"]:not(.staff-app) .hero .cta{
 background:linear-gradient(120deg,#e1a948,#ffe19a 54%,#d69b43)!important;
 border:1px solid #fce7ad!important;color:#17110b!important;min-height:64px!important;
 border-radius:45px!important;font-weight:800!important;box-shadow:0 10px 32px #0009,0 0 18px #bd87383a!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .mobile-instagram-cta{
 border:2px solid #e1b765!important;border-radius:45px!important;background:#080807cf!important;
 color:#f4c879!important;font-weight:700!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .mobile-contact-dock{
 background:#050504ed!important;border-top:1px solid #d7a854!important
}
body[data-bf-design="luxury_2026"]:not(.staff-app) .mobile-contact-dock .mobile-contact-item,
body[data-bf-design="luxury_2026"]:not(.staff-app) .mobile-contact-dock svg{
 color:#e4bb70!important
}
/* Reuse the existing booking steps and event handlers without changing their navigation. */
body[data-bf-design="luxury_2026"].booking-mode .wrap,
body[data-bf-design="luxury_2026"].booking-mode #customer{
 background-color:#0b0907!important
}
body[data-bf-design="luxury_2026"].booking-mode #customer{
 background-image:linear-gradient(180deg,#0b090735 0,#0b0907ba 185px,#0b0907 350px),
 var(--studio-hero-image,none)!important;
}
body[data-bf-design="luxury_2026"].booking-mode #customer .card{
 background:linear-gradient(130deg,#1a1510,#090909)!important;border-color:#76542a!important
}
body[data-bf-design="luxury_2026"].booking-mode #customer #bookTitle{
 color:#f6e9c9!important;font-family:Georgia,"Times New Roman",serif!important
}
body[data-bf-design="luxury_2026"].booking-mode #customer .service{
 min-height:92px!important;padding:9px 47px 9px 9px!important;
 background:linear-gradient(120deg,#1a1714,#0c0b0a)!important;
 border:1px solid #5c4a35!important;border-radius:18px!important;overflow:hidden!important
}
body[data-bf-design="luxury_2026"].booking-mode #customer .service.active{
 background:linear-gradient(120deg,#3e2e19,#17110d)!important;
 border:2px solid #ecc36e!important;box-shadow:0 0 0 1px #c49a4d44!important
}
body[data-bf-design="luxury_2026"].booking-mode #customer .service .bf-luxury-thumb{
 flex:0 0 102px!important;width:102px!important;height:80px!important;object-fit:cover!important;
 display:block!important;border-radius:11px!important;margin:0!important
}
body[data-bf-design="luxury_2026"].booking-mode #customer .service>b,
body[data-bf-design="luxury_2026"].booking-mode #customer .service.active>b{
 color:#f3cf8b!important
}
body[data-bf-design="luxury_2026"].booking-mode .service-selection-footer{
 background:linear-gradient(145deg,#19130d,#0b0a09)!important;border-top-color:#9e743a!important
}
body[data-bf-design="luxury_2026"].booking-mode #customer #serviceStage .wizard-next{
 background:linear-gradient(105deg,#dda84f,#ffe09a 54%,#e4b45d)!important;color:#1c150e!important;
 border:1px solid #ffdfa2!important;border-radius:40px!important
}
@media(max-width:390px){
 body[data-bf-design="luxury_2026"].booking-mode #customer .service .bf-luxury-thumb{
 flex-basis:80px!important;width:80px!important;height:76px!important
 }
 body[data-bf-design="luxury_2026"].booking-mode #customer .service{gap:9px!important}
 body[data-bf-design="luxury_2026"].booking-mode #customer .service b{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){
 body[data-bf-design="luxury_2026"] *{animation:none!important;transition:none!important}
}

/* Compact CSS previews use no additional image requests. */
#bfDesignCard .bf-design-swatch{display:block;flex:0 0 72px;width:72px;height:92px;border:1px solid #b79b60;border-radius:8px;background:linear-gradient(#d6bd8c,#d6bd8c) 50% 76%/40px 8px no-repeat,linear-gradient(#777,#777) 50% 56%/46px 2px no-repeat,#111}
#bfDesignCard .bf-design-swatch-modern{background:linear-gradient(110deg,#ca963e,#ffe4ac) 50% 76%/48px 12px no-repeat,radial-gradient(ellipse at 70% 35%,#84613b,#100c08 70%)}
#bfDesignCard .bf-design-option{flex-wrap:wrap;min-height:120px}
#bfDesignCard .bf-design-option>span:last-child{flex:1;min-width:120px}
@media(min-width:640px){#bfDesignCard .bf-design-options{grid-template-columns:repeat(2,minmax(0,1fr))}}