#customerAreaPage,
#customerFavouritesPage{
  min-height:calc(100vh - 72px);
  background:
    radial-gradient(circle at 8% 3%,rgba(212,235,245,.58),transparent 27rem),
    linear-gradient(180deg,#f7fafc 0,#f1f6f8 100%);
}

/* Bookluit customer app — 2026 visual system */
body.portal-customer{
  --customer-navy:#102d43;
  --customer-navy-soft:#183f58;
  --customer-coral:#ff725c;
  --customer-mint:#48b9a4;
  --customer-canvas:#f3f6f7;
  --customer-surface:#fff;
  background:var(--customer-canvas);
  color:#142d40;
}

body.portal-customer .portal-mode-badge{
  display:none!important;
}

body.portal-customer .top{
  z-index:70;
  height:76px;
  border:0;
  border-bottom:1px solid rgba(21,50,69,.08);
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 34px rgba(20,45,64,.06);
  backdrop-filter:blur(22px) saturate(150%);
}

body.portal-customer .top .logo{
  color:#102d43;
  font-size:27px;
  font-weight:900;
  letter-spacing:-1.7px;
}

body.portal-customer .top nav{
  gap:7px;
}

body.portal-customer .top .nav,
body.portal-customer .customer-desktop-link{
  min-height:42px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:999px;
  color:#526b7b;
  font-size:13px;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

body.portal-customer .top .nav:hover,
body.portal-customer .customer-desktop-link:hover{
  border-color:#e2eaed;
  background:#fff;
  color:#12334a;
  transform:translateY(-1px);
}

body.portal-customer .top .nav.active{
  border-color:#dceae7;
  background:#eaf7f3;
  color:#147668;
  box-shadow:none;
}

body.portal-customer .top .primary,
body.portal-customer .portal-switch{
  min-height:43px;
  padding:0 17px;
  border:0;
  border-radius:999px;
  background:#102f46;
  color:#fff;
  box-shadow:0 9px 20px rgba(16,47,70,.18);
  font-size:13px;
  font-weight:850;
}

body.portal-customer .portal-switch{
  background:#edf3f4;
  color:#26495e;
  box-shadow:none;
}

body.portal-customer .primary{
  min-height:48px;
  padding:0 21px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#ff806b,#f15f4a);
  box-shadow:0 12px 27px rgba(241,95,74,.25);
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

body.portal-customer .primary:hover{
  filter:saturate(1.05);
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(241,95,74,.31);
}

body.portal-customer button:focus-visible,
body.portal-customer a:focus-visible,
body.portal-customer input:focus-visible{
  outline:3px solid rgba(72,185,164,.32);
  outline-offset:3px;
}

body.portal-customer #explore{
  background:var(--customer-canvas);
}

body.portal-customer #explore .hero{
  padding:34px 24px 28px;
  background:transparent;
}

body.portal-customer #explore .hero .wrap{
  position:relative;
  isolation:isolate;
  max-width:1180px;
  min-height:410px;
  padding:66px clamp(28px,6vw,76px);
  overflow:hidden;
  border-radius:38px;
  background:
    radial-gradient(circle at 82% 10%,rgba(100,204,184,.32),transparent 31%),
    radial-gradient(circle at 94% 90%,rgba(255,128,107,.3),transparent 28%),
    linear-gradient(135deg,#0d293e 0%,#173e56 62%,#245c67 100%);
  box-shadow:0 30px 70px rgba(17,45,64,.18);
}

body.portal-customer #explore .hero .wrap:before,
body.portal-customer #explore .hero .wrap:after{
  position:absolute;
  z-index:-1;
  content:"";
  pointer-events:none;
}

body.portal-customer #explore .hero .wrap:before{
  top:-88px;
  right:7%;
  width:270px;
  height:270px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 44px rgba(255,255,255,.035),0 0 0 88px rgba(255,255,255,.022);
}

body.portal-customer #explore .hero .wrap:after{
  right:clamp(24px,7vw,90px);
  bottom:37px;
  width:88px;
  height:12px;
  border-radius:99px;
  background:linear-gradient(90deg,#55c5b0,#ff806b);
  box-shadow:0 0 34px rgba(93,209,187,.4);
  transform:rotate(-18deg);
}

body.portal-customer #explore .hero .eyebrow{
  color:#86e0cd;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.9px;
}

body.portal-customer #explore .hero h1{
  max-width:750px;
  margin:15px 0 18px;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:"DM Sans",Inter,Arial,sans-serif;
  font-size:clamp(42px,6.4vw,74px);
  font-weight:900;
  line-height:.98;
  letter-spacing:-.065em;
  opacity:1!important;
  text-shadow:0 5px 25px rgba(3,18,29,.24);
  visibility:visible!important;
}

body.portal-customer #explore .hero .muted{
  max-width:660px;
  color:rgba(234,244,247,.76);
  font-size:16px;
  font-weight:600;
}

body.portal-customer #explore .search{
  grid-template-columns:minmax(0,1fr) auto;
  max-width:720px;
  margin-top:31px;
  padding:7px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 19px 45px rgba(5,21,34,.27);
}

body.portal-customer #explore .search input{
  min-height:51px;
  padding:0 20px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#17384e;
  font-size:15px;
  font-weight:750;
}

