/* Vanikam final polish — stronger contrast, premium cards, better mobile rhythm */
:root{--uv-cyan:#06b6d4;--uv-gold:#f59e0b;--uv-ink:#050816;--uv-card:rgba(15,23,42,.74);--uv-border:rgba(148,163,184,.18)}
html{scroll-behavior:smooth;background-color:#050816}
body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 12%,rgba(6,182,212,.16),transparent 32%),radial-gradient(circle at 82% 10%,rgba(245,158,11,.12),transparent 28%),linear-gradient(180deg,rgba(2,6,23,.24),rgba(2,6,23,.86))}
.true-light-mode{color:#0f172a;background:#f8fafc!important}
.true-light-mode::before{background:radial-gradient(circle at 18% 12%,rgba(6,182,212,.18),transparent 32%),radial-gradient(circle at 82% 10%,rgba(245,158,11,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.72),rgba(248,250,252,.96))}
.true-light-mode .bg-slate-950,.true-light-mode .bg-slate-900,.true-light-mode .bg-neutral-900{background-color:rgba(255,255,255,.88)!important;color:#0f172a!important}
.true-light-mode .text-white,.true-light-mode .text-slate-100,.true-light-mode .text-slate-200{color:#0f172a!important}
.true-light-mode .text-slate-300,.true-light-mode .text-slate-400,.true-light-mode .text-slate-500{color:#475569!important}
.true-light-mode .border-slate-800,.true-light-mode .border-neutral-800{border-color:rgba(15,23,42,.12)!important}
header.fixed{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-link-custom{position:relative;border-radius:999px;padding:.42rem .72rem}
.nav-link-custom::after{content:"";position:absolute;left:50%;right:50%;bottom:.16rem;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--uv-cyan),var(--uv-gold));transition:left .22s ease,right .22s ease}
.nav-link-custom:hover::after,.nav-link-custom.active::after{left:.7rem;right:.7rem}
.uv-card,.uv-business-card,.uv-community-card,.uv-job-card,.uv-quickad-card,article[class*="card"],.group.rounded-2xl{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.uv-business-card:hover,.uv-community-card:hover,.uv-job-card:hover,.uv-quickad-card:hover,.group.rounded-2xl:hover{transform:translateY(-3px)}
input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(6,182,212,.16)!important}
button,a{touch-action:manipulation}
#uv-special-link-pane{max-width:100vw}
#uv-special-link-pane .animate-fade-in-up{animation:uvFadeLift .32s ease both}
#uv-special-link-track{will-change:transform}
.uv-special-link-slide:focus-visible{outline:3px solid rgba(6,182,212,.55);outline-offset:3px}
@keyframes uvFadeLift{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:768px){header.fixed{padding-left:.75rem!important;padding-right:.75rem!important}.nav-link-custom{padding:.35rem .55rem}#uv-mobile-menu{top:76px!important}.hero-title,.uv-hero-title,h1{letter-spacing:-.03em}.uv-special-link-slide{min-height:90px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* v186: keep the special link frame fixed on the same right side area under the header */
#uv-special-link-pane{
  left:auto!important;
  right:1rem!important;
  width:min(520px, calc(100vw - 2rem))!important;
  max-width:calc(100vw - 2rem)!important;
  justify-content:flex-end!important;
  padding-left:0!important;
  padding-right:0!important;
  z-index:9990!important;
}
#uv-special-link-pane > div{
  width:100%!important;
  max-width:none!important;
}
#uv-special-link-pane .uv-special-link-slide{
  min-height:96px;
}
#uv-special-link-pane img{
  background:rgba(15,23,42,.06);
}
@media (max-width: 768px){
  #uv-special-link-pane{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%);
    width:calc(100vw - 1.5rem)!important;
    max-width:calc(100vw - 1.5rem)!important;
    justify-content:center!important;
  }
  #uv-special-link-pane .uv-special-link-slide{min-height:92px;}
}

/* v187: final right-side alignment for Special Link Frame.
   Keeps the frame on the right background area and prevents it from covering the page title in light mode. */
#uv-special-link-pane{
  position:fixed!important;
  left:auto!important;
  right:clamp(16px, 3.2vw, 52px)!important;
  transform:none!important;
  width:min(480px, calc(100vw - 32px))!important;
  max-width:480px!important;
  justify-content:flex-end!important;
  padding:0!important;
  margin-top:0!important;
  z-index:9995!important;
}
#uv-special-link-pane > div{
  width:100%!important;
  max-width:480px!important;
}
#uv-special-link-pane .uv-special-link-slide{
  min-height:92px!important;
}
#uv-special-link-pane .uv-special-link-slide > div:first-child{
  min-width:0!important;
}
#uv-special-link-pane .uv-special-link-slide h3{
  line-height:1.15!important;
}
#uv-special-link-pane .uv-special-link-slide p{
  max-height:2.4em;
  overflow:hidden;
}
#uv-special-link-pane .uv-special-link-slide > div:last-child{
  width:118px!important;
  height:92px!important;
}
body.true-light-mode #uv-special-link-pane > div > div{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.16), 0 0 0 1px rgba(255,255,255,.75)!important;
}
body.true-light-mode #uv-special-link-pane .uv-special-link-slide{
  background:rgba(255,255,255,.96)!important;
}
@media (min-width: 1024px){
  body.home #uv-special-link-pane,
  body.front-page #uv-special-link-pane{
    top:max(var(--uv-special-pane-top, 210px), 210px)!important;
  }
}
@media (min-width: 1280px){
  #uv-special-link-pane{
    width:min(500px, calc(100vw - 32px))!important;
    max-width:500px!important;
  }
  #uv-special-link-pane > div{max-width:500px!important;}
}
@media (max-width: 1023px){
  #uv-special-link-pane{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:520px!important;
    justify-content:center!important;
  }
}
@media (max-width: 640px){
  #uv-special-link-pane{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
  #uv-special-link-pane .uv-special-link-slide > div:last-child{
    width:96px!important;
    height:88px!important;
  }
  #uv-special-link-pane .uv-special-link-slide{min-height:88px!important;}
}

