/* =========================================================
   VisiKvepalai – ULTRA MINIMAL "Vinted-like" (MOBILE)
   Drop-in override. Keep this file LAST in enqueue order.
   ========================================================= */

/* Mobile grid + ultra compact cards (Home Premium + Search grid) */
@media (max-width: 767px){

  /* 2-column grid, very tight spacing */
  body#body-home #premium .prod-wrap,
  body#body-search .products.standard.grid,
  body#body-search .products.grid{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px !important;                 /* ultra tight */
    align-items: start !important;
  }

  /* Card: almost flat, tiny radius, hairline border, no shadow */
  body#body-home #premium .vk-card2,
  body#body-search .products .vk-card2{
    background: var(--panel, #fff) !important;
    border: 1px solid rgba(0,0,0,.05) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  /* Media: square, no inner frames */
  body#body-home #premium .vk-card2__media,
  body#body-search .products .vk-card2__media{
    aspect-ratio: 1 / 1 !important;
    background: rgba(0,0,0,.03) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }
  body#body-home #premium .vk-card2__media img,
  body#body-search .products .vk-card2__media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Content padding: minimal */
  body#body-home #premium .vk-card2__wrap,
  body#body-search .products .vk-card2__wrap{
    padding: 5px 6px 6px !important;
  }

  /* Title: small, 2 lines max */
  body#body-home #premium .vk-card2__title,
  body#body-search .products .vk-card2__title{
    font-size: 12.5px !important;
    line-height: 1.15 !important;
    margin: 0 0 3px !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* Price: compact but bold */
  body#body-home #premium .vk-card2__price,
  body#body-search .products .vk-card2__price{
    font-size: 12.5px !important;
    font-weight: 800 !important;
    margin: 0 !important;
  }

  /* Hide meta that eats space (time, location, etc.) */
  body#body-home #premium .vk-card2__time,
  body#body-search .products .vk-card2__time,
  body#body-home #premium .vk-card2__extra,
  body#body-search .products .vk-card2__extra,
  body#body-home #premium .vk-card2__location,
  body#body-search .products .vk-card2__location{
    display: none !important;
  }

  /* If there is a badge (TOP/premium), shrink it so it doesn't eat space */
  body#body-home #premium .vk-badge2,
  body#body-search .products .vk-badge2{
    transform: scale(.78);
    transform-origin: top left;
  }
}
/* FINAL: kill all frames/borders (must be last) */
@media (max-width: 767px){

  /* card + anything inside it */
  body#body-home #premium .vk-card2,
  body#body-search .products .vk-card2,
  body#body-home #premium .vk-card2 *,
  body#body-search .products .vk-card2 *{
    box-shadow: none !important;
  }

  /* remove borders/outlines everywhere in card */
  body#body-home #premium .vk-card2,
  body#body-search .products .vk-card2,
  body#body-home #premium .vk-card2 *,
  body#body-search .products .vk-card2 *{
    border: 0 !important;
    outline: 0 !important;
  }

  /* remove any frame pseudo-elements */
  body#body-home #premium .vk-card2::before,
  body#body-home #premium .vk-card2::after,
  body#body-search .products .vk-card2::before,
  body#body-search .products .vk-card2::after,
  body#body-home #premium .vk-card2 *::before,
  body#body-home #premium .vk-card2 *::after,
  body#body-search .products .vk-card2 *::before,
  body#body-search .products .vk-card2 *::after{
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  /* keep only rounding (optional) */
  body#body-home #premium .vk-card2,
  body#body-search .products .vk-card2{
    border-radius: 8px !important;
    overflow: hidden !important;
    background: var(--panel, #fff) !important;
  }

  /* remove focus rings on links inside cards (mobile) */
  body#body-home #premium .vk-card2 a:focus,
  body#body-search .products .vk-card2 a:focus{
    outline: 0 !important;
    box-shadow: none !important;
  }
}
@media (max-width: 767px){

  /* kill wrapper borders from vk-clean */
  body#body-home #premium .item,
  body#body-home #premium .products .item,
  body#body-search .products .item,
  body#body-search .products .standard .item,
  body#body-search .products .simple .item{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

}
/* FINAL: shrink huge white body space (your current card structure) */
@media (max-width: 767px){

  /* grid tighter */
  body#body-search .products.standard.grid{
    gap: 4px !important;
  }

  /* card wrapper */
  body#body-search .products .vk-card2{
    border: 0 !important;                 /* jei rėmas iš wrapperio */
    box-shadow: none !important;
    background: transparent !important;   /* kad neliktų balto "rėmo" aplink */
  }

  /* media: full width, square */
  body#body-search .products .vk-card2__media{
    display:block !important;
    width:100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow:hidden !important;
    border-radius: 8px !important;        /* mažas suapvalinimas tik foto */
    background: rgba(0,0,0,.03) !important;
  }
  body#body-search .products .vk-card2__media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  /* THIS is the main culprit: body block making huge white area */
  body#body-search .products .vk-card2__body{
    padding: 6px 6px 7px !important;      /* buvo per didelis */
    background: transparent !important;   /* nuimam baltą foną */
    min-height: 0 !important;
    height: auto !important;
  }

  /* title + price smaller */
  body#body-search .products .vk-card2__title{
    font-size: 12.5px !important;
    line-height: 1.15 !important;
    margin: 0 0 3px !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body#body-search .products .vk-card2__bottom{
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  /* hide time pill – it wastes space */
  body#body-search .products .vk-card2__time{
    display: none !important;
  }
}