body.portal-customer #explore .search input:focus{
  outline:0;
  box-shadow:none;
}

body.portal-customer #explore .search .primary{
  min-width:126px;
  min-height:51px;
}

body.portal-customer #categorySelect{
  display:none!important;
}

body.portal-customer #explore .world-filter{
  display:grid;
  grid-template-columns:1fr 1fr;
  max-width:720px;
  margin-top:12px;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  backdrop-filter:blur(15px);
}

body.portal-customer #explore .world-filter .country-label{
  grid-column:1/-1;
  color:rgba(255,255,255,.68)!important;
  font-size:11px!important;
}

body.portal-customer #explore .world-filter .country-label b{
  color:#fff!important;
  font-size:12px!important;
}

body.portal-customer #explore .world-filter input,
body.portal-customer #explore .world-filter select{
  min-height:45px;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.94)!important;
  color:#193a50!important;
}

body.portal-customer #categoryShowcase.bookluit-category-showcase{
  max-width:1180px;
  height:auto!important;
  max-height:none!important;
  padding:42px 24px 10px;
  overflow:visible!important;
}

body.portal-customer #categoryShowcase.bookluit-category-showcase.search-hidden{
  max-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:hidden!important;
}

body.portal-customer #categoryShowcase .category-head{
  align-items:center;
  margin-bottom:19px;
}

body.portal-customer #categoryShowcase .category-head h2{
  margin:6px 0 3px;
  color:#112f44;
  font-size:clamp(29px,4vw,40px);
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
}

body.portal-customer #categoryShowcase .category-headline-note{
  display:block;
  margin-top:8px;
  color:#708390;
  font-size:13px;
  font-weight:650;
}

body.portal-customer #categoryShowcase .category-head .link{
  min-height:42px;
  margin:0;
  padding:0 16px;
  border:1px solid #dfe8e9;
  border-radius:999px;
  background:#fff;
  color:#254b60;
  box-shadow:0 8px 18px rgba(23,53,74,.06);
}

body.portal-customer #categoryShowcase .category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-height:255px;
  gap:14px;
  align-items:stretch;
  overflow:visible;
}

body.portal-customer #categoryShowcase .cat-tile{
  box-sizing:border-box;
  height:255px;
  min-height:255px;
  max-height:none;
  padding:19px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:29px;
  background-color:#173d58;
  background-position:center;
  background-size:cover;
  box-shadow:0 18px 38px rgba(21,49,68,.13);
  transform:none;
  animation:bookluitCategoryIn .48s calc(var(--category-order,0) * 70ms) ease both;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}

body.portal-customer #categoryShowcase .cat-tile.beauty{
  background-image:url("outputs/assets/beauty-salon.png");
}

body.portal-customer #categoryShowcase .cat-tile.meetings{
  background-image:url("outputs/assets/meeting-office.png");
}

body.portal-customer #categoryShowcase .cat-tile.events{
  background-image:url("outputs/assets/event-venue.png");
}

body.portal-customer #categoryShowcase .cat-tile.restaurants{
  background-image:url("outputs/assets/restaurant-booking-hero.png");
}

body.portal-customer #categoryShowcase .cat-tile:before{
  background:linear-gradient(180deg,rgba(8,22,34,.05) 22%,rgba(8,25,38,.85) 100%);
}

body.portal-customer #categoryShowcase .cat-tile:after{
  content:none!important;
}

body.portal-customer #categoryShowcase .cat-tile:hover{
  filter:saturate(1.04);
  transform:translateY(-6px);
  box-shadow:0 26px 48px rgba(21,49,68,.2);
}

body.portal-customer #categoryShowcase .cat-tile.is-selected{
  box-shadow:0 0 0 4px rgba(255,114,92,.28),0 24px 46px rgba(21,49,68,.2);
}

body.portal-customer #categoryShowcase .cat-tile b{
  right:56px;
  bottom:48px;
  left:19px;
  color:#fff;
  font-size:22px;
  font-weight:950;
  line-height:1.04;
  letter-spacing:-.04em;
}

body.portal-customer #categoryShowcase .cat-tile span{
  right:18px;
  bottom:20px;
  left:19px;
  overflow:hidden;
  color:rgba(255,255,255,.75);
  font-size:10px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.portal-customer #categoryShowcase .category-card-arrow{
  position:absolute;
  top:16px;
  right:16px;
  z-index:2;
  display:grid;
  width:39px;
  height:39px;
  place-items:center;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:19px;
  font-style:normal;
  backdrop-filter:blur(12px);
  transition:background .2s ease,transform .2s ease;
}

body.portal-customer #categoryShowcase .cat-tile:hover .category-card-arrow{
  background:#fff;
  color:#15384e;
  transform:rotate(-38deg);
}

@keyframes bookluitCategoryIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}

.bookluit-category-backdrop{
  position:fixed;
  inset:0;
  z-index:109;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(7,23,34,.48);
  opacity:0;
  backdrop-filter:blur(8px);
  transition:opacity .22s ease;
}

.bookluit-category-backdrop.show{
  opacity:1;
}

body.bookluit-category-open{
  overflow:hidden;
}