/* v188: Transparent special-link ad frame.
   Keeps the same right-side position, but removes the heavy white/background box
   so the page background image is not blocked. Only the ad card remains visible. */
#uv-special-link-pane{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
#uv-special-link-pane > div{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
#uv-special-link-pane > div > div{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#uv-special-link-pane .uv-special-link-slide{
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
  -webkit-backdrop-filter:blur(10px) saturate(140%)!important;
  backdrop-filter:blur(10px) saturate(140%)!important;
}
#uv-special-link-pane .uv-special-link-slide:hover{
  background:rgba(255,255,255,.48)!important;
}
#uv-special-link-pane .uv-special-link-slide > div:first-child{
  background:transparent!important;
}
#uv-special-link-pane .uv-special-link-slide > div:last-child{
  background:transparent!important;
  border-left:1px solid rgba(255,255,255,.28)!important;
}
#uv-special-link-pane .uv-special-link-slide h3{
  color:#0f172a!important;
  text-shadow:0 1px 1px rgba(255,255,255,.45);
}
#uv-special-link-pane .uv-special-link-slide p,
#uv-special-link-pane .uv-special-link-slide span{
  color:#334155!important;
  text-shadow:0 1px 1px rgba(255,255,255,.35);
}
body.true-light-mode #uv-special-link-pane > div > div{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.true-light-mode #uv-special-link-pane .uv-special-link-slide{
  background:rgba(255,255,255,.30)!important;
  border-color:rgba(255,255,255,.50)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
}
body.true-light-mode #uv-special-link-pane .uv-special-link-slide:hover{
  background:rgba(255,255,255,.46)!important;
}
html.dark #uv-special-link-pane .uv-special-link-slide,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-link-slide{
  background:rgba(15,23,42,.42)!important;
  border-color:rgba(6,182,212,.22)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
html.dark #uv-special-link-pane .uv-special-link-slide:hover,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-link-slide:hover{
  background:rgba(15,23,42,.56)!important;
}
html.dark #uv-special-link-pane .uv-special-link-slide h3,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-link-slide h3{
  color:#f8fafc!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
html.dark #uv-special-link-pane .uv-special-link-slide p,
html.dark #uv-special-link-pane .uv-special-link-slide span,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-link-slide p,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-link-slide span{
  color:#cbd5e1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
#uv-special-link-pane button[aria-label="Close"]{
  background:rgba(255,255,255,.65)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  border-color:rgba(255,255,255,.45)!important;
}
@media (max-width:640px){
  #uv-special-link-pane .uv-special-link-slide{
    background:rgba(255,255,255,.58)!important;
  }
}

/* v189: whole-site light-mode readability fix.
   The background images stay visible, but all text/content sits on readable glass layers. */
body.true-light-mode::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.84)),
    radial-gradient(circle at 20% 15%, rgba(6,182,212,.14), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(245,158,11,.10), transparent 30%) !important;
  z-index:-1 !important;
}

/* Make image-backed pages readable without removing the background image */
body.true-light-mode main,
body.true-light-mode [id^="content-"]{
  color:#0f172a !important;
}
body.true-light-mode [id^="content-"] section{
  position:relative;
}
body.true-light-mode [id^="content-"] section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.78)) !important;
  z-index:0;
}
body.true-light-mode [id^="content-"] section > *{
  position:relative;
  z-index:1;
}

