/*
========================================
PRO THEME — CLEAN OVERRIDES (BLUE EDITION)
Palette:
- Primary dark: #095CB0
- Primary bright: #0974FB
========================================
*/

/* =========================
   ROOT / TOKENS
========================= */
:root{
  --primary-500:#095CB0;
  --primary-600:#0974FB;
  --primary-700:#074b8f;

  --light-100:#ffffff;
  --light-200:#f9fafb;
  --light-300:#f3f4f6;
  --light-400:#e5e7eb;
  --light-500:#d1d5db;

  --gray-500:#6b7280;
  --gray-600:#4b5563;
  --gray-700:#374151;
  --gray-800:#1f2937;
  --gray-900:#111827;

  --dark-1:#050608;
  --dark-2:#0b0d12;
  --dark-3:#0f1218;

  --text-dark:#111827;
  --text-soft:#6b7280;
  --text-light:#f3f4f6;
  --border:#e5e7eb;
  --border-dark:rgba(255,255,255,.08);

  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:16px;
  --radius-xl:20px;

  --shadow-sm:0 4px 14px rgba(0,0,0,.08);
  --shadow-md:0 10px 25px rgba(0,0,0,.12);
  --shadow-lg:0 18px 60px rgba(0,0,0,.18);

  --blue-10:rgba(9,92,176,.10);
  --blue-12:rgba(9,92,176,.12);
  --blue-18:rgba(9,92,176,.18);
  --blue-20:rgba(9,92,176,.20);
  --blue-22:rgba(9,92,176,.22);
  --blue-25:rgba(9,92,176,.25);
  --blue-35:rgba(9,92,176,.35);
  --blue-45:rgba(9,92,176,.45);
  --blue-55:rgba(9,92,176,.55);

  --transition:.22s ease;
}

/* =========================
   BASE
========================= */
html,
body{
  overflow-x:hidden !important;
}

body{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* =========================
   MAP RED UTILITIES TO BLUE
========================= */
.border-red-200{
  --tw-border-opacity:1;
  border-color:rgb(191 219 254 / var(--tw-border-opacity,1));
}
.border-red-300{
  --tw-border-opacity:1;
  border-color:rgb(147 197 253 / var(--tw-border-opacity,1));
}
.bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity,1));
}
.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(9 116 251 / var(--tw-bg-opacity,1));
}
.bg-red-600{
  --tw-bg-opacity:1;
  background-color:rgb(9 92 176 / var(--tw-bg-opacity,1));
}
.text-red-500{
  --tw-text-opacity:1;
  color:rgb(9 116 251 / var(--tw-text-opacity,1));
}
.text-red-600{
  --tw-text-opacity:1;
  color:rgb(9 92 176 / var(--tw-text-opacity,1));
}

/* =========================
   LIGHT SURFACE OVERRIDES
========================= */
.bg-dark-800{ background-color:var(--light-100) !important; }
.bg-dark-700{ background-color:var(--light-200) !important; }
.bg-dark-600{ background-color:var(--light-300) !important; }
.bg-dark-500{ background-color:var(--light-400) !important; }

.hover\:bg-dark-700:hover,
.hover\:bg-dark-600:hover,
.hover\:bg-dark-500:hover{
  background-color:#eef2f7 !important;
}

/* =========================
   APP LAYOUT
========================= */
body{
  background-color:var(--light-200) !important;
  color:var(--text-dark);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.main-container{
  display:flex;
  flex:1;
  overflow:hidden;
}

.sidebar{
  width:280px;
  background-color:var(--light-200) !important;
  height:calc(100vh - 60px);
  overflow-y:auto;
  position:fixed;
  z-index:90;
  transition:transform .3s ease-in-out;
}

.main-content{
  flex:1;
  padding:20px;
  margin-left:280px;
  overflow-y:auto;
  height:calc(100vh - 60px);
  transition:var(--transition);
  background:transparent !important;
}

@media (max-width:1023px){
  .sidebar{ transform:translateX(-100%) !important; }
  .sidebar.show,
  .sidebar.active{ transform:translateX(0%) !important; }
  .main-content{ margin-left:0; }
}

@media (min-width:1024px){
  .sidebar{ transform:translateX(0) !important; }
}

/* =========================
   HEADER / NAV
========================= */
header,
.site-header,
.pc-header,
.main-header,
.lx-header,
nav{
  position:sticky;
  top:0;
  z-index:9999;
  isolation:isolate;
}

nav{
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}

nav.bg-dark-800 .container{
  max-width:100%;
  padding-left:1rem;
  padding-right:1rem;
}

#menu-toggle{
  background:transparent !important;
  position:relative !important;
  z-index:100001 !important;
  pointer-events:auto !important;
  display:block;
}

@media (min-width:1024px){
  #menu-toggle{ display:none !important; }
}

#main-menu-container,
#main-menu-container *{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
}

#main-menu-container a{
  color:var(--text-dark) !important;
  background:transparent !important;
  border:none !important;
  border-radius:10px;
  padding:6px 10px;
  transition:background .15s ease, color .15s ease;
}

#main-menu-container a:hover,
#main-menu-container a:focus{
  background:var(--blue-10) !important;
  color:var(--text-dark) !important;
}

/* =========================
   MOBILE MENU DRAWER
========================= */
#mobile-menu-drawer{
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding-top:72px;
}

#mobile-menu-drawer > .p-4:first-child{
  position:fixed;
  top:0;
  left:0;
  width:min(82%, 320px);
  background:#050608;
  z-index:2;
}

#mobile-menu-drawer .p-4:nth-child(2){
  padding-top:16px;
}

#mobile-menu-drawer ul,
#mobile-menu-drawer .menu,
#mobile-menu-drawer .lx-mobile-menu{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