body.portal-customer #exploreSubcategorySection.explore-subcategory-section.show{
  position:fixed!important;
  z-index:110!important;
  top:auto!important;
  right:auto!important;
  bottom:22px!important;
  left:50%!important;
  display:block!important;
  width:min(1040px,calc(100vw - 32px))!important;
  max-width:none!important;
  max-height:calc(100dvh - 44px)!important;
  margin:0!important;
  padding:27px!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:32px!important;
  background:#f7f9fa!important;
  box-shadow:0 35px 100px rgba(8,27,40,.34)!important;
  backdrop-filter:blur(24px)!important;
  animation:bookluitSheetIn .34s cubic-bezier(.2,.8,.2,1) both!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-heading{
  position:sticky;
  z-index:8;
  top:-27px;
  align-items:center!important;
  margin:-27px -27px 21px!important;
  padding:25px 27px 18px;
  border-bottom:1px solid #e5ebed;
  background:rgba(247,249,250,.94);
  backdrop-filter:blur(18px);
}

body.portal-customer #exploreSubcategorySection .subcategory-heading h2{
  margin:4px 0!important;
  color:#102f45!important;
  font-size:clamp(27px,4vw,38px)!important;
  font-weight:950!important;
  letter-spacing:-.05em!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-heading span{
  color:#738691!important;
  font-size:12px!important;
  font-weight:650;
}

body.portal-customer #exploreSubcategorySection .subcategory-heading>button{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border:1px solid #dce5e7!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#16384d!important;
  box-shadow:0 7px 17px rgba(20,50,69,.08)!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  padding:0!important;
  overflow:visible!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice{
  position:relative!important;
  display:block!important;
  min-height:188px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e0e8ea!important;
  border-radius:22px!important;
  background:#fff!important;
  background-image:none!important;
  color:#183a50!important;
  box-shadow:0 10px 26px rgba(22,54,74,.08)!important;
  transform:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

body.portal-customer #exploreSubcategorySection[data-category="beauty"] .subcategory-choice{
  --subcategory-art:url("outputs/assets/subcategory-beauty-sprite.png");
}

body.portal-customer #exploreSubcategorySection[data-category="meeting"] .subcategory-choice{
  --subcategory-art:url("outputs/assets/subcategory-meeting-sprite.png");
}

body.portal-customer #exploreSubcategorySection[data-category="venue"] .subcategory-choice{
  --subcategory-art:url("outputs/assets/subcategory-venue-sprite.png");
}

