/* =========================
   VK LUX (Energinga Luxury)
   ========================= */

/* ---- Design tokens ---- */
:root{
  --bg:#0B0B0E;
  --panel:#121218;
  --panel2:#161622;
  --stroke:#242434;
  --text:#F5F5F7;
  --muted:#A7A7B0;

  --gold:#C8A45A;
  --gold2:#E7C77B;

  --glow: 0 0 0.8rem rgba(200,164,90,.25), 0 0 2.2rem rgba(200,164,90,.18);
  --shadow: 0 18px 40px rgba(0,0,0,.55);
  --r: 18px;
}
/* ---- Base ---- */
html, body{ background:var(--bg) !important; color:var(--text); }
a{ color:inherit; }
a:hover{ text-decoration:none; }

body *{ -webkit-tap-highlight-color: transparent; }
::selection{ background: rgba(200,164,90,.25); }

/* ---- Typography ---- */
h1,h2,h3{ letter-spacing:-0.02em; }
.vk-h1{
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1.02;
  font-weight: 800;
}
.vk-sub{
  color: var(--muted);
  font-size: 15px;
  line-height: 1.45;
}

/* ---- Containers (safe for Gamma) ---- */
.vk-wrap{ max-width: 1180px; margin: 0 auto; padding: 0 14px; }

/* ---- Header quick luxury polish ---- */
header, .header, #header{
  background: rgba(11,11,14,.80) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(36,36,52,.65);
}
header .logo a, .logo a{ color:var(--text) !important; }
header a:hover{ opacity:.95; }

/* ---- Buttons ---- */
.vk-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(36,36,52,.9);
  background: linear-gradient(180deg, rgba(22,22,34,.95), rgba(18,18,24,.95));
  color: var(--text);
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.vk-btn:hover{ transform: translateY(-1px); border-color: rgba(200,164,90,.55); box-shadow: var(--shadow), var(--glow); }
.vk-btn:active{ transform: translateY(0); }

.vk-btn--gold{
  border: 1px solid rgba(200,164,90,.55);
  background: linear-gradient(180deg, rgba(231,199,123,.25), rgba(200,164,90,.10));
}
.vk-btn--gold:hover{ border-color: rgba(231,199,123,.85); }

/* ---- Hero ---- */
.vk-hero{
  position: relative;
  padding: 28px 0 18px;
}
.vk-heroCard{
  position: relative;
  border-radius: calc(var(--r) + 6px);
  background:
    radial-gradient(1200px 340px at 20% 0%, rgba(231,199,123,.18), transparent 55%),
    radial-gradient(900px 320px at 85% 10%, rgba(200,164,90,.14), transparent 50%),
    linear-gradient(180deg, rgba(22,22,34,.92), rgba(12,12,18,.92));
  border: 1px solid rgba(36,36,52,.85);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.vk-heroInner{ padding: 22px 18px; }
.vk-heroGlow{
  position:absolute; inset:-2px;
  pointer-events:none;
  background: radial-gradient(600px 220px at 50% 0%, rgba(231,199,123,.18), transparent 60%);
  mix-blend-mode: screen;
  opacity:.85;
}

/* ---- Search bar ---- */
.vk-search{
  margin-top: 14px;
  display:flex; gap:10px; flex-wrap:wrap;
}
.vk-input{
  flex: 1 1 80px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(36,36,52,.85);
  background: rgba(11,11,14,.55);
  color: var(--text);
  padding: 0 16px;
  outline:none;
  transition: box-shadow .18s ease, border-color .18s ease;
}
.vk-input::placeholder{ color: rgba(167,167,176,.80); }
.vk-input:focus{ border-color: rgba(231,199,123,.70); box-shadow: var(--glow); }

/* ---- CTA cards ---- */
.vk-ctaGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 740px){
  .vk-ctaGrid{ grid-template-columns: 1fr; }
}
.vk-cta{
  position: relative;
  border-radius: calc(var(--r) + 2px);
  border: 1px solid rgba(36,36,52,.85);
  background:
    radial-gradient(600px 200px at 20% 20%, rgba(200,164,90,.18), transparent 58%),
    linear-gradient(180deg, rgba(22,22,34,.96), rgba(12,12,18,.96));
  box-shadow: 0 14px 34px rgba(0,0,0,.40);
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.vk-cta:hover{ transform: translateY(-2px); border-color: rgba(231,199,123,.65); box-shadow: var(--shadow), var(--glow); }
.vk-cta a{ display:block; padding: 16px 16px; }
.vk-ctaTop{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.vk-ctaTitle{ font-size: 18px; font-weight: 900; letter-spacing:-0.02em; }
.vk-ctaDesc{ margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.4; }
.vk-ico{
  width: 40px; height: 40px;
  border-radius: 14px;
  display:grid; place-items:center;
  border: 1px solid rgba(36,36,52,.85);
  background: rgba(11,11,14,.55);
  box-shadow: 0 10px 18px rgba(0,0,0,.35);
}
.vk-ico svg{ width: 20px; height: 20px; fill: none; stroke: var(--gold2); stroke-width: 2; }

/* ---- Make common cards darker (optional but nice) ---- */
.item, .card, .products .item, .products .simple .item, .products .standard .item{
  background: var(--panel) !important;
  border: 1px solid rgba(36,36,52,.70) !important;
  border-radius: var(--r) !important;
}
/* PREMIUM DARK UPGRADE */

.products.grid .item {
  background: #141419 !important;
  border: 1px solid #23232d !important;
  border-radius: 18px !important;
  transition: all .25s ease;
  overflow: hidden;
}

.products.grid .item:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0,0,0,.6),
              0 0 25px rgba(200,164,90,.25);
  border-color: rgba(200,164,90,.6);
}

.products.grid .item .price {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #E7C77B !important;
}

.products.grid .item img {
  border-radius: 12px;
}

.products.grid h2 {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  letter-spacing: -0.02em;
}
/* ===== LUX CARD v2 (loop-single.php) ===== */
.vk-card2{
  background: #121218;
  border: 1px solid rgba(36,36,52,.78);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0,0,0,.35);
  transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease;
}
.vk-card2:hover{
  transform: translateY(-4px);
  border-color: rgba(231,199,123,.55);
  box-shadow: 0 20px 44px rgba(0,0,0,.60), 0 0 24px rgba(200,164,90,.22);
}

.vk-card2__media{
  display:block; position:relative;
  aspect-ratio: 1 / 1;
  background:#0b0b0e;
}
.vk-card2__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.vk-card2__media.no-image img{ object-fit:contain; opacity:.95; }