#mobile-menu-drawer li{ display:block !important; }

#mobile-menu-drawer a,
#mobile-menu-drawer .menu a,
#mobile-menu-drawer .lx-mobile-menu a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:12px !important;
  border-radius:14px !important;
  color:#fff !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.06) !important;
}

#mobile-menu-drawer a:hover,
#mobile-menu-drawer a:focus{
  background:rgba(255,255,255,.06) !important;
  border-color:var(--blue-35) !important;
}

#mobile-menu-drawer .current-menu-item > a,
#mobile-menu-drawer .lx-mobile-menu .current-menu-item > a{
  border-color:rgba(9,92,176,.5) !important;
  box-shadow:0 10px 30px rgba(9,92,176,.12) !important;
}

/* =========================
   LOGO LIGHT/DARK
========================= */
.logo-dark{ display:none; }
body.dark .logo-light,
.dark .logo-light{ display:none; }
body.dark .logo-dark,
.dark .logo-dark{ display:inline; }

html{ background:#0b0b0b; }
html.light{ background:#fff; }
.logo-light{ display:inline-block; }
.logo-dark{ display:none; }
.dark .logo-light{ display:none; }
.dark .logo-dark{ display:inline-block; }

/* =========================
   GENERIC LINK / BUTTON HOVER CLEANUP
========================= */
a:hover,
a:focus,
button:hover,
button:focus,
[role="button"]:hover,
[role="button"]:focus{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

a:hover::before,
a:hover::after,
a:focus::before,
a:focus::after{
  background:none !important;
  box-shadow:none !important;
}

.relative.inline-flex.group,
.relative.inline-flex.group button,
.flex.items-center.space-x-4 button,
#menu-toggle,
.text-gray-600.text-sm.mt-1.border-none,
.inline-block.mt-3.text-sm.font-semibold.text-red-600.border-none{
  background:transparent !important;
  background-image:none !important;
  border:none !important;
}

.relative.inline-flex.group button:hover,
.flex.items-center.space-x-4 button:hover,
.text-gray-600.text-sm.mt-1.border-none:hover,
.inline-block.mt-3.text-sm.font-semibold.text-red-600.border-none:hover{
  background:transparent !important;
  background-image:none !important;
  border:none !important;
}

/* =========================
   GLOBAL SPECIAL OVERRIDES
========================= */
body .grid{
  margin-top:15px;
  margin-bottom:100px;
}

body .overflow-y-auto{
  margin-top:65px;
  border-width:1px;
  border-top-right-radius:15px;
  background-color:#ffffff !important;
}

body .text-title{
  font-weight:600;
  margin-top:20px;
  text-transform:capitalize;
  font-size:18.6px;
}

body .w-full{
  background-color:var(--light-100) !important;
}

body .whitespace-nowrap{
  background-color:#f9fafb !important;
  border-width:1px;
  padding-bottom:5px;
}

.whitespace-nowrap .inline-block,
.whitespace-nowrap .text-sm{
  background-color:#ffffff !important;
}

.whitespace-nowrap .text-sm{
  color:#000;
}

body .text-sm{
  border-width:1px;
}

body .text-sm .text-sm{
  border-width:0;
}

.justify-between .flex .fa-video{
  color:#095CB0;
}

.text-title .fa-star{
  color:#095CB0;
  margin-right:1px;
}

body .lg\:ml-72{
  padding-right:0;
  margin-left:-4px !important;
  width:1690px !important;
}

/* =========================
   FORMS / FILTERS / SIDEBAR
========================= */
.overflow-y-auto .text-white{
  color:#383838;
  font-size:13.8px;
  padding-right:57px;
}

.border-dark-700 .space-y-2 .justify-between .flex .text-white,
.overflow-y-auto .space-y-2 .text-white{
  border-width:0 !important;
  border-color:#ffffff;
}

.overflow-y-auto ul li{
  color:#353535;
  border-width:1px;
  border-radius:3px;
  padding-left:7px;
  margin-top:7px;
}

.overflow-y-auto ul a .fa-venus{ color:#e91e63; }
.overflow-y-auto ul a .fa-mars,
.overflow-y-auto ul a .fa-transgender,
.overflow-y-auto ul a .fa-venus-mars{ color:#095CB0; }

.overflow-y-auto .space-y-2 .text-primary{
  border-width:1px;
  font-weight:500;
  font-size:12px;
  text-decoration:none;
  border-radius:10px;
  background-color:#f9fafb !important;
  border-color:#d1d1d1;
  padding:1px 55px;
  margin-top:15px;
  color:#545454;
}

#search-form,
#search-form input[type=search],
.overflow-y-auto .flex input[type=search]{
  border-width:1px;
}

.overflow-y-auto .flex input[type=search]{
  font-size:13px;
  border-right-width:0;
}

.overflow-y-auto .flex .text-white{
  border-width:1px !important;
  padding-right:10px;
}

.overflow-y-auto .grid{
  margin-top:5px;
  margin-bottom:5px;
}

.overflow-y-auto form > div,
.overflow-y-auto form h3{
  color:#0c0c0c;
}

.overflow-y-auto form fieldset .filter-tag,
.filter-tag span{
  background-color:#ffffff !important;
  color:#353535 !important;
  border-color:#e0e0e0 !important;
}

.filter-tag{
  display:inline-block;
  margin:4px;
}

.filter-tag input[type="checkbox"]{
  display:none;
}

.filter-tag span{
  display:inline-block;
  padding:6px 12px;
  border-radius:9999px;
  font-size:.875rem;
  border:1px solid #e0e0e0;
  cursor:pointer;
  transition:.2s ease;
}

.filter-tag input[type="checkbox"]:checked + span{
  background-color:#1175c7 !important;
  color:#fff !important;
  border-color:#1175c7 !important;
}

/* =========================
   SERVICE / GENDER / CATEGORY PILLS
========================= */
.flex-wrap{
  display:flex;
  flex-wrap:wrap;
  border-width:0 !important;
}

.flex-wrap .service-item,
.flex-wrap .gender-item,
.flex-wrap .category-item{
  border-width:1px;
  padding-left:5px;
  padding-right:5px;
  border-radius:20px;
}

.flex-wrap .service-item{
  border-color:#095CB0;
  background-color:rgba(241,196,15,.17) !important;
  color:#b18f06;
  margin-left:0;
}

.flex-wrap .gender-item{
  border-color:#095CB0;
  background-color:rgba(33,150,243,.4) !important;
  color:#0e6ebd;
  margin-left:-4px;
}

.flex-wrap .category-item{
  background-color:#efefef !important;
  color:#727272 !important;
  border-color:#b2b2b2 !important;
  margin-left:-4px;
}

.category-item{
  display:block;
}

@media (max-width:768px){
  .flex-wrap .category-item:nth-child(n+2){
    display:none !important;
  }
}

@media (min-width:769px){
  .flex-wrap .category-item{
    display:none;
  }

  .flex-wrap .category-item:nth-child(-n+22){
    display:block;
  }

  .flex-wrap.show-all .category-item{
    display:block;
  }
}

/* =========================
   PAGINATION
========================= */
.pagination-custom{
  display:flex !important;
  justify-content:center !important;
  list-style:none !important;
  padding:0 !important;
  margin:2rem 0 !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  text-align:center !important;
}

.pagination-custom li{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
}

.pagination-custom li a{
  margin-right:2px !important;
  margin-left:2px !important;
}

.pagination-custom a,
.pagination-custom span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 14px !important;
  border:1px solid #e2e8f0 !important;
  background:#ffffff !important;
  color:#4a5568 !important;
  text-decoration:none !important;
  border-radius:6px !important;
  transition:all .2s ease !important;
  min-width:40px !important;
  height:40px !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1 !important;
}

.pagination-custom a:hover{
  background:#f7fafc !important;
  border-color:#cbd5e0 !important;
  transform:translateY(-1px) !important;
}

.pagination-custom .current{
  background:#4299e1 !important;
  color:#fff !important;
  border-color:#4299e1 !important;
  font-weight:600 !important;
}

.pagination-custom .dots{
  pointer-events:none !important;
  border-color:transparent !important;
  background:transparent !important;
}

.pagination-custom .prev,
.pagination-custom .next{
  font-weight:600 !important;
  padding:8px 16px !important;
}

.mx-auto .pagination-custom{
  margin-top:-50px !important;
  margin-bottom:17px !important;
}

.pagination-custom .pagination-loadmore .js-webcams-loadmore,
.mx-auto .pagination-loadmore .js-webcams-loadmore{
  background-color:#ffffff;
  padding-left:10px;
  padding-right:10px;
  color:#4f4f4f !important;
  font-weight:500;
  font-style:normal;
  text-shadow:none;
}

/* =========================
   SEARCH / HERO FIXES
========================= */
.lx-hero .lx-hero-inner{
  display:grid;
  gap:24px;
  align-items:center;
}

@media (min-width:1024px){
  .lx-hero .lx-hero-inner{
    grid-template-columns:1fr 440px;
  }

  .lx-hero .lx-hero-search{
    justify-self:end;
    width:440px;
  }
}

.lx-hero .lx-hero-search form{
  width:100%;
  margin:0;
}

.lx-hero .lx-hero-search input[type="text"]{
  width:100% !important;
  display:block !important;
  box-sizing:border-box;
  margin:0 !important;
}

.lx-hero .lx-search-wrap{
  position:relative;
  width:100%;
}

.lx-hero .lx-search-ico{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  opacity:.8;
  pointer-events:none;
}

.lx-hero .lx-search-wrap input[type="text"]{
  height:48px;
  padding-left:42px;
  padding-right:110px;
  border-radius:14px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  outline:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.04);
}

.lx-hero .lx-search-wrap input[type="text"]::placeholder{
  color:rgba(255,255,255,.55);
}

.lx-hero .lx-search-wrap button{
  position:absolute !important;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  height:38px;
  padding:0 14px;
  border-radius:12px;
  border:0;
  background:#095CB0;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(9,92,176,.25);
}

.lx-hero .lx-search-wrap button:hover{
  filter:brightness(1.05);
}

.lx-hero .lx-search-hint{
  margin-top:8px;
  font-size:12px;
  color:rgba(255,255,255,.55);
}

.lx-hero .lx-search-hint span{
  color:rgba(255,255,255,.78);
}

/* =========================
   HOTSPY / HS CARDS
========================= */
.hs-card{
  background:#050608;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease;
}

.hs-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 60px rgba(9,92,176,.35);
}

.hs-thumb{
  position:relative;
  aspect-ratio:1 / 1;
  background:#000;
  overflow:hidden;
}

.hs-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:none !important;
  opacity:1 !important;
}

.hs-online{
  position:absolute;
  top:10px;
  left:10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  font-size:11px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(180deg,#0974FB,#095CB0);
  border-radius:999px;
  box-shadow:0 8px 24px rgba(9,92,176,.55);
}

.hs-online::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 0 rgba(255,255,255,.7);
  animation:pulseLive 1.5s infinite;
}

@keyframes pulseLive{
  0%{ box-shadow:0 0 0 0 rgba(255,255,255,.6); }
  70%{ box-shadow:0 0 0 8px rgba(255,255,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(255,255,255,0); }
}

.hs-card-body{
  padding:12px;
  background:#07080b;
}

.hs-card-title{
  font-size:14px;
  font-weight:800;
  color:#f3f4f6;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hs-card-meta{
  font-size:12px;
  color:#9ca3af;
  margin-top:4px;
}

.hs-card a:hover,
.hs-card a:focus,
.hs-card a:active{
  background:transparent !important;
}

.hs-card .hs-body,
.hs-card a:hover .hs-body,
.hs-card a:hover .p-4{
  background:rgba(7,8,11,.92) !important;
}

.hs-card a::before,
.hs-card a::after,
.hs-card a:hover::before,
.hs-card a:hover::after{
  content:none !important;
  display:none !important;
}

.hs-card .group-hover\:bg-gray-700,
.hs-card .group-hover\:bg-gray-800,
.hs-card .group-hover\:bg-dark-700,
.hs-card .hover\:bg-gray-700:hover,
.hs-card .hover\:bg-gray-800:hover,
.hs-card .hover\:bg-dark-700:hover{
  background:rgba(7,8,11,.92) !important;
}

.hs-name,
.hs-name:link,
.hs-name:visited,
.hs-name:hover,
.hs-name:active,
.hs-name:focus,
.hs-gender,
.hs-gender:link,
.hs-gender:visited,
.hs-gender:hover,
.hs-gender:active,
.hs-gender:focus{
  color:#095CB0 !important;
  text-decoration:none !important;
}

.hs-name:hover,
.hs-name:focus,
.hs-gender:hover,
.hs-gender:focus{
  color:#0974FB !important;
  text-decoration:none !important;
}

.hs-badge{
  display:inline-flex;
  align-items:center;
}

.hs-flag{
  width:22px;
  height:16px;
  border-radius:4px;
  display:block;
}

/* =========================
   HS CTA / BUTTONS
========================= */
.hs-btn,
.hs-btnBig,
.hs-playBtn,
.hs-sticky__btn,
.lx-btn,
.lx-card__btn{
  text-decoration:none !important;
}

.hs-im{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999999;
  width:420px;
  max-width:calc(100vw - 24px);
  background:rgba(10,12,16,.88);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  backdrop-filter:blur(10px);
  box-shadow:0 20px 80px rgba(0,0,0,.65);
  overflow:hidden;
}

@media (max-width:1023px){
  .hs-im{ display:none !important; }
}

.hs-im__content{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px 14px 46px;
}

.hs-im__close{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  z-index:10;
}

.hs-im__close:hover{
  background:rgba(255,255,255,.12);
}

.hs-im__cta{
  padding:10px 14px;
  border-radius:14px;
  font-weight:900;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(180deg,#0974FB,#095CB0);
  box-shadow:0 12px 40px rgba(9,92,176,.45);
}

/* =========================
   LIVE X SHOWS APP ISOLATION
========================= */
.lx-app,
.lx-app *{
  box-sizing:border-box;
}

.lx-app .whitespace-nowrap,
.lx-app .text-sm,
.lx-app .inline-flex,
.lx-app .inline-block,
.lx-app .w-full,
.lx-app .grid{
  background-color:transparent !important;
  border-width:0 !important;
}

.lx-app #webcams-grid{
  margin-top:0 !important;
  margin-bottom:0 !important;
  display:grid !important;
  gap:20px !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

@media (min-width:768px){
  .lx-app #webcams-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (min-width:1024px){
  .lx-app #webcams-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}
@media (min-width:1280px){
  .lx-app #webcams-grid{ grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
}
@media (min-width:1536px){
  .lx-app #webcams-grid{ grid-template-columns:repeat(6,minmax(0,1fr)) !important; }
}

.lx-app .model-badge,
.lx-app .lx-online,
.lx-app .lx-viewers,
.lx-app .lx-offline-badge{
  all:unset;
  position:absolute !important;
  z-index:30 !important;
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  border-radius:999px !important;
  font-family:inherit !important;
  letter-spacing:.15px !important;
  line-height:1 !important;
}

.lx-app .model-badge{
  top:8px !important;
  left:8px !important;
  padding:5px 8px !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(6px) !important;
}

.lx-app .model-badge.trending{
  background:linear-gradient(180deg,#0974FB,#095CB0) !important;
  box-shadow:0 0 14px rgba(9,92,176,.35) !important;
}

.lx-app .model-badge.hidden{
  background:rgba(0,0,0,.70) !important;
  color:#ffd54f !important;
  border-color:rgba(255,213,79,.25) !important;
  box-shadow:none !important;
}

.lx-app .lx-online{
  top:8px !important;
  right:8px !important;
  gap:5px !important;
  padding:5px 8px !important;
  font-size:10px !important;
  font-weight:900 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(0,0,0,.45) !important;
  backdrop-filter:blur(6px) !important;
}

.lx-app .lx-online--on{
  background:linear-gradient(180deg,#0974FB,#095CB0) !important;
  box-shadow:0 0 14px rgba(9,92,176,.35) !important;
}

.lx-app .lx-viewers{
  bottom:8px !important;
  left:8px !important;
  padding:4px 7px !important;
  font-size:10px !important;
  font-weight:800 !important;
  color:rgba(255,255,255,.92) !important;
  background:rgba(0,0,0,.38) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:blur(6px) !important;
}

.lx-app .lx-offline-badge{
  top:8px !important;
  right:8px !important;
  padding:5px 8px !important;
  font-size:10px !important;
  font-weight:900 !important;
  color:#fff !important;
  background:rgba(148,163,184,.18) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

/* =========================
   LX PLAYER / EMBED SAFE AREAS
========================= */
.lx-embedWrap,
.lx-ratioScope{
  position:relative;
}

.lx-ratioScope .hs-embedInner{
  position:relative;
  z-index:2;
}

.hs-card__cta,
.hs-card__cta *{
  position:relative;
  z-index:50;
}

:root{
  --lx-edge-top:46px;
  --lx-edge-bot:34px;
  --lx-edge-side:56px;
}

.lx-edge{
  position:absolute;
  z-index:6;
  display:block;
  background:transparent;
  text-decoration:none;
}

.lx-ratioScope .lx-edge--top{
  top:0;
  left:0;
  right:0;
  height:var(--lx-edge-top);
}
.lx-ratioScope .lx-edge--left{
  top:var(--lx-edge-top);
  bottom:var(--lx-edge-bot);
  left:0;
  width:var(--lx-edge-side);
}
.lx-ratioScope .lx-edge--right{
  top:var(--lx-edge-top);
  bottom:var(--lx-edge-bot);
  right:0;
  width:var(--lx-edge-side);
}
.lx-ratioScope .lx-edge--bottom{
  left:0;
  right:0;
  bottom:0;
  height:var(--lx-edge-bot);
}

.lx-playerPill{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:8;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.45);
  opacity:0;
  transform:translateY(4px);
  transition:opacity .15s ease, transform .15s ease, background .15s ease, border-color .15s ease;
  pointer-events:auto;
}

.lx-ratioScope:hover .lx-playerPill{
  opacity:1;
  transform:translateY(0);
}

.lx-playerPill:hover{
  background:rgba(9,92,176,.22);
  border-color:rgba(9,92,176,.45);
}

.lx-ratioScope:hover .lx-edge{
  outline:1px solid rgba(9,92,176,.10);
  outline-offset:-1px;
}

/* =========================
   LX CARDS / TRENDING
========================= */
.lx-nowrap{ white-space:nowrap; }

.lx-trending{
  margin:30px 0 10px;
}

.lx-trending h3{
  font-size:20px;
  margin-bottom:15px;
}

.lx-trending-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:15px;
}

.lx-trending-card{
  background:#0f1117;
  border-radius:10px;
  overflow:hidden;
}

.lx-trending-card img{
  width:100%;
  display:block;
}

.lx-trending-info{
  padding:8px;
}

.lx-model{
  display:block;
  font-weight:600;
}

.lx-viewers{
  font-size:12px;
  opacity:.8;
}

.lx-trending{ margin:18px 0 10px; }
.lx-trending__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
}
.lx-trending__title{
  margin:0;
  font-size:18px;
  font-weight:800;
  letter-spacing:.2px;
}
.lx-trending__all{
  font-size:13px;
  opacity:.85;
  text-decoration:none;
}
.lx-trending__all:hover{
  opacity:1;
  text-decoration:underline;
}

.lx-trending__grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
@media (max-width:1100px){
  .lx-trending__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:640px){
  .lx-trending__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.lx-card{
  display:block;
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  transition:transform .15s ease, filter .15s ease, border-color .15s ease;
}

.lx-card:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  border-color:rgba(255,255,255,.18);
}

.lx-card__media{
  position:relative;
  aspect-ratio:4/3;
  background:#0b0d12;
}

.lx-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.lx-badge{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  line-height:1;
  backdrop-filter:blur(8px);
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.12);
}

.lx-badge--live{ top:8px; left:8px; }
.lx-badge--viewers{ bottom:8px; left:8px; }

.lx-card__body{ padding:10px 10px 12px; }
.lx-card__name{
  font-weight:900;
  font-size:14px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lx-card__meta{
  margin-top:4px;
  font-size:12px;
  opacity:.85;
}

.lx-card__btn{
  margin-top:10px;
  padding:9px 10px;
  border-radius:12px;
  text-align:center;
  font-size:13px;
  font-weight:900;
  background:linear-gradient(180deg,#0974FB,#095CB0);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}

/* =========================
   RELATED GRID
========================= */
.lx-related-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
}

@media (min-width:640px){
  .lx-related-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (min-width:1024px){
  .lx-related-grid{ grid-template-columns:repeat(4,1fr); }
}
@media (min-width:1280px){
  .lx-related-grid{ grid-template-columns:repeat(5,1fr); }
}

/* =========================
   PLAYER THUMBS / VIDEO
========================= */
.t-thumb-wrap,
.t-thumb-wrap{ position:relative; overflow:hidden; }

.t-thumb{
  width:100%;
  height:12rem;
  object-fit:cover;
  display:block;
  transition:opacity .2s ease;
}

.t-thumb-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:0;
  transition:opacity .2s ease;
  background:#000;
}

.t-thumb-video.is-playing{ opacity:1; }
.t-thumb.is-hidden{ opacity:0; }

.webcam-embed-container{
  overflow-x:hidden !important;
}
.webcam-embed-container > *{
  max-width:100% !important;
}

/* =========================
   INFO CARD
========================= */
.pc-info-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:20px;
  margin-top:16px;
}

.pc-info-card h3{
  margin:0 0 12px 0;
  font-size:16px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:8px;
  color:#111827;
}

.pc-info-card .pc-section{ margin-bottom:14px; }
.pc-info-card .pc-subttl{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6b7280;
  margin-bottom:6px;
}

.pc-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.pc-chip{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  color:#111827;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  padding:6px 10px;
  border-radius:999px;
  text-decoration:none;
}
.pc-chip:hover{ background:#e5e7eb; }
.pc-chip .pc-flag{
  margin-right:6px;
  position:relative;
  top:.04em;
}

.pc-compact-grid{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}
@media (min-width:768px){
  .pc-compact-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (min-width:1024px){
  .pc-compact-grid.row-6{ grid-template-columns:repeat(6,minmax(0,1fr)); gap:1rem; }
  .pc-compact-grid.row-5{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
  .pc-compact-grid.row-4{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
  .pc-compact-grid.row-3{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
}

.pc-meta{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
@media (min-width:768px){
  .pc-meta{ grid-template-columns:repeat(2,1fr); }
}
.pc-meta-item dt{
  font-size:11px;
  text-transform:uppercase;
  color:#6b7280;
  margin:0 0 2px;
}
.pc-meta-item dd{
  margin:0;
  font-size:14px;
  color:#111827;
  word-break:break-word;
}

.pc-more-wrap{ margin-top:6px; }
.pc-more-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:#2563eb;
  cursor:pointer;
  font-size:13px;
  padding:0;
}
.pc-more-btn:hover{ text-decoration:underline; }

.max-w-screen-xl .pc-info-card{ width:100%; }
.pc-info-card .pc-section:nth-child(3) .pc-subttl{ margin-top:10px; }
.pc-chips span .pc-chip{
  margin-top:5px;
  margin-bottom:5px;
}

.pc-chips .pc-more-cats .pc-more-btn{
  color:#606060 !important;
  border-color:#dbdbdb !important;
}

/* =========================
   AGE VERIFICATION
========================= */
#age-verification-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.85);
  backdrop-filter:blur(6px);
  z-index:9999;
  display:flex;
  justify-content:center;
  align-items:center;
}

.verification-card{
  background:#fff;
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
  width:90%;
  max-width:480px;
  padding:32px;
  text-align:center;
  animation:fadeIn .3s ease-out;
}

@keyframes fadeIn{
  from{ opacity:0; transform:translateY(10px); }
  to{ opacity:1; transform:translateY(0); }
}

.warning-icon{
  font-size:48px;
  color:#F56565;
  margin-bottom:16px;
}

.verification-card h1{
  font-weight:700;
  font-size:22px;
  margin:0 0 12px 0;
  color:#1A202C;
}

.verification-card p{
  font-weight:400;
  font-size:15px;
  line-height:1.6;
  color:#4A5568;
  margin-bottom:28px;
}

.accept-button{
  background:#4299E1;
  color:#fff;
  border:none;
  padding:14px 28px;
  font-size:15px;
  font-weight:600;
  border-radius:8px;
  cursor:pointer;
  transition:all .2s;
  width:100%;
  margin-bottom:20px;
}

.accept-button:hover{
  background:#3182CE;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(66,153,225,.25);
}

.remember-row{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
}

.toggle-container{
  position:relative;
  display:inline-block;
  width:44px;
  height:24px;
  margin-left:12px;
}

.toggle-checkbox{
  opacity:0;
  width:0;
  height:0;
}

.toggle-slider{
  position:absolute;
  cursor:pointer;
  inset:0;
  background-color:#E2E8F0;
  transition:.3s;
  border-radius:34px;
}

.toggle-slider:before{
  position:absolute;
  content:"";
  height:18px;
  width:18px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  transition:.3s;
  border-radius:50%;
}

.toggle-checkbox:checked + .toggle-slider{
  background-color:#4299E1;
}
.toggle-checkbox:checked + .toggle-slider:before{
  transform:translateX(20px);
}

.remember-label{
  font-size:14px;
  font-weight:500;
  color:#4A5568;
}

.exit-link{
  color:#718096;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  transition:color .2s;
}

.exit-link:hover{
  color:#2D3748;
  text-decoration:underline;
}

.legal-text{
  font-size:12px;
  color:#718096;
  margin-top:20px;
  line-height:1.5;
}

@media (max-width:640px){
  .verification-card{
    padding:24px 20px !important;
    max-height:90vh !important;
    overflow-y:auto !important;
  }

  .verification-card h1{ font-size:18px !important; }

  .verification-card p,
  .verification-card .legal-text{
    font-size:13px !important;
  }

  .accept-button{
    padding:12px 24px !important;
    font-size:14px !important;
  }
}

/* =========================
   SWITCH / THEME TOGGLE
========================= */
.switch{
  font-size:10px !important;
  position:relative !important;
  display:inline-block !important;
  width:4em !important;
  height:2.2em !important;
  border-radius:30px !important;
  box-shadow:0 0 10px rgba(0,0,0,.1) !important;
}

.switch input{
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
}

.slider{
  position:absolute !important;
  cursor:pointer !important;
  inset:0 !important;
  background-color:#2a2a2a !important;
  transition:.4s !important;
  border-radius:30px !important;
  overflow:hidden !important;
}

.slider:before{
  position:absolute !important;
  content:"" !important;
  height:1.2em !important;
  width:1.2em !important;
  border-radius:20px !important;
  left:.5em !important;
  bottom:.5em !important;
  transition:.4s !important;
  transition-timing-function:cubic-bezier(.81,-0.04,.38,1.5) !important;
  box-shadow:inset 8px -4px 0 0 #fff !important;
}

.switch input:checked + .slider{
  background-color:#00a6ff !important;
}

.switch input:checked + .slider:before{
  transform:translateX(1.8em) !important;
  box-shadow:inset 15px -4px 0 15px #ffcf48 !important;
}

.star{
  background-color:#fff !important;
  border-radius:50% !important;
  position:absolute !important;
  width:5px !important;
  height:5px !important;
  transition:all .4s !important;
}

.star_1{ left:2.5em !important; top:.5em !important; }
.star_2{ left:2.2em !important; top:1.2em !important; }
.star_3{ left:3em !important; top:.9em !important; }

.switch input:not(:checked) ~ .slider .star{
  opacity:1 !important;
}
.switch input:checked ~ .slider .star{
  opacity:0 !important;
}

.cloud{
  width:3.5em !important;
  position:absolute !important;
  bottom:-1.4em !important;
  left:-1.1em !important;
  opacity:0 !important;
  transition:all .4s !important;
}

.switch input:checked ~ .slider .cloud{
  opacity:1 !important;
}

.checkbox-wrapper-51 input[type="checkbox"]{
  visibility:hidden;
  display:none;
}
.checkbox-wrapper-51 .toggle{
  position:relative;
  display:block;
  width:42px;
  height:24px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transform:translate3d(0,0,0);
}
.checkbox-wrapper-51 .toggle:before{
  content:"";
  position:relative;
  top:1px;
  left:1px;
  width:40px;
  height:22px;
  display:block;
  background:#c8ccd4;
  border-radius:12px;
  transition:background .2s ease;
}
.checkbox-wrapper-51 .toggle span{
  position:absolute;
  top:0;
  left:0;
  width:24px;
  height:24px;
  display:block;
  background:#fff;
  border-radius:50%;
  box-shadow:0 2px 6px rgba(154,153,153,.75);
  transition:all .2s ease;
}
.checkbox-wrapper-51 .toggle span svg{
  margin:7px;
  fill:none;
}
.checkbox-wrapper-51 .toggle span svg path{
  stroke:#c8ccd4;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:24;
  stroke-dashoffset:0;
  transition:all .5s linear;
}
.checkbox-wrapper-51 input[type="checkbox"]:checked + .toggle:before{
  background:#1175c7;
}
.checkbox-wrapper-51 input[type="checkbox"]:checked + .toggle span{
  transform:translateX(18px);
}
.checkbox-wrapper-51 input[type="checkbox"]:checked + .toggle span path{
  stroke:#000;
  stroke-dasharray:25;
  stroke-dashoffset:25;
}

/* =========================
   POST / ARTICLE FIXES
========================= */
body.single-post .site,
body.single-post .site-content,
body.single-post .content-area,
body.single-post main,
body.single-post article{
  background:transparent !important;
}

body.single-post .content-area{
  width:100% !important;
  max-width:100% !important;
}

body.single-post .widget-area,
body.single-post .sidebar,
body.single-post aside{
  display:none !important;
}

body.single-post .post-thumbnail:empty,
body.single-post .entry-media:empty,
body.single-post .featured-image:empty,
body.single-post figure.wp-block-post-featured-image:empty{
  display:none !important;
}

body.single-post .post-thumbnail,
body.single-post .entry-media,
body.single-post .featured-image,
body.single-post figure.wp-block-post-featured-image,
body.single-post .wp-block-image,
body.single-post figure{
  background:transparent !important;
}

body.single-post .entry-content,
body.single-post .entry-header,
body.single-post .post,
body.single-post .type-post{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

body.single-post hr{
  border:0;
  height:1px;
  background:rgba(255,255,255,.10);
}

body.single-post input,
body.single-post textarea,
body.single-post select{
  background:rgba(15,23,42,.65);
  color:#e5e7eb;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
}

.lx-hero p a,
.lx-hero p a:link,
.lx-hero p a:visited,
.lx-hero p a:hover,
.lx-hero p a:active,
.lx-hero p a:focus,
.entry-content a,
.entry-content a:link,
.entry-content a:visited,
.entry-content a:hover,
.entry-content a:active,
.entry-content a:focus{
  color:#095CB0 !important;
  text-decoration:none !important;
  border:none !important;
  border-bottom:none !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:none !important;
}

.lx-hero p a::before,
.lx-hero p a::after,
.entry-content a::before,
.entry-content a::after{
  content:none !important;
  display:none !important;
}

/* =========================
   LIGHT MODE / DARK MODE
========================= */
html.light{
  --lx-bg:#f9fafb;
  --lx-surface:#ffffff;
  --lx-surface2:#f3f4f6;
  --lx-border:#e5e7eb;
  --lx-text:#111827;
  --lx-muted:#6b7280;
  --lx-accent:#095CB0;
}

html.light,
html.light body{
  background:var(--lx-bg) !important;
  color:var(--lx-text) !important;
}

html.light .bg-dark-800{ background-color:var(--lx-surface) !important; }
html.light .bg-dark-700{ background-color:var(--lx-surface2) !important; }
html.light .bg-dark-600{ background-color:#eef2f7 !important; }

html.light body .w-full,
html.light body .whitespace-nowrap,
html.light body .text-sm{
  background-color:transparent !important;
  border-width:0 !important;
}

html.light nav,
html.light nav *{
  background-image:none !important;
}

html.light nav{
  background:var(--lx-surface) !important;
  border-bottom:1px solid var(--lx-border) !important;
}

html.light nav a:hover,
html.light nav a:focus,
html.light nav a:active{
  background:transparent !important;
}

html.light a{ color:inherit; }
html.light .text-gray-400,
html.light .text-gray-300{
  color:var(--lx-muted) !important;
}

html.dark{
  --lx-bg:#050608;
  --lx-surface:#0b0d12;
  --lx-surface2:#0f1218;
  --lx-border:rgba(255,255,255,.08);
  --lx-text:#e5e7eb;
  --lx-muted:#9ca3af;
}

html.dark,
html.dark body{
  background:var(--lx-bg) !important;
  color:var(--lx-text) !important;
}

html.dark body nav.w-full{
  background:var(--lx-surface) !important;
}

html.dark body main.w-full,
html.dark body .main-content{
  background:var(--lx-bg) !important;
}

html.dark .bg-dark-800{ background-color:var(--lx-surface) !important; }
html.dark .bg-dark-700{ background-color:var(--lx-surface2) !important; }
html.dark .bg-dark-600{ background-color:rgba(255,255,255,.04) !important; }

html.dark #lx-catbar.lx-catbar-wrap,
html.dark #lx-catbar .lx-catbar{
  background:#0b0d12 !important;
}
html.dark #lx-catbar{
  border-color:var(--lx-border) !important;
}
html.dark a{ color:inherit; }

/* =========================
   SC TOPBAR / FILTER DRAWER
========================= */
.sc-topbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:16px 0 14px;
}

.sc-topbar .sc-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#eaeaea;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  line-height:1;
  backdrop-filter:blur(10px);
}

.sc-topbar .sc-chip:hover{
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.18);
}

.sc-topbar .sc-chip.is-active{
  background:rgba(9,92,176,.18);
  border-color:rgba(9,92,176,.45);
  box-shadow:0 0 0 2px rgba(9,92,176,.20) inset;
}

.sc-topbar .sc-sep{
  flex:1;
  min-width:10px;
}
.sc-topbar-right{
  margin-left:auto;
  opacity:.9;
  font-weight:700;
}

.sc-active-filters{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 18px;
}

.sc-active-filters .sc-chip{
  padding:8px 12px;
  font-weight:600;
  font-size:13px;
}

.sc-drawer-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(2px);
  z-index:9997;
  display:none;
}

.sc-drawer{
  position:fixed;
  top:0;
  right:0;
  height:100%;
  width:min(92vw,420px);
  background:#0f1216;
  border-left:1px solid rgba(255,255,255,.10);
  z-index:9998;
  transform:translateX(100%);
  transition:transform .22s ease;
  display:flex;
  flex-direction:column;
}

.sc-drawer.is-open{ transform:translateX(0); }
.sc-drawer-backdrop.is-open{ display:block; }

.sc-drawer-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.sc-drawer-title{
  font-size:16px;
  font-weight:800;
}

.sc-drawer-close{
  background:transparent;
  border:0;
  color:#fff;
  font-size:22px;
  line-height:1;
  padding:6px 10px;
  border-radius:10px;
}

.sc-drawer-body{
  padding:14px 16px;
  overflow:auto;
}

.sc-filter-group{
  margin-bottom:16px;
}

.sc-filter-group label{
  display:block;
  margin:0 0 8px;
  font-weight:800;
  opacity:.95;
}

.sc-filter-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.sc-filter-grid a{
  display:block;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:#eaeaea;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}

.sc-filter-grid a.is-active{
  background:rgba(9,92,176,.18);
  border-color:rgba(9,92,176,.45);
}

.sc-drawer-footer{
  margin-top:auto;
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  gap:10px;
}

.sc-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  font-weight:800;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
}

.sc-btn-primary{
  background:linear-gradient(90deg,#095CB0,#0974FB);
  border-color:rgba(9,92,176,.55);
}

.sc-no-scroll{ overflow:hidden !important; }

.sc-filter-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.sc-filter-close{
  font-weight:900;
  font-size:14px;
  opacity:.8;
}

.sc-filter-btn.is-open .sc-filter-close{
  display:inline;
}
.sc-filter-btn.is-open .sc-filter-label{
  opacity:.8;
}

/* =========================
   RESPONSIVE FIXES
========================= */
@media (max-width:1200px){
  .cams-grid{ grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); }
}
@media (max-width:992px){
  .mobile-menu-toggle{ display:block; }
}
@media (max-width:768px){
  .cams-grid{
    grid-template-columns:repeat(auto-fill, minmax(180px,1fr));
    gap:15px;
  }
  .cam-info{ padding:12px; }
  .cam-title{ font-size:.9rem; }
  .cam-meta{ font-size:.75rem; }

  .responsive-embed{
    padding-top:105% !important;
  }

  .mx-auto .max-w-screen-xl{
    max-width:100vw !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
@media (max-width:576px){
  .header{ padding:12px 15px; }
  .logo{ font-size:1.1rem; }
  .main-content{ padding:15px; }
  .cams-grid{
    grid-template-columns:repeat(auto-fill, minmax(150px,1fr));
    gap:12px;
  }
  .category-chip{ padding:6px 14px; font-size:.8rem; }
  .search-bar{ padding:10px 15px 10px 40px; font-size:.9rem; }
  .search-icon{ left:12px; font-size:.9rem; }
}

.max-w-screen-xl .shadow{
  margin-bottom:10px;
  padding-top:0 !important;
  padding-bottom:10px !important;
  height:95px !important;
}

.max-w-screen-xl .flex-shrink-0{
  flex-shrink:0 !important;
  position:relative !important;
  top:-1px !important;
  margin-top:25px !important;
  border-color:#3b82f6;
}

.max-w-screen-xl .h-6{
  top:-10px !important;
  position:relative !important;
}

.max-w-screen-xl .flex-col{
  margin-top:25px !important;
}

.max-w-screen-xl .flex .text-sm{
  border-width:0;
  color:#666666;
  text-transform:capitalize;
}

@media (max-width:639px){
  .max-w-screen-xl .flex-shrink-0{
    margin-top:22px !important;
  }
}

body .max-w-screen-xl > .flex{
  margin-bottom:-4px !important;
}

.mx-auto a .overflow-hidden{
  margin-top:-20px !important;
}

.mx-auto .grid .hover\:shadow-xl a > .items-center{
  padding-bottom:0 !important;
}

.flex-col img{
  height:20px;
}

.ml-1 img{
  position:relative;
  top:1px !important;
}

/* =========================
   SCROLLBARS
========================= */
::-webkit-scrollbar{
  width:6px;
  height:6px;
}
::-webkit-scrollbar-track{
  background:var(--light-200);
}
::-webkit-scrollbar-thumb{
  background:#095CB0;
  border-radius:3px;
}
::-webkit-scrollbar-thumb:hover{
  background:#0974FB;
}