body.portal-customer #exploreSubcategorySection[data-category="restaurant"] .subcategory-choice{
  --subcategory-art:url("outputs/assets/subcategory-restaurant-sprite.png");
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:before{
  position:absolute!important;
  z-index:0!important;
  inset:0 0 auto!important;
  width:100%!important;
  height:105px!important;
  border-radius:0!important;
  background-image:linear-gradient(180deg,rgba(10,27,40,.04),rgba(10,27,40,.26)),var(--subcategory-art)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,400% auto!important;
  content:""!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:nth-child(1):before{
  background-position:center,0 20%!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:nth-child(2):before{
  background-position:center,33.333% 20%!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:nth-child(3):before{
  background-position:center,66.666% 20%!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:nth-child(4):before{
  background-position:center,100% 20%!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:nth-child(5):before{
  background-position:center,0 80%!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:nth-child(6):before{
  background-position:center,33.333% 80%!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:nth-child(7):before{
  background-position:center,66.666% 80%!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:nth-child(8):before{
  background-position:center,100% 80%!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice:hover{
  border-color:#a7d8ce!important;
  box-shadow:0 17px 34px rgba(22,54,74,.14)!important;
  transform:translateY(-4px)!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice.active{
  border-color:#ff806b!important;
  box-shadow:0 0 0 3px rgba(255,128,107,.15),0 15px 32px rgba(22,54,74,.12)!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-mark{
  position:absolute!important;
  z-index:3!important;
  top:12px!important;
  left:12px!important;
  display:grid!important;
  width:32px!important;
  height:32px!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.88)!important;
  color:#173b51!important;
  box-shadow:0 5px 13px rgba(10,29,43,.12)!important;
  font-size:11px!important;
  font-weight:950!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice>span:nth-child(2){
  position:absolute!important;
  right:47px!important;
  bottom:14px!important;
  left:15px!important;
  display:grid!important;
  gap:3px!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice b{
  overflow:hidden;
  color:#17384e!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice small{
  overflow:hidden!important;
  color:#748792!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1.3!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.portal-customer #exploreSubcategorySection .subcategory-choice i{
  position:absolute!important;
  z-index:3!important;
  right:13px!important;
  bottom:13px!important;
  display:grid!important;
  width:29px!important;
  height:29px!important;
  place-items:center!important;
  margin:0!important;
  border-radius:50%!important;
  background:#edf5f3!important;
  color:#1b806f!important;
  font-size:13px!important;
}

@keyframes bookluitSheetIn{
  from{opacity:0;transform:translate(-50%,25px) scale(.975)}
  to{opacity:1;transform:translate(-50%,0) scale(1)}
}

body.portal-customer #explore .content{
  max-width:1180px;
  padding:45px 24px 80px;
}

body.portal-customer #explore .content>h2{
  margin:7px 0 21px;
  color:#123249;
  font-size:clamp(29px,4vw,40px);
  font-weight:950;
  letter-spacing:-.045em;
}

body.portal-customer #explore .cards{
  gap:16px;
}

body.portal-customer .explore-filter-bar{
  display:none;
  max-width:1132px;
  margin:27px auto 0;
  padding:10px;
  border:1px solid #dfe8ea;
  border-radius:23px;
  background:rgba(255,255,255,.92);
  box-shadow:0 15px 36px rgba(18,48,67,.08);
  backdrop-filter:blur(18px);
}

body.portal-customer .explore-filter-bar.is-visible{
  display:block;
  animation:bookluitFilterBarIn .24s ease both;
}

@keyframes bookluitFilterBarIn{
  from{opacity:0;transform:translateY(-7px)}
  to{opacity:1;transform:none}
}

body.portal-customer .explore-filter-bar>header{
  display:none;
}

body.portal-customer .explore-filter-controls{
  display:grid;
  grid-template-columns:1fr 1.15fr 1.15fr auto;
  gap:8px;
  align-items:end;
}

body.portal-customer .explore-filter-controls>label{
  display:grid;
  gap:6px;
  min-width:0;
}

body.portal-customer .explore-filter-controls>label>span:first-child{
  padding-left:8px;
  color:#70838e;
  font-size:9px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

body.portal-customer .explore-select-shell{
  position:relative;
  display:block;
}

body.portal-customer .explore-select-shell:after{
  position:absolute;
  top:50%;
  right:14px;
  color:#55717f;
  font-size:13px;
  content:"⌄";
  pointer-events:none;
  transform:translateY(-58%);
}

body.portal-customer .explore-filter-controls select{
  width:100%;
  min-height:48px;
  margin:0;
  padding:0 38px 0 14px;
  border:1px solid #e1e9eb;
  border-radius:15px;
  appearance:none;
  background:#f5f8f8;
  color:#183a50;
  font:800 12px "DM Sans",Arial,sans-serif;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

body.portal-customer .explore-filter-controls select:hover,
body.portal-customer .explore-filter-controls select:focus{
  border-color:#9acfc5;
  outline:0;
  background:#fff;
  box-shadow:0 0 0 4px rgba(72,185,164,.12);
}

body.portal-customer .explore-filter-reset{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:48px;
  padding:0 15px;
  border:1px solid #e2e9eb;
  border-radius:15px;
  background:#fff;
  color:#58707e;
  font-size:11px;
  font-weight:900;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

body.portal-customer .explore-filter-reset:hover{
  border-color:#f2b7ad;
  background:#fff4f1;
  color:#c95643;
}

body.portal-customer .explore-filter-reset i{
  font-size:18px;
  font-style:normal;
  font-weight:500;
  line-height:1;
}

body.portal-customer .explore-filter-loading{
  display:flex;
  grid-column:1/-1;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:180px;
  color:#667c88;
  font-size:13px;
  font-weight:800;
}

body.portal-customer .explore-filter-loading i{
  width:18px;
  height:18px;
  border:2px solid #d5e7e2;
  border-top-color:#258f7e;
  border-radius:50%;
  animation:bookluitFilterSpin .7s linear infinite;
}

@keyframes bookluitFilterSpin{
  to{transform:rotate(360deg)}
}

body.portal-customer .explore-filter-empty{
  display:grid;
  grid-column:1/-1;
  gap:7px;
  justify-items:start;
  padding:31px;
  border:1px dashed #c9dcda;
  border-radius:22px;
  background:#fff;
  color:#6b7e88;
}

body.portal-customer .explore-filter-empty b{
  color:#173a50;
  font-size:18px;
}

body.portal-customer .explore-filter-empty button{
  min-height:39px;
  margin-top:6px;
  padding:0 14px;
  border-radius:999px;
  background:#e9f6f2;
  color:#177869;
  font-weight:900;
}

body.portal-customer .explore-result-card .visual{
  position:relative;
  isolation:isolate;
  background:linear-gradient(135deg,#315864,#80b6a6)!important;
}

body.portal-customer .explore-result-cover{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:cover;
  object-position:center 72%;
}

body.portal-customer .explore-result-card .visual:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(0deg,rgba(8,25,38,.68),rgba(8,25,38,.04) 72%);
  pointer-events:none;
}

body.portal-customer .explore-result-logo{
  position:absolute;
  z-index:2;
  top:15px;
  left:15px;
  width:48px!important;
  height:48px!important;
  border:3px solid rgba(255,255,255,.92);
  border-radius:15px!important;
  object-fit:cover;
  background:#fff;
  box-shadow:0 8px 18px rgba(8,27,40,.2);
}

body.portal-customer .explore-result-card .visual>span{
  position:relative;
  z-index:2;
  color:#fff;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:24px;
  font-weight:950;
  letter-spacing:-.04em;
}

body.portal-customer .explore-result-badges{
  position:absolute;
  z-index:2;
  top:15px;
  right:15px;
  display:flex;
  gap:5px;
  align-items:center;
}

body.portal-customer .explore-result-badges>span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(10,31,45,.55);
  color:#fff;
  font-size:9px;
  font-weight:900;
  backdrop-filter:blur(10px);
}

body.portal-customer .explore-real-rating{
  color:#ffe090!important;
}

body.portal-customer .explore-real-rating small{
  margin-left:3px;
  color:rgba(255,255,255,.68);
  font-size:8px;
}

body.portal-customer .explore-real-deal{
  width:29px;
  justify-content:center;
  padding:0!important;
  background:#ff725c!important;
}

body.portal-customer .explore-result-location{
  margin-bottom:7px;
  color:#25806f;
  font-size:10px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.portal-customer .explore-result-card .copy p{
  display:-webkit-box;
  min-height:41px;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.45;
}

body.portal-customer #explore .card{
  border:1px solid #e1e9eb;
  border-radius:25px;
  background:#fff;
  box-shadow:0 15px 35px rgba(17,48,68,.08);
  transition:transform .22s ease,box-shadow .22s ease;
}

body.portal-customer #explore .card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 44px rgba(17,48,68,.13);
}

body.portal-customer #explore .card .visual{
  height:215px;
  border-radius:24px 24px 0 0;
  background:linear-gradient(135deg,#1a475c,#5aa997);
}

body.portal-customer #explore .card .copy{
  padding:19px;
}

body.portal-customer #explore .card .copy h3{
  color:#15364c;
  font-size:19px;
  font-weight:950;
  letter-spacing:-.02em;
}

body.portal-customer #explore .card .link{
  min-height:40px;
  margin:4px 0 0;
  padding:0 14px;
  border-radius:999px;
  background:#edf7f4;
  color:#187767;
}

@media(max-width:980px){
  body.portal-customer #categoryShowcase .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.portal-customer #categoryShowcase .cat-tile{
    height:230px;
    min-height:230px;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:860px){
  body.portal-customer .top{
    height:68px;
    padding:0 15px;
  }

  body.portal-customer .top .logo{
    margin-right:auto;
    font-size:25px;
  }

  body.portal-customer #explore .hero{
    padding:12px 12px 21px;
  }

  body.portal-customer #explore .hero .wrap{
    min-height:400px;
    padding:51px 22px 28px;
    border-radius:29px;
  }

  body.portal-customer #explore .hero h1{
    max-width:520px;
    font-size:clamp(40px,12vw,59px);
  }

  body.portal-customer #explore .search{
    margin-top:25px;
  }

  body.portal-customer #explore .world-filter{
    grid-template-columns:1fr;
  }

  body.portal-customer #categoryShowcase.bookluit-category-showcase{
    padding:31px 16px 5px;
  }

  body.portal-customer #categoryShowcase .category-grid{
    display:flex;
    min-height:250px;
    gap:12px;
    margin:0 -16px;
    padding:3px 16px 20px;
    overflow-x:auto;
    overflow-y:hidden;
    align-items:stretch;
    scroll-padding:16px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  body.portal-customer #categoryShowcase .category-grid::-webkit-scrollbar{
    display:none;
  }

  body.portal-customer #categoryShowcase .cat-tile{
    flex:0 0 min(78vw,315px);
    height:230px;
    min-height:230px;
    align-self:stretch;
    scroll-snap-align:start;
  }

  body.portal-customer #exploreSubcategorySection.explore-subcategory-section.show{
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    max-height:84dvh!important;
    padding:20px 16px calc(20px + env(safe-area-inset-bottom))!important;
    border-radius:29px 29px 0 0!important;
    animation:bookluitMobileSheetIn .34s cubic-bezier(.2,.8,.2,1) both!important;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-heading{
    top:-20px;
    margin:-20px -16px 17px!important;
    padding:21px 18px 15px;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-heading:before{
    position:absolute;
    top:7px;
    left:50%;
    width:42px;
    height:4px;
    border-radius:99px;
    background:#d3dde0;
    content:"";
    transform:translateX(-50%);
  }

  body.portal-customer #exploreSubcategorySection .subcategory-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-choice{
    min-height:166px!important;
    border-radius:19px!important;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-choice:before{
    height:90px!important;
  }

  body.portal-customer #explore .content{
    padding:36px 16px 90px;
  }

  body.portal-customer .explore-filter-bar{
    margin:21px 14px 0;
    padding:9px;
    border-radius:20px;
  }

  body.portal-customer .explore-filter-bar>header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:48px;
    padding:0 5px 0 10px;
  }

  body.portal-customer .explore-filter-bar>header>div{
    display:grid;
    gap:2px;
  }

  body.portal-customer .explore-filter-title{
    color:#173a50;
    font-size:13px;
    font-weight:950;
  }

  body.portal-customer #exploreResultCount{
    color:#71838d;
    font-size:9px;
  }

  body.portal-customer .explore-filter-toggle{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:0 11px;
    border-radius:12px;
    background:#eaf6f3;
    color:#17796a;
    font-size:11px;
    font-weight:950;
  }

  body.portal-customer .explore-filter-toggle i{
    display:grid;
    width:18px;
    height:18px;
    place-items:center;
    border-radius:50%;
    background:#1c8c7b;
    color:#fff;
    font-size:9px;
    font-style:normal;
  }

  body.portal-customer .explore-filter-controls{
    display:none;
    grid-template-columns:1fr;
    gap:9px;
    padding:7px 5px 5px;
    border-top:1px solid #e8eeef;
  }

  body.portal-customer .explore-filter-bar.filters-open .explore-filter-controls{
    display:grid;
    animation:bookluitFiltersOpen .2s ease both;
  }

  body.portal-customer .explore-filter-reset{
    width:100%;
  }

  body.portal-customer #explore .cards{
    grid-template-columns:1fr;
  }

  body.portal-customer #mobileBottomNav{
    right:10px;
    bottom:10px;
    left:10px;
    min-height:66px;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom));
    overflow:hidden;
    border:1px solid rgba(213,226,228,.9);
    border-radius:22px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 50px rgba(15,42,59,.2);
  }

  body.portal-customer #mobileBottomNav button{
    border-radius:15px;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }

  body.portal-customer #mobileBottomNav button.active{
    background:#e7f6f2;
    color:#14796b;
    transform:translateY(-1px);
  }
}

