/* A compact, practical shortcut between a business website and its matching app. */
.experience-switcher{position:fixed;z-index:9000;left:20px;bottom:22px;width:min(236px,calc(100% - 40px));padding:11px 35px 11px 13px;border:1px solid rgba(225,191,119,.42);border-radius:12px 12px 12px 3px;background-color:#0b0e11;background-size:cover;background-position:center;color:#f7ede0;box-shadow:0 14px 34px rgba(0,0,0,.4),inset 0 1px rgba(255,237,201,.1);opacity:0;pointer-events:none;transform:translateX(-16px);transition:opacity .32s ease,transform .38s cubic-bezier(.2,.85,.25,1)}
.experience-switcher:before{content:'';position:absolute;inset:5px;border:1px solid rgba(229,195,126,.13);border-radius:8px 8px 8px 2px;pointer-events:none}.experience-switcher.theme-restaurant{background-image:linear-gradient(132deg,rgba(54,16,22,.94),rgba(19,7,10,.97)),url('assets/brand/card-restaurant-v3.png')}.experience-switcher.theme-barber{border-color:rgba(215,221,226,.4);background-image:linear-gradient(132deg,rgba(9,12,15,.91),rgba(15,20,24,.96)),url('assets/brand/card-barber-v3.png')}.experience-switcher.theme-automotive{border-color:rgba(166,205,241,.42);background-image:linear-gradient(132deg,rgba(8,17,33,.92),rgba(6,10,20,.97)),url('assets/brand/card-automotive-v2.png')}.experience-switcher.theme-fitness{border-color:rgba(141,221,192,.42);background-image:linear-gradient(132deg,rgba(8,32,28,.93),rgba(8,17,20,.97)),url('assets/brand/card-fitness-v3.png')}.experience-switcher.theme-hotel{border-color:rgba(228,196,128,.46);background-image:linear-gradient(132deg,rgba(43,30,18,.93),rgba(15,12,10,.97)),url('assets/brand/card-hotel-v3.png')}.experience-switcher.theme-cleaning{border-color:rgba(180,212,209,.43);background-image:linear-gradient(132deg,rgba(14,39,42,.93),rgba(8,17,19,.97)),url('assets/brand/card-cleaning-v3.png')}
.experience-switcher.is-visible{opacity:1;pointer-events:auto;transform:translateX(0)}.experience-switcher-close{position:absolute;z-index:1;right:7px;top:7px;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:#d6c9b8;font:400 17px/1 Arial,sans-serif;cursor:pointer}.experience-switcher-close:hover{background:rgba(255,255,255,.08);color:#fff}.experience-switcher-kicker{position:relative;margin:1px 0 4px;color:#e3c37c;font:700 7px/1 "DM Sans",Arial,sans-serif;letter-spacing:1.35px;text-transform:uppercase}.experience-switcher b{position:relative;display:block;margin:0 0 8px;color:#f8eee1;font:600 14px/1.08 "Cormorant Garamond",Georgia,serif;letter-spacing:-.1px}.experience-switcher a{position:relative;display:inline-flex;align-items:center;gap:6px;color:#efd18d;font:700 8px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:.22px;text-decoration:none}.experience-switcher a:hover{text-decoration:underline}.experience-switcher a span{font:400 14px/1 Arial,sans-serif}.experience-switcher.app-theme .experience-switcher-kicker,.experience-switcher.app-theme a{color:#e7c77e}@media(max-width:620px){.experience-switcher{left:10px;bottom:12px;width:min(234px,calc(100% - 20px));padding-right:34px}}


/* User-approved mobile WEB/APP safe zone: compact, edge aligned, clear of iPhone UI/footer. */
@media(max-width:620px){
  .experience-switcher{
    left:auto!important;right:12px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 84px)!important;
    width:56px!important;min-width:56px!important;height:56px!important;padding:0!important;
    border-radius:16px 16px 5px 16px!important;
    display:grid!important;place-items:center!important;
  }
  .experience-switcher-kicker,.experience-switcher>b{display:none!important}
  .experience-switcher a{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-size:0!important;text-decoration:none!important}
  .experience-switcher a:before{content:'APP';font:700 9px/1 "DM Sans",Arial,sans-serif;letter-spacing:.5px;color:#efd18d}
  .experience-switcher.app-theme a:before{content:'WEB'}
  .experience-switcher a span{display:none!important}
  .experience-switcher-close{right:4px!important;top:4px!important;width:18px!important;height:18px!important;font-size:14px!important}
}

/* SRB clean mobile WEB/APP shortcut — final shared fix */
@media (max-width:760px){
  .experience-switcher{
    left:auto!important;
    right:12px!important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 126px)!important;
    width:76px!important;
    min-width:76px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid rgba(226,190,111,.58)!important;
    border-radius:999px!important;
    background:#101113!important;
    background-image:none!important;
    color:#f5e8ca!important;
    box-shadow:0 10px 26px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.07)!important;
    overflow:hidden!important;
    transform:translateY(8px)!important;
  }
  .experience-switcher.is-visible{transform:translateY(0)!important}
  .experience-switcher:before{display:none!important}
  .experience-switcher-kicker,
  .experience-switcher>b,
  .experience-switcher-close{display:none!important}
  .experience-switcher a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    font-size:0!important;
    line-height:1!important;
    text-decoration:none!important;
    color:#efd18d!important;
  }
  .experience-switcher a:before{
    content:'APP'!important;
    font:700 11px/1 "DM Sans",Arial,sans-serif!important;
    letter-spacing:.8px!important;
    color:#efd18d!important;
  }
  .experience-switcher.app-theme a:before{content:'WEB'!important}
  .experience-switcher a:after{
    content:'';
    display:block;
    width:12px;
    height:12px;
    background-image:
      linear-gradient(45deg,transparent 46%,currentColor 47%,currentColor 54%,transparent 55%),
      linear-gradient(90deg,currentColor,currentColor),
      linear-gradient(0deg,currentColor,currentColor);
    background-size:10px 10px,6px 1px,1px 6px;
    background-position:center,calc(50% + 3px) calc(50% - 4px),calc(50% + 5px) calc(50% - 1px);
    background-repeat:no-repeat;
    color:#efd18d;
    opacity:.9;
  }
  .experience-switcher a span{display:none!important}
}

