/* Purposeful mobile compositions: each model follows its own customer journey. */
.bxm-mobile{display:none}body [hidden]{display:none!important}
@media(max-width:760px){
 .bxm-mobile{display:block;font-family:inherit}.bxm-mobile a,.bxm-mobile button,.bxm-mobile select{font-family:inherit!important}.x-clinic,.x-dental,.x-salon,.x-nursery{padding-bottom:88px}.x-preview{font-size:9px;line-height:1.7;padding:8px 15px}.x-header{position:relative;z-index:30;background:var(--paper,#fafaf5)}.x-header .x-logo{font-size:22px}.x-header .x-logo small{font-size:9px}.x-header .x-menu{min-height:42px;min-width:42px}
 .bxm-dock{position:fixed;bottom:12px;inset-inline:4%;z-index:70;display:flex;align-items:stretch;justify-content:space-around;background:#fffffff0;backdrop-filter:blur(16px);border:1px solid #cad9d1;box-shadow:0 10px 35px #10382d26;border-radius:16px;min-height:64px;padding:6px 5px;padding-bottom:max(6px,env(safe-area-inset-bottom));font:11px/1.5 Tajawal,Arial,sans-serif}
 .bxm-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:1;padding:5px;border-radius:10px;color:#51665a}.bxm-dock a.active{background:#e4eee5;color:#173f2e}.bxm-dock svg{width:20px;height:20px}.bxm-dock-salon{border-radius:40px;background:#fff7f3eb;border-color:#dcb6a7}.bxm-dock-salon a{color:#8c514c}.bxm-dock-salon a.active{background:#f3e0d6;border-radius:30px}.bxm-dock-dental{background:#152d3cf2;border-color:#527685;border-radius:11px}.bxm-dock-dental a{color:#b6cbd0}.bxm-dock-dental a.active{background:#335361;color:#fff}.bxm-dock-nursery{background:#f3f3dfed;border-color:#a2b68d}.bxm-dock-nursery a.active{background:#d8e6c8}
 .x-clinic .x-hero{display:flex;flex-direction:column;padding:0 0 30px;border-radius:0;background:#edf5ef;gap:0}.x-clinic .x-hero>figure{order:-1;width:100%;margin:0}.x-clinic .x-hero figure img{width:100%;height:255px;border-radius:0 0 42px 0;object-position:center}.x-clinic .x-hero figcaption{padding-inline:7%;font-size:9px}.x-clinic .x-hero>div{padding:20px 7% 0}.x-clinic .x-hero h1{font-size:36px;line-height:1.45;margin:12px 0 17px}.x-clinic .x-hero p{font-size:14px;line-height:2}.x-clinic .x-hero .x-actions{gap:17px}.x-clinic .x-hero .x-button{padding:13px 20px;font-size:13px}.x-clinic .x-hero .x-link{font-size:12px}
 .bxm-specialties{padding:30px 0}.bxm-specialties h2{font-size:27px;margin:10px 0 20px}.bxm-specialties>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bxm-specialties a{padding:22px 17px;background:#fff;border:1px solid #ceddd2;border-radius:16px;display:flex;flex-direction:column;gap:12px;align-items:start}.bxm-specialties a>span{display:grid;place-items:center;width:34px;height:34px;color:#3f7965;background:#e9f2ed;border-radius:9px}.bxm-specialties svg{width:21px;height:21px}.bxm-specialties b{font-size:16px}.bxm-specialties small{font-size:10px;color:#7b8f81}.x-clinic .x-service-grid{grid-template-columns:1fr}.x-clinic .x-service-grid article{display:grid;grid-template-columns:30px 1fr;gap:10px 15px;padding:22px;border-radius:12px}.x-clinic .x-service-grid article>svg{grid-row:span 3;width:25px}.x-clinic .x-service-grid article h3,.x-clinic .x-service-grid article p{margin:0}.x-clinic .x-service-grid article>a{grid-column:2}
 .x-dental .x-hero{display:flex;flex-direction:column;gap:18px;padding:35px 6% 20px;background:#e9eff0}.x-dental .x-hero h1{font-size:38px;line-height:1.4;margin:10px 0 18px}.x-dental .x-hero p{font-size:14px;line-height:1.95}.x-dental .x-hero figure{margin:0;width:100%}.x-dental .x-hero figure img{height:215px;width:100%;object-fit:cover;border-radius:100px 12px 12px 12px;margin:0;object-position:center}.x-dental .x-hero figcaption{font-size:9px}.bxm-dental-path{margin-top:10px;padding:24px;border:1px solid #c0ced4;border-radius:18px;background:#fff}.bxm-dental-path>small{font-size:11px;color:#6f8e99}.bxm-dental-path h2{font-size:25px;margin:10px 0 22px}.bxm-dental-path ol{list-style:none;display:flex;gap:5px;padding:0;margin:0 0 25px}.bxm-dental-path li{font-size:10px;flex:1;border-top:2px solid #a0b9c0;padding-top:13px}.bxm-dental-path b{display:block;font:18px Arial;color:#527b8a;margin-bottom:8px}.bxm-dental-path .x-button{width:100%;justify-content:center;font-size:13px}.x-dental .x-week{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:8px}.x-dental .x-week>a{flex:0 0 55px;scroll-snap-align:center}.x-dental .x-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.x-dental .x-booking-summary{display:grid;grid-template-columns:90px 1fr;border-radius:13px;overflow:hidden}.x-dental .x-booking-summary>img{height:100%;min-height:150px;object-fit:cover}.x-dental .x-booking-summary>div{padding:17px}.x-dental .x-booking-summary h2{font-size:20px;margin-top:5px}.x-dental .x-booking-summary p{font-size:11px;margin:5px 0}.x-dental .x-booking-summary small{display:none}
 .x-salon .x-header{background:#fcf4ec}.x-salon .x-hero{display:flex;flex-direction:column;padding:25px 6% 15px;gap:15px}.x-salon .x-hero>figure{order:-1;margin:0;width:100%}.x-salon .x-hero figure img{height:340px;max-width:95%;margin:auto;border-radius:48% 48% 0 0}.x-salon .x-hero figure figcaption{text-align:center;font-size:9px}.x-salon .x-hero>div{text-align:center}.x-salon .x-hero h1{font-size:42px;line-height:1.4;margin:13px 0 17px}.x-salon .x-hero p{font-size:14px;line-height:2}.x-salon .x-hero .x-actions{justify-content:center}.x-salon .x-hero .x-actions>a{font-size:12px}.bxm-salon-finder{padding:27px 24px;background:#ead9ca;border-radius:110px 110px 15px 15px;margin-top:18px;text-align:center}.bxm-salon-finder h2{font-size:30px;margin:12px 0 20px}.bxm-salon-finder .x-kicker{font-size:10px}.bxm-salon-finder form{display:grid;gap:15px}.bxm-salon-finder label{font-size:11px;display:block;text-align:right}.bxm-salon-finder select{width:100%;font:14px Tajawal,Arial;padding:15px 12px;border:1px solid #bca593;border-radius:7px;background:#fffaf4;color:#634b40;margin-top:7px}.bxm-salon-finder .x-button{justify-content:center;font-size:13px}.x-salon .x-service-catalog article{border-radius:0;border:0;border-bottom:1px solid #cdbfb1;background:transparent;display:flex;flex-direction:column}.x-salon .x-service-catalog img{height:300px;object-fit:cover}.x-salon .x-service-catalog article:nth-child(2) img{border-radius:50% 50% 0 0}.x-salon .x-service-catalog article>div{padding:22px 0}
 .x-nursery .x-hero{background:#e5ecd7;padding:35px 6% 30px;gap:25px;border-radius:0 0 35px 35px}.x-nursery .x-hero h1{font-size:35px;line-height:1.4;margin:12px 0 18px}.x-nursery .x-hero p{font-size:14px;line-height:1.95}.x-nursery .x-hero figure{margin:0;transform:rotate(-2deg)}.x-nursery .x-hero figure img{height:240px;border-radius:20px;box-shadow:7px 7px 0 #b5c69d}.x-nursery .x-hero figcaption{font-size:9px}.bxm-age-picker{padding-block:30px}.bxm-age-picker h2{font-size:27px;margin:10px 0 20px}.bxm-age-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bxm-age-picker button{border:1px solid #b4c6a4;background:#f1f4e7;color:#557145;border-radius:18px;padding:17px 7px;font-family:inherit}.bxm-age-picker button[aria-pressed=true]{background:#57734b;color:#fff;border-color:#57734b}.bxm-age-picker strong{display:block;font:25px Arial}.bxm-age-picker small{font-size:10px}.bxm-age-picker article{padding:22px;background:#eef0dd;border-radius:14px;margin-top:15px}.bxm-age-picker h3{font-size:23px;margin:0 0 10px}.bxm-age-picker article p{font-size:14px;margin:0 0 15px}.bxm-age-picker article a{font-size:12px}.x-nursery .x-nursery-promises{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:15px;padding-bottom:12px}.x-nursery .x-nursery-promises article{flex:0 0 83%;padding:22px;border:1px solid #d3dec6;border-radius:20px;scroll-snap-align:center;background:#fff}.x-nursery .x-programs{gap:15px}.x-nursery .x-day-list{display:flex;overflow:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:15px}.x-nursery .x-day-list article{flex:0 0 86%;scroll-snap-align:center;flex-direction:column;align-items:start;padding:25px;background:#f0f1e1;border-radius:20px}
 .x-loyalty .x-example-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:5px 0 22px;scrollbar-width:thin}.x-loyalty .x-example-grid>a{flex:0 0 90%;min-width:0;scroll-snap-align:center}.x-loyalty .x-example-photo{height:235px}.bxm-loyalty-filter{display:flex;gap:8px;margin-bottom:20px}.bxm-loyalty-filter button{font:12px Tajawal;padding:10px 16px;border:1px solid #bdcfbe;border-radius:30px;background:#f5f7ef;color:#52654e}.bxm-loyalty-filter button[aria-pressed=true]{background:#354e37;color:#fff}.x-loyalty .x-loyalty-experience{display:flex;flex-direction:column-reverse;gap:30px}.x-loyalty .x-loyalty-card{width:100%;border-radius:24px;box-shadow:0 14px 30px #14211620}.bxm-swipe-hint{font-size:11px;color:#71876c;display:block;margin-bottom:15px}
 .x-hr .x-workspace>aside{position:sticky;top:0;z-index:25;background:#302d50;box-shadow:0 5px 15px #1e1c4022;border-radius:0 0 17px 17px}.x-hr .x-stats{grid-template-columns:1fr 1fr;gap:10px}.x-hr .x-stats article{padding:17px 14px;border-radius:15px}.x-hr .x-stats article:first-child{grid-column:1/-1;background:#514c7e;color:#fff}.x-hr .x-stats article:first-child small{color:#d9d5ee}.x-hr .x-stats strong{font-size:27px}.x-hr .x-table{border:0;background:transparent;overflow:visible}.x-hr .x-table table,.x-hr .x-table tbody,.x-hr .x-table tr,.x-hr .x-table td{display:block;width:100%;min-width:0}.x-hr .x-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.x-hr .x-table tr{background:#fff;border:1px solid #dbd8e8;border-radius:16px;margin:0 0 16px;padding:8px 18px}.x-hr .x-table td{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #eeebf4;overflow-wrap:anywhere;white-space:normal}.x-hr .x-table td:last-child{border-bottom:0}.x-hr .x-table td:before{content:attr(data-mobile-label);font-size:11px;color:#8c86a0;flex:0 0 90px}.x-hr .x-table input{width:130px;max-width:100%}.x-hr .x-table form{display:flex;flex-wrap:wrap;gap:8px}.x-hr .x-table button{font-size:10px;padding:8px}.x-hr .x-contracts{gap:14px}
 /* Independent legacy previews keep their own visual and interaction language. */
 .demo-front{padding-bottom:85px}.bxm-legacy-dock{position:fixed;bottom:12px;inset-inline:4%;z-index:75;display:flex;background:#fffffff2;border:1px solid #aabdb066;box-shadow:0 8px 30px #0002;border-radius:14px;padding:8px;gap:6px;backdrop-filter:blur(16px)}.bxm-legacy-dock a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;font:12px Tajawal,Arial;text-decoration:none;color:#244331;border-radius:8px}.bxm-legacy-dock a.active{background:#e6eee1}.bxm-legacy-dock svg{width:17px;height:17px}
 .demo-gym .gv-hero{min-height:650px;align-items:end;overflow:hidden}.demo-gym .gv-hero>div{padding:280px 0 42px;margin-inline:6%;width:88%}.demo-gym .gv-hero h1{font-size:45px;line-height:1.3}.demo-gym .gv-hero p{font-size:14px;line-height:1.9}.demo-gym .gv-hero .gv-button{font-size:12px;padding:13px 21px}.demo-gym .gv-text-link{font-size:12px}.demo-gym .gv-marquee{font-size:14px}.demo-gym .gv-programs{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.demo-gym .gv-programs article{flex:0 0 86%;min-width:0;scroll-snap-align:center;border-radius:4px 25px 4px 4px;border-right:4px solid #ff763d}.demo-gym .bxm-legacy-dock{border-radius:8px;background:#1e261cf5;border-color:#4b5b43}.demo-gym .bxm-legacy-dock a{color:#ccdfb5;font-weight:500}.demo-gym .bxm-legacy-dock a.active{background:#ff763d;color:#151b13}.demo-gym .gv-section{margin-block:45px}.demo-gym .gv-heading h2{font-size:33px}
 .demo-soap .sv-hero{position:relative;display:flex;flex-direction:column;padding:25px 6% 35px;gap:20px}.demo-soap .sv-hero figure{order:-1;margin:0;width:100%}.demo-soap .sv-hero figure img{height:300px;border-radius:50% 50% 8px 8px;object-fit:cover}.demo-soap .sv-hero h1{font-size:36px;line-height:1.4;margin-block:15px}.demo-soap .sv-hero p{font-size:14px}.demo-soap .sv-hero figcaption{font-size:10px}.demo-soap .sv-products{display:grid;grid-template-columns:1fr 1fr;gap:25px 13px}.demo-soap .sv-products>article{min-width:0}.demo-soap .sv-products .sv-product-image{border-radius:15px 15px 0 0;overflow:hidden}.demo-soap .sv-products img{height:190px;aspect-ratio:.8;object-fit:cover}.demo-soap .sv-products h3{font-size:17px;line-height:1.5;margin-block:12px 7px}.demo-soap .sv-products p{font-size:11px;line-height:1.9}.demo-soap .sv-products article>div:last-child{flex-wrap:wrap;gap:10px}.demo-soap .sv-products button{font-size:10px;padding:9px}.demo-soap .sv-values{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;white-space:nowrap;gap:20px;font-size:10px}.demo-soap .bxm-legacy-dock{border-radius:35px;background:#faf9eaf5;border-color:#b5c4a7}.demo-soap .bxm-legacy-dock a{font-size:11px}.bxm-collection-filter{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.bxm-collection-filter button{border:1px solid #b9c8af;background:transparent;color:#506448;border-radius:30px;padding:8px 12px;font:11px Tajawal}.bxm-collection-filter button[aria-pressed=true]{background:#435f41;color:#fff}
 .demo-food .tone-orange>.section:first-child{padding-top:30px}.demo-food .tone-orange h1{font-size:40px;line-height:1.4}.demo-food .tone-orange p{font-size:14px}.demo-food .menu-filters{position:sticky;top:0;z-index:20;display:flex;overflow:auto;gap:8px;padding:13px 0;background:#fbf5e9}.demo-food .menu-filters button{white-space:nowrap;font-size:12px;padding:10px 16px}.demo-food .food-menu{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #d9cdb9}.demo-food .food-menu article{display:grid;grid-template-columns:100px 1fr;gap:12px 17px;padding:23px 0;border:0;border-bottom:1px solid #d9cdb9;border-radius:0;min-width:0;background:transparent}.demo-food .food-menu img{width:100px;height:120px;object-fit:cover;border-radius:18px;grid-row:span 2}.demo-food .food-menu article>div{padding:0}.demo-food .food-menu h3{font-size:19px;margin:0 0 7px}.demo-food .food-menu p{font-size:11px;margin:0 0 10px}.demo-food .food-menu strong{font-size:20px}.demo-food .food-menu article>a{grid-column:2;font-size:10px;line-height:1.7}.demo-food .food-menu article>div>span{display:none}.demo-food .bxm-legacy-dock{border-radius:0;background:#432f20ef;border-color:#8c6e46;bottom:0;inset-inline:0}.demo-food .bxm-legacy-dock a{color:#f0dbc3;border-radius:0}.demo-food .bxm-legacy-dock a.active{background:#d6a664;color:#352414}
 .preview-naylish{padding-bottom:85px}.preview-naylish .hero-grid{display:flex;flex-direction:column-reverse;gap:25px}.preview-naylish .hero{padding-block:30px}.preview-naylish .hero-grid img{max-height:320px;object-fit:cover;border-radius:150px 150px 7px 7px}.preview-naylish .hero-copy h1{font-size:39px;line-height:1.35}.preview-naylish .hero-copy p{font-size:14px;line-height:2}.preview-naylish .service-grid{display:flex;gap:15px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.preview-naylish .service-grid>article{flex:0 0 85%;scroll-snap-align:center}.preview-naylish .bxm-legacy-dock{background:#123d45f5;border-color:#52767a}.preview-naylish .bxm-legacy-dock a{color:#ddc2a2}.preview-naylish .bxm-legacy-dock a.active{background:#d6b189;color:#123d45}
 .bxm-school{padding-bottom:80px}.bxm-school .nk-hero{padding-top:25px;gap:20px;display:flex;flex-direction:column}.bxm-school .nk-hero-art{order:-1;width:100%;transform:rotate(2deg)}.bxm-school .nk-hero-art img{height:230px;object-fit:cover;border-radius:25px 70px 25px 25px}.bxm-school .nk-hero h1{font-size:37px;margin-block:10px 15px}.bxm-school .nk-hero p{font-size:14px}.bxm-school .nk-hero-art span{padding:9px 15px;font-size:10px;bottom:12px}.bxm-school .nk-grid{display:flex;gap:13px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.bxm-school .nk-grid .nk-card{flex:0 0 86%;scroll-snap-align:center;border-radius:25px 8px 25px 8px}.bxm-school .bxm-legacy-dock{background:#f6f2fff5;border-color:#c9b9e1}.bxm-school .bxm-legacy-dock a{color:#615093}.bxm-school .bxm-legacy-dock a.active{background:#ded6ee}.bxm-school header nav{gap:10px;overflow:auto;white-space:nowrap;justify-content:flex-start}
 .demo-admin .demo-login{display:flex;flex-direction:column;padding:25px 6%;gap:20px}.demo-admin .demo-login-art{width:100%;height:180px;object-fit:cover;border-radius:15px}.demo-admin .login-card{width:100%;padding:25px;border-radius:18px}.demo-admin .demo-login h1{font-size:30px}.demo-admin .header-content h1{font-size:20px}.demo-admin .header-content .preview-pill{font-size:9px}.demo-admin .content-body .container-fluid{padding-inline:15px}.demo-admin .demo-toolbar{gap:15px;flex-direction:column;align-items:stretch}.demo-admin .demo-toolbar input{width:100%}
}
@media(prefers-reduced-motion:reduce){.bxm-school .nk-hero-art{transform:none}*{scroll-behavior:auto}}