/* Strong readable cards/panels in light mode */
body.true-light-mode .cyber-card,
body.true-light-mode .uv-form,
body.true-light-mode .uv-contact-info,
body.true-light-mode .uv-business-card,
body.true-light-mode .uv-community-card,
body.true-light-mode .uv-job-card,
body.true-light-mode .uv-quickad-card,
body.true-light-mode .uv-biz-card,
body.true-light-mode .uv-classified-card,
body.true-light-mode .uv-plan-card,
body.true-light-mode .bg-neutral-900\/60,
body.true-light-mode .bg-neutral-900\/70,
body.true-light-mode .bg-neutral-900\/80,
body.true-light-mode .bg-neutral-950,
body.true-light-mode .bg-slate-950,
body.true-light-mode .bg-slate-900,
body.true-light-mode .bg-\[\#050b14\]\/70,
body.true-light-mode .bg-\[\#0a0f1c\],
body.true-light-mode .rounded-3xl.border,
body.true-light-mode .rounded-2xl.border{
  background:rgba(255,255,255,.86) !important;
  border-color:rgba(15,23,42,.14) !important;
  color:#0f172a !important;
  box-shadow:0 18px 48px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
}

/* Text contrast — covers Tailwind text utilities used across all pages */
body.true-light-mode main .text-white,
body.true-light-mode main .text-slate-50,
body.true-light-mode main .text-slate-100,
body.true-light-mode main .text-slate-200,
body.true-light-mode main .text-slate-300,
body.true-light-mode main .text-slate-400,
body.true-light-mode main .text-neutral-50,
body.true-light-mode main .text-neutral-100,
body.true-light-mode main .text-neutral-200,
body.true-light-mode main .text-neutral-300,
body.true-light-mode main .text-neutral-400,
body.true-light-mode main .text-gray-100,
body.true-light-mode main .text-gray-200,
body.true-light-mode main .text-gray-300,
body.true-light-mode main .text-gray-400,
body.true-light-mode [id^="content-"] .text-white,
body.true-light-mode [id^="content-"] .text-slate-100,
body.true-light-mode [id^="content-"] .text-slate-200,
body.true-light-mode [id^="content-"] .text-slate-300,
body.true-light-mode [id^="content-"] .text-slate-400,
body.true-light-mode [id^="content-"] .text-neutral-100,
body.true-light-mode [id^="content-"] .text-neutral-200,
body.true-light-mode [id^="content-"] .text-neutral-300,
body.true-light-mode [id^="content-"] .text-neutral-400{
  color:#1e293b !important;
  text-shadow:none !important;
}
body.true-light-mode main .text-slate-500,
body.true-light-mode main .text-neutral-500,
body.true-light-mode main .text-gray-500,
body.true-light-mode [id^="content-"] .text-slate-500,
body.true-light-mode [id^="content-"] .text-neutral-500,
body.true-light-mode [id^="content-"] .text-gray-500{
  color:#475569 !important;
}
body.true-light-mode main p,
body.true-light-mode main li,
body.true-light-mode main label,
body.true-light-mode main small,
body.true-light-mode [id^="content-"] p,
body.true-light-mode [id^="content-"] li,
body.true-light-mode [id^="content-"] label,
body.true-light-mode [id^="content-"] small{
  color:#1f2937 !important;
}
body.true-light-mode main h1,
body.true-light-mode main h2,
body.true-light-mode main h3,
body.true-light-mode main h4,
body.true-light-mode main h5,
body.true-light-mode main h6,
body.true-light-mode [id^="content-"] h1,
body.true-light-mode [id^="content-"] h2,
body.true-light-mode [id^="content-"] h3,
body.true-light-mode [id^="content-"] h4,
body.true-light-mode [id^="content-"] h5,
body.true-light-mode [id^="content-"] h6{
  color:#0f172a !important;
  text-shadow:0 1px 0 rgba(255,255,255,.45) !important;
}

/* Fix gradient transparent headings in light mode */
body.true-light-mode .text-transparent.bg-clip-text,
body.true-light-mode [id^="content-"] .text-transparent.bg-clip-text{
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  background-image:none !important;
}

/* Forms must be fully readable */
body.true-light-mode main input,
body.true-light-mode main select,
body.true-light-mode main textarea,
body.true-light-mode [id^="content-"] input,
body.true-light-mode [id^="content-"] select,
body.true-light-mode [id^="content-"] textarea{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(15,23,42,.18) !important;
  color:#0f172a !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}
body.true-light-mode main input::placeholder,
body.true-light-mode main textarea::placeholder,
body.true-light-mode [id^="content-"] input::placeholder,
body.true-light-mode [id^="content-"] textarea::placeholder{
  color:#64748b !important;
  opacity:1 !important;
}
body.true-light-mode main input[type="file"]::file-selector-button,
body.true-light-mode [id^="content-"] input[type="file"]::file-selector-button{
  background:rgba(245,158,11,.14) !important;
  color:#92400e !important;
}

/* Keep colored badges/buttons intentional */
body.true-light-mode .bg-amber-500,
body.true-light-mode .from-amber-500,
body.true-light-mode .to-amber-600,
body.true-light-mode button[type="submit"]{
  color:#111827 !important;
}
body.true-light-mode .text-amber-400,
body.true-light-mode .text-amber-500{
  color:#b45309 !important;
}
body.true-light-mode a:not(header a):not(.btn-cyber):not(.uv-btn-list){
  color:#0f4c81;
}

/* Contact page specific: avoid washed-out text over the image */
body.true-light-mode #content-contact .bg-neutral-900\/60{
  background:rgba(255,255,255,.88) !important;
}
body.true-light-mode #content-contact .border-neutral-800,
body.true-light-mode #content-contact .border-neutral-800\/80{
  border-color:rgba(15,23,42,.14) !important;
}
body.true-light-mode #content-contact .bg-neutral-950{
  background:rgba(255,255,255,.98) !important;
}
body.true-light-mode #content-contact .contact-readable-card{
  background:rgba(255,255,255,.88) !important;
}

/* Do not let the special ad frame reduce main content readability */
body.true-light-mode #uv-special-link-pane .uv-special-link-slide{
  background:rgba(255,255,255,.54) !important;
  border-color:rgba(15,23,42,.16) !important;
}

@media (max-width:768px){
  body.true-light-mode [id^="content-"] section::before{
    background:rgba(255,255,255,.82) !important;
  }
  body.true-light-mode .rounded-3xl.border,
  body.true-light-mode .rounded-2xl.border,
  body.true-light-mode .cyber-card{
    background:rgba(255,255,255,.92) !important;
  }
}

/* v190: FINAL special ads frame fix.
   Show only the ad image frame on the same right-side position.
   This removes the long text/background strip that was covering light-mode content. */