/* SEARCH – ULTRA FLAT (kill huge white frames) */
@media (max-width: 767px){

  /* tighter grid */
  html body#body-search .products.standard.grid{
    gap: 4px !important;
  }

  /* IMPORTANT: kill any outer "card" background/padding creating frame */
  html body#body-search .products .vk-card2,
  html body#body-search .products .vk-card2__wrap{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  /* media must be edge-to-edge */
  html body#body-search .products .vk-card2__media{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;

    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;

    /* minimal rounding only on photo */
    border-radius: 8px !important;
    background: rgba(0,0,0,.03) !important;
  }
  html body#body-search .products .vk-card2__media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* content area: minimal padding, no white block */
  html body#body-search .products .vk-card2__body{
    background: transparent !important;
    padding: 6px 6px 7px !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  html body#body-search .products .vk-card2__title{
    font-size: 12.5px !important;
    line-height: 1.15 !important;
    margin: 0 0 3px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body#body-search .products .vk-card2__bottom{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* hide time pill completely */
  html body#body-search .products .vk-card2__time{
    display: none !important;
  }

  /* ALSO: if wrapper .item has border/background from vk-clean, kill it */
  html body#body-search .products .item,
  html body#body-search .products.standard .item,
  html body#body-search .products.simple .item{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}
/* =====================================================
   NO FRAMES (SEARCH + HOME premium) – MOBILE
   0 border, 0 radius, 0 shadow, 0 card background
   ===================================================== */
@media (max-width: 767px){

  /* tight grid */
  body#body-home #premium .prod-wrap,
  body#body-search .products.standard.grid,
  body#body-search .products.grid{
    gap: 4px !important;
  }

  /* kill ALL wrappers that can create "white frames" */
  body#body-home #premium .item,
  body#body-home #premium .vk-card2,
  body#body-home #premium .vk-card2__wrap,
  body#body-home #premium .vk-card2__body,

  body#body-search .products .item,
  body#body-search .products .vk-card2,
  body#body-search .products .vk-card2__wrap,
  body#body-search .products .vk-card2__body{
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* media: edge-to-edge, no rounding */
  body#body-home #premium .vk-card2__media,
  body#body-search .products .vk-card2__media{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;   /* kvadratas */
  }

  body#body-home #premium .vk-card2__media img,
  body#body-search .products .vk-card2__media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
  }

  /* minimal text spacing */
  body#body-home #premium .vk-card2__body,
  body#body-search .products .vk-card2__body{
    padding: 6px 4px 6px !important;  /* minimal */
  }

  body#body-home #premium .vk-card2__title,
  body#body-search .products .vk-card2__title{
    font-size: 12.5px !important;
    line-height: 1.15 !important;
    margin: 0 0 3px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body#body-home #premium .vk-card2__price,
  body#body-search .products .vk-card2__price{
    font-size: 12.5px !important;
    font-weight: 800 !important;
    margin: 0 !important;
  }

  /* hide stuff that eats space */
  body#body-home #premium .vk-card2__time,
  body#body-search .products .vk-card2__time,
  body#body-home #premium .vk-badge2,
  body#body-search .products .vk-badge2{
    display: none !important;
  }
}
@media (max-width: 767px){
  body#body-search .products.standard.grid{ gap: 4px !important; }

  body#body-search .products.standard.grid .vk-card2,
  body#body-search .products.standard.grid .vk-card2__wrap{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;      /* <- ŠITAS NUŽUDO “RĖMĄ” */
    margin: 0 !important;
  }
}
@media (max-width: 767px){
  body#body-home #premium .vk-card2,
  body#body-home #premium .vk-card2__wrap{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
.logo img {
  height: 30px;
  width: auto;
}
@media (max-width: 767px){
  .logo img { height: 30px; }
}
/* MOBILE Post an ad – Minimal outline luxury */
.mobile-post {
  background: transparent !important;
  border: 1.5px solid #111318 !important;
  color: #111318 !important;
  border-radius: 999px !important;
  padding: 14px 26px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: all 0.25s ease;
}

/* Hover */
.mobile-post:hover {
  background: #111318 !important;
  color: #ffffff !important;
}