@keyframes bookluitFiltersOpen{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:none}
}

@keyframes bookluitMobileSheetIn{
  from{opacity:0;transform:translateY(35px)}
  to{opacity:1;transform:none}
}

@media(max-width:520px){
  body.portal-customer #explore .hero .wrap{
    min-height:425px;
  }

  body.portal-customer #explore .search{
    grid-template-columns:minmax(0,1fr) auto;
    border-radius:19px;
  }

  body.portal-customer #explore .search input{
    min-width:0;
    padding:0 12px;
    font-size:13px;
  }

  body.portal-customer #explore .search .primary{
    min-width:76px;
    padding:0 15px;
    font-size:12px;
  }

  body.portal-customer #categoryShowcase .category-head .link{
    min-height:37px;
    padding:0 12px;
    font-size:11px;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-heading h2{
    font-size:27px!important;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-choice{
    min-height:154px!important;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-choice:before{
    height:80px!important;
  }

  body.portal-customer #exploreSubcategorySection .subcategory-choice b{
    font-size:13px!important;
  }
}

.bookluit-customer-shell{
  width:min(100% - 34px,900px);
  margin:0 auto;
  padding:52px 0 110px;
}

.bookluit-customer-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}

.bookluit-customer-header h1{
  margin:7px 0 8px;
  color:#102d45;
  font:900 clamp(39px,6vw,58px)/.98 "DM Sans",Arial,sans-serif;
  letter-spacing:-.055em;
}