.vk-badge2{
  position:absolute; top:12px; left:12px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .02em;
  border: 1px solid rgba(36,36,52,.75);
  background: rgba(11,11,14,.70);
  backdrop-filter: blur(8px);
  display:inline-flex; align-items:center; gap:8px;
}
.vk-badge2--prem{ border-color: rgba(231,199,123,.55); color:#0b0b0e; background: linear-gradient(180deg, rgba(231,199,123,.95), rgba(200,164,90,.92)); }
.vk-badge2--sold{ color:#F5F5F7; }
.vk-badge2--res{ color:#F5F5F7; }

.vk-card2__actions{
  position:absolute; top:10px; right:10px;
  display:flex; gap:8px; align-items:center;
}
.vk-card2__actions .vk-act{
  display:inline-flex;
  border: 1px solid rgba(36,36,52,.78);
  background: rgba(11,11,14,.60);
  border-radius: 12px;
  padding: 6px 8px;
  backdrop-filter: blur(10px);
}

.vk-card2__time{
  position:absolute; left:12px; bottom:12px;
  font-size: 12px;
  color: rgba(245,245,247,.86);
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(36,36,52,.78);
  background: rgba(11,11,14,.62);
  backdrop-filter: blur(10px);
  display:inline-flex; gap:8px; align-items:center;
}

.vk-card2__body{ padding: 12px 12px 14px; position:relative; }
.vk-card2__preview{
  position:absolute; top:10px; right:10px;
  width:32px; height:32px;
  border-radius: 12px;
  border: 1px solid rgba(36,36,52,.78);
  background: rgba(11,11,14,.55);
  display:grid; place-items:center;
}
.vk-card2__title{
  display:block;
  font-weight: 900;
  color:#F5F5F7;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-size: 14px;
  max-height: 2.6em;
  overflow:hidden;
}
.vk-card2__bottom{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.vk-card2__price{
  color:#E7C77B;
  font-weight: 1000;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.vk-card2__price--na{ color: rgba(167,167,176,.75); }
.vk-card2__loc{
  color: rgba(167,167,176,.90);
  font-size: 12px;
  display:inline-flex; gap:8px; align-items:center;
}
/* Premium šiek tiek ryškesnis */
.vk-card2.is-premium{
  border-color: rgba(231,199,123,.35);
}
.vk-card2.is-premium:hover{
  border-color: rgba(231,199,123,.75);
  box-shadow: 0 22px 50px rgba(0,0,0,.70), 0 0 34px rgba(231,199,123,.28);
}
.mobile-block.isMobile{
  display:flex;
  align-items:center;
  gap:10px;
}

.mobile-block.isMobile a.m-login,
.mobile-block.isMobile a.m-account,
.mobile-block.isMobile a.m-messages{
  padding:8px 10px;
  border-radius:12px;
  font-weight:700;
  font-size:13px;
  line-height:1;
  text-decoration:none;
}

.mobile-block.isMobile a.m-messages{ position:relative; }
.mobile-block.isMobile a.m-messages .counter{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  padding:0 5px;
}
/* MOBILE top links: Prisijungti / Mano paskyra / Žinutės */
@media (max-width: 767px){
  header .mobile-block{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
  }

  .vk-m-toplinks{
    display:flex;
    align-items:center;
    gap:10px;
    margin-right:6px;
  }

  .vk-m-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 10px;
    border-radius:12px;
    text-decoration:none;
    font-size:12px;
    line-height:1;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.10);
  }

  .vk-m-link i{
    font-size:14px;
  }

  .vk-m-badge{
    margin-left:4px;
    font-style:normal;
    font-size:11px;
    line-height:16px;
    min-width:16px;
    height:16px;
    padding:0 5px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}
/* FORCE show mobile header block (responsive.css hides it) */
@media (max-width: 767px){
  header .mobile-block.isMobile{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    font-size:12px !important; /* responsive.css sets font-size:0 */
    height:auto;
    margin:0;
    float:none;
  }

  header .mobile-block.isMobile a,
  header .mobile-block.isMobile span{
    font-size:12px !important;
    line-height:1.1;
  }

  header .vk-m-toplinks{
    display:flex;
    align-items:center;
    gap:10px;
    margin-right:6px;
  }
}
@media (max-width: 767px){
  /* paslėpti desktop dešinę pusę mobile (jei kartais išlenda) */
  header .right.isDesktop.isTablet{ display:none !important; }

  /* mobile blokas */
  header .mobile-block.isMobile{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    font-size:0 !important; /* kad tarpai neatsirastų nuo inline */
  }

  /* mūsų top linkai (Prisijungti / Mano paskyra / Žinutės) */
  header .vk-m-toplinks{
    display:flex;
    align-items:center;
    gap:12px;
    margin-right:6px;
  }

  header .vk-m-toplinks a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:10px;
    font-size:13px !important;
    line-height:1 !important;
    white-space:nowrap;     /* svarbiausia: nebelaužys */
  }

  header .vk-m-toplinks .counter{
    margin-left:6px;
    font-size:11px;
    line-height:1;
  }
}
.vk-m-toplinks{
  display:flex;
  align-items:center;
  gap:12px;
}
.vk-m-toplinks .vk-m-link{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.vk-m-toplinks .vk-m-link span{
  white-space:nowrap;
}
.vk-m-toplinks .vk-m-badge{
  margin-left:6px;
  font-style:normal;
}
@media (max-width: 767px){
  #menu-search,
  .header-search-mobile{
    display:none !important;
  }
}
@media (max-width: 767px){
  .vk-search{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .vk-search .vk-input{
    width: 100%;
  }
  .vk-search .vk-btn{
    width: 100%;
    white-space: nowrap;   /* svarbiausia */
  }
}
@media (max-width: 767px){
  /* HERO paieškos forma tvarkingai stulpeliu */
  .vk-search{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  /* PATAISO „milžinišką ovalą“ */
  .vk-search .vk-input{
    width:100%;
    box-sizing:border-box;
    height:46px;          /* fiksuojam normalų aukštį */
    min-height:46px;
    padding:0 16px;       /* nuimam per didelį padding */
    line-height:46px;     /* stabilus tekstas per vidurį */
    border-radius:24px;   /* gražus pill */
  }

  /* Mygtukai – pilnas plotis, tekstas nelūžta */
  .vk-search .vk-btn{
    width:100%;
    height:44px;
    line-height:44px;
    white-space:nowrap;
    border-radius:24px;
  }
}
@media (max-width: 767px){
  .vk-search .vk-input{ padding:0 16px !important; height:46px !important; }
}
@media (max-width: 767px){
  /* Perrašom tą globalų style.css border-radius:9999px !important */
  .vk-hero .vk-search input.vk-input{
    border-radius: 24px !important;
    height: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 767px){

  header{
    background:#0b0b0f !important;
    border-bottom:1px solid rgba(255,255,255,0.05);
  }

  header .inside{
    background:transparent !important;
  }

}
/* Mobile top links - normalus vaizdas */
@media (max-width: 767px){
  header .vk-m-toplinks{
    display:flex;
    align-items:center;
    gap:10px;
  }

  header .vk-m-toplinks a.vk-m-link{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    height:auto;
    width:auto;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#fff;               /* jei header juodas */
    text-decoration:none;
  }

  header .vk-m-toplinks a.vk-m-link i,
  header .vk-m-toplinks a.vk-m-link span{
    color:inherit !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}
@media (max-width: 767px){
  body#body-home header .vk-m-toplinks a.vk-m-link{ color:var(--text); }
  body:not(#body-home) header .vk-m-toplinks a.vk-m-link{ color:#fff; }
}
@media (max-width: 767px){
  .vk-m-toplinks .vk-m-myitems,
  .vk-m-toplinks .vk-m-profile,
  .vk-m-toplinks .vk-m-alerts,
  .vk-m-toplinks .vk-m-logout{
    display:none !important;
  }
}
@media (max-width: 767px){
  .vk-m-toplinks{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .vk-m-link{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border-radius:12px;
    text-decoration:none;
    color: inherit;
  }

  .vk-m-toggle{ cursor:pointer; }
  .vk-m-caret{ font-size: 12px; opacity:.8; }

  /* Dropdown */
  .vk-m-dropdown{
    margin-top:10px;
    padding:10px;
    border-radius:16px;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
  }

  .vk-m-dd{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 10px;
    border-radius:12px;
    text-decoration:none;
    color: inherit;
  }

  .vk-m-dd + .vk-m-dd{ margin-top:6px; }

  .vk-m-dd-logout{ opacity:.9; }
}
/* MOBILE – Mano paskyra tekstas */
@media (max-width: 767px) {
  header .my-account .txt,
  header .login .txt,
  header .my-account,
  header .login {
    color: #ffffff !important;
  }

  header .my-account svg,
  header .login svg {
    color: #ffffff !important;
    fill: #ffffff !important;
  }
}
@media (max-width: 767px) {
  .vk-m-toplinks .vk-m-link,
  .vk-m-toplinks .vk-m-link span,
  .vk-m-toplinks .vk-m-link i {
    color: rgba(255,255,255,0.92) !important;
  }
}
#menu-cover {
  display: none;
  pointer-events: none;
}

#menu-cover.active {
  display: block;
  pointer-events: auto;
}
/* Leisti desktop user-menu veikti mobile */
@media (max-width: 767px) {
  .user-menu {
    display: block !important;
  }
}
@media (max-width: 767px) {

  .user-menu {
    position: absolute;
    top: 60px;
    right: 15px;
    width: 220px;
    background: #1c1c1e;
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
    display: none;
    z-index: 9999;
  }

  .user-menu.open {
    display: block;
  }

  .user-menu a {
    color: #fff;
  }

}
/* 1) Default CLOSED */
@media (max-width: 767px){
  header .user-menu .ins{
    display: none !important;   /* <-- svarbiausia */
  }

  /* 2) OPEN only when toggled */
  header .user-menu.open .ins{
    display: block !important;
  }
}
/* FIX: mobile "Mano paskyra" dropdown turinys (kad nedingtų tekstas) */
header .user-menu .ins{
  font-size: 14px !important;
  line-height: 1.25 !important;
  color: #111 !important;
}

header .user-menu .ins a,
header .user-menu .ins strong{
  font-size: 14px !important;
  color: #111 !important;
}

header .user-menu .ins a{
  display: block;
  padding: 12px 16px;
  text-decoration: none;
}

header .user-menu .ins a:hover{
  background: rgba(0,0,0,.05);
}

/* jei "line" per aukšta/keista */
header .user-menu .ins .line{
  height: 1px;
  margin: 8px 0;
  background: rgba(0,0,0,.15);
}


/* ============================
   VK FIX: Premium grid layout
   - Mobile: 2 columns
   - Tablet/Desktop: 4 columns
   - Remove overflow / black gaps
   ============================ */

/* Stop old float/102% tricks that cause horizontal overflow */
#premium .prod-wrap{
  float: none !important;
  clear: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 16px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* 2 columns on mobile */
@media (max-width: 767px){
  #premium .prod-wrap{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 12px;
  }
}

/* Each card becomes a grid item (no widths/margins/floats) */
#premium .prod-wrap > .vk-card2{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  box-sizing: border-box;
  height: 100%;
  min-width: 0;
}

/* Make card internal layout vertical: image on top, details below */
.vk-card2__wrap{
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}

.vk-card2__actions{
  position: relative;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: inherit;
}

/* Square media (prevents tall black blocks) */
.vk-card2__media{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1;
  overflow: hidden !important;
  transform: none !important;
  backface-visibility: hidden;
}

.vk-card2__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* Move time/date into normal flow (fixes "1 week ago" floating weirdly) */
.vk-card2__time{
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  margin: 8px 0 0 0;
  padding: 0;
  font-size: 12px;
  opacity: .75;
}

/* Ensure body sits below image and doesn't overlap */
.vk-card2__body{
  width: 100% !important;
  box-sizing: border-box;
}

/* Watchlist button: keep in top-right of image, not somewhere random */
.vk-card2__actions .wl-btn{
  position: absolute !important;
  top: 10px;
  right: 10px;
  z-index: 5;
}

/* Remove hover-jump on touch/tablet (prevents "mirksėjimą") */
@media (hover: none){
  .vk-card2:hover{
    transform: none !important;
  }
}

/* Safety: prevent any horizontal scrolling due to premium block */
#premium, #premium .block, #premium .prod-wrap{
  overflow-x: clip;
}
/* === LINK COLOR FIX (override) === */
body a {
  color: var(--text) !important;
}

body a:hover {
  color: var(--gold) !important;
}
.vk-card2__body{
  position:relative;
}
/* === VK CARD (compact body) - ALL DEVICES === */
.vk-card2__body{
  padding: 10px 12px !important;   /* mažiau “juodo ploto” */
  min-height: 0 !important;        /* jei buvo min-height */
}

/* sutraukiam vidinius tarpus, kad nesipūstų blokas */
.vk-card2__title{
  margin: 0 0 6px 0 !important;
  line-height: 1.2 !important;
}

.vk-card2__price{
  margin: 0 0 6px 0 !important;
}

.vk-card2__location,
.vk-card2__desc,
.vk-card2__meta{
  margin: 0 !important;
}
.vk-card2{
  padding-bottom: 0 !important;
}

/* === FULL-WIDTH HOME GRID (mobile/tablet/desktop) === */

/* nuimam per siaurą konteinerį */
.home-container .inside,
.home-container .inner{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* pats premium grid konteineris */
#premium.products.grid{
  width: 100% !important;
  max-width: 100% !important;
}

/* kortelių grid'as */
.prod-wrap{
  display: grid !important;
  width: 100% !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* mobile default */
}

/* tablet */
@media (min-width: 768px){
  .home-container .inside,
  .home-container .inner{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .prod-wrap{
    gap: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* desktop */
@media (min-width: 1200px){
  .home-container .inside,
  .home-container .inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .prod-wrap{
    gap: 14px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
/* === PRODUCT GRID COMPACT (ALL DEVICES) === */

/* sumažinam bendrą konteinerio padding */
.home-container.premium .inner{
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* mažinam tarpą tarp kortelių */
.prod-wrap{
  gap: 10px !important;   /* buvo ~20-30 */
}

/* užtikrinam, kad kortelės užimtų plotį */
.prod-wrap{
  grid-template-columns: repeat(2, 1fr) !important;
}

/* mažinam tarpą tarp sekcijų */
.home-container{
  margin-bottom: 20px !important;
}
/* === FIX: actions media must NOT reserve square space === */
.vk-card2__actions > a.vk-card2__media{
  aspect-ratio: auto !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* keep the real image square (only the top image inside wrap) */
.vk-card2__wrap > a.vk-card2__media{
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
}
/* ensure premium grid padding controlled only here */
#premium .prod-wrap{ padding: 0 12px !important; }
@media (min-width:768px){ #premium .prod-wrap{ padding: 0 16px !important; } }

/* === SEARCH PAGE: use full width on mobile === */
body#body-search .content,
body#body-search .content .inside,
body#body-search .content .inner,
body#body-search #main,
body#body-search .container,
body#body-search .wrap{
  width: 100% !important;
  max-width: 100% !important;
}

body#body-search .content .inside,
body#body-search .content .inner{
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* === HEADER: remove white bar, make it dark everywhere === */
header,
header .inside,
header .relative2,
header .right,
header .left{
  background: var(--bg) !important;
}

/* jei kažkur uždėtas baltas border */
header{
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
/* ============================
   SUB CATEGORY MENU - DARK STYLE
   ============================ */

#sub-cat{
  background: var(--panel) !important;
  border-top: 1px solid var(--stroke) !important;
  border-bottom: 1px solid var(--stroke) !important;
  padding: 12px 8px !important;
}

/* vidinis wrapper */
#sub-cat .inside{
  background: transparent !important;
}

/* kategorijų linkai */
#sub-cat a{
  background: var(--panel2) !important;
  color: var(--text) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 14px !important;
  padding: 8px 14px !important;
  font-size: 14px;
  transition: all .2s ease;
}

/* hover */
#sub-cat a:hover{
  background: var(--gold) !important;
  color: #000 !important;
  border-color: var(--gold) !important;
}

/* aktyvi kategorija */
#sub-cat a.active,
#sub-cat a.current{
  background: var(--gold) !important;
  color: #000 !important;
  border-color: var(--gold) !important;
}

/* išjungiam senus šviesius efektus */
#sub-cat .nice-scroll-left,
#sub-cat .nice-scroll-right{
  display: none !important;
}
/* ============================
   LOAD MORE - GOLD CTA
   ============================ */

/* wrapper centre */
#inf-more-wrap{
  display: flex !important;
  justify-content: center !important;
  margin: 30px 0 40px !important;
}

/* pats mygtukas */
#inf-more{
  background: var(--gold) !important;
  color: #000 !important;
  border: none !important;
  padding: 14px 26px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  min-width: 200px;
  transition: all .25s ease;
  box-shadow: 0 8px 20px rgba(200,164,90,.35);
}

/* hover */
#inf-more:hover{
  background: var(--gold2) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(200,164,90,.45);
}

/* mobile – gali būti per visą plotį */
@media (max-width: 767px){
  #inf-more{
    width: 100% !important;
    max-width: 320px;
  }
}
/* ============================
   SEARCH: listings count badge
   ============================ */

body#body-search .search-top-bar .titles-top span{
  display: inline-block !important;
  margin-top: 8px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: var(--panel2) !important;
  border: 1px solid var(--stroke) !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .2px;
}

/* jei nori, kad skaičius būtų auksinis */
body#body-search .search-top-bar .titles-top span b,
body#body-search .search-top-bar .titles-top span strong{
  color: var(--gold) !important;
}
/* ============================
   ITEM PAGE – DESCRIPTION FIX
   ============================ */

body#body-item .text,
body#body-item .description,
body#body-item .desc,
body#body-item .item-desc,
body#body-item #description,
body#body-item .item-description{
  color: var(--text) !important;   /* pagrindinis baltas tekstas */
  opacity: 1 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* jei viduje yra <p> */
body#body-item .text p,
body#body-item .item-description p{
  color: var(--text) !important;
}