#uv-special-link-pane{
  width:auto!important;
  max-width:none!important;
  right:clamp(18px, 3vw, 46px)!important;
  left:auto!important;
  transform:none!important;
  justify-content:flex-end!important;
  pointer-events:none!important;
}
#uv-special-link-pane > div{
  width:150px!important;
  max-width:150px!important;
  min-width:150px!important;
  pointer-events:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#uv-special-link-pane > div > div{
  width:150px!important;
  height:104px!important;
  max-width:150px!important;
  background:transparent!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#uv-special-link-track{
  width:150px!important;
  height:104px!important;
  overflow:visible!important;
}
#uv-special-link-pane .uv-special-link-slide{
  width:150px!important;
  min-width:150px!important;
  flex:0 0 150px!important;
  height:104px!important;
  min-height:104px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  display:block!important;
}
#uv-special-link-pane .uv-special-link-slide > div:first-child{
  display:none!important;
}
#uv-special-link-pane .uv-special-link-slide > div:last-child{
  width:150px!important;
  height:104px!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  overflow:hidden!important;
  box-shadow:0 10px 22px rgba(15,23,42,.16)!important;
}
#uv-special-link-pane .uv-special-link-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px!important;
  padding:4px!important;
}
html.dark #uv-special-link-pane .uv-special-link-slide img,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-link-slide img{
  background:rgba(15,23,42,.55)!important;
  border-color:rgba(255,255,255,.16)!important;
}
#uv-special-link-pane button[aria-label="Close"]{
  top:-12px!important;
  right:-12px!important;
  z-index:10010!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.18)!important;
}
#uv-special-link-pane .uv-special-link-slide .absolute.top-2.right-2{
  display:block!important;
  top:6px!important;
  right:6px!important;
}
@media (max-width:1023px){
  #uv-special-link-pane{
    left:auto!important;
    right:14px!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
  }
}
@media (max-width:640px){
  #uv-special-link-pane > div,
  #uv-special-link-pane > div > div,
  #uv-special-link-track,
  #uv-special-link-pane .uv-special-link-slide,
  #uv-special-link-pane .uv-special-link-slide > div:last-child{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    height:88px!important;
    min-height:88px!important;
    flex-basis:126px!important;
  }
}

/* v191: final live fixes — special link image-only + light-mode readability */
#uv-special-link-pane{
  width:min(180px, calc(100vw - 2rem))!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  pointer-events:none!important;
}
#uv-special-link-pane > div{
  width:100%!important;
  max-width:180px!important;
  margin-left:auto!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  pointer-events:auto!important;
}
#uv-special-link-pane .uv-special-image-shell{
  width:150px!important;
  height:116px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#uv-special-link-track{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#uv-special-link-pane .uv-special-link-slide,
#uv-special-link-pane .uv-special-link-image-only{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
#uv-special-link-pane .uv-special-link-slide > div:first-child,
#uv-special-link-pane .uv-special-link-slide h3,
#uv-special-link-pane .uv-special-link-slide p,
#uv-special-link-pane .uv-special-link-slide span:not(.sr-only):not(.uv-special-ad-badge),
#uv-special-link-pane .uv-special-link-slide svg{
  display:none!important;
}
#uv-special-link-pane .uv-special-link-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
#uv-special-link-pane .uv-special-ad-badge{
  display:inline-flex!important;
  background:rgba(15,23,42,.72)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
body.true-light-mode #uv-special-link-pane,
body.true-light-mode #uv-special-link-pane > div,
body.true-light-mode #uv-special-link-pane .uv-special-link-slide{
  background:transparent!important;
  box-shadow:none!important;
}
#uv-special-link-pane button[aria-label="Close"]{
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.18)!important;
}
@media (min-width: 1024px){
  #uv-special-link-pane{right:clamp(20px,3vw,56px)!important;}
}
@media (max-width: 768px){
  #uv-special-link-pane{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:150px!important;
  }
  #uv-special-link-pane .uv-special-image-shell{width:140px!important;height:104px!important;}
}

/* Stronger readable text in light mode, site-wide */
body.true-light-mode,
body.true-light-mode main,
body.true-light-mode section,
body.true-light-mode .font-tamil{
  color:#0f172a!important;
}
body.true-light-mode h1,
body.true-light-mode h2,
body.true-light-mode h3,
body.true-light-mode h4,
body.true-light-mode .text-white,
body.true-light-mode .text-slate-100,
body.true-light-mode .text-slate-200,
body.true-light-mode .text-slate-300{
  color:#0f172a!important;
  text-shadow:0 1px 2px rgba(255,255,255,.60)!important;
}
body.true-light-mode p,
body.true-light-mode label,
body.true-light-mode .text-slate-400,
body.true-light-mode .text-slate-500,
body.true-light-mode .text-neutral-300{
  color:#1e293b!important;
}
body.true-light-mode input,
body.true-light-mode select,
body.true-light-mode textarea{
  color:#0f172a!important;
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(15,23,42,.16)!important;
}
body.true-light-mode input::placeholder,
body.true-light-mode textarea::placeholder{
  color:#64748b!important;
  opacity:1!important;
}
body.true-light-mode .cyber-card,
body.true-light-mode .glass,
body.true-light-mode .glass-panel,
body.true-light-mode .bg-slate-950\/60,
body.true-light-mode .bg-\[\#050b14\]\/70{
  background:rgba(255,255,255,.80)!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.10)!important;
}
body.true-light-mode .bg-gradient-to-b.from-\[\#030712\]\/20,
body.true-light-mode .bg-gradient-to-b.from-\[\#030712\]\/20.v191-none{
  opacity:.16!important;
}


/* v192: Remove the large light-mode background frame around the currency converter.
   Keep only the converter card visible; let the page background show normally. */
body.true-light-mode #uv-currency-section,
body.true-light-mode section.uv-currency-section{
  background:transparent!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
}
body.true-light-mode #uv-currency-section::before,
body.true-light-mode section.uv-currency-section::before{
  content:none!important;
  display:none!important;
  background:transparent!important;
}
body.true-light-mode #uv-currency-section > .absolute,
body.true-light-mode section.uv-currency-section > .absolute{
  opacity:.22!important;
}
body.true-light-mode #uv-currency-section .max-w-5xl,
body.true-light-mode section.uv-currency-section .max-w-5xl{
  background:transparent!important;
  box-shadow:none!important;
}
body.true-light-mode #uv-currency-section .bg-slate-900\/40,
body.true-light-mode section.uv-currency-section .bg-slate-900\/40{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 24px 65px rgba(15,23,42,.16)!important;
}
body.true-light-mode #uv-currency-section .xe-chart-container,
body.true-light-mode section.uv-currency-section .xe-chart-container{
  background:rgba(255,255,255,.30)!important;
  border:0!important;
  box-shadow:none!important;
}
@media (min-width:1024px){
  body.true-light-mode #uv-currency-section,
  body.true-light-mode section.uv-currency-section{
    padding-top:3.25rem!important;
  }
}

/* v193: Restore the previous special ad text + image card, but keep it compact in the same right-side location. */
#uv-special-link-pane{
  width:min(390px, calc(100vw - 2rem))!important;
  right:clamp(18px, 3vw, 54px)!important;
  left:auto!important;
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#uv-special-link-pane > div{
  width:100%!important;
  max-width:390px!important;
  margin-left:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
#uv-special-link-pane .uv-special-card-shell,
#uv-special-link-pane > div > div{
  width:360px!important;
  max-width:min(360px, calc(100vw - 2rem))!important;
  height:104px!important;
  min-height:104px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.42)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