.bookluit-customer-header p:not(.eyebrow){
  max-width:530px;
  margin:0;
  color:#71818e;
  font-size:14px;
  line-height:1.55;
}

.bookluit-explore-button{
  display:flex;
  align-items:center;
  gap:15px;
  flex:0 0 auto;
  padding:12px 13px 12px 17px;
  border:1px solid #dce6eb;
  border-radius:999px;
  background:#fff;
  color:#173b55;
  font-weight:850;
  box-shadow:0 10px 25px rgba(24,54,76,.08);
}

.bookluit-explore-button span{
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  border-radius:50%;
  background:#173d58;
  color:#fff;
}

.bookluit-booking-tabs{
  display:flex;
  gap:33px;
  margin-bottom:24px;
  border-bottom:1px solid #dce5e9;
}

.bookluit-booking-tabs button{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  padding:13px 2px 16px;
  border:0;
  background:transparent;
  color:#8a969f;
  font-size:17px;
  font-weight:850;
}

.bookluit-booking-tabs button:after{
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:3px;
  border-radius:99px 99px 0 0;
  background:#173d58;
  content:"";
  opacity:0;
  transform:scaleX(.65);
  transition:.2s ease;
}

.bookluit-booking-tabs button.active{
  color:#102d45;
}

.bookluit-booking-tabs button.active:after{
  opacity:1;
  transform:scaleX(1);
}

.bookluit-booking-tabs b{
  display:grid;
  min-width:23px;
  height:23px;
  place-items:center;
  padding:0 6px;
  border-radius:999px;
  background:#e9eef1;
  color:#6f7d88;
  font-size:11px;
}

.bookluit-booking-tabs button.active b{
  background:#fa745e;
  color:#fff;
}

.bookluit-booking-view{
  display:none;
}

.bookluit-booking-view.active{
  display:block;
  animation:bookluitCustomerReveal .28s ease both;
}

.bookluit-booking-list{
  display:grid;
  gap:16px;
}

.bookluit-booking-card{
  padding:24px;
  overflow:hidden;
  border:1px solid rgba(222,230,235,.9);
  border-radius:28px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 42px rgba(24,54,76,.09);
}

.bookluit-booking-label{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin-bottom:22px;
  padding:8px 11px;
  border-radius:11px;
  background:#e4f3ed;
  color:#173d58;
  font-size:13px;
  font-weight:800;
}

.bookluit-booking-label svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.bookluit-booking-label b{
  margin-left:5px;
  color:#2c9770;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.bookluit-booking-label.cancelled{
  background:#fff0ed;
}

.bookluit-booking-label.cancelled b{
  color:#c15548;
}

.bookluit-booking-label.completed{
  background:#eef1f4;
}

.bookluit-booking-label.completed b{
  color:#6b7c89;
}

.bookluit-booking-label.waitlist{
  background:#edf0ff;
  color:#253d68;
}

.bookluit-booking-label.waitlist b{
  color:#676fc8;
}

.bookluit-waitlist-card .bookluit-booking-meta time{
  display:grid;
  justify-items:end;
  gap:1px;
}

.bookluit-waitlist-card .bookluit-booking-meta time small{
  color:#8a979f;
  font-size:10px;
}

