/* Admin mobile settings page */
.mobile-admin-intro{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.mobile-admin-intro h3{margin:8px 0 10px;font-size:24px}
.mobile-admin-intro p{margin:0;max-width:850px;color:#6f625d;line-height:1.7}
.mobile-admin-status{
  flex:0 0 180px;padding:18px;border-radius:16px;text-align:center;border:1px solid #e5d8d2;background:#fff;
}
.mobile-admin-status b{display:block;font-size:16px}
.mobile-admin-status span{display:block;margin-top:5px;font-size:11px;color:#887970}
.mobile-admin-status.on{background:#edf7ef;border-color:#c9dfce}
.mobile-admin-status.on b{color:#315c3a}
.mobile-admin-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mobile-preview-card{grid-column:1/-1}
.mobile-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mobile-range-grid .field.full{grid-column:1/-1}
.mobile-range-grid output{float:right;font-weight:800;color:#7c5e53}
.mobile-phone-stage{display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#f5efeb,#eee6e1);border-radius:18px}
.mobile-phone{
  --pv-side:16px;--pv-gap:22px;--pv-radius:18px;--pv-hero:262px;--pv-title:30px;--pv-body:12.5px;
  width:min(390px,100%);padding:10px;border-radius:38px;background:#171514;box-shadow:0 24px 70px rgba(46,34,29,.20);
}
.mobile-phone-screen{position:relative;overflow:hidden;min-height:690px;border-radius:30px;background:#fbf8f5;color:#2d2724}
.mp-head{height:58px;padding:0 13px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eadfd8;background:#fff}
.mp-head img{width:34px;height:34px;object-fit:contain}
.mp-head b{font-size:13px;margin-right:auto}
.mp-head span{padding:7px 10px;border-radius:999px;background:#302a27;color:#fff;font-size:10px}
.mp-head i{font-style:normal;font-size:17px}
.mp-hero{display:flex;flex-direction:column;padding:var(--pv-side);gap:15px}
.mp-photo{order:1;height:var(--pv-hero);border-radius:var(--pv-radius);display:flex;align-items:flex-end;padding:16px;box-sizing:border-box;background:linear-gradient(155deg,#a98d7a,#d7c6b6);color:#fff;font-size:10px;letter-spacing:.16em}
.mp-copy{order:2}
.mobile-phone[data-order="copy-first"] .mp-photo{order:2}
.mobile-phone[data-order="copy-first"] .mp-copy{order:1}
.mp-copy small{font-size:8px;letter-spacing:.14em;color:#9c776a}
.mp-copy h2{margin:9px 0;font-size:var(--pv-title);line-height:1.05}
.mp-copy p{margin:0 0 12px;font-size:var(--pv-body);line-height:1.65;color:#746762}
.mp-copy button{border:0;padding:11px 14px;border-radius:999px;background:#302a27;color:#fff;font-size:11px}
.mp-section{padding:var(--pv-gap) var(--pv-side)}
.mp-section>small{font-size:8px;letter-spacing:.14em}
.mp-section h3{margin:7px 0 12px}
.mp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.mp-cards article{overflow:hidden;border:1px solid #eadfd8;border-radius:var(--pv-radius);background:#fff;padding-bottom:9px}
.mp-cards article div{aspect-ratio:4/5;background:linear-gradient(145deg,#c9b2a1,#8f7463)}
.mobile-phone[data-shape="square"] .mp-cards article div{aspect-ratio:1}
.mobile-phone[data-shape="landscape"] .mp-cards article div{aspect-ratio:4/3}
.mobile-phone[data-shape="auto"] .mp-cards article div{aspect-ratio:3/2}
.mp-cards b,.mp-cards span{display:block;padding:0 9px;font-size:10px}
.mp-cards b{margin-top:8px}.mp-cards span{margin-top:2px;color:#8d7d75}
.mp-footer{padding:22px var(--pv-side) 84px;border-top:1px solid #eadfd8;font-size:9px;color:#766861}
.mp-bottom{position:absolute;left:8px;right:8px;bottom:8px;height:58px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e5d9d2;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 8px 30px rgba(47,36,31,.12)}
.mp-bottom span{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px}
.mp-bottom b{font-size:8px;margin-top:2px}
.mobile-phone[data-enabled="0"]{opacity:.52}
@media(max-width:1000px){
 .mobile-admin-layout{grid-template-columns:1fr}
 .mobile-preview-card{grid-column:auto}
}
@media(max-width:700px){
 .mobile-admin-intro{align-items:flex-start;flex-direction:column}
 .mobile-admin-status{width:100%;box-sizing:border-box}
 .mobile-range-grid{grid-template-columns:1fr}
 .mobile-range-grid .field.full{grid-column:auto}
 .mobile-phone-stage{padding:14px}
}

/* Universal mobile chrome */
@media(max-width:760px){
 html[data-view-mode="public"][data-mobile-site="enabled"]{
  overflow-x:hidden;
 }
 html[data-view-mode="public"][data-mobile-site="enabled"] body{
  overflow-x:hidden;
  font-size:var(--m-body,16px);
  padding-bottom:0;
 }
 html[data-view-mode="public"][data-mobile-site="enabled"][data-mobile-bottom="on"] body{
  padding-bottom:76px;
 }

 html[data-view-mode="public"][data-mobile-site="enabled"] .mobile-site-chrome{display:block}
 html[data-view-mode="public"][data-mobile-site="enabled"] :where(
  .public-header,.impact-sidebar,.editorial-header,.minimal-header,.cat-header
 ){display:none!important}

 .mobile-site-bar{
  position:relative;z-index:950;
  height:62px;padding:0 max(13px,var(--m-side,16px));
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:color-mix(in srgb,var(--ui-surface) 96%,transparent);
  border-bottom:1px solid var(--ui-line);
  color:var(--ui-text);
  backdrop-filter:blur(18px);
 }
 html[data-mobile-sticky="on"] .mobile-site-bar{
  position:sticky;top:0;
 }
 .mobile-site-brand{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ui-text);text-decoration:none}
 .mobile-site-brand img{width:38px;height:38px;object-fit:contain;flex:0 0 38px}
 .mobile-site-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:14px}
 .mobile-site-bar-actions{display:flex;align-items:center;gap:7px}
 .mobile-site-book{
  min-height:38px;padding:0 13px;border:0;border-radius:999px;
  background:var(--ui-accent);color:var(--ui-accent-text);font-weight:800;font-size:12px;
 }
 .mobile-menu-toggle{
  width:40px;height:40px;padding:10px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface);
  display:flex;flex-direction:column;justify-content:center;gap:4px;
 }
 .mobile-menu-toggle i{display:block;width:100%;height:1.5px;background:var(--ui-text);border-radius:2px}

 .mobile-menu-backdrop{
  position:fixed;inset:0;z-index:970;border:0;background:rgba(15,12,11,.52);
  opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;
 }
 .mobile-menu-drawer{
  position:fixed;z-index:980;top:0;right:0;bottom:0;width:min(88vw,390px);
  padding:20px;box-sizing:border-box;overflow:auto;
  transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);
  background:var(--ui-surface);color:var(--ui-text);border-left:1px solid var(--ui-line);
  box-shadow:-20px 0 60px rgba(20,15,13,.18);
 }
 html.mobile-menu-open .mobile-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
 html.mobile-menu-open .mobile-menu-drawer{transform:none}
 html.mobile-menu-open body{overflow:hidden!important}
 .mobile-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--ui-line)}
 .mobile-drawer-head small{display:block;color:var(--ui-muted);font-size:9px;letter-spacing:.16em}
 .mobile-drawer-head b{display:block;margin-top:5px;font-size:22px}
 .mobile-drawer-head>button{width:40px;height:40px;border:1px solid var(--ui-line);border-radius:50%;background:transparent;color:var(--ui-text);font-size:26px;line-height:1}
 .mobile-menu-drawer nav{display:grid;margin-top:12px}
 .mobile-menu-drawer nav button{
  min-height:55px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;
  border:0;border-bottom:1px solid var(--ui-line);background:transparent;color:var(--ui-text);
 }
 .mobile-menu-drawer nav button small{font-size:9px;color:var(--ui-accent)}
 .mobile-menu-drawer nav button span{font-size:16px;font-weight:700}
 .mobile-menu-drawer nav button i{font-style:normal;font-size:21px;color:var(--ui-muted)}
 .mobile-menu-drawer nav button.active{background:var(--ui-soft)}
 .mobile-drawer-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}
 .mobile-drawer-actions button{min-height:46px;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-text);font-weight:700}
 .mobile-drawer-actions button.primary{grid-column:1/-1;background:var(--ui-accent);color:var(--ui-accent-text);border-color:var(--ui-accent)}
 .mobile-drawer-info{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ui-line);font-size:11px;color:var(--ui-muted)}
 .mobile-drawer-info a{color:inherit}

 .mobile-bottom-nav{
  position:fixed;z-index:940;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));
  height:62px;padding:3px;display:none;grid-template-columns:repeat(4,1fr);
  background:color-mix(in srgb,var(--ui-surface) 97%,transparent);
  border:1px solid var(--ui-line);border-radius:19px;
  box-shadow:0 10px 34px rgba(30,22,19,.14);backdrop-filter:blur(18px);
 }
 html[data-mobile-bottom="on"] .mobile-bottom-nav{display:grid}
 .mobile-bottom-nav button{
  border:0;background:transparent;color:var(--ui-muted);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:15px;
 }
 .mobile-bottom-nav button i{font-style:normal;font-size:19px;line-height:1}
 .mobile-bottom-nav button span{font-size:10px;font-weight:700}
 .mobile-bottom-nav button.active{background:var(--ui-soft);color:var(--ui-text)}
 .mobile-bottom-nav button:nth-child(3){background:var(--ui-accent);color:var(--ui-accent-text)}

 /* Global mobile content rules */
 html[data-mobile-site="enabled"] #app main{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important}
 html[data-mobile-site="enabled"] #app :where(.section,.page-hero){
  padding-left:var(--m-side,16px)!important;padding-right:var(--m-side,16px)!important;
 }
 html[data-mobile-site="enabled"] #app .section{padding-top:var(--m-gap,46px)!important;padding-bottom:var(--m-gap,46px)!important}
 html[data-mobile-site="enabled"] #app :where(h1,.page-hero h1){font-size:var(--m-h1,44px)!important;line-height:1.08!important;overflow-wrap:anywhere}
 html[data-mobile-site="enabled"] #app h2{font-size:var(--m-h2,32px)!important;line-height:1.15!important;overflow-wrap:anywhere}
 html[data-mobile-site="enabled"] #app h3{font-size:var(--m-h3,21px)!important;line-height:1.25!important}
 html[data-mobile-site="enabled"] #app :where(p,li,dd,input,select,textarea){font-size:var(--m-body,16px)!important}
 html[data-mobile-site="enabled"] #app :where(small,.meta,.kicker,.eyebrow){font-size:var(--m-small,12.5px)!important}
 html[data-mobile-site="enabled"] #app :where(.btn,button,input,select,textarea){min-height:46px}
 html[data-mobile-site="enabled"] #app :where(.btn,button){touch-action:manipulation}
 html[data-mobile-site="enabled"] #app :where(.admin-actions,.salon-actions,.impact-hero-actions,.cat-actions,.minimal-actions){gap:8px;flex-wrap:wrap}
 html[data-mobile-site="enabled"] #app :where(.form-grid,.admin-grid,.detail,.salon-location,.salon-compare,.auth-shell){
  grid-template-columns:1fr!important;
 }
 html[data-mobile-site="enabled"] #app :where(.card,.panel,.case-card,.care-card,.price-card,.review,.form-card,.auth-card,.map-card,.my-member-card,.my-cat-card,.my-data-card,.booking-card,.booking-form-card,.salon-step,.salon-location-info){
  border-radius:var(--m-radius,18px)!important;
 }
 html[data-mobile-site="enabled"] #app :where(.table-wrap){overflow-x:auto;-webkit-overflow-scrolling:touch}
 html[data-mobile-site="enabled"] #app table{min-width:640px}
 html[data-mobile-site="enabled"] #app :where(.site-popup-card){width:calc(100% - 24px)!important;max-height:84svh;overflow:auto}
 html[data-mobile-site="enabled"] #app :where(.public-notice-strip,.layout-notice){margin-left:var(--m-side,16px)!important;margin-right:var(--m-side,16px)!important}

 /* Classic home */
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-hero{
  display:flex!important;flex-direction:column!important;min-height:0!important;
 }
 html[data-public-layout="classic"][data-mobile-site="enabled"][data-mobile-hero-order="image-first"] #app .salon-hero-stage{order:1}
 html[data-public-layout="classic"][data-mobile-site="enabled"][data-mobile-hero-order="image-first"] #app .salon-hero-copy{order:2}
 html[data-public-layout="classic"][data-mobile-site="enabled"][data-mobile-hero-order="copy-first"] #app .salon-hero-copy{order:1}
 html[data-public-layout="classic"][data-mobile-site="enabled"][data-mobile-hero-order="copy-first"] #app .salon-hero-stage{order:2}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-hero-stage{height:var(--m-hero-h,64svh)!important;min-height:420px!important}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-hero-copy{padding:34px var(--m-side,16px) 38px!important}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-hero-copy h1{font-size:var(--m-h1,44px)!important}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-hero-copy h1>span{font-size:calc(var(--m-h2,32px) * .82)!important}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-hours{grid-template-columns:repeat(2,1fr)!important}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-menu-head{grid-template-columns:1fr!important;gap:18px}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-menu-row{grid-template-columns:30px 1fr!important;gap:8px 12px;padding:18px 0}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-menu-row p{grid-column:2}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-menu-row .tag{grid-column:2;justify-self:start}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-promises{grid-template-columns:1fr!important}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-gallery-grid{grid-template-columns:1fr!important}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-process{display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:5px}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-step{flex:0 0 min(78vw,300px);scroll-snap-align:start}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .appointment-band{margin:0!important;padding:32px var(--m-side,16px)!important;grid-template-columns:1fr!important;gap:20px}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .appointment-band .btn{width:100%}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-location{gap:12px}
 html[data-public-layout="classic"][data-mobile-site="enabled"] #app .salon-map img{min-height:0!important;aspect-ratio:4/3;object-fit:cover}

 /* Fullscreen Impact -> true mobile stack */
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-home{margin-left:0!important;width:100%!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-hero{height:var(--m-hero-h,64svh)!important;min-height:520px!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-hero-copy{left:var(--m-side,16px)!important;right:var(--m-side,16px)!important;bottom:76px!important;max-width:none!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-hero-copy h1{font-size:var(--m-h1,44px)!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-hero-meta{left:var(--m-side,16px)!important;right:var(--m-side,16px)!important;bottom:22px!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-scroll{display:none!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app :where(.impact-services,.impact-portfolio,.impact-standard,.impact-contact){padding:var(--m-gap,46px) var(--m-side,16px)!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app :where(.impact-services,.impact-standard,.impact-contact){grid-template-columns:1fr!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-service-list button{grid-template-columns:32px 1fr auto!important;min-height:72px}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-portfolio-grid{display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-portfolio-grid article,
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-portfolio-grid article.wide{flex:0 0 82vw;min-height:430px;scroll-snap-align:start}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-standard-grid{grid-template-columns:1fr!important}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-contact-info{margin-top:20px}
 html[data-public-layout="fullscreen-impact"][data-mobile-site="enabled"] #app .impact-footer{margin-left:0!important}

 /* Editorial Magazine */
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-home{width:100%!important;max-width:none!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-cover{display:flex!important;flex-direction:column!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"][data-mobile-hero-order="image-first"] #app .editorial-cover-photo{order:1}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"][data-mobile-hero-order="image-first"] #app .editorial-cover-copy{order:2}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"][data-mobile-hero-order="copy-first"] #app .editorial-cover-copy{order:1}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"][data-mobile-hero-order="copy-first"] #app .editorial-cover-photo{order:2}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-cover-photo{height:var(--m-hero-h,64svh)!important;min-height:420px}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-cover-copy{padding:36px var(--m-side,16px)!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-spread{grid-template-columns:1fr!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-photo-box{min-height:440px}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-copy-box,
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-menu-box{padding:var(--m-gap,46px) var(--m-side,16px)!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-works{grid-template-columns:1fr!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-works-title{padding:var(--m-gap,46px) var(--m-side,16px)!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-works-grid{display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-works-grid article{flex:0 0 82vw;scroll-snap-align:start}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-book{grid-template-columns:1fr!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-book-photo{height:58svh;min-height:400px}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-book>div:last-child{padding:var(--m-gap,46px) var(--m-side,16px)!important}
 html[data-public-layout="editorial-magazine"][data-mobile-site="enabled"] #app .editorial-footer{grid-template-columns:1fr!important;gap:16px;padding:28px var(--m-side,16px)!important}

 /* Minimal Premium */
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-home{width:100%!important}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-hero{grid-template-columns:1fr!important}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"][data-mobile-hero-order="image-first"] #app .minimal-hero-photo{order:1}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"][data-mobile-hero-order="image-first"] #app .minimal-hero-copy{order:2}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"][data-mobile-hero-order="copy-first"] #app .minimal-hero-copy{order:1}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"][data-mobile-hero-order="copy-first"] #app .minimal-hero-photo{order:2}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-hero-photo{height:var(--m-hero-h,64svh)!important;min-height:420px}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-hero-copy{padding:36px var(--m-side,16px)!important}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app :where(.minimal-values,.minimal-services,.minimal-process,.minimal-portfolio,.minimal-booking){padding:var(--m-gap,46px) var(--m-side,16px)!important}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app :where(.minimal-values,.minimal-services,.minimal-booking){grid-template-columns:1fr!important}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-process-grid{display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-process-grid article{flex:0 0 78vw;scroll-snap-align:start}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-portfolio-grid{display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-portfolio-grid article{flex:0 0 82vw;scroll-snap-align:start}
 html[data-public-layout="minimal-premium"][data-mobile-site="enabled"] #app .minimal-footer{grid-template-columns:1fr!important;gap:14px;padding:26px var(--m-side,16px)!important}

 /* Cat Illustration */
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app .cat-home{width:100%!important}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app .cat-hero{grid-template-columns:1fr!important}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"][data-mobile-hero-order="image-first"] #app .cat-hero-photo{order:1}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"][data-mobile-hero-order="image-first"] #app .cat-hero-copy{order:2}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"][data-mobile-hero-order="copy-first"] #app .cat-hero-copy{order:1}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"][data-mobile-hero-order="copy-first"] #app .cat-hero-photo{order:2}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app .cat-hero-photo{height:var(--m-hero-h,64svh)!important;min-height:420px}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app .cat-hero-copy{padding:36px var(--m-side,16px)!important}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app :where(.cat-quick,.cat-menu-panel,.cat-middle-grid,.cat-portfolio,.cat-location-book){padding-left:var(--m-side,16px)!important;padding-right:var(--m-side,16px)!important}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app :where(.cat-quick,.cat-middle-grid,.cat-location-book){grid-template-columns:1fr!important}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app .cat-menu-grid{grid-template-columns:1fr!important}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app .cat-portfolio-grid{display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app .cat-portfolio-grid article{flex:0 0 82vw;scroll-snap-align:start}
 html[data-public-layout="cat-illustration"][data-mobile-site="enabled"] #app .cat-footer{grid-template-columns:1fr!important;gap:14px;padding:26px var(--m-side,16px)!important}

 /* Common subpages: one-hand layout */
 html[data-mobile-site="enabled"] #app :where(
   .case-grid,.review-grid,.price-grid,.care-grid,.health-grid,.faq-grid,.notice-grid,
   .member-grid,.my-grid,.booking-grid,.report-grid,.services-grid,.location-grid
 ){grid-template-columns:1fr!important}
 html[data-mobile-site="enabled"] #app .detail>div:first-child img{height:auto!important;max-height:68svh;object-fit:cover}
 html[data-mobile-site="enabled"] #app .auth-shell{width:calc(100% - 20px)!important;margin:18px auto 36px!important}
 html[data-mobile-site="enabled"] #app .auth-intro{padding:28px 22px!important}
 html[data-mobile-site="enabled"] #app .auth-card{padding:28px 22px!important}
 html[data-mobile-site="enabled"] #app .care-report-paper{border-radius:var(--m-radius,18px)!important;overflow:hidden}
 html[data-mobile-site="enabled"] #app .care-report-checks,
 html[data-mobile-site="enabled"] #app .care-report-notes{grid-template-columns:1fr!important}
 html[data-mobile-site="enabled"] #app .booking-calendar{overflow:hidden}
 html[data-mobile-site="enabled"] #app .booking-days{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}
 html[data-mobile-site="enabled"] #app .booking-day{min-height:58px!important;padding:5px!important}
 html[data-mobile-site="enabled"] #app .time-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}

 /* Mobile portfolio image shape */
 html[data-mobile-image-shape="portrait"] #app :where(
   .salon-feature img,.salon-stack-card img,.impact-portfolio-grid article img,.editorial-works-grid article>img,
   .minimal-portfolio-grid article img,.cat-portfolio-grid article img,.case-card img
 ){aspect-ratio:4/5!important;height:auto!important;object-fit:cover!important}
 html[data-mobile-image-shape="square"] #app :where(
   .salon-feature img,.salon-stack-card img,.impact-portfolio-grid article img,.editorial-works-grid article>img,
   .minimal-portfolio-grid article img,.cat-portfolio-grid article img,.case-card img
 ){aspect-ratio:1!important;height:auto!important;object-fit:cover!important}
 html[data-mobile-image-shape="landscape"] #app :where(
   .salon-feature img,.salon-stack-card img,.impact-portfolio-grid article img,.editorial-works-grid article>img,
   .minimal-portfolio-grid article img,.cat-portfolio-grid article img,.case-card img
 ){aspect-ratio:4/3!important;height:auto!important;object-fit:cover!important}

 /* Compact footer */
 html[data-mobile-compact-footer="on"] #app :where(.salon-footer,.impact-footer,.editorial-footer,.minimal-footer,.cat-footer){
  padding:24px var(--m-side,16px)!important;min-height:0!important;
 }
 html[data-mobile-compact-footer="on"] #app :where(.editorial-footer-links,.minimal-footer-links,.cat-footer-links){display:none!important}
 html[data-mobile-compact-footer="on"] #app .editorial-footer-script{font-size:18px!important}

 /* Motion options */
 html[data-mobile-motion="subtle"] #app :where(
   .salon-main-photo,.impact-hero-photo,.editorial-cover-photo img,.editorial-photo-box img,
   .editorial-works-grid img,.editorial-book-photo img,.minimal-hero-photo img,.cat-hero-photo img
 ){animation-duration:26s!important}
 html[data-mobile-motion="off"] #app :where(
   .salon-main-photo,.impact-hero-photo,.editorial-cover-photo img,.editorial-photo-box img,
   .editorial-works-grid img,.editorial-book-photo img,.minimal-hero-photo img,.cat-hero-photo img
 ){animation:none!important;transform:none!important}

 /* horizontal scrolling ergonomics */
 html[data-mobile-site="enabled"] #app :where(.impact-portfolio-grid,.editorial-works-grid,.minimal-process-grid,.minimal-portfolio-grid,.cat-portfolio-grid,.salon-process){
  scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;
 }
 html[data-mobile-site="enabled"] #app :where(.impact-portfolio-grid,.editorial-works-grid,.minimal-process-grid,.minimal-portfolio-grid,.cat-portfolio-grid,.salon-process)::-webkit-scrollbar{display:none}
}


/* ================================================================
   GOOGLE PLAY PRIVACY + ACCOUNT DELETION V18 — 2026-09-16
   ================================================================ */
.signup-privacy-consent{padding:18px;border:1px solid var(--auth-line,var(--ui-line));border-radius:14px;background:var(--auth-soft,var(--ui-soft))}
.signup-privacy-consent>label{display:flex!important;align-items:flex-start;gap:10px;cursor:pointer}
.signup-privacy-consent input{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:2px 0 0!important}
.signup-privacy-consent span{display:block}.signup-privacy-consent b{display:block;line-height:1.55}.signup-privacy-consent small{display:block;margin-top:5px;line-height:1.55}
.signup-policy-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0 30px}
.signup-policy-links a,.public-legal-links a{font-size:12px;text-decoration:underline;text-underline-offset:3px}
.public-legal-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:12px}
.impact-footer .public-legal-links,.editorial-footer .public-legal-links,.minimal-footer .public-legal-links,.cat-footer .public-legal-links{grid-column:1/-1}
.privacy-my-card p{color:var(--auth-card-muted,var(--ui-muted));line-height:1.7}
.privacy-play-check{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:center}
.privacy-play-check h3{margin:7px 0 10px}.privacy-play-check p{margin:0;color:#756761;line-height:1.7}
.privacy-url-list{display:grid;gap:8px}.privacy-url-list a{display:grid;gap:4px;padding:15px;border:1px solid #e6dbd5;border-radius:12px;background:#fff;color:#332b27;text-decoration:none}
.privacy-url-list a b{font-size:13px}.privacy-url-list a span{font-size:11px;color:#806f67;word-break:break-all}
.privacy-editor-card{display:grid;gap:16px}.privacy-long-field textarea{min-height:145px;line-height:1.7}
.privacy-pending-count{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#382e2a;color:#fff;font-size:12px;vertical-align:middle}
@media(max-width:760px){
 .signup-policy-links{margin-left:0;display:grid}.signup-policy-links a{font-size:13px}
 .public-legal-links{gap:10px}
 .privacy-play-check{grid-template-columns:1fr}
}


/* ================================================================
   SMART BOOKING + STORE MANAGER BRIDGE V19 — 2026-09-17
   ================================================================ */
.store-sync-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.store-sync-head h3{margin:5px 0 0}.booking-simulator-result{margin-top:16px;padding:18px;border:1px solid #eadfd8;border-radius:14px;background:#fcfaf8;min-height:70px}
.sim-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.sim-summary>div{padding:12px;border-radius:10px;background:#fff;border:1px solid #eadfd8}.sim-summary small,.sim-summary b{display:block}.sim-summary small{color:#8b7a72;margin-bottom:4px}
.booking-simulator-result h4{margin:16px 0 8px}.sim-row{display:grid;grid-template-columns:72px 110px 1fr;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #eee5df}.sim-source{display:inline-flex;justify-content:center;padding:4px 6px;border-radius:999px;font-size:10px;font-weight:800}.sim-source.store{background:#ece7ff;color:#56459a}.sim-source.website{background:#e9f5ec;color:#357044}.sim-slots{display:flex;gap:8px;flex-wrap:wrap}.sim-slot{padding:8px 11px;border-radius:999px;background:#302a27;color:#fff;font-weight:800}.sim-none{color:#9b514c;font-weight:800}.sim-alert,.sim-sync{margin-top:12px;padding:12px;border-radius:10px;background:#fff0ef;color:#8d413c}.sim-sync{display:flex;justify-content:space-between;gap:12px}.sim-sync.ok{background:#eef8f0;color:#32643d}.booking-sync-state{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:800}.booking-sync-state.ok{background:#e9f5ec;color:#357044}.booking-sync-state.warn{background:#fff0ef;color:#8d413c}.ok-text{color:#357044}.warn-text{color:#9b514c}
@media(max-width:760px){.sim-row{grid-template-columns:70px 1fr}.sim-row span:last-child{grid-column:2}.sim-summary{grid-template-columns:1fr}.store-sync-head{align-items:flex-start;flex-direction:column}}



/* CATNARA MOBILE GROOMING PROCESS ARROWS V2 - compact top controls */
.salon-process-shell{position:relative}
.salon-process-arrow,.salon-process-swipe-hint{display:none}

@media(max-width:820px){
 html[data-mobile-site="enabled"] #app .salon-process-shell{
  position:relative;
  margin-left:-2px;
  margin-right:-2px;
 }
 html[data-mobile-site="enabled"] #app .salon-process-arrow{
  position:absolute;
  top:14px;
  z-index:12;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid rgba(61,49,44,.14);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#3b312e;
  box-shadow:0 5px 14px rgba(43,34,30,.14);
  font-size:22px;
  font-weight:500;
  line-height:1;
  transform:none;
  -webkit-tap-highlight-color:transparent;
  backdrop-filter:blur(8px);
 }
 html[data-mobile-site="enabled"] #app .salon-process-arrow-prev{left:-2px}
 html[data-mobile-site="enabled"] #app .salon-process-arrow-next{right:-2px}
 html[data-mobile-site="enabled"] #app .salon-process-arrow:not(:disabled):active{
  transform:scale(.94);
 }
 html[data-mobile-site="enabled"] #app .salon-process-arrow:disabled,
 html[data-mobile-site="enabled"] #app .salon-process-arrow.is-disabled{
  opacity:.22;
  box-shadow:none;
 }
 html[data-mobile-site="enabled"] #app .salon-process-shell.at-start .salon-process-arrow-next:not(:disabled){
  animation:catnaraProcessArrowNudge 1.6s ease-in-out 2;
 }
 html[data-mobile-site="enabled"] #app .salon-process{
  padding-left:8px!important;
  padding-right:8px!important;
  scroll-padding-left:8px;
  scroll-padding-right:8px;
 }
 html[data-mobile-site="enabled"] #app .salon-process-swipe-hint{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:10px;
  color:#8a7b74;
  font-size:11px;
  font-weight:700;
  letter-spacing:-.01em;
 }
 html[data-mobile-site="enabled"] #app .salon-process-swipe-hint span{
  color:#5f504a;
  font-size:15px;
 }
}
@keyframes catnaraProcessArrowNudge{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(3px)}
}
@media(prefers-reduced-motion:reduce){
 html[data-mobile-site="enabled"] #app .salon-process-shell.at-start .salon-process-arrow-next:not(:disabled){animation:none}
 html[data-mobile-site="enabled"] #app .salon-process{scroll-behavior:auto}
}