/* jei kažkur buvo nustatyta muted */
body#body-item .text *,
body#body-item .item-description *{
  color: var(--text) !important;
}
/* ============================
   ITEM PAGE – CUSTOM FIELDS PREMIUM
   ============================ */

body#body-item .custom-fields{
  position: relative;
  background: linear-gradient(145deg, var(--panel), var(--panel2)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  margin-top: 28px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  overflow: hidden;
}

/* ============================
   ITEM PAGE – CUSTOM FIELDS FIX
   ============================ */

body#body-item .custom-fields{
  background: var(--panel) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 16px !important;
  padding: 18px !important;
  margin-top: 20px !important;
}

/* antraštė */
body#body-item .custom-fields h2{
  color: var(--text) !important;
  font-size: 16px !important;
  margin-bottom: 14px !important;
}

/* vidinis sąrašas */
body#body-item .custom-fields .list{
  background: transparent !important;
  color: var(--text) !important;
}

/* kiekviena eilutė */
body#body-item .custom-fields .field{
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--stroke);
}

/* paskutinė eilutė be border */
body#body-item .custom-fields .field:last-child{
  border-bottom: none;
}

/* kairė pusė (pavadinimas) */
body#body-item .custom-fields .name{
  color: var(--muted) !important;
  font-weight: 500;
}

/* dešinė pusė (reikšmė) */
body#body-item .custom-fields .value{
  color: var(--text) !important;
  font-weight: 600;
}
/* ============================
   ITEM – ATTRIBUTES FULL WIDTH MOBILE
   ============================ */

/* Full width mobile */
@media (max-width: 767px){

  body#body-item .custom-fields{
    margin-left: -16px !important;
    margin-right: -16px !important;
    border-radius: 0 !important;
  }

}

/* Premium dark card */
body#body-item .custom-fields{
  background: linear-gradient(145deg, var(--panel), var(--panel2)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 18px !important;
  padding: 20px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

/* Gold accent left line */
body#body-item .custom-fields::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background:linear-gradient(to bottom,var(--gold),var(--gold2));
  box-shadow:0 0 12px rgba(200,164,90,.6);
}

/* Header */
body#body-item .custom-fields h2{
  color: var(--gold) !important;
  font-size: 16px !important;
  margin-bottom: 16px !important;
}

/* Row layout */
body#body-item .custom-fields .field{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* Remove last border */
body#body-item .custom-fields .field:last-child{
  border-bottom:none;
}

/* Left label */
body#body-item .custom-fields .name{
  color: var(--muted) !important;
  font-size:14px;
}

/* Right value – GOLD */
body#body-item .custom-fields .value{
  color: var(--gold) !important;
  font-weight:600;
  font-size:14px;
}
/* ============================
   FIX: ATTRIBUTES look wrong (remove white inner table)
   ============================ */

/* FULL WIDTH on mobile */
@media (max-width: 767px){
  body#body-item .custom-fields{
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    border-radius: 0 !important;
  }
}

/* premium dark card */
body#body-item .custom-fields{
  position: relative;
  background: linear-gradient(145deg, var(--panel), var(--panel2)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 18px !important;
  padding: 18px 18px 14px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  overflow: hidden;
}

/* gold accent */
body#body-item .custom-fields::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:4px; height:100%;
  background:linear-gradient(to bottom,var(--gold),var(--gold2));
  box-shadow:0 0 12px rgba(200,164,90,.45);
}

/* title */
body#body-item .custom-fields h2{
  color: var(--gold) !important;
  margin: 0 0 14px 0 !important;
  font-size: 16px !important;
}

/* REMOVE ALL WHITE BACKGROUNDS inside */
body#body-item .custom-fields .list,
body#body-item .custom-fields .field,
body#body-item .custom-fields .name,
body#body-item .custom-fields .value{
  background: transparent !important;
}

/* rows */
body#body-item .custom-fields .field{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

body#body-item .custom-fields .field:last-child{
  border-bottom: none;
}

/* left label */
body#body-item .custom-fields .name{
  color: var(--muted) !important;
  font-size: 14px;
  min-width: 40%;
}

/* right value */
body#body-item .custom-fields .value{
  color: var(--gold) !important;
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  max-width: 60%;
}

/* prevent weird widths from theme */
body#body-item .custom-fields,
body#body-item .custom-fields .list{
  max-width: 100% !important;
}
/* ============================
   MOBILE: full width + no wrap for attributes
   ============================ */
@media (max-width: 767px){

  /* ištempiam iki ekrano kraštų (jei tema turi padding 16px) */
  body#body-item .custom-fields{
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
    border-radius: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* eilutė visada viena linija */
  body#body-item .custom-fields .field{
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  /* label (kairė) – fiksuotas plotis, neperšoka */
  body#body-item .custom-fields .name{
    flex: 0 0 42% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* value (dešinė) – likęs plotis, neperšoka */
  body#body-item .custom-fields .value{
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: right !important;
    max-width: none !important;
  }
}
/* ============================
   CUSTOM FIELDS: force 2 columns look
   (remove pseudo-column accent)
   ============================ */

/* nuimam pseudo-elementą, kuris atrodo kaip 3-ias stulpelis */
body#body-item .custom-fields::before{
  display: none !important;
}

/* gold akcentas kaip border-left (neprideda “stulpelio”) */
body#body-item .custom-fields{
  border-left: 4px solid var(--gold) !important;
  padding-left: 16px !important; /* kad tekstas neatsispaustų */
}

/* 2 stulpeliai tikrai */
body#body-item .custom-fields .field{
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body#body-item .custom-fields .name{
  flex: 0 0 46% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body#body-item .custom-fields .value{
  flex: 1 1 auto !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* ============================
   ATTRIBUTES – CLEAN 2 COLUMN LAYOUT
   ============================ */

/* Pati kortelė – viena elegantiška kortelė */
body#body-item .custom-fields{
  background: linear-gradient(145deg, var(--panel), var(--panel2)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 20px !important;
  padding: 20px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.55);
}