.bookluit-booking-service{
  display:grid;
  grid-template-columns:1fr 78px;
  align-items:center;
  gap:20px;
}

.bookluit-booking-service h2{
  margin:0 0 7px;
  color:#102d45;
  font-size:27px;
  font-weight:800;
  letter-spacing:-.035em;
}

.bookluit-booking-service p{
  margin:0;
  color:#697b89;
  font-size:16px;
  font-weight:550;
}

.bookluit-booking-logo{
  width:78px;
  height:78px;
  overflow:hidden;
  border:1px solid #e2e7ea;
  border-radius:20px;
  background:linear-gradient(145deg,#f9eee8,#eef6fb);
  box-shadow:0 8px 20px rgba(24,54,76,.08);
}

.bookluit-booking-logo img,
.bookluit-booking-logo span{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  object-fit:cover;
  color:#173d58;
  font-size:25px;
  font-weight:900;
}

.bookluit-booking-meta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #e5eaed;
}

.bookluit-booking-meta>div{
  display:grid;
  gap:7px;
}

.bookluit-booking-person{
  display:flex;
  align-items:center;
  gap:9px;
}

.bookluit-booking-person i{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#dcefe9,#e8eef8);
  color:#173d58;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}

.bookluit-booking-person span{
  display:grid;
  gap:1px;
}

.bookluit-booking-person small,
.bookluit-payment-note{
  color:#8a979f;
  font-size:10px;
  font-weight:750;
}

.bookluit-booking-person b{
  color:#4d6170;
  font-size:13px;
}

.bookluit-booking-meta time{
  display:flex;
  align-items:baseline;
  gap:7px;
  color:#2d966f;
  font-size:17px;
  font-weight:800;
}

.bookluit-booking-actions,
.bookluit-favourite-actions{
  display:flex;
  gap:9px;
  margin-top:18px;
}

.bookluit-primary-action,
.bookluit-secondary-action{
  min-height:44px;
  padding:11px 16px;
  border-radius:12px;
  font-weight:850;
}

.bookluit-primary-action{
  flex:1;
  border:1px solid #173d58;
  background:#173d58;
  color:#fff;
  box-shadow:0 10px 20px rgba(23,61,88,.17);
}

.bookluit-primary-action span{
  margin-left:7px;
}

.bookluit-secondary-action{
  border:1px solid #dce5e9;
  background:#fff;
  color:#526977;
}

.bookluit-favourites-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}

.bookluit-favourite-card{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:15px;
  padding:19px;
  border:1px solid #e0e7ea;
  border-radius:23px;
  background:#fff;
  box-shadow:0 15px 34px rgba(24,54,76,.08);
}

