/* Gold Sylone V81 — Premium mobile experience inspired by modern salon apps.
   Additive layer only: desktop/CRM/Admin logic remains unchanged. */
:root{--gs81-ink:#171411;--gs81-gold:#bf8a2b;--gs81-gold2:#e0b95f;--gs81-cream:#fbf5ea;--gs81-soft:#f5f3f6;--gs81-line:#e8e1d8;--gs81-card:#fff;--gs81-danger:#b74b4b;--gs81-shadow:0 16px 40px rgba(40,29,17,.09)}
.gs81-mobile-search-wrap{display:none}.gs81-legal-modal,.gs81-switch-loader{display:none}

@media(max-width:760px){
  html{scroll-padding-top:132px}
  body.public-app{background:#f7f6f8;color:var(--gs81-ink)}
  body.public-app .site-header{position:sticky!important;top:0!important;z-index:1600!important;background:rgba(255,255,255,.985)!important;border-bottom:0!important;box-shadow:none!important}
  body.public-app .header-inner{min-height:66px!important;padding:8px 14px!important}
  body.public-app .brand-logo{width:42px!important;height:42px!important}
  body.public-app .brand-text .brand-name{font-size:14px!important}.brand-text .brand-tag{font-size:7px!important}
  body.public-app .branch-chip{height:40px!important;border-radius:14px!important;padding:6px 8px!important}
  body.public-app .header-actions{gap:7px!important}

  .gs81-mobile-search-wrap{display:block;position:sticky;top:66px;z-index:1550;background:#fff;padding:6px 14px 11px;border-bottom:1px solid #eee8df}
  .gs81-mobile-search{height:48px;border:1px solid #d8d3cd;border-radius:17px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 14px;color:#706c67;text-decoration:none;box-shadow:0 4px 18px rgba(34,27,20,.03)}
  .gs81-mobile-search svg{width:19px;height:19px;fill:none;stroke:#5e5a55;stroke-width:2;flex:0 0 auto}.gs81-mobile-search span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.gs81-no-sticky-search .gs81-mobile-search-wrap{display:none}
  body.gs81-no-sticky-search{--gs81-mobile-head:66px}

  /* Mobile navigation as premium account/menu sheet */
  .mobile-nav-panel{background:#f4f3f6!important;padding:16px!important;width:min(420px,calc(100vw - 10px))!important;border-radius:28px 0 0 28px!important;overflow-y:auto!important}
  .mobile-nav-head{padding:2px 2px 10px!important}.mobile-nav-brand img{background:#fff!important;border:1px solid #e9e1d7!important}
  .mobile-location-card{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:20px!important;padding:14px!important}
  .mobile-customer-card-v43{background:#fff!important;color:#191612!important;border-radius:22px!important;border:0!important;box-shadow:none!important;padding:16px!important;margin:14px 0!important}
  .mobile-customer-icon-v43{background:#fbf4e7!important;color:#9b6d23!important;width:48px!important;height:48px!important;border-radius:50%!important}
  .mobile-customer-copy-v43 small{color:#8f867c!important}.mobile-customer-copy-v43 strong{color:#191612!important;font-size:14px!important}.mobile-customer-copy-v43 em{color:#77716a!important}.mobile-customer-action-v43{background:#171411!important;color:#fff!important;border-radius:12px!important}
  .mobile-nav-links{background:#fff;border-radius:22px;padding:6px 14px!important;display:block!important;margin:0 0 14px!important}
  .mobile-nav-links a{min-height:52px!important;border:0!important;border-bottom:1px solid #eeeae5!important;border-radius:0!important;background:transparent!important;padding:0 2px!important;font-size:13px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#24201c!important}
  .mobile-nav-links a:last-child{border-bottom:0!important}.mobile-nav-links a span{width:30px;height:30px;border-radius:50%;background:#fbf7ee;display:grid;place-items:center;color:#8b6427;flex:0 0 auto}.mobile-nav-links a::after{content:'›';margin-left:auto;font-size:24px;color:#716d67;font-weight:300}
  .mobile-nav-actions{background:#fff;border-radius:22px!important;padding:12px!important;gap:8px!important}.mobile-nav-actions .btn{min-height:44px!important;border-radius:13px!important}

  /* Search page */
  .gs81-search-page{max-width:760px;margin:0 auto;padding:12px 14px 110px;background:#fff;min-height:80vh}
  .gs81-search-form{position:sticky;top:126px;z-index:20;background:#fff;padding:3px 0 10px;display:flex;gap:8px}
  .gs81-search-field{flex:1;height:50px;border:1px solid #d8d3cd;border-radius:17px;display:flex;align-items:center;padding:0 13px;gap:9px}.gs81-search-field input{border:0!important;outline:0!important;background:transparent!important;width:100%;font:inherit;font-size:14px;padding:0!important;height:auto!important}.gs81-search-field svg{width:18px;height:18px;fill:none;stroke:#68635e;stroke-width:2}.gs81-search-cancel{border:0;background:#171411;color:#fff;border-radius:14px;padding:0 14px;font-weight:700}
  .gs81-section-title{margin:22px 0 12px;font-size:24px;line-height:1.2;font-weight:800}.gs81-section-sub{margin:-6px 0 14px;color:#7b756f;font-size:11px}
  .gs81-popular-scroll{display:flex;gap:14px;overflow-x:auto;padding:0 1px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.gs81-popular-scroll::-webkit-scrollbar{display:none}
  .gs81-service-card{min-width:218px;width:218px;scroll-snap-align:start}.gs81-service-art{height:176px;border-radius:17px;background:#eee center/cover no-repeat;position:relative;overflow:hidden;border:1px solid #eee9e3}.gs81-service-art::after{content:'';position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.34))}.gs81-service-badge{position:absolute;top:0;left:0;z-index:2;padding:7px 10px;border-radius:0 0 13px 0;background:#171411;color:#fff;font-size:9px;font-weight:700}.gs81-service-add{position:absolute;right:10px;bottom:10px;z-index:3;min-width:82px;height:34px;display:grid;place-items:center;border:1px solid #b78631;border-radius:10px;background:#fff;color:#9a6d22;text-decoration:none;font-size:12px;font-weight:800}.gs81-service-card h3{font-size:15px;line-height:1.32;margin:9px 0 5px;min-height:40px}.gs81-service-meta{font-size:11px;color:#706b65;display:flex;gap:7px;align-items:center}.gs81-service-price{margin-top:5px;font-size:16px;font-weight:800}.gs81-service-price del{font-size:11px;color:#8d8882;font-weight:500;margin-left:5px}.gs81-promo-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 17px;margin:18px 0;border-radius:18px;background:linear-gradient(105deg,#11100f,#3a2d18);color:#fff;overflow:hidden}.gs81-promo-banner strong{font-size:18px;color:#e7bd67}.gs81-promo-banner span{display:block;font-size:10px;color:#eee2cd;margin-top:2px}.gs81-promo-banner a{white-space:nowrap;background:#d6a84f;color:#17130f;text-decoration:none;padding:9px 12px;border-radius:11px;font-size:10px;font-weight:800}
  .gs81-trending{display:flex;flex-wrap:wrap;gap:10px}.gs81-trending a{border:1px solid #cfc9c2;border-radius:11px;padding:9px 12px;color:#28231f;text-decoration:none;background:#fff;font-size:13px}.gs81-trending a::before{content:'↗';color:#918c86;margin-right:6px}
  .gs81-no-results{padding:28px 20px;text-align:center;background:#faf8f5;border-radius:18px;color:#6d675f}

  /* Service cards / transitions */
  .svc42-list article{border-radius:18px!important;background:#fff!important;box-shadow:none!important;border:1px solid #ece7e0!important;padding:12px!important}.svc42-action a{border-radius:10px!important}
  .gs81-switch-loader{position:fixed;inset:0;z-index:99999;background:rgba(255,255,255,.98);align-items:center;justify-content:center;flex-direction:column;gap:18px}.gs81-switch-loader.active{display:flex}.gs81-loader-logo{width:76px;height:76px;border-radius:50%;background:#fff center/contain no-repeat;border:1px solid #ebdfc7;position:relative;box-shadow:0 10px 30px rgba(40,29,17,.08)}.gs81-loader-logo::before,.gs81-loader-logo::after{content:'';position:absolute;border:5px solid transparent;border-top-color:#c89639;border-right-color:#c89639;border-radius:50%;inset:-16px;animation:gs81spin 1s linear infinite}.gs81-loader-logo::after{inset:-29px;border-width:4px;opacity:.35;animation-direction:reverse;animation-duration:1.35s}@keyframes gs81spin{to{transform:rotate(360deg)}}.gs81-switch-loader strong{font-size:19px}.gs81-switch-loader span{font-size:11px;color:#817a72}

  /* Account & login */
  body.customer-portal-page{background:#f4f3f6!important}.customer-portal-page .cp-shell{max-width:720px!important;padding:16px 14px 110px!important}.customer-portal-page .cp-topbar{background:transparent!important;padding:0 0 10px!important;border:0!important;box-shadow:none!important}.customer-portal-page .cp-topbar .cp-kicker{display:none!important}.customer-portal-page .cp-topbar h1{font-size:28px!important;margin:0!important}.customer-portal-page .cp-topbar p{font-size:12px!important;color:#706c66!important;margin-top:6px!important}.customer-portal-page .cp-logout{border-radius:12px!important}
  .cp-auth-card{border:0!important;box-shadow:none!important;background:linear-gradient(180deg,#fff8ef,#fff)!important;border-radius:28px!important;padding:26px 18px 34px!important;min-height:520px}.cp-auth-card::before{content:'';display:block;width:112px;height:72px;margin:2px auto 24px;background:url('/assets/images/academy/logo.png') center/contain no-repeat}.cp-auth-card .cp-form{gap:17px!important}.cp-auth-card .cp-form label{font-size:15px!important;font-weight:700!important}.cp-mobile-input{height:58px!important;border-radius:17px!important}.cp-mobile-input input{font-size:16px!important}.cp-auth-card .cp-primary{min-height:56px!important;border-radius:16px!important;background:#171411!important;color:#fff!important;font-size:15px!important}.cp-auth-card .cp-help{font-size:10px!important;text-align:center;color:#817b74!important}.gs81-auth-legal{text-align:center;margin-top:14px;font-size:10px;color:#77716b}.gs81-auth-legal a{color:#9a6b21;font-weight:700;text-decoration:none}
  .cp-profile-card-v42{background:#fff!important;border:0!important;border-radius:26px!important;box-shadow:none!important;padding:18px!important}.cp-profile-card-v42 .cp-avatar{width:64px!important;height:64px!important;border-radius:50%!important}.cp-edit-profile{border-radius:12px!important;background:#171411!important;color:#fff!important}
  .gs81-account-menu{display:grid;gap:14px;margin:14px 0}.gs81-account-group{background:#fff;border-radius:24px;padding:14px 18px}.gs81-account-group h2{font-size:18px;margin:0 0 8px}.gs81-account-group a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;min-height:58px;color:#221e1a;text-decoration:none;border-bottom:1px solid #eeeae5}.gs81-account-group a:last-child{border-bottom:0}.gs81-account-group i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fbf6ed;color:#966a25;font-style:normal}.gs81-account-group strong{font-size:13px}.gs81-account-group small{display:block;font-size:9.5px;color:#7c766f;margin-top:2px}.gs81-account-group b{font-size:22px;color:#716c65;font-weight:400}
  .cp-stats{border-radius:22px!important;background:#fff!important;border:0!important;box-shadow:none!important}.cp-section{border:0!important;box-shadow:none!important;border-radius:24px!important;background:#fff!important}.cp-menu-list{border-radius:18px!important}
  .gs81-profile-edit{background:#fff!important;border-radius:26px!important;padding:16px!important}.gs81-profile-hero{display:flex;justify-content:center;margin:2px 0 18px}.gs81-profile-photo{width:116px;height:116px;border-radius:50%;background:#f2f1f0 center/cover no-repeat;border:1px solid #dedbd7;position:relative;display:grid;place-items:center;font-size:38px;color:#aaa}.gs81-profile-camera{position:absolute;right:2px;bottom:6px;width:34px;height:34px;border-radius:50%;background:#fff0df;color:#99681f;display:grid;place-items:center;border:1px solid #f0dfc6}.gs81-profile-edit .cp-grid-form{grid-template-columns:1fr!important}.gs81-profile-edit .cp-grid-form label{font-size:13px!important}.gs81-profile-edit input,.gs81-profile-edit textarea{border-radius:14px!important;min-height:52px!important}.gs81-segment-label{display:block!important}.gs81-segment{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.gs81-segment label{position:relative;display:block!important}.gs81-segment input{position:absolute;opacity:0;pointer-events:none}.gs81-segment span{height:48px;border:1px solid #d7d1ca;border-radius:14px;display:grid;place-items:center;background:#fff;color:#625d57;font-weight:700}.gs81-segment input:checked+span{border-color:#b7832b;background:#fff7e9;color:#9a691c;box-shadow:inset 0 0 0 1px #b7832b}.gs81-phone-readonly{background:#f7f5f2!important;color:#716b65!important}

  /* Membership */
  body.membership-v81{background:#0f0f10!important;color:#fff!important}.membership-v81 .gs81-mobile-search-wrap{display:none!important}.membership-v81 .site-header{background:#0f0f10!important;border-bottom:1px solid #2b2926!important}.membership-v81 .brand-text,.membership-v81 .brand-name,.membership-v81 .brand-tag{color:#fff!important}.membership-v81 .branch-chip{background:#1d1b19!important;color:#fff!important;border-color:#38332d!important}.membership-v81 .hamburger span{background:#fff!important}.membership-v81 .mobile-bottom-nav{background:#121212!important;border-top-color:#302d29!important}.membership-v81 .mobile-bottom-nav a{color:#a9a49e!important}.membership-v81 .mobile-bottom-nav a.active{color:#dfb45c!important}
  .gs81-membership{max-width:760px;margin:0 auto;padding:16px 14px 120px;color:#fff}.gs81-member-logo{text-align:center;padding:18px 0 8px}.gs81-member-logo img{width:118px;filter:drop-shadow(0 6px 18px rgba(221,179,88,.18))}.gs81-member-logo h1{font-family:'Playfair Display',serif;font-size:42px;line-height:1;margin:8px 0 4px;color:#e0b253}.gs81-member-logo p{margin:0;color:#e5d6b6;font-size:13px}.gs81-member-value{text-align:center;font-size:24px;font-weight:800;margin:18px 0 26px}.gs81-member-value span{color:#e0ad4f}.gs81-member-title{display:flex;align-items:center;gap:10px;justify-content:center;margin:26px 0 15px;color:#e1ad4d;font-size:18px;font-weight:800}.gs81-member-title::before,.gs81-member-title::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#6d5428)}.gs81-member-title::after{background:linear-gradient(90deg,#6d5428,transparent)}
  .gs81-plan{background:linear-gradient(145deg,#2b2928,#1e1d1c);border:1px solid #54452d;border-radius:25px;padding:20px;margin-bottom:16px;position:relative;overflow:hidden}.gs81-plan.featured{box-shadow:0 0 0 1px #a67a32,0 18px 40px rgba(0,0,0,.25)}.gs81-plan-badge{position:absolute;right:14px;top:14px;border-radius:999px;background:#e1b35b;color:#17120d;font-size:9px;font-weight:900;padding:6px 9px}.gs81-plan h2{font-size:24px;margin:0 80px 4px 0}.gs81-plan .gs81-plan-price{font-size:34px;color:#e0ae50;font-weight:900;margin:12px 0 8px}.gs81-plan .gs81-plan-price small{font-size:11px;color:#bdb7ae;font-weight:500}.gs81-plan-meta{display:flex;gap:8px;flex-wrap:wrap}.gs81-plan-meta span{background:#393633;border:1px solid #5a5145;border-radius:10px;padding:7px 9px;font-size:10px;color:#eee5d7}.gs81-plan ul{list-style:none;padding:0;margin:16px 0}.gs81-plan li{padding:9px 0 9px 25px;border-bottom:1px solid #3a3836;position:relative;font-size:12px;color:#eee}.gs81-plan li::before{content:'✦';position:absolute;left:0;color:#e0ad4f}.gs81-plan-cta{display:block;text-align:center;text-decoration:none;padding:14px;border-radius:14px;background:linear-gradient(135deg,#d9aa4c,#f0cf83);color:#17120d;font-weight:900}.gs81-member-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gs81-member-benefits>div{background:#252322;border:1px solid #3e3a36;border-radius:18px;padding:16px}.gs81-member-benefits strong{display:block;color:#e0ad4f;font-size:18px}.gs81-member-benefits small{color:#c7c1b9;font-size:10px;line-height:1.5}.gs81-faq{background:#1e1e1e;border-radius:24px;padding:8px 18px}.gs81-faq details{border-bottom:1px solid #343434;padding:0}.gs81-faq details:last-child{border-bottom:0}.gs81-faq summary{list-style:none;padding:16px 0;font-size:13px;font-weight:600;cursor:pointer;position:relative;padding-right:28px}.gs81-faq summary::-webkit-details-marker{display:none}.gs81-faq summary::after{content:'⌄';position:absolute;right:2px;font-size:20px;color:#ddd}.gs81-faq details[open] summary::after{content:'⌃'}.gs81-faq p{margin:-5px 0 14px;color:#beb9b2;font-size:11px;line-height:1.65}.gs81-membership-terms{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-radius:20px;background:#1e1e1e;color:#fff;text-decoration:none;margin-top:18px;font-weight:700}.gs81-member-sticky{position:fixed;left:14px;right:14px;bottom:76px;z-index:1400;max-width:732px;margin:auto;background:linear-gradient(135deg,#926111,#d8ad55);color:#16110c;border-radius:17px;text-decoration:none;padding:13px 18px;text-align:center;font-weight:900;box-shadow:0 12px 32px rgba(0,0,0,.35)}.gs81-member-sticky small{display:block;font-size:9px;font-weight:500;margin-top:2px}

  /* Support */
  .gs81-support{padding:12px 14px 110px;max-width:720px;margin:auto}.gs81-support-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.gs81-support-head h1{font-size:25px;margin:0}.gs81-support-head a{border:1px solid #b88933;color:#8f6424;padding:10px 12px;border-radius:12px;text-decoration:none;font-size:11px;font-weight:800}.gs81-support-card{background:#fff;border-radius:24px;padding:16px 18px}.gs81-support-card h2{font-size:20px;margin:0 0 10px}.gs81-support-card details{border-bottom:1px solid #eee9e3}.gs81-support-card details:last-child{border-bottom:0}.gs81-support-card summary{list-style:none;position:relative;padding:17px 30px 17px 0;font-size:13px}.gs81-support-card summary::-webkit-details-marker{display:none}.gs81-support-card summary::after{content:'›';position:absolute;right:0;font-size:22px;color:#6f6962}.gs81-support-card details[open] summary::after{transform:rotate(90deg)}.gs81-support-card p{font-size:11px;color:#746e67;line-height:1.65;margin:-6px 0 16px}

  /* In-page legal viewer */
  .gs81-legal-modal.active{display:block;position:fixed;inset:0;z-index:100000;background:#fff}.gs81-legal-bar{height:58px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #ece7e1;background:#fff}.gs81-legal-close{width:38px;height:38px;border:0;border-radius:50%;background:#f4f1ed;font-size:24px}.gs81-legal-title{font-size:15px;font-weight:800}.gs81-legal-frame{width:100%;height:calc(100% - 58px);border:0;background:#fff}
}
@media(max-width:760px){
  body.customer-portal-page .cta-strip,body.customer-portal-page .site-footer,
  body.membership-v81 .cta-strip,body.membership-v81 .site-footer,
  body.gs81-search-body .cta-strip,body.gs81-search-body .site-footer,
  body.gs81-no-sticky-search .cta-strip{display:none!important}
  body.customer-portal-page .whatsapp-float,body.membership-v81 .whatsapp-float,body.gs81-search-body .whatsapp-float{display:none!important}
  .gs81-mobile-info-links{margin-top:14px!important}
}
@media(max-width:760px){
  body.customer-portal-page .site-header,
  body.membership-v81 .site-header,
  body.gs81-search-body .site-header,
  body.gs81-no-sticky-search .site-header{display:none!important}
  .gs81-search-form{top:0!important;padding-top:10px!important}
  .gs81-search-back{width:44px;height:50px;border:0;background:#fff;border-radius:14px;font-size:34px;line-height:1;color:#292521;flex:0 0 44px}
  .gs81-page-back{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1c1b1a;color:#fff;text-decoration:none;font-size:28px;margin:2px 0 6px;border:1px solid #38332d}
  body.customer-portal-page .cp-shell{padding-top:18px!important}
}
@media(max-width:760px){.gs81-support-back{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#171411;text-decoration:none;font-size:28px;margin:0 0 8px}.gs81-support{padding-top:14px!important}}
@media(max-width:760px){
  body.gs81-embed-legal .site-header,body.gs81-embed-legal .mobile-bottom-nav,body.gs81-embed-legal .cta-strip,body.gs81-embed-legal .site-footer,body.gs81-embed-legal .whatsapp-float{display:none!important}
  body.gs81-embed-legal .page-header{padding:20px 0 10px!important;background:#fff!important}
  body.gs81-embed-legal .page-header h1{font-size:24px!important}
  body.gs81-embed-legal .section{padding:12px 0 30px!important}
  body.gs81-embed-legal .legal-content{font-size:12px!important;line-height:1.7!important;padding:0 18px!important}
}