/* 2 subalansuoti stulpeliai */
body#body-item .custom-fields .field{
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 18px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

body#body-item .custom-fields .field:last-child{
  border-bottom: none;
}

/* kairė pusė */
body#body-item .custom-fields .name{
  flex: 0 0 48% !important;
  color: var(--muted) !important;
  font-size: 14px;
  white-space: normal !important;
  overflow: visible !important;
}

/* dešinė pusė */
body#body-item .custom-fields .value{
  flex: 0 0 52% !important;
  color: var(--gold) !important;
  font-weight: 600;
  font-size: 14px;
  text-align: right !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* mobile full width */
@media (max-width: 767px){
  body#body-item .custom-fields{
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
    border-radius: 0 !important;
  }
}
/* ============================
   FINAL FIX: ATTRIBUTES (mobile full width + 2 cols)
   ============================ */

/* 1) Full width on mobile (apeinam tema padding) */
@media (max-width: 767px){
  body#body-item .custom-fields{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
  }
}

/* 2) Premium card */
body#body-item .custom-fields{
  position: relative;
  background: linear-gradient(145deg, var(--panel), var(--panel2)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 20px !important;
  padding: 18px 16px !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.55);
  overflow: hidden;
}

/* gold accent – ne kaip stulpelis, o kaip border */
body#body-item .custom-fields{
  border-left: 4px solid var(--gold) !important;
}

/* 3) 2 stulpeliai – tvarkingai */
body#body-item .custom-fields .field{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
body#body-item .custom-fields .field:last-child{
  border-bottom: none !important;
}

/* 4) Name platesnis, neperlūžta */
body#body-item .custom-fields .name{
  flex: 0 0 55% !important;
  color: var(--muted) !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 5) Value – tvarkingai dešinėje */
body#body-item .custom-fields .value{
  flex: 1 1 auto !important;
  color: var(--gold) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: right !important;
  white-space: normal !important;    /* value gali lūžti jei labai ilga */
}

/* 6) Nužudom bet kokį baltą vidinį foną */
body#body-item .custom-fields .list,
body#body-item .custom-fields .field{
  background: transparent !important;
}
/* ============================
   FIX: Value takes only needed width (no empty black column)
   ============================ */

body#body-item .custom-fields .field{
  align-items: baseline !important;
}

/* kairė pusė – užima likusį plotį */
body#body-item .custom-fields .name{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* dešinė pusė – tik tiek pločio, kiek reikia tekstui */
body#body-item .custom-fields .value{
  flex: 0 0 auto !important;
  max-width: 65% !important;          /* saugiklis, kad ilgi tekstai nesugriautų */
  white-space: nowrap !important;      /* „Estée Lauder“ bus 1 eilutėje */
}

/* jei labai ilga reikšmė – leisk nukrist į 2 eilutes tik tada */
body#body-item .custom-fields .value.long,
body#body-item .custom-fields .field.value2 .value{
  white-space: normal !important;
}
/* ============================
   ATTRIBUTES: force full row width + push value right
   ============================ */

/* 1) visi konteineriai per visą plotį */
body#body-item .custom-fields,
body#body-item .custom-fields .list,
body#body-item .custom-fields .field{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 2) viena eilutė = flex per visą plotį */
body#body-item .custom-fields .field{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* 3) kairė pusė */
body#body-item .custom-fields .name{
  flex: 0 0 auto !important;
  color: var(--muted) !important;
}

/* 4) dešinė pusė – į patį dešinį kraštą */
body#body-item .custom-fields .value{
  margin-left: auto !important;
  text-align: right !important;
  white-space: nowrap !important;      /* Estée Lauder vienoje eilutėje */
  display: inline-block !important;
  width: auto !important;
}
/* ============================
   ATTRIBUTES: fix clipped value on the right
   ============================ */

body#body-item .custom-fields{
  padding: 0 !important;
}

body#body-item .custom-fields .list{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 14px !important;          /* kad tekstas netrenktųsi į kraštą */
}

body#body-item .custom-fields .field{
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body#body-item .custom-fields .name{
  flex: 0 0 auto !important;
  color: var(--muted) !important;
}

body#body-item .custom-fields .value{
  margin-left: auto !important;
  text-align: right !important;
  color: var(--gold) !important;

  /* svarbiausia dalis – kad nenukirstų */
  max-width: 60% !important;
  white-space: normal !important;      /* leisk lūžti jei reikia */
  overflow-wrap: anywhere !important;
}

/* jei nori kad trumpos reikšmės nelūžtų (pvz Estée Lauder) */
body#body-item .custom-fields .field.nameBrendas .value,
body#body-item .custom-fields .field.name.item-condition .value,
body#body-item .custom-fields .field.name.item-transaction .value{
  white-space: nowrap !important;
}
/* ============================
   ATTRIBUTES: stop pushing whole table sideways
   ============================ */

body#body-item .custom-fields{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;  /* jei kas nors stumia į šoną – nepabėgs */
}

body#body-item .custom-fields .list{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 14px !important;     /* kad turinys netaptų “prie krašto” */
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

/* kiekviena eilutė visada 100% */
body#body-item .custom-fields .field{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 2 stulpeliai tvarkingai, be stūmimo */
body#body-item .custom-fields .field{
  display: grid !important;
  grid-template-columns: 1fr max-content !important;
  align-items: center !important;
  column-gap: 12px !important;
}

body#body-item .custom-fields .name{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body#body-item .custom-fields .value{
  justify-self: end !important;
  text-align: right !important;
  max-width: 60% !important;         /* kad netemptų layout’o */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* ============================
   ATTRIBUTES: show FULL text (no ellipsis)
   ============================ */

/* leisk reikšmėms laužytis į kelias eilutes */
body#body-item .custom-fields .value{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important; /* labai ilgi žodžiai/linkai */
  justify-self: end !important;
  text-align: right !important;
}

/* pavadinimams irgi leidžiam normaliai, bet gali likti 1 eilutė jei nori */
body#body-item .custom-fields .name{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

/* jei nori, kad LABEL (kairė) būtų 1 eilutė, o VALUE (dešinė) – kelios:
body#body-item .custom-fields .name{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* ITEM PAGE TITLE FIX */

body#body-item #listing .item .basic h1{
  color: #ffffff !important;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 12px;
}
body#body-item #listing .item .basic h1{
  color: #fff !important;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 12px;
  letter-spacing: .3px;
}

body#body-item #listing .item .basic h1 span{
  color: var(--gold);
}
/* CTA po kaina */
.basic .vk-cta {
    margin-top: 20px;
    display: flex;
    gap: 12px;
}

/* Mobil versija */
@media (max-width: 768px) {

  .basic .vk-cta {
      flex-direction: column;
  }

  .basic .vk-cta a,
  .basic .vk-cta button {
      width: 100%;
  }

}
/* CTA konteineris po kaina */
.vk-cta{
  margin: 14px 0 18px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.vk-cta__price{
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 12px;
  color: var(--gold);
}

/* mygtukai */
.vk-cta__actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 767px){
  .vk-cta__actions{ grid-template-columns: 1fr; }
}

/* bendras mygtuko stilius */
.vk-cta__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 800;
  text-decoration: none !important;
  cursor: pointer;
}

/* chat */
.vk-cta__chat{
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff !important;
}

/* WATCHLIST: svarbiausia dalis — priverstinai paverčiam jo vidinį <a> į mygtuką */
.vk-cta__save a{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 800;
  text-decoration: none !important;

  background: linear-gradient(180deg, rgba(214,180,90,.95), rgba(160,120,40,.95));
  color: #111 !important;
  border: 1px solid rgba(255,255,255,.18);
}

/* jei watchlist įdeda ikoną */
.vk-cta__save a i,
.vk-cta__save a svg{
  margin-right: 8px;
}
/* ============================
   VK CTA (price + chat + watchlist) - PREMIUM
   ============================ */

.vk-cta{
  margin: 14px 0 18px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* kaina (jei paliksi vk-cta__price) */
.vk-cta__price{
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  color: var(--gold);
  margin: 0 0 12px 0;
}

/* veiksmai */
.vk-cta__actions{
  display: flex;
  gap: 12px;
  align-items: center;
}

/* bendras mygtukų stilius */
.vk-cta__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 16px;
  min-height: 52px;
  border-radius: 14px;
  font-weight: 800;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  color: #fff !important;
  width: 100%;
}

/* “Susirašinėjimas” */
.vk-cta__chat{
  background: rgba(0,0,0,.40);
}

/* Watchlist wrapper (pas tave watchlist() įdedamas į span) */
.vk-cta__save{
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  width: 100%;
}

/* pritaikom watchlist mygtuką, kad atrodytų kaip auksinis */
.vk-cta__save .wl-btn,
.vk-cta__save a,
.vk-cta__save button{
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 52px;
  border-radius: 14px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: linear-gradient(180deg, rgba(212,175,55,.95), rgba(173,134,30,.95)) !important;
  color: #111 !important;
  text-decoration: none !important;
}

/* hover */
@media (hover:hover){
  .vk-cta__btn:hover{ transform: translateY(-1px); }
  .vk-cta__save .wl-btn:hover,
  .vk-cta__save a:hover,
  .vk-cta__save button:hover{
    filter: brightness(1.02);
    transform: translateY(-1px);
  }
}

/* MOBILE: viskas į stulpelį ir per centrą */
@media (max-width: 767px){
  .vk-cta__actions{
    flex-direction: column;
  }

  /* “Susirašinėjimas” per centrą */
  .vk-cta__chat{
    justify-content: center;
    text-align: center;
  }
}
/* ===============================
   PREMIUM CTA CARD
=================================*/