/* Premium mobile WEB/APP switcher — matched to each demo brand */
@media (max-width:760px){
  .experience-switcher{
    --switch-accent:#d9b36a;
    --switch-bg-1:#17110f;
    --switch-bg-2:#080808;
    right:14px!important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 128px)!important;
    width:96px!important;
    min-width:96px!important;
    height:48px!important;
    border:1px solid color-mix(in srgb,var(--switch-accent) 72%,transparent)!important;
    border-radius:999px!important;
    background:linear-gradient(145deg,var(--switch-bg-1),var(--switch-bg-2))!important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.34),
      0 4px 12px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 0 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(12px) saturate(1.15);
    -webkit-backdrop-filter:blur(12px) saturate(1.15);
  }
  .experience-switcher.theme-restaurant{--switch-accent:#d5ad68;--switch-bg-1:#35131a;--switch-bg-2:#12080a}
  .experience-switcher.theme-barber{--switch-accent:#c8a56b;--switch-bg-1:#181513;--switch-bg-2:#080808}
  .experience-switcher.theme-automotive{--switch-accent:#8eb3d6;--switch-bg-1:#0d1724;--switch-bg-2:#070a0f}
  .experience-switcher.theme-fitness{--switch-accent:#78bba7;--switch-bg-1:#10241f;--switch-bg-2:#07100e}
  .experience-switcher.theme-hotel{--switch-accent:#d2b270;--switch-bg-1:#2a2117;--switch-bg-2:#0d0a07}
  .experience-switcher.theme-cleaning{--switch-accent:#91bebb;--switch-bg-1:#122426;--switch-bg-2:#081011}
  .experience-switcher:after{
    content:'';
    position:absolute;
    inset:3px;
    border-radius:999px;
    border:1px solid color-mix(in srgb,var(--switch-accent) 18%,transparent);
    pointer-events:none;
  }
  .experience-switcher a{
    justify-content:flex-start!important;
    gap:0!important;
    padding:0 7px 0 17px!important;
    color:#f4e8cf!important;
  }
  .experience-switcher a:before{
    content:'APP'!important;
    margin-right:auto!important;
    font:600 12px/1.05 Georgia,"Times New Roman",serif!important;
    letter-spacing:1.5px!important;
    color:#f1ddbb!important;
    text-shadow:0 1px 8px rgba(0,0,0,.3);
  }
  .experience-switcher.app-theme a:before{content:'WEB'!important}
  .experience-switcher a:after{
    content:''!important;
    width:31px!important;
    height:31px!important;
    display:block!important;
    flex:0 0 31px!important;
    border:1px solid color-mix(in srgb,var(--switch-accent) 58%,transparent)!important;
    border-radius:50%!important;
    background-color:color-mix(in srgb,var(--switch-accent) 8%,rgba(255,255,255,.018))!important;
    background-image:
      linear-gradient(45deg,transparent 46%,var(--switch-accent) 47%,var(--switch-accent) 53%,transparent 54%),
      linear-gradient(90deg,var(--switch-accent),var(--switch-accent)),
      linear-gradient(0deg,var(--switch-accent),var(--switch-accent))!important;
    background-size:13px 13px,7px 1.5px,1.5px 7px!important;
    background-position:center,calc(50% + 4px) calc(50% - 5px),calc(50% + 7px) calc(50% - 2px)!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
    transform:none!important;
    box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 0 1px rgba(0,0,0,.12)!important;
  }
  .experience-switcher:active{transform:translateY(1px) scale(.985)!important}
}