#uv-special-link-track{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:transparent!important;
}
#uv-special-link-pane .uv-special-link-slide,
#uv-special-link-pane .uv-special-link-text-image{
  width:100%!important;
  min-width:100%!important;
  flex:0 0 100%!important;
  height:104px!important;
  min-height:104px!important;
  padding:13px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:20px!important;
  overflow:hidden!important;
  color:#0f172a!important;
  text-decoration:none!important;
}
#uv-special-link-pane .uv-special-link-slide > div:first-child,
#uv-special-link-pane .uv-special-link-slide h3,
#uv-special-link-pane .uv-special-link-slide p,
#uv-special-link-pane .uv-special-link-slide span:not(.sr-only):not(.uv-special-ad-badge):not(.uv-special-copy):not(.uv-special-title):not(.uv-special-desc):not(.uv-special-domain):not(.uv-special-thumb){
  display:initial!important;
}
#uv-special-link-pane .uv-special-copy{display:block!important;min-width:0!important;}
#uv-special-link-pane .uv-special-title{display:block!important;font-size:15px!important;line-height:1.15!important;font-weight:900!important;color:#0f172a!important;letter-spacing:-.01em!important;}
#uv-special-link-pane .uv-special-desc{display:block!important;margin-top:4px!important;font-size:12px!important;line-height:1.15!important;font-weight:600!important;color:#475569!important;}
#uv-special-link-pane .uv-special-domain{display:block!important;margin-top:8px!important;font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#334155!important;}
#uv-special-link-pane .uv-special-thumb{display:flex!important;width:92px!important;height:92px!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.80)!important;overflow:hidden!important;box-shadow:none!important;}
#uv-special-link-pane .uv-special-link-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:3px!important;
  border-radius:16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
#uv-special-link-pane .uv-special-ad-badge{display:inline-flex!important;background:rgba(15,23,42,.68)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;}
#uv-special-link-pane button[aria-label="Close"]{top:-11px!important;right:-11px!important;background:rgba(255,255,255,.95)!important;color:#0f172a!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 8px 20px rgba(15,23,42,.18)!important;}
html.dark #uv-special-link-pane .uv-special-card-shell,
html.dark #uv-special-link-pane > div > div,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-card-shell,
body:not(.true-light-mode) #uv-special-link-pane > div > div{
  background:rgba(15,23,42,.46)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.24)!important;
}
html.dark #uv-special-link-pane .uv-special-title,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-title{color:#fff!important;text-shadow:none!important;}
html.dark #uv-special-link-pane .uv-special-desc,
html.dark #uv-special-link-pane .uv-special-domain,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-desc,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-domain{color:#cbd5e1!important;text-shadow:none!important;}
html.dark #uv-special-link-pane .uv-special-thumb,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-thumb{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;}
@media (max-width:1023px){
  #uv-special-link-pane{right:14px!important;width:min(360px, calc(100vw - 1.5rem))!important;}
}
@media (max-width:640px){
  #uv-special-link-pane{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(330px, calc(100vw - 1.25rem))!important;}
  #uv-special-link-pane .uv-special-card-shell,
  #uv-special-link-pane > div > div{width:100%!important;height:96px!important;min-height:96px!important;}
  #uv-special-link-pane .uv-special-link-slide{height:96px!important;min-height:96px!important;padding:11px 12px!important;}
  #uv-special-link-pane .uv-special-thumb{width:78px!important;height:78px!important;}
  #uv-special-link-pane .uv-special-title{font-size:14px!important;}
  #uv-special-link-pane .uv-special-desc{font-size:11px!important;}
}


/* v194: Restore visible text + image special ad card.
   Previous live issue: only close button appeared because older image-only rules and invalid nested thumb markup hid the card.
   This final override forces the card, text, and image to be visible. */
#uv-special-link-pane{
  position:fixed!important;
  right:clamp(18px,3vw,52px)!important;
  left:auto!important;
  width:390px!important;
  max-width:calc(100vw - 2rem)!important;
  z-index:90!important;
  display:flex!important;
  justify-content:flex-end!important;
  pointer-events:none!important;
  background:transparent!important;
  opacity:1!important;
  visibility:visible!important;
}
#uv-special-link-pane.hidden{display:none!important;}
#uv-special-link-pane > div{
  display:block!important;
  width:390px!important;
  max-width:100%!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#uv-special-link-pane .uv-special-card-shell,