.vk-cta{
  margin: 20px 0 30px;
  padding: 26px;
  border-radius: 22px;
  background: linear-gradient(145deg,#15151d,#0c0c12);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 20px 45px rgba(0,0,0,.55);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* KAINA */
.vk-cta__price{
  font-size: 32px;
  font-weight: 700;
  color: var(--gold);
  text-align: center;
  letter-spacing: .5px;
}

/* MYGTUKŲ BLOKAS */
.vk-cta__actions{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* BENDRAS MYGTUKAS */
.vk-cta__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 18px;
  border-radius: 16px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: all .25s ease;
}

/* SUSIRAŠINĖJIMAS */
.vk-cta__chat{
  background: #111;
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
}

.vk-cta__chat:hover{
  background: #181822;
  transform: translateY(-2px);
}

/* WATCHLIST */
.vk-cta__save{
  background: linear-gradient(135deg,var(--gold),var(--gold2));
  color: #000;
  border: none;
}

.vk-cta__save:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(200,164,90,.35);
}

/* SENĄ KAINĄ SLEPIAM */
#listing .item .basic .price{
  display: none !important;
}
/* GOLD GLOW ant kainos */
.vk-cta__price{
  text-shadow:
    0 0 12px rgba(200,164,90,.35),
    0 0 28px rgba(200,164,90,.22),
    0 0 55px rgba(200,164,90,.12);
}

/* truputį stipriau desktop'e */
@media (min-width: 768px){
  .vk-cta__price{
    text-shadow:
      0 0 14px rgba(200,164,90,.40),
      0 0 34px rgba(200,164,90,.25),
      0 0 70px rgba(200,164,90,.14);
  }
}
@media (max-width: 767px) {

  /* sumažinam hero bloką */
  .vk-hero {
    padding: 20px 0 !important;
  }

  .vk-heroCard {
    padding: 20px 18px !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
  }

  .vk-heroInner {
    padding: 0 !important;
  }

  .vk-h1 {
    font-size: 20px !important;
    margin-bottom: 6px !important;
  }

  .vk-sub {
    font-size: 14px !important;
  }

}
@media (max-width: 767px) {

  .vk-hero {
    padding: 12px 0 !important;
  }

  .vk-heroCard {
    padding: 16px !important;
    margin-bottom: 12px !important;
  }

}
@media (max-width: 767px) {

  .vk-heroCard {
    min-height: auto !important;
  }

}
@media (max-width: 767px) {

  /* sumažinam visą CTA sekciją */
  .vk-ctaGrid {
    gap: 12px !important;
  }

  .vk-cta {
    padding: 16px !important;
    min-height: auto !important;
    border-radius: 16px !important;
  }

  .vk-cta h2,
  .vk-cta .vk-h1 {
    font-size: 18px !important;
    margin-bottom: 6px !important;
  }

  .vk-cta p,
  .vk-cta .vk-sub {
    font-size: 13px !important;
  }

}
@media (max-width: 767px) {

  .vk-cta {
    padding: 14px !important;
  }

}
@media (max-width: 767px) {

  /* 2 blokai vienas po kito, mažas tarpas */
  .vk-ctaGrid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 10px 0 15px 0 !important;
  }

  /* pati kortelė */
  .vk-cta {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    padding: 14px 16px !important;
    min-height: auto !important;
    border-radius: 14px !important;

    background: linear-gradient(135deg, #1e1e1e, #2a2a2a) !important;
  }

  /* pavadinimas */
  .vk-cta .vk-h1,
  .vk-cta h2 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
  }

  /* aprašymas */
  .vk-cta .vk-sub,
  .vk-cta p {
    font-size: 12px !important;
    opacity: 0.8 !important;
  }

}
@media (max-width: 767px) {

  /* sumažinam visą hero sekciją */
  .vk-hero {
    padding: 8px 0 !important;
  }

  /* nuimam bereikalingą glow efektą mobil */
  .vk-heroGlow {
    display: none !important;
  }

  /* kortelė kompaktiška */
  .vk-heroCard {
    padding: 12px 14px !important;
    margin-bottom: 10px !important;
    min-height: auto !important;
    border-radius: 14px !important;
  }

  /* vidinis wrapperis */
  .vk-heroInner {
    padding: 0 !important;
  }

  /* antraštė */
  .vk-h1 {
    font-size: 16px !important;
    margin-bottom: 4px !important;
  }

  /* aprašymas */
  .vk-sub {
    font-size: 12px !important;
  }

}
/* uMessages button in header (tablet/desktop) */
@media (min-width: 768px) {
  header .vk-um-top a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    height: 38px;
    padding: 0 14px;
    border-radius: 999px;

    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.18);
    color: #fff !important;
    text-decoration: none !important;

    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;

    transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
  }

  header .vk-um-top a:hover {
    background: rgba(255,255,255,0.16);
    border-color: rgba(255,255,255,0.26);
    box-shadow: 0 10px 26px rgba(0,0,0,0.20);
    transform: translateY(-1px);
  }
}
/* MOBILE: "Mano paskyra" dropdown (Gamma user-menu) */
@media (max-width: 767px) {

  /* pats dropdown blokas */
  header .user-menu.open,
  header .user-menu {
    background: rgba(12, 12, 14, 0.92) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,0.45) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* vardas viršuje */
  header .user-menu .ins strong {
    color: #fff !important;
  }

  /* nuorodos */
  header .user-menu .ins a,
  header .user-menu .ins a:visited {
    color: rgba(255,255,255,0.92) !important;
  }

  header .user-menu .ins a:hover,
  header .user-menu .ins a:active {
    color: #fff !important;
    opacity: 1 !important;
  }

  /* atskyrimo linija */
  header .user-menu .ins .line {
    background: rgba(255,255,255,0.14) !important;
  }

  /* jei yra ikonų ar svg viduje */
  header .user-menu .ins i,
  header .user-menu .ins svg {
    color: rgba(255,255,255,0.92) !important;
    fill: rgba(255,255,255,0.92) !important;
  }
}
@media (max-width: 767px) {
  header .user-menu input,
  header .user-menu .search,
  header .user-menu .field {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.12) !important;
  }
  header .user-menu input::placeholder {
    color: rgba(255,255,255,0.55) !important;
  }
}
@media (max-width: 767px) {

  header .user-menu.open .ins {
    background: transparent !important;
    box-shadow: none !important;
  }

}
@media (max-width: 767px) {

  header .user-menu .ins {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

}
/* HOME/TOP categories strip - make it dark + compact */
@media (max-width: 767px){

  /* visa juosta */
  #home-cat2,
  #cat-box,
  .ch-top-cat {
    background: transparent !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  /* scroll wrapper */
  #home-cat2 .wrap.nice-scroll,
  #cat-box .wrap.nice-scroll,
  .ch-top-cat .wrap.nice-scroll {
    padding: 0 12px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* kiekvienas item (pill) */
  #home-cat2 a,
  #cat-box a,
  .ch-top-cat a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    height: 34px !important;
    padding: 0 12px !important;
    margin-right: 10px !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;

    color: rgba(255,255,255,0.92) !important;
    text-decoration: none !important;

    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* hover/active */
  #home-cat2 a:hover,
  #cat-box a:hover,
  .ch-top-cat a:hover {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.18) !important;
  }

  /* jei ten yra vidinis blokas .line – nuimam */
  #home-cat2 .line,
  #cat-box .line,
  .ch-top-cat .line {
    display: none !important;
  }
}
/* Fix: category strip text visibility (mobile) */
@media (max-width: 767px){
  #home-cat2 .wrap.nice-scroll a,
  #home-cat2 .wrap.nice-scroll a span,
  #home-cat2 .wrap.nice-scroll a i,
  #home-cat2 .wrap.nice-scroll a svg {
    color: rgba(255,255,255,0.92) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
  }

  /* jei linkai turi savo foną ar borderį – padarom aiškų pill */
  #home-cat2 .wrap.nice-scroll a{
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 999px !important;
    padding: 8px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  #home-cat2 .wrap.nice-scroll a:hover{
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.18) !important;
  }

  /* nuimam tą "line" div, kuris gali maskuoti */
  #home-cat2 .wrap.nice-scroll .line{
    display: none !important;
  }
}
@media (max-width: 767px){

  /* grąžinam line (joje yra visas turinys) */
  #home-cat2 .wrap.nice-scroll .line{
    display: flex !important;
    gap: 10px !important;
    width: auto !important;          /* perrašom inline width:184px */
    padding: 0 12px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  /* patys linkai */
  #home-cat2 .wrap.nice-scroll .line a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 34px !important;
    padding: 0 12px !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;

    color: rgba(255,255,255,0.92) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

  #home-cat2 .wrap.nice-scroll .line a:hover{
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.18) !important;
  }
}@media (max-width: 767px){

  /* container */
  #home-cat2 .wrap.nice-scroll{
    padding: 8px 12px !important;
  }

  /* nuimam inline width ribojimą ir išlyginam */
  #home-cat2 .wrap.nice-scroll .line{
    width: auto !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;  /* jei nori center */
    align-items: center !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* linkai – mini pill */
  #home-cat2 .wrap.nice-scroll .line > a{
    flex: 1 1 0 !important;              /* 2 vienodi mygtukai */
    max-width: 170px;                     /* kad neperdaug išsiplėstų */
    height: 34px !important;
    padding: 0 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;

    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
  }

  /* tekstas */
  #home-cat2 .wrap.nice-scroll .line > a h3,
  #home-cat2 .wrap.nice-scroll .line > a span,
  #home-cat2 .wrap.nice-scroll .line > a{
    color: rgba(255,255,255,0.92) !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 !important;
    opacity: 1 !important;
  }

  /* nuimam keistus vidinius blokelius, kurie daro “highlight” */
  #home-cat2 .wrap.nice-scroll .line > a > div{
    display: none !important;
  }

  /* hover */
  #home-cat2 .wrap.nice-scroll .line > a:hover{
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.18) !important;
  }
}
/* Category strip (#home-cat2) - mini style for ALL devices */
#home-cat2{
  background: transparent !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

#home-cat2 .wrap.nice-scroll{
  padding: 0 12px !important;
}

#home-cat2 .wrap.nice-scroll .line{
  width: auto !important;              /* perrašo inline width */
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2 vienodi mygtukai */
#home-cat2 .wrap.nice-scroll .line > a{
  flex: 0 0 auto !important;
  min-width: 170px;
  height: 38px !important;
  padding: 0 16px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  border-radius: 999px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;

  text-decoration: none !important;
  white-space: nowrap !important;
  -webkit-tap-highlight-color: transparent;
}

#home-cat2 .wrap.nice-scroll .line > a:hover{
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* tekstas */
#home-cat2 .wrap.nice-scroll .line > a h3,
#home-cat2 .wrap.nice-scroll .line > a span{
  color: rgba(255,255,255,0.92) !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* paslepia keistą vidinį div, kuris dažo/fade’ina */