.bookluit-favourite-logo{
  width:72px;
  height:72px;
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(145deg,#e0f2ec,#eef3fa);
}

.bookluit-favourite-logo img,
.bookluit-favourite-logo span{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  object-fit:cover;
  color:#173d58;
  font-size:22px;
  font-weight:900;
}

.bookluit-favourite-copy{
  min-width:0;
}

.bookluit-favourite-copy h2{
  margin:2px 0 4px;
  overflow:hidden;
  color:#173d58;
  font-size:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.bookluit-favourite-copy p{
  margin:0 0 5px;
  color:#6d7f8c;
  font-size:12px;
  font-weight:700;
}

.bookluit-favourite-copy small{
  display:-webkit-box;
  overflow:hidden;
  color:#87949d;
  font-size:11px;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.bookluit-favourite-actions{
  grid-column:1/-1;
  margin-top:2px;
}

.bookluit-customer-empty{
  display:grid;
  justify-items:center;
  padding:55px 24px;
  border:1px solid #e0e7ea;
  border-radius:26px;
  background:rgba(255,255,255,.94);
  text-align:center;
  box-shadow:0 16px 38px rgba(24,54,76,.07);
}

.bookluit-customer-empty .bookluit-empty-icon{
  display:grid;
  width:53px;
  height:53px;
  place-items:center;
  margin-bottom:14px;
  border-radius:17px;
  background:#e6f3ef;
  color:#197e71;
}

.bookluit-empty-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.bookluit-customer-empty h2{
  margin:0;
  color:#173d58;
  font-size:23px;
  letter-spacing:-.035em;
}

.bookluit-customer-empty p{
  max-width:430px;
  margin:8px auto 19px;
  color:#758691;
  line-height:1.5;
}

.bookluit-customer-empty .primary{
  width:auto;
}

.bookluit-customer-loading{
  padding:45px;
  border-radius:24px;
  background:#fff;
  color:#71818e;
  text-align:center;
}

@keyframes bookluitCustomerReveal{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}

@media(max-width:700px){
  #customerAreaPage,
  #customerFavouritesPage{
    min-height:100vh;
  }

  .bookluit-customer-shell{
    width:100%;
    padding:34px 16px 92px;
  }

  .bookluit-customer-header{
    align-items:flex-start;
    margin-bottom:22px;
  }

  .bookluit-customer-header .eyebrow,
  .bookluit-customer-header p:not(.eyebrow){
    display:none;
  }

  .bookluit-customer-header h1{
    margin:0;
    font-size:37px;
  }

  .bookluit-explore-button{
    padding:8px;
    font-size:0;
    box-shadow:none;
  }

  .bookluit-explore-button span{
    width:29px;
    height:29px;
    font-size:15px;
  }

  .bookluit-booking-tabs{
    gap:8px;
    margin-right:-16px;
    margin-left:-16px;
    padding:0 16px;
  }

  .bookluit-booking-tabs button{
    flex:1;
    justify-content:center;
    padding-bottom:14px;
    font-size:14px;
  }

  .bookluit-booking-card{
    padding:19px;
    border-radius:24px;
  }

  .bookluit-booking-label{
    margin-bottom:18px;
    font-size:12px;
  }

  .bookluit-booking-label b{
    display:none;
  }

  .bookluit-booking-service{
    grid-template-columns:1fr 64px;
    gap:14px;
  }

  .bookluit-booking-service h2{
    font-size:23px;
  }

  .bookluit-booking-service p{
    font-size:14px;
  }

  .bookluit-booking-logo{
    width:64px;
    height:64px;
    border-radius:17px;
  }

  .bookluit-booking-meta{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
  }

  .bookluit-booking-meta time{
    display:grid;
    justify-items:end;
    gap:1px;
    font-size:14px;
  }

  .bookluit-booking-actions{
    display:grid;
    grid-template-columns:auto 1fr;
  }

  .bookluit-primary-action,
  .bookluit-secondary-action{
    padding:10px 13px;
  }

  .bookluit-favourites-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:390px){
  .bookluit-customer-shell{
    padding-right:13px;
    padding-left:13px;
  }

  .bookluit-booking-person small,
  .bookluit-payment-note{
    display:none;
  }

  .bookluit-booking-meta time{
    font-size:12px;
  }
}

[hidden]{
  display:none!important;
}

.portal-mode-badge{
  flex:0 0 auto;
  margin-left:-13px;
  padding:5px 8px;
  border-radius:999px;
  background:#edf4f6;
  color:#456171;
  font-size:9px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.portal-switch{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid #d9e4e8;
  border-radius:999px;
  background:#fff;
  color:#173d58;
  font-size:11px;
  font-weight:850;
  box-shadow:0 7px 18px rgba(23,61,88,.08);
}

.portal-switch span{
  display:grid;
  width:21px;
  height:21px;
  place-items:center;
  border-radius:50%;
  background:#e6f4f0;
  color:#197e71;
  font-size:10px;
}

body.portal-business{
  background:#f3f7f8;
}

body.portal-business .top,
body.portal-admin .top{
  border-bottom-color:rgba(255,255,255,.1);
  background:linear-gradient(105deg,#102b41,#173d58);
  box-shadow:0 12px 30px rgba(10,31,47,.17);
}

body.portal-business .top .logo,
body.portal-admin .top .logo{
  color:#fff;
}

body.portal-business .top .logo span,
body.portal-admin .top .logo span{
  color:#ff8a75;
}

body.portal-business .portal-mode-badge,
body.portal-admin .portal-mode-badge{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.1);
  color:#c8dce6;
}

body.portal-business .top .portal-nav-button,
body.portal-admin .top .portal-nav-button{
  color:#bdd0da;
}

body.portal-business .top .portal-nav-button:hover,
body.portal-business .top .portal-nav-button.active,
body.portal-admin .top .portal-nav-button:hover,
body.portal-admin .top .portal-nav-button.active{
  background:rgba(255,255,255,.12);
  color:#fff;
}

body.portal-business .utility-bar,
body.portal-admin .utility-bar{
  border-bottom:0;
  background:transparent;
  box-shadow:none;
}

body.portal-business .utility-bar .portal-switch,
body.portal-admin .utility-bar .portal-switch{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.1);
  color:#fff;
  box-shadow:none;
}

body.portal-business .utility-bar .portal-switch span,
body.portal-admin .utility-bar .portal-switch span{
  background:rgba(255,255,255,.14);
  color:#fff;
}

body.portal-business .utility-bar .lang-trigger,
body.portal-admin .utility-bar .lang-trigger{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.1);
  color:#fff;
}

body.portal-business #mobileBottomNav,
body.portal-admin #mobileBottomNav,
body.portal-business #aiFinder,
body.portal-admin #aiFinder{
  display:none!important;
}

body.portal-business .dashboard,
body.portal-admin .admin-shell{
  padding-top:42px;
}

@media(max-width:860px){
  .portal-mode-badge{
    margin-left:-14px;
    font-size:8px;
  }

  body.portal-business,
  body.portal-admin{
    padding-bottom:0!important;
  }

  body.portal-business .page.show,
  body.portal-admin .page.show{
    padding-bottom:35px!important;
  }

  body.portal-business .top.menu-open nav,
  body.portal-admin .top.menu-open nav{
    border-color:rgba(255,255,255,.12);
    background:#173d58;
  }

  body.portal-business .mobile-menu-toggle,
  body.portal-admin .mobile-menu-toggle{
    border-color:rgba(255,255,255,.2);
    background:rgba(255,255,255,.1);
  }

  body.portal-business .mobile-menu-toggle:before,
  body.portal-business .mobile-menu-toggle:after,
  body.portal-business .mobile-menu-toggle i,
  body.portal-admin .mobile-menu-toggle:before,
  body.portal-admin .mobile-menu-toggle:after,
  body.portal-admin .mobile-menu-toggle i{
    background:#fff;
  }
}