#uv-special-link-pane .uv-special-image-shell,
#uv-special-link-pane > div > div{
  display:block!important;
  width:390px!important;
  max-width:100%!important;
  height:112px!important;
  min-height:112px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.14)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  opacity:1!important;
  visibility:visible!important;
}
#uv-special-link-track{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
}
#uv-special-link-pane .uv-special-link-slide,
#uv-special-link-pane .uv-special-link-text-image{
  display:flex!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  height:112px!important;
  min-height:112px!important;
  padding:14px 16px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#0f172a!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
#uv-special-link-pane .uv-special-copy,
#uv-special-link-pane .uv-special-title,
#uv-special-link-pane .uv-special-desc,
#uv-special-link-pane .uv-special-domain,
#uv-special-link-pane .uv-special-thumb,
#uv-special-link-pane .uv-special-link-slide img,
#uv-special-link-pane .uv-special-ad-badge{
  visibility:visible!important;
  opacity:1!important;
}
#uv-special-link-pane .uv-special-copy{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  padding-right:10px!important;
  overflow:hidden!important;
}
#uv-special-link-pane .uv-special-title{
  display:block!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#0f172a!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}
#uv-special-link-pane .uv-special-desc{
  display:block!important;
  margin-top:5px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:650!important;
  color:#475569!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}
#uv-special-link-pane .uv-special-domain{
  display:block!important;
  margin-top:9px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#334155!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}
#uv-special-link-pane .uv-special-thumb{
  display:flex!important;
  position:relative!important;
  flex:0 0 92px!important;
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  border-radius:18px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.9)!important;
}
#uv-special-link-pane .uv-special-thumb img,
#uv-special-link-pane .uv-special-link-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
#uv-special-link-pane .uv-special-ad-badge{
  display:inline-flex!important;
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  background:rgba(15,23,42,.72)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  z-index:2!important;
}
#uv-special-link-pane button[aria-label="Close"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  top:-12px!important;
  right:-12px!important;
  z-index:99!important;
  opacity:1!important;
  visibility:visible!important;
}
html.dark #uv-special-link-pane .uv-special-card-shell,
html.dark #uv-special-link-pane .uv-special-image-shell,
html.dark #uv-special-link-pane > div > div,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-card-shell,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-image-shell,
body:not(.true-light-mode) #uv-special-link-pane > div > div{
  background:rgba(15,23,42,.60)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.25)!important;
}
html.dark #uv-special-link-pane .uv-special-title,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-title{color:#fff!important;}
html.dark #uv-special-link-pane .uv-special-desc,
html.dark #uv-special-link-pane .uv-special-domain,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-desc,
body:not(.true-light-mode) #uv-special-link-pane .uv-special-domain{color:#cbd5e1!important;}
@media (max-width:768px){
  #uv-special-link-pane{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(360px, calc(100vw - 1.25rem))!important;}
  #uv-special-link-pane > div,
  #uv-special-link-pane .uv-special-card-shell,
  #uv-special-link-pane .uv-special-image-shell,
  #uv-special-link-pane > div > div{width:100%!important;height:102px!important;min-height:102px!important;}
  #uv-special-link-pane .uv-special-link-slide{height:102px!important;min-height:102px!important;padding:12px 14px!important;}
  #uv-special-link-pane .uv-special-thumb{flex-basis:80px!important;width:80px!important;height:80px!important;min-width:80px!important;}
}

/* v196: Mobile friendly hardening across the whole Vanikam theme */
html, body{
  width:100%;
  max-width:100vw;
  overflow-x:hidden!important;
}
img, video, canvas, svg{max-width:100%;}