#home-cat2 .wrap.nice-scroll .line > a > div{
  display: none !important;
}
/* #home-cat2 premium size for TABLET + DESKTOP (mobile untouched) */
@media (min-width: 768px){

  #home-cat2{
    padding: 18px 0 !important;
  }

  #home-cat2 .wrap.nice-scroll{
    padding: 0 18px !important;
  }

  #home-cat2 .wrap.nice-scroll .line{
    gap: 16px !important;
  }

  #home-cat2 .wrap.nice-scroll .line > a{
    min-width: 260px !important;
    height: 52px !important;
    padding: 0 22px !important;

    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;

    box-shadow:
      0 10px 26px rgba(0,0,0,0.28),
      inset 0 1px 0 rgba(255,255,255,0.06) !important;
  }

  #home-cat2 .wrap.nice-scroll .line > a:hover{
    background: rgba(255,255,255,0.10) !important;
    border-color: rgba(255,255,255,0.20) !important;
    transform: translateY(-1px);
  }

  #home-cat2 .wrap.nice-scroll .line > a h3,
  #home-cat2 .wrap.nice-scroll .line > a span{
    font-size: 15px !important;
    letter-spacing: 0.3px;
  }
}

/* extra big on wide screens */
@media (min-width: 1200px){
  #home-cat2 .wrap.nice-scroll .line > a{
    min-width: 320px !important;
    height: 58px !important;
  }

  #home-cat2 .wrap.nice-scroll .line > a h3,
  #home-cat2 .wrap.nice-scroll .line > a span{
    font-size: 16px !important;
  }
}
@media (min-width: 768px){

  /* gold glow on hover */
  #home-cat2 .wrap.nice-scroll .line > a:hover{
    border-color: rgba(212,175,55,0.55) !important;
    box-shadow:
      0 12px 32px rgba(0,0,0,0.35),
      0 0 0 1px rgba(212,175,55,0.25),
      0 0 18px rgba(212,175,55,0.25),
      inset 0 1px 0 rgba(255,255,255,0.06) !important;
  }

  /* ACTIVE category (kai pasirinkta) */
  #home-cat2 .wrap.nice-scroll .line > a.active,
  #home-cat2 .wrap.nice-scroll .line > a.current,
  #home-cat2 .wrap.nice-scroll .line > a.selected{
    
    background: linear-gradient(
      90deg,
      rgba(212,175,55,0.18),
      rgba(212,175,55,0.08)
    ) !important;

    border: 1px solid rgba(212,175,55,0.6) !important;

    box-shadow:
      0 12px 30px rgba(0,0,0,0.35),
      0 0 22px rgba(212,175,55,0.35);
  }

  /* tekstas active būsenoje */
  #home-cat2 .wrap.nice-scroll .line > a.active h3,
  #home-cat2 .wrap.nice-scroll .line > a.current h3{
    color: #e7c87a !important;
  }

}/* MOBILE – sumažinam search viršutinį tarpą */
@media (max-width: 767px){

  body#body-search .inside.search{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
    height: auto !important;
  }

  body#body-search .content{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}
/* SEARCH – sumažinam viršutinę sekciją (desktop + tablet) */
body#body-search .inside.search{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    min-height: auto !important;
}

/* jeigu dar lieka tuščias plotas */
body#body-search .content{
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body#body-search .inside.search{
    padding: 18px 0 12px 0 !important;
}
/* SEARCH: mažinam didelį tarpą po top bar (mobile) */
@media (max-width: 767px){
  body#body-search .inside.search { padding-top: 0 !important; }
  body#body-search #main { padding-top: 0 !important; margin-top: 0 !important; }

  body#body-search .relative2 { padding-top: 0 !important; margin-top: 0 !important; }
  body#body-search .search-top-bar { margin-bottom: 8px !important; padding-bottom: 0 !important; }

  body#body-search #search-items { margin-top: 0 !important; padding-top: 0 !important; }
}

/* SEARCH – rezultatai iškart po header (nuimam visus kompensacinius tarpus) */
body#body-search{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* nuimam "aukščio užraktus", kurie sukuria tuščią zoną */
body#body-search section.content.loc-search,
body#body-search .content.loc-search,
body#body-search .content,
body#body-search .content > .inside.search,
body#body-search #main,
body#body-search #search-items,
body#body-search .search-items-wrap,
body#body-search .products.standard{
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

/* jei top baras turi didelį padding/margin */
body#body-search .search-top-bar{
  margin: 0 !important;
  padding: 0 !important;
}
/* SEARCH – rezultatai iškart po header: paslepiam viršutinį kategorijų bloką */
body#body-search .search-top-cat,
body#body-search #home-cat2{
  display: none !important;
}

/* papildomai – kad neliktų “oro” */
body#body-search .content > .inside.search{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* MOBILE FILTER – sutvarkom viršų, kad neslėptų headeris */
body#body-search #gamModal.modal-box{
  z-index: 999999 !important; /* virš headerio */
}

/* duodam vietos viršuje (kad matytųsi pirmas pasirinkimas) */
body#body-search #gamModal .modal-inside{
  padding-top: 64px !important; /* jei reikia – didink iki 72 */
  box-sizing: border-box !important;
}

/* "X" / close visada viršuje ir matomas */
body#body-search #gamModal .modal-close{
  position: fixed !important;
  top: 10px !important;
  right: 12px !important;
  z-index: 1000000 !important;
}

/* jei yra iPhone "safe area" – kad neliptų į viršų */
@supports (padding: max(0px)) {
  body#body-search #gamModal .modal-inside{
    padding-top: max(64px, env(safe-area-inset-top)) !important;
  }
  body#body-search #gamModal .modal-close{
    top: max(10px, env(safe-area-inset-top)) !important;
  }
}
/* =========================
   VK LUX – Mobile filter modal theme
   ========================= */

/* tamsus overlay (fonas už modal) */
body#body-search .modal-cover{
  background: rgba(0,0,0,.65) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* pats modalas kaip "sheet" */
body#body-search #gamModal.modal-box.search-mobile-filter-box{
  background: transparent !important;
}

/* vidinis "kortelės" konteineris */
body#body-search #gamModal .modal-inside{
  background: #0b0b0d !important;          /* tamsus */
  color: #fff !important;
  border-radius: 18px !important;
  margin: 10px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.55) !important;
  overflow: hidden !important;
}

/* viršus: sticky juosta */
body#body-search #gamModal .filter.filter-fancy{
  background: transparent !important;
  padding: 14px 14px 8px 14px !important;
}

/* H2 "Search" */
body#body-search #gamModal .box.isMobile h2{
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 0 0 10px 0 !important;
}

/* label'ai ryškesni */
body#body-search #gamModal label{
  color: rgba(255,255,255,.70) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
}

/* inputų fonas tamsus, su šviesiu tekstu */
body#body-search #gamModal input[type="text"],
body#body-search #gamModal input[type="number"],
body#body-search #gamModal select,
body#body-search #gamModal .mini-box{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important;
}

/* placeholder šviesiai pilkas */
body#body-search #gamModal input::placeholder{
  color: rgba(255,255,255,.45) !important;
}

/* kad readonly laukai (City/Region, Category) irgi atrodytų kaip input */
body#body-search #gamModal #term2,
body#body-search #gamModal #term3{
  -webkit-text-fill-color: #fff;
}

/* rodyklė (fa-angle-down) šviesi */
body#body-search #gamModal .mini-box i.fa{
  color: rgba(255,255,255,.60) !important;
}

/* apačios mygtuko juosta */
body#body-search #gamModal #search-form .button-wrap{
  background: #0b0b0d !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding: 10px 14px 14px 14px !important;
}

/* mygtukas – kaip VK Lux */
body#body-search #gamModal #search-form .button-wrap .btn{
  width: 100% !important;
  height: 48px !important;
  border-radius: 16px !important;
  font-weight: 900 !important;
  background: #ffffff !important;
  color: #0b0b0d !important;
  border: 0 !important;
}

/* X mygtukas – apvalus, "chip" */
body#body-search #gamModal .modal-close{
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* jei X viduje yra icon/svg – pašviesinam */
body#body-search #gamModal .modal-close *{
  color: #fff !important;
  fill: #fff !important;
}/* =========================
   MOBILE FILTER: sutvarkom per didelį custom-field (fieldset) bloką
   ========================= */
body#body-search #gamModal .box.sidehook .sidebar-hooks fieldset{
  margin: 0 0 10px 0 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  min-height: 0 !important;
  height: auto !important;
}

/* jei pluginas priverstinai uždeda aukštį – perrašom */
body#body-search #gamModal .box.sidehook .sidebar-hooks fieldset,
body#body-search #gamModal .box.sidehook .sidebar-hooks .row,
body#body-search #gamModal .box.sidehook .sidebar-hooks .row.one_input{
  max-height: none !important;
}

/* label matomas ir aiškus */
body#body-search #gamModal .box.sidehook .sidebar-hooks label{
  display: block !important;
  margin: 0 0 6px 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,.75) !important;
}

/* patys input/select kompaktiški ir su ryškiu tekstu */
body#body-search #gamModal .box.sidehook .sidebar-hooks input[type="text"],
body#body-search #gamModal .box.sidehook .sidebar-hooks input[type="number"],
body#body-search #gamModal .box.sidehook .sidebar-hooks select{
  width: 100% !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.20) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
}

/* placeholder ir “pasirinkta reikšmė” kad būtų matomi */
body#body-search #gamModal .box.sidehook .sidebar-hooks input::placeholder{
  color: rgba(255,255,255,.50) !important;
}
body#body-search #gamModal .box.sidehook .sidebar-hooks select option{
  color: #111; /* select dropdown dažnai sistemos baltas */
}
/* =========================
   Mobile filter CLOSE button
   ========================= */

#gamModal .modal-close{
  position: absolute;
  top: 16px;
  right: 16px;

  width: 42px !important;
  height: 42px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50% !important;

  background: rgba(255,255,255,0.15) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2) !important;

  cursor: pointer;
  z-index: 9999;
}

/* X simbolis */
#gamModal .modal-close::before{
  content: "✕";
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

/* Hover efektas */
#gamModal .modal-close:hover{
  background: rgba(255,255,255,0.3) !important;
  transform: scale(1.05);
  transition: 0.2s ease;
}
/* =========================
   CATEGORY PICKER "SHOWER" – VK LUX (mobile filter)
   ========================= */

/* pats dropdown/popup */
body#body-search #gamModal .cat-picker .shower-wrap,
body#body-search #gamModal .loc-picker .shower-wrap{
  position: relative !important;
}

body#body-search #gamModal .cat-picker .shower,
body#body-search #gamModal .loc-picker .shower{
  background: #0b0b0d !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.55) !important;
  overflow: hidden !important;
}

/* sąrašo item’ai */
body#body-search #gamModal .cat-picker .shower .option,
body#body-search #gamModal .loc-picker .shower .option,
body#body-search #gamModal .cat-picker .shower a,
body#body-search #gamModal .loc-picker .shower a{
  display: block !important;
  padding: 14px 14px !important;
  color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  font-weight: 700 !important;
}

body#body-search #gamModal .cat-picker .shower .option:last-child,
body#body-search #gamModal .loc-picker .shower .option:last-child,
body#body-search #gamModal .cat-picker .shower a:last-child,
body#body-search #gamModal .loc-picker .shower a:last-child{
  border-bottom: 0 !important;
}

/* hover/active */
body#body-search #gamModal .cat-picker .shower .option:hover,
body#body-search #gamModal .loc-picker .shower .option:hover,
body#body-search #gamModal .cat-picker .shower a:hover,
body#body-search #gamModal .loc-picker .shower a:hover{
  background: rgba(255,255,255,.06) !important;
}

/* paslepiam keistus kvadratėlius/ikonas (dažnai <i> arba .svg) */
body#body-search #gamModal .cat-picker .shower i,
body#body-search #gamModal .loc-picker .shower i,
body#body-search #gamModal .cat-picker .shower .svg,
body#body-search #gamModal .loc-picker .shower .svg{
  display: none !important;
}

/* jei sąrašas per ilgas – tvarkingas scroll */
body#body-search #gamModal .cat-picker .shower{
  max-height: 60vh !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}
/* Mobile filter: Category dropdown list (shower) */
body#body-search #gamModal .cat-picker .shower{
  background:#0b0b0d !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  max-height:60vh !important;
}
body#body-search #gamModal .cat-picker .shower .option{
  padding:14px !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
/* VK Premium Accordion for category picker (mobile filter) */
body#body-search #gamModal #category-picker.cat-picker .shower{
  position: static !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: translateY(-4px) !important;
  transition: max-height .26s ease, opacity .18s ease, transform .18s ease !important;

  background: #0b0b0d !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.55) !important;
}

body#body-search #gamModal #category-picker.cat-picker.vk-open .shower{
  max-height: 60vh !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* premium list items */
body#body-search #gamModal #category-picker.cat-picker .shower .option,
body#body-search #gamModal #category-picker.cat-picker .shower a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding: 14px 14px !important;
  color: rgba(255,255,255,.92) !important;
  text-decoration:none !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  font-weight: 750 !important;
}

/* hide weird icons/squares */
body#body-search #gamModal #category-picker.cat-picker .shower i,
body#body-search #gamModal #category-picker.cat-picker .shower svg,
body#body-search #gamModal #category-picker.cat-picker .shower .svg{
  display:none !important;
}

/* selected check */
body#body-search #gamModal #category-picker.cat-picker .shower .is-selected::after{
  content:"✓";
  color:#fff;
  font-weight:900;
}

/* =========================================================
   VK LUX – SAFE FIX PACK (categories/location pickers)
   - Removes experimental accordion that hid lists
   - Ensures category/location lists are readable & scrollable
   - Fixes item_add category picker wrapper clipping
   ========================================================= */

/* -------- Search / Mobile filter (modal) pickers -------- */

/* Category & Location dropdown panels */
body#body-search #gamModal #category-picker .shower,
body#body-search #gamModal #location-picker .shower{
  background: var(--panel) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow) !important;

  max-height: 60vh !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* List items (Gamma usually uses .option, sometimes <a>) */
body#body-search #gamModal #category-picker .shower .option,
body#body-search #gamModal #location-picker .shower .option,
body#body-search #gamModal #category-picker .shower a,
body#body-search #gamModal #location-picker .shower a{
  display: block !important;
  padding: 14px 14px !important;
  color: var(--text) !important;
  text-decoration: none !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  font-weight: 750 !important;
}

/* last item no border */
body#body-search #gamModal #category-picker .shower .option:last-child,
body#body-search #gamModal #location-picker .shower .option:last-child,
body#body-search #gamModal #category-picker .shower a:last-child,
body#body-search #gamModal #location-picker .shower a:last-child{
  border-bottom: 0 !important;
}

/* hover */
body#body-search #gamModal #category-picker .shower .option:hover,
body#body-search #gamModal #location-picker .shower .option:hover,
body#body-search #gamModal #category-picker .shower a:hover,
body#body-search #gamModal #location-picker .shower a:hover{
  background: rgba(255,255,255,.06) !important;
}

/* Hide broken icon fallbacks (green squares, svg placeholders, etc.) */
body#body-search #gamModal #category-picker .shower i,
body#body-search #gamModal #location-picker .shower i,
body#body-search #gamModal #category-picker .shower svg,
body#body-search #gamModal #location-picker .shower svg,
body#body-search #gamModal #category-picker .shower .svg,
body#body-search #gamModal #location-picker .shower .svg{
  display: none !important;
}


/* -------- Publish / item_add category picker (page=item&action=item_add) -------- */
/* Gamma sometimes clips list inside .wrapper (height fixed + overflow hidden). */
body#body-item-post #category-picker .shower .wrapper{
  height: auto !important;
  max-height: 60vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

/* Keep text readable in list on dark theme */
body#body-item-post #category-picker .shower{
  background: var(--panel) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
}
body#body-item-post #category-picker .shower,
body#body-item-post #category-picker .shower a,
body#body-item-post #category-picker .shower div,
body#body-item-post #category-picker .shower span{
  color: var(--text) !important;
}
/* =========================
   FIX: Categories under top header (mobile/tablet)
   ========================= */

/* 1) Rezultatų/kategorijų turinį nustumiam žemyn nuo fixed header */
@media (max-width: 1024px){
  body#body-search .content{
    padding-top: 72px !important; /* jei reikia – keisim į 64/80 */
  }
}

/* 2) Jei tai yra category picker/dropdown (shower) – padarom, kad jis būtų virš headerio */
@media (max-width: 1024px){
  body#body-search #category-picker .shower-wrap,
  body#body-search #category-picker .shower{
    position: relative !important;
    z-index: 99999 !important;
  }
}
/* =========================
   FIX: item_add form overflows mobile width
   ========================= */

/* 1) hard stop horizontal overflow on publish page */
@media (max-width: 767px){
  body#body-item-post,
  body#body-item-post .content{
    overflow-x: hidden !important;
  }

  /* 2) make all publish containers obey viewport width */
  body#body-item-post .post-edit,
  body#body-item-post .post-edit form,
  body#body-item-post .post-edit fieldset,
  body#body-item-post .post-edit fieldset > .in,
  body#body-item-post .post-edit fieldset > .in > .inside,
  body#body-item-post .post-edit .price-wrap,
  body#body-item-post .post-edit .price-wrap .inside{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* 3) if any row is flex, allow wrapping */
  body#body-item-post .post-edit .price-wrap .inside,
  body#body-item-post .post-edit .row{
    flex-wrap: wrap !important;
  }

  /* 4) ensure inputs/selects don't push layout */
  body#body-item-post .post-edit input,
  body#body-item-post .post-edit select,
  body#body-item-post .post-edit textarea{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* =========================
   FIX: dropdown (picker shower) under header
   Works for: Search filter modal + normal pickers
   ========================= */

/* 1) Ensure header is lower than pickers (only on pages where it hurts) */
body#body-search header,
body#body-item-post header{
  z-index: 5000 !important;
}

/* 2) Put pickers above header */
body#body-search #gamModal .shower-wrap,
body#body-search #gamModal .shower,
body#body-item-post #category-picker .shower-wrap,
body#body-item-post #category-picker .shower,
body#body-search #category-picker .shower-wrap,
body#body-search #category-picker .shower{
  position: relative !important;
  z-index: 99999 !important;
}

/* 3) If dropdown is rendered as fixed/absolute panel, give it safe top offset */
@media (max-width: 1024px){
  body#body-search #gamModal .shower-wrap{
    margin-top: 12px !important;
  }

  /* jei vis tiek užlenda – padidink iki 20px */
}
/* =========================
   FIX: Category picker list under header + internal scroll (mobile)
   ========================= */

@media (max-width: 1024px){

  /* 1) Header stays above page, but list gets its own fixed layer */
  body#body-item-post header{
    z-index: 5000 !important;
  }

  /* 2) When category dropdown is open: pin it below header */
  body#body-item-post #category-picker .shower-wrap{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 72px !important;                 /* <-- jei reikia, keisim 64/80 */
    z-index: 99999 !important;
    margin: 0 !important;
    padding: 0 12px !important;
  }

  body#body-item-post #category-picker .shower{
    background: #fff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
  }

  /* 3) Scroll inside the list, not behind the header */
  body#body-item-post #category-picker .shower .wrapper{
    max-height: calc(100vh - 72px - 24px) !important;  /* 72=top, 24=padding */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* 4) Text visibility (yours is faded/low contrast) */
  body#body-item-post #category-picker .cat-in .elem,
  body#body-item-post #category-picker .cat-in .elem strong,
  body#body-item-post #category-picker .cat-in .elem span{
    color: #111 !important;
    opacity: 1 !important;
  }
}
/* =========================
   Category picker: NO internal scroll, still not under header
   ========================= */