/* Prevent fixed backgrounds and oversized widgets on phones */
@media (max-width: 767px){
  body,
  .dark body,
  html[data-theme="light"] body{
    background-attachment:scroll!important;
    background-position:center top!important;
  }

  /* Header: compact, readable, no horizontal overflow */
  header.fixed{z-index:10000!important;}
  header.fixed > div{
    padding-left:10px!important;
    padding-right:10px!important;
    gap:8px!important;
  }
  header.fixed img[alt]{
    width:48px!important;
    height:48px!important;
  }
  header.fixed .font-tamil.font-black{
    font-size:1rem!important;
    line-height:1.05!important;
  }
  header.fixed .text-\[9px\]{letter-spacing:.12em!important;}
  #uv-mobile-btn{min-width:36px;min-height:36px;line-height:1;}
  #uv-mobile-menu{
    top:86px!important;
    max-height:calc(100vh - 86px)!important;
    overflow-y:auto!important;
    z-index:9999!important;
  }
  body.admin-bar #uv-mobile-menu{top:112px!important;max-height:calc(100vh - 112px)!important;}

  /* Special ad: compact centered card under header, never off-screen */
  #uv-special-link-pane{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(360px, calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    z-index:9998!important;
  }
  #uv-special-link-pane > div,
  #uv-special-link-pane .uv-special-card-shell,
  #uv-special-link-pane .uv-special-image-shell,
  #uv-special-link-pane > div > div{
    width:100%!important;
    max-width:100%!important;
    height:92px!important;
    min-height:92px!important;
  }
  #uv-special-link-pane .uv-special-link-slide,
  #uv-special-link-pane .uv-special-link-text-image{
    height:92px!important;
    min-height:92px!important;
    padding:10px 12px!important;
    gap:8px!important;
  }
  #uv-special-link-pane .uv-special-copy{display:block!important;min-width:0!important;flex:1 1 auto!important;padding-right:6px!important;}
  #uv-special-link-pane .uv-special-title{font-size:13px!important;line-height:1.15!important;max-width:100%!important;}
  #uv-special-link-pane .uv-special-desc{font-size:10.5px!important;line-height:1.2!important;}
  #uv-special-link-pane .uv-special-domain{font-size:9.5px!important;line-height:1.1!important;}
  #uv-special-link-pane .uv-special-thumb{flex:0 0 70px!important;width:70px!important;height:70px!important;min-width:70px!important;}
  #uv-special-link-pane button[aria-label="Close"]{top:-10px!important;right:-8px!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;}

  /* Hero: one column, comfortable top spacing below fixed header */
  section[style*="min-height: 720px"]{
    min-height:auto!important;
    padding-top:118px!important;
    padding-bottom:34px!important;
  }
  section[style*="min-height: 720px"] .grid.grid-cols-2{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  section[style*="min-height: 720px"] .grid.grid-cols-2 > div{
    padding:18px!important;
    border-radius:20px!important;
  }
  section[style*="min-height: 720px"] h1,
  section[style*="min-height: 720px"] h2{
    font-size:clamp(1.75rem, 9vw, 2.55rem)!important;
    line-height:1.08!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  section[style*="min-height: 720px"] p{font-size:.92rem!important;line-height:1.65!important;}

  /* Clickable feature icons: fixed mobile grid instead of uneven wrapping */
  section[style*="min-height: 720px"] .flex.flex-wrap.justify-center.gap-4{
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    gap:16px 8px!important;
    margin-top:28px!important;
  }
  section[style*="min-height: 720px"] .flex.flex-wrap.justify-center.gap-4 > div{
    width:100%!important;
    gap:7px!important;
  }
  section[style*="min-height: 720px"] .flex.flex-wrap.justify-center.gap-4 svg{width:26px!important;height:26px!important;}
  section[style*="min-height: 720px"] .flex.flex-wrap.justify-center.gap-4 span{
    font-size:9px!important;
    letter-spacing:.08em!important;
    text-align:center!important;
    color:#0f172a!important;
    text-shadow:0 1px 1px rgba(255,255,255,.55)!important;
  }
  body:not(.true-light-mode) section[style*="min-height: 720px"] .flex.flex-wrap.justify-center.gap-4 span{color:#cbd5e1!important;text-shadow:none!important;}

  /* Stats cards: readable two-column on phones, single column on tiny screens */
  section[style*="min-height: 720px"] .grid.grid-cols-2.lg\:grid-cols-4{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:10px!important;
    margin-top:28px!important;
    padding-top:18px!important;
  }
  section[style*="min-height: 720px"] .grid.grid-cols-2.lg\:grid-cols-4 a{
    padding:12px!important;
    gap:10px!important;
    min-width:0!important;
  }
  section[style*="min-height: 720px"] .grid.grid-cols-2.lg\:grid-cols-4 a .w-11{width:36px!important;height:36px!important;}
  section[style*="min-height: 720px"] .grid.grid-cols-2.lg\:grid-cols-4 a span{white-space:normal!important;}
  @media (max-width: 380px){
    section[style*="min-height: 720px"] .grid.grid-cols-2.lg\:grid-cols-4{grid-template-columns:1fr!important;}
  }

  /* Currency converter: no overflow from fixed min-width selects */
  #uv-currency-section{padding-top:42px!important;padding-bottom:42px!important;}
  #uv-currency-section .rounded-\[32px\]{border-radius:22px!important;padding:16px!important;}
  #uv-currency-section .grid{gap:14px!important;}
  #uv-currency-section .flex.items-center.bg-slate-950\/80{
    flex-direction:column!important;
    align-items:stretch!important;
    padding:12px!important;
    gap:10px!important;
  }
  #uv-currency-section input{width:100%!important;margin-right:0!important;font-size:1.35rem!important;}
  #uv-currency-section select{width:100%!important;min-width:0!important;font-size:.82rem!important;}
  #uv-currency-section .min-w-\[160px\]{min-width:0!important;width:100%!important;}
  #uv-currency-section canvas{max-width:100%!important;}

  /* Forms and cards on all pages */
  form input, form select, form textarea{font-size:16px!important;max-width:100%!important;}
  .grid{min-width:0;}
  .rounded-3xl, .rounded-2xl{max-width:100%;}

  /* Feature popup: safe on small screens */
  #feature-modal{padding:14px!important;align-items:center!important;z-index:10050!important;}
  #feature-modal-content{
    width:100%!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100vh - 56px)!important;
    overflow-y:auto!important;
    padding:22px 18px!important;
    border-radius:20px!important;
  }
  #feature-modal-title{font-size:1.25rem!important;line-height:1.25!important;letter-spacing:.08em!important;}
  #feature-modal-desc{font-size:.92rem!important;line-height:1.65!important;}
}

@media (min-width:768px) and (max-width:1023px){
  #uv-special-link-pane{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(420px, calc(100vw - 28px))!important;
  }
  section[style*="min-height: 720px"]{padding-top:120px!important;}
  section[style*="min-height: 720px"] .grid.grid-cols-2{grid-template-columns:1fr!important;}
}

/* v198: HARD FIX — special ad card content visible.
   The old image-only CSS used a high-specificity span:not(...) selector with !important,
   which still hid the text and image spans. These selectors intentionally use equal/higher
   specificity and come last, so the text + image frame actually displays. */