@media (max-width: 1024px){

  body#body-item-post header{
    z-index: 5000 !important;
  }

  /* Vietoj FIXED darom STICKY (pasilieka po headeriu, bet scrollina puslapis) */
  body#body-item-post #category-picker .shower-wrap{
    position: sticky !important;
    top: 72px !important;         /* jei reikia – 64 / 80 */
    z-index: 99999 !important;
    margin: 0 !important;
    padding: 0 12px !important;
  }

  body#body-item-post #category-picker .shower{
    background: #fff !important;
    border-radius: 16px !important;
    overflow: visible !important;  /* SVARBU: jokio vidinio slėpimo */
    box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
  }

  /* NUIMAM vidinį scroll */
  body#body-item-post #category-picker .shower .wrapper{
    max-height: none !important;
    overflow: visible !important;
  }

  /* Teksto matomumas */
  body#body-item-post #category-picker .cat-in .elem,
  body#body-item-post #category-picker .cat-in .elem strong,
  body#body-item-post #category-picker .cat-in .elem span{
    color: #111 !important;
    opacity: 1 !important;
  }
}
/* Force remove JS inline max-height & overflow */
body#body-item-post #category-picker .shower,
body#body-item-post #category-picker .shower .wrapper{
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}
/* VK FIX: category picker – no internal scroll, show full list */
#category-picker.cat-picker .shower-wrap,
#category-picker.cat-picker .shower,
#category-picker.cat-picker .shower .wrapper,
#category-picker.cat-picker .cat-in{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Jei tema uždeda scroll per "overflow:auto" ant kažkurio vidinio div */
#category-picker.cat-picker .shower *{
  overflow: visible !important;
}

/* Kad pasirinkimų blokas visada būtų virš kitų elementų */
#category-picker.cat-picker .shower-wrap{
  position: relative !important;
  z-index: 99999 !important;
}
/* CATEGORY PICKER – dropdown like real select */

#category-picker.cat-picker{
  position: relative;
}

/* pats dropdown blokas */
#category-picker.cat-picker .shower-wrap{
  position: absolute !important;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 99999;
}

/* dropdown fonas */
#category-picker.cat-picker .shower{
  background: #ffffff !important;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  padding: 10px 0;
}

/* kad nebūtų vidinio scroll */
#category-picker.cat-picker .shower,
#category-picker.cat-picker .wrapper,
#category-picker.cat-picker .cat-in{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
header{
  z-index: 1000;
}
/* CATEGORY PICKER – expand inside card */

#category-picker.cat-picker .shower-wrap{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
}

#category-picker.cat-picker .shower{
  position: relative !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* kad kortelė plėstųsi */
#category-picker.cat-picker{
  overflow: visible !important;
}

.post-edit fieldset,
.post-edit .in{
  overflow: visible !important;
}
/* ===== Category picker dropdown – give solid background (no "floating text") ===== */

#category-picker.picker-v2 .shower-wrap,
#category-picker.picker-v2 #shower,
#category-picker.picker-v2 .shower .wrapper,
#category-picker.picker-v2 .shower .cat-in{
  background: #fff !important;
}

/* each option row background */
#category-picker.picker-v2 .shower .elem.category,
#category-picker.picker-v2 .shower .elem.category.blank,
#category-picker.picker-v2 .shower .elem.category.has{
  background: #fff !important;
}

/* make dropdown look like one clean panel */
#category-picker.picker-v2 #shower{
  border-radius: 16px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.18) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  overflow: hidden !important; /* kad viduje viskas būtų tvarkingai */
  z-index: 9999 !important;
}

/* option separators (gražiau) */
#category-picker.picker-v2 .shower .elem.category{
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}
#category-picker.picker-v2 .shower .elem.category:last-child{
  border-bottom: 0 !important;
}
/* ===== VK / Gamma theme polish for category dropdown ===== */

/* bendras panelės vaizdas */
#category-picker.picker-v2 #shower{
  border-radius: 18px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.22) !important;
  background: #fff !important;
}

/* viršutiniai „tab“ mygtukai (KVEPAI / KOSMETIKA) */
#category-picker.picker-v2 .cat-tab.root{
  background: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

#category-picker.picker-v2 .cat-tab.root .elem.category{
  border-right: 1px solid rgba(0,0,0,.08) !important;
}

/* aktyvus tab – kad aiškiai matytųsi */
#category-picker.picker-v2 .cat-tab.root .elem.category.has.active,
#category-picker.picker-v2 .cat-tab.root .elem.category.has.active strong,
#category-picker.picker-v2 .cat-tab.root .elem.category.has.active span{
  background: rgba(0,0,0,.06) !important;
}

/* sąrašo eilutės – tvarkingi tarpai + hover */
#category-picker.picker-v2 .shower .elem.category,
#category-picker.picker-v2 .shower .elem.category.blank,
#category-picker.picker-v2 .shower .elem.category.has{
  padding: 12px 14px !important;
  line-height: 1.2 !important;
  color: #111 !important;
}

#category-picker.picker-v2 .shower .elem.category:hover{
  background: rgba(0,0,0,.05) !important;
}

/* kad tekstas būtų ryškus (pas tave anksčiau „pablukęs“) */
#category-picker.picker-v2 .shower strong,
#category-picker.picker-v2 .shower span{
  color: #111 !important;
  font-weight: 600 !important;
}

/* ikonų (žalių) sutvarkymas – jei jos nereikalingos, galima paslėpti */
#category-picker.picker-v2 .shower .fa,
#category-picker.picker-v2 .shower i.fa{
  opacity: .35 !important;
}
/* jei nori VISAI paslėpti – atkomentuok:
#category-picker.picker-v2 .shower .fa,
#category-picker.picker-v2 .shower i.fa{ display:none !important; }
*/
/* ===== PREMIUM DARK CATEGORY DROPDOWN ===== */

/* visa panelė */
#category-picker.picker-v2 #shower{
  border-radius: 20px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 25px 60px rgba(0,0,0,.35) !important;
  background: #fff !important;
}

/* ===== TOP TABS (dark like header) ===== */
#category-picker.picker-v2 .cat-tab.root{
  background: #0f0f14 !important;
  border-bottom: none !important;
}

#category-picker.picker-v2 .cat-tab.root .elem.category{
  background: transparent !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  padding: 18px 0 !important;
}

#category-picker.picker-v2 .cat-tab.root .elem.category strong,
#category-picker.picker-v2 .cat-tab.root .elem.category span{
  color: rgba(255,255,255,.65) !important;
  font-weight: 600 !important;
  letter-spacing: .5px;
}

/* aktyvus tab */
#category-picker.picker-v2 .cat-tab.root .elem.category.has.active{
  background: rgba(255,255,255,.05) !important;
}

#category-picker.picker-v2 .cat-tab.root .elem.category.has.active strong,
#category-picker.picker-v2 .cat-tab.root .elem.category.has.active span{
  color: #fff !important;
}

/* ===== SUBCATEGORY LIST ===== */
#category-picker.picker-v2 .shower .elem.category{
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  transition: all .2s ease;
}

#category-picker.picker-v2 .shower .elem.category:hover{
  background: rgba(0,0,0,.04) !important;
}

/* tekstas */
#category-picker.picker-v2 .shower strong,
#category-picker.picker-v2 .shower span{
  color: #111 !important;
  font-weight: 600 !important;
}

/* optional – paslepiam žalias ikonėles */
#category-picker.picker-v2 .shower .fa{
  display: none !important;
}
/* ===== CLEAN PREMIUM DROPDOWN ===== */

#category-picker.picker-v2 #shower{
  border-radius: 18px !important;
  overflow: visible !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.25) !important;
  background: #ffffff !important;
}

/* TOP TABS */
#category-picker.picker-v2 .cat-tab.root{
  background: #f5f6f8 !important;
}

#category-picker.picker-v2 .cat-tab.root .elem.category{
  padding: 16px 0 !important;
  border-right: 1px solid rgba(0,0,0,.06) !important;
}

#category-picker.picker-v2 .cat-tab.root .elem.category strong{
  font-weight: 700 !important;
  color: #222 !important;
}

/* ACTIVE TAB */
#category-picker.picker-v2 .cat-tab.root .elem.category.has.active{
  background: #ffffff !important;
}

#category-picker.picker-v2 .cat-tab.root .elem.category.has.active strong{
  color: #000 !important;
}

/* SUB LIST */
#category-picker.picker-v2 .shower .elem.category{
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

#category-picker.picker-v2 .shower .elem.category:hover{
  background: #f4f4f4 !important;
}
/* Hide mobile confirm button in category picker */
#category-picker .cat-confirm.isMobile,
#filter #category-picker .cat-confirm.isMobile,
#gamModal #category-picker .cat-confirm.isMobile {
  display: none !important;
}
/* SEARCH: 2 main category buttons (Lux style) */
body#body-search .vk-maincats { margin-top: 10px; }
body#body-search .vk-maincats > label,
body#body-search .vk-maincats label { display:block; margin: 0 0 8px 0; opacity: .9; }

body#body-search .vk-cat-switch{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

body#body-search .vk-cat-btn{
  width: 100%;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 800;
  letter-spacing: .2px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  text-align: center;
}

body#body-search .vk-cat-btn:active{ transform: scale(.99); }

body#body-search .vk-cat-btn.is-active{
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.28);
  color: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.25);
}
/* Search mobile filter: hide old category picker UI (use Lux buttons instead) */
body#body-search .filter .box.isMobile #category-picker,
body#body-search .filter .box.isMobile .row.isMobile label[for="term3"],
body#body-search .filter .box.isMobile input#term3.term3 {
  display: none !important;
}
/* MOBILE: hide floating CTA when search filter modal is open */
body#body-search[style*="overflow: hidden"] a.floating-cta{
  display: none !important;
}
body#body-item-post #category-picker label span {
  color: #1a1a1a !important;
  font-weight: 800;
  letter-spacing: .3px;
  font-size: 15px;
}
/* ITEM ADD / EDIT – padaryti label tekstą ryškų */
body#body-item-post .post-edit label,
body#body-item-post .post-edit label span,
body#body-item-post .post-edit .row > label {
  color: #111 !important;
  font-weight: 700;
  opacity: 1 !important;
}

/* žvaigždutė (required) */
body#body-item-post .post-edit label .req {
  color: #c83e3e !important;
  font-weight: 800;
}
body#body-item-post .post-edit fieldset,
body#body-item-post .post-edit .price-wrap,
body#body-item-post .post-edit .status-wrap,
body#body-item-post .post-edit .title-desc-box,
body#body-item-post .post-edit .box {
  color: #111;
}