#uv-special-link-pane{
  position:fixed!important;
  right:clamp(18px,3vw,52px)!important;
  left:auto!important;
  width:390px!important;
  max-width:calc(100vw - 2rem)!important;
  z-index:9991!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  pointer-events:none!important;
  background:transparent!important;
  opacity:1!important;
  visibility:visible!important;
}
#uv-special-link-pane.flex{display:flex!important;}
#uv-special-link-pane.hidden{display:none!important;}
#uv-special-link-pane > div{
  width:390px!important;
  max-width:100%!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
#uv-special-link-pane .uv-special-card-shell,
#uv-special-link-pane .uv-special-image-shell,
#uv-special-link-pane > div > div{
  display:block!important;
  width:390px!important;
  max-width:100%!important;
  height:112px!important;
  min-height:112px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.52)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.20)!important;
  -webkit-backdrop-filter:blur(15px)!important;
  backdrop-filter:blur(15px)!important;
  opacity:1!important;
  visibility:visible!important;
}
body.true-light-mode #uv-special-link-pane .uv-special-card-shell,
body.true-light-mode #uv-special-link-pane .uv-special-image-shell,
body.true-light-mode #uv-special-link-pane > div > div{
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(255,255,255,.88)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.14)!important;
}
#uv-special-link-track{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
  overflow:visible!important;
}
#uv-special-link-pane a.uv-special-link-slide,
#uv-special-link-pane a.uv-special-link-text-image,
#uv-special-link-pane .uv-special-link-slide.uv-special-link-text-image{
  display:flex!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:112px!important;
  min-height:112px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:14px 16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
}
/* Override old hidden span rules with equal/higher specificity */
#uv-special-link-pane .uv-special-link-slide span.uv-special-copy,
#uv-special-link-pane .uv-special-link-slide span.uv-special-title,
#uv-special-link-pane .uv-special-link-slide span.uv-special-desc,
#uv-special-link-pane .uv-special-link-slide span.uv-special-domain,
#uv-special-link-pane .uv-special-link-slide span.uv-special-thumb{
  opacity:1!important;
  visibility:visible!important;
}
#uv-special-link-pane .uv-special-link-slide span.uv-special-copy{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  padding-right:10px!important;
  overflow:hidden!important;
}
#uv-special-link-pane .uv-special-link-slide span.uv-special-title{
  display:block!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#ffffff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}
#uv-special-link-pane .uv-special-link-slide span.uv-special-desc{
  display:block!important;
  margin-top:5px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:650!important;
  color:#dbeafe!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}
#uv-special-link-pane .uv-special-link-slide span.uv-special-domain{
  display:block!important;
  margin-top:9px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  color:#e2e8f0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}
body.true-light-mode #uv-special-link-pane .uv-special-link-slide span.uv-special-title{color:#0f172a!important;}
body.true-light-mode #uv-special-link-pane .uv-special-link-slide span.uv-special-desc{color:#475569!important;}
body.true-light-mode #uv-special-link-pane .uv-special-link-slide span.uv-special-domain{color:#334155!important;}
#uv-special-link-pane .uv-special-link-slide span.uv-special-thumb{
  display:flex!important;
  position:relative!important;
  flex:0 0 92px!important;
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
body.true-light-mode #uv-special-link-pane .uv-special-link-slide span.uv-special-thumb{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(255,255,255,.90)!important;
}
#uv-special-link-pane .uv-special-link-slide span.uv-special-thumb img,
#uv-special-link-pane .uv-special-link-slide img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
#uv-special-link-pane .uv-special-link-slide span.uv-special-ad-badge{
  display:inline-flex!important;
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  opacity:1!important;
  visibility:visible!important;
  background:rgba(15,23,42,.72)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
}
#uv-special-link-pane button[aria-label="Close"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  top:-13px!important;
  right:-13px!important;
  z-index:100!important;
  opacity:1!important;
  visibility:visible!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.20)!important;
}
@media (max-width:767px){
  #uv-special-link-pane{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(350px, calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
  }
  #uv-special-link-pane > div,
  #uv-special-link-pane .uv-special-card-shell,
  #uv-special-link-pane .uv-special-image-shell,
  #uv-special-link-pane > div > div{width:100%!important;height:96px!important;min-height:96px!important;}
  #uv-special-link-pane a.uv-special-link-slide,
  #uv-special-link-pane a.uv-special-link-text-image{height:96px!important;min-height:96px!important;padding:11px 12px!important;gap:8px!important;}
  #uv-special-link-pane .uv-special-link-slide span.uv-special-title{font-size:13px!important;}
  #uv-special-link-pane .uv-special-link-slide span.uv-special-desc{font-size:10.5px!important;}
  #uv-special-link-pane .uv-special-link-slide span.uv-special-domain{font-size:9.5px!important;}
  #uv-special-link-pane .uv-special-link-slide span.uv-special-thumb{flex-basis:72px!important;width:72px!important;height:72px!important;min-width:72px!important;border-radius:14px!important;}
}

/* v199: Special ad rebuilt with vnk-* selectors. Old #uv-special-link-pane rules no longer affect it. */
html.dark #vnk-special-ad-shell,
body:not(.true-light-mode) #vnk-special-ad-shell{
  background:rgba(15,23,42,.58)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
html.dark .vnk-special-ad-title,
body:not(.true-light-mode) .vnk-special-ad-title{color:#fff!important;}
html.dark .vnk-special-ad-desc,
html.dark .vnk-special-ad-domain,
body:not(.true-light-mode) .vnk-special-ad-desc,
body:not(.true-light-mode) .vnk-special-ad-domain{color:#dbeafe!important;}
html.dark .vnk-special-ad-thumb,
body:not(.true-light-mode) .vnk-special-ad-thumb{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;}
@media (max-width:767px){
  #vnk-special-ad-pane{width:min(350px,calc(100vw - 20px))!important;}
}