/*
 * Custom CSS (clean, working)
 * - remove header/announcement separators
 * - logo size + glow (logo only)
 * - buttons glow on hover
 * - footer separator removed
 * - cart button: remove blue corners (focus/outline)
 * - nebula + stars canvas styling
*/

/* =========================
   Remove separator lines (top)
   ========================= */
.announcement-bar,
.top-bar,
.announcement,
.notice-bar,
header {
  border: none !important;
  box-shadow: none !important;
}

/* =========================
   Logo size + glow (header only)
   ========================= */
header img,
.navbar img,
.nav-center img,
.site-header img {
  width: 29px !important;
  height: auto !important;
  max-height: 29px !important;
  filter: drop-shadow(0 0 6px rgba(255, 0, 0, 0.35))
          drop-shadow(0 0 14px rgba(255, 0, 0, 0.20));
}

/* =========================
   Buttons: glow ONLY on hover
   ========================= */
button,
.btn,
a.btn,
.btn-primary,
.primary,
.button {
  box-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

button:hover,
.btn:hover,
a.btn:hover,
.btn-primary:hover,
.primary:hover,
.button:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05);
}

/* =========================
   Footer: remove separator line safely
   ========================= */
footer {
  border-top: none !important;
  box-shadow: none !important;
}

hr,
.footer-divider,
.divider,
.separator {
  display: none !important;
  border: none !important;
}

/* ============================
   CART BUTTON - REMOVE BLUE OUTLINE
   ============================ */
header button,
header a {
  -webkit-tap-highlight-color: transparent !important;
}

header button:focus,
header button:focus-visible,
header button:active,
header a:focus,
header a:focus-visible,
header a:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* If theme uses ring styles */
header button[class*="ring"],
header button[class*="ring"]:focus,
header button[class*="ring"]:focus-visible {
  box-shadow: none !important;
}

/* Keep cart border red (no blue) */
header button:hover,
header a:hover {
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 0, 0, 0.4) !important;
}

header button {
  border: 1px solid rgba(255, 0, 0, 0.4) !important;
  background: transparent !important;
  border-radius: 10px;
  transition: all 0.2s ease;
}

/* Optional: red glow on hover for cart */
header button:hover {
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.35) !important;
}

/* =========================
   Nebula + Stars canvas overlays
   ========================= */
#nebula-canvas,
#stars-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

/* Nebula behind stars */
#nebula-canvas {
  z-index: 9998;
  opacity: 0.09;
  mix-blend-mode: screen;
}

/* Stars above nebula */
#stars-canvas {
  z-index: 9999;
  opacity: 0.32;
  mix-blend-mode: screen;
}

/* Safety: keep UI clickable and above background */
body {
  background: #070707 !important;
}

@media (prefers-reduced-motion: reduce) {
  #nebula-canvas,
  #stars-canvas {
    display: none !important;
  }
}

/* =========================
   PRODUCT CARDS (TUNED)
   - hover lift + red border (like socials)
   - hide View Details overlay button (SellAuth)
   ========================= */

/* ✅ SVARBU: kortelei reikia display:block ir hover ant pačios kortelės */
.products .card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  display: block !important;
  will-change: transform;
  transform: translateY(0) !important;

  /* vienodas look */
  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,0,0,0.22) !important;

  /* ✅ kad animacija vėl veiktų */
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.products .card:hover {
  transform: translateY(-2px) !important; /* ✅ vėl pakyla */
  border-color: rgba(255,0,0,0.35) !important;
  box-shadow:
    0 0 12px rgba(255, 60, 60, 0.10),
    0 10px 34px rgba(0, 0, 0, 0.45) !important;
}

/* Pakeliam ir kai hover ant vidinio <a> (SellAuth kartais wrapina) */
.products .card a:hover,
.products .card:hover a {
  transform: none !important;
}

/* Keep cube sharp: don't scale inner image/svg */
.products .card-img-top img,
.products .card-img-top svg {
  transform: none !important;
  transition: none !important;
}

/* ❌ Išjungiam seną pseudo-border, kad nesidubliuotų */
.products .card::before {
  display: none !important;
  content: none !important;
}

/* =========================
   HIDE "View Details" (overlay/button)
   ========================= */
.products .card .overlay,
.products .card .overlay * {
  display: none !important;
}
.products .card a[href*="/product/"] .btn,
.products .card a[href*="/product/"] button {
  display: none !important;
}
.products .card button,
.products .card .btn,
.products .card a.btn {
  display: none !important;
}

/* =========================
   STARS ONLY IN BACKGROUND
   ========================= */
#nebula-canvas,
#stars-canvas {
  z-index: -1 !important;
}
body,
header,
main,
footer,
section,
.components,
.container,
.content {
  position: relative;
  z-index: 1;
}
html, body {
  background: #070707 !important;
}

/* =========================
   WHY US (LEVELIS.LT)
   ========================= */
.why-us{
  width:100%;
  padding: 42px 16px 18px;
}
.why-us__inner{
  max-width: 1100px;
  margin: 0 auto;
}
.why-us__header{
  text-align:center;
  margin-bottom: 18px;
}
.why-us__header h2{
  margin: 0 0 10px 0;
  font-size: 30px;
  font-weight: 750;
  letter-spacing: .2px;
}
.why-us__header p{
  margin: 0 auto;
  max-width: 760px;
  opacity: .85;
  line-height: 1.5;
}
.why-us .brand{
  color: #ff3b3b;
  text-shadow: 0 0 16px rgba(255,0,0,.18);
}

/* grid */
.why-us__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

/* cards */
.why-card{
  display:flex;
  gap:12px;
  padding:16px;
  border-radius:16px;
  border: 1px solid rgba(255,0,0,0.12) !important;
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.why-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,0,0,0.35) !important;
  background: rgba(255,255,255,0.06);
  box-shadow:
    0 0 12px rgba(255, 60, 60, 0.10),
    0 10px 34px rgba(0, 0, 0, 0.45);
}
.why-card__icon{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background: rgba(255,59,59,0.12);
  border: 1px solid rgba(255,59,59,0.22);
  flex: 0 0 auto;
  font-size: 18px;
}
.why-card__text h3{
  margin:0 0 6px 0;
  font-size: 15.5px;
  font-weight: 750;
}
.why-card__text p{
  margin:0;
  font-size: 13.5px;
  line-height: 1.45;
  opacity: .85;
}
@media (max-width: 980px){
  .why-us__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  .why-us{ padding: 34px 14px 10px; }
  .why-us__header h2{ font-size: 24px; }
  .why-us__grid{ grid-template-columns: 1fr; }
}

/* =========================
   HERO → FEATURES (TIGHTER)
   ========================= */
.components > div:first-child {
  padding-bottom: 20px !important;
  margin-bottom: -110px !important;
}

/* =========================
   FEATURES MOBILE FIX
   ========================= */
@media (max-width: 768px) {
  .features .row > * {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* =========================
   FOOTER DISCLAIMER
   ========================= */
.footer .logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.footer .logo p {
  margin-bottom: 2px !important;
}
.footer-disclaimer {
  display: block !important;
  margin-top: -15px !important;
  font-size: 12px !important;
  opacity: 0.65 !important;
  line-height: 1.4 !important;
  max-width: 380px;
}

/* =========================
   SOCIALS SECTION (transparent background; footer stays dark)
   ========================= */
.socials {
  background: transparent !important;
  padding-bottom: 40px;
}
.socials .container {
  background: transparent !important;
}
.footer {
  background: #0b0b0b !important;
}

/* =========================
   SOCIAL PILLS (hover + red border)
   ✅ FIX: grąžinam “pakilimą” ir glow kaip produktuose
   ========================= */
.social-pills{
  padding: 55px 0;
}

.social-pills__head{
  text-align: center;
  margin-bottom: 22px;
}

.social-pills__title{
  font-weight: 800;
  font-size: 30px;
  margin: 0;
}

.social-pills__subtitle{
  margin: 10px auto 0;
  max-width: 800px;
  opacity: 0.85;
}

.social-pills__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 14px;
}

.social-pill{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-radius: 14px;

  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,0,0,0.22) !important;
  box-shadow: none !important;

  text-decoration: none !important;

  /* ✅ animacija */
  transform: translateY(0) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}

.social-pill:hover{
  transform: translateY(-2px) !important; /* ✅ pakyla */
  border-color: rgba(255,0,0,0.35) !important;
  box-shadow:
    0 0 12px rgba(255, 60, 60, 0.10),
    0 10px 34px rgba(0, 0, 0, 0.45) !important;
}

.social-pill__left{
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-weight: 700;
}

.social-pill__icon{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;

  /* ✅ raudonas akcentas (vienodas su visu site) */
  background: rgba(255,59,59,0.12) !important;
  border: 1px solid rgba(255,59,59,0.22) !important;
  color: #fff;
}

.social-pill__ext{
  color: #fff;
  opacity: 0.75;
  font-weight: 700;
}

/* Tablet */
@media (max-width: 992px){
  .social-pills__grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 576px){
  .social-pills__grid{
    grid-template-columns: 1fr;
  }
}
/* ============================================
   UNIVERSAL GLOW HOVER (LIKE BUTTONS)
   Products + Social Pills
   ============================================ */

/* ✅ PRODUCT CARDS - SAME GLOW AS BUTTONS */
.products .card:hover {
  transform: translateY(-2px) !important;

  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;

  filter: brightness(1.05);
}

/* Outline border */
.products .card {
  border: 1px solid rgba(255, 60, 60, 0.22) !important;
}

/* ✅ SOCIAL PILLS - SAME GLOW AS BUTTONS */
.social-pill:hover {
  transform: translateY(-2px) !important;

  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;

  filter: brightness(1.05);
}

/* Outline border */
.social-pill {
  border: 1px solid rgba(255, 60, 60, 0.22) !important;
}
/* ============================================
   SOCIALS (a.social) - SAME GLOW AS BUTTONS
   ============================================ */

/* kad hover transformas veiktų ant <a> */
.socials a.social{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  transform: translateZ(0); /* anti-glitch */
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease !important;

  border: 1px solid rgba(255, 60, 60, 0.22) !important;
}

/* hover kaip ant mygtukų */
.socials a.social:hover{
  transform: translateY(-2px) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05) !important;
  border-color: rgba(255, 60, 60, 0.35) !important;
}

/* jei kažkur buvo uždėtas box-shadow: none hover/active */
.socials a.social:focus,
.socials a.social:focus-visible,
.socials a.social:active{
  outline: none !important;
}
/* Default - labai subtilus border */
.products .card::before {
  opacity: 0.25 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 60, 60, 0.18) !important;
}

/* Hover - stiprus premium glow */
.products .card:hover::before {
  opacity: 1 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 60, 60, 0.45),
    0 0 18px rgba(255, 0, 0, 0.22) !important;
}
/* ===========================
   PRODUCT HOVER FOCUS EFFECT
   - hovered card grows
   - other cards shrink slightly
   =========================== */

/* Grid konteineris */
.products .row {
  display: flex;
  flex-wrap: wrap;
}

/* Visos kortelės default */
.products .card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  transform: scale(1);
  z-index: 1;
}

/* Kai užvedi ant produkto sekcijos */
.products .row:hover .card {
  transform: scale(0.94); /* kitos sumažėja */
  opacity: 0.85;
}

/* Kortelė ant kurios hover */
.products .row:hover .card:hover {
  transform: scale(1.08); /* ši padidėja */
  opacity: 1;
  z-index: 10;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.45),
    0 0 25px rgba(255, 0, 0, 0.25),
    0 12px 40px rgba(0, 0, 0, 0.55);
}
/* =========================================
   PRODUCT HOVER FOCUS (universal SellAuth)
   - hovered item grows
   - siblings shrink
   ========================================= */

/* 1) Apibrėžiam galimus produktų grid konteinerius */
.products,
.product-list,
.product-grid,
#products,
[data-component-id="products"] {
  --shrink: 0.94;
  --grow: 1.08;
}

/* 2) Universalus selektorius produktų kortelėms (SellAuth/Bootstrap/Custom) */
.products .card,
.products a.card,
.products .product,
.products a.product,
.products .product-card,
.products a.product-card,
[data-component-id="products"] .card,
[data-component-id="products"] a,
[data-component-id="products"] .product-card,
[data-component-id="products"] .product,
.product-grid .card,
.product-grid .product-card,
.product-list .card,
.product-list .product-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease !important;
  transform: scale(1) !important;
  opacity: 1 !important;
  z-index: 1;
  will-change: transform;
}

/* 3) Kai užvedi ant viso produktų bloko — VISI šiek tiek sumažėja */
.products:hover .card,
.products:hover .product,
.products:hover .product-card,
[data-component-id="products"]:hover .card,
[data-component-id="products"]:hover .product,
[data-component-id="products"]:hover .product-card,
.product-grid:hover .card,
.product-grid:hover .product-card,
.product-list:hover .card,
.product-list:hover .product-card {
  transform: scale(0.94) !important;
  opacity: 0.85 !important;
}

/* 4) O ta, ant kurios užvedi — padidėja ir gauna glow */
.products:hover .card:hover,
.products:hover .product:hover,
.products:hover .product-card:hover,
[data-component-id="products"]:hover .card:hover,
[data-component-id="products"]:hover .product:hover,
[data-component-id="products"]:hover .product-card:hover,
.product-grid:hover .card:hover,
.product-grid:hover .product-card:hover,
.product-list:hover .card:hover,
.product-list:hover .product-card:hover {
  transform: scale(1.08) !important;
  opacity: 1 !important;
  z-index: 999 !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.45),
    0 0 25px rgba(255, 0, 0, 0.25),
    0 12px 40px rgba(0, 0, 0, 0.55) !important;
}

/* 5) Mobile: išjungiam (hover nėra) */
@media (max-width: 768px) {
  .products:hover .card,
  .products:hover .product,
  .products:hover .product-card,
  [data-component-id="products"]:hover .card,
  [data-component-id="products"]:hover .product,
  [data-component-id="products"]:hover .product-card,
  .product-grid:hover .card,
  .product-grid:hover .product-card,
  .product-list:hover .card,
  .product-list:hover .product-card {
    transform: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }
}
/* =========================================
   FIX: Footer per arti product page mygtukų
   ========================================= */

/* Daugiau vietos apačioje produkto puslapyje */
.product-page,
.product-page-content,
.product,
.product-details,
[data-component-id="product-page"] {
  padding-bottom: 140px !important;
}

/* Jei SellAuth naudoja main wrapper */
main {
  padding-bottom: 120px !important;
}

/* Footer atskiriam nuo turinio */
footer {
  margin-top: 80px !important;
}
/* =========================
   FAQ (transparent / glass)
   ========================= */

/* FAQ sekcijos fonas (jei tema jam duoda pilką bloką) */
.faq,
#faq,
section.faq {
  background: transparent !important;
}

/* Accordion / item konteineris */
.faq .accordion,
#faq .accordion {
  background: transparent !important;
}

/* Kiekvienas FAQ item (ta “lентelė”) */
.faq .accordion-item,
#faq .accordion-item,
.faq .faq-item,
#faq .faq-item {
  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255, 60, 60, 0.22) !important;
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: none !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin-bottom: 12px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

/* Klausimo juosta (button/header) */
.faq .accordion-button,
#faq .accordion-button,
.faq .faq-question,
#faq .faq-question {
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Atsakymo dalis (body/content) */
.faq .accordion-body,
#faq .accordion-body,
.faq .faq-answer,
#faq .faq-answer {
  background: transparent !important;
  color: rgba(255,255,255,0.85) !important;
}

/* Hover kaip pas tave ant kortelių/mygtukų */
.faq .accordion-item:hover,
#faq .accordion-item:hover,
.faq .faq-item:hover,
#faq .faq-item:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 60, 60, 0.35) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05);
}

/* Nuimam mėlynus focus/active outline (kaip darai cart) */
.faq .accordion-button:focus,
.faq .accordion-button:focus-visible,
#faq .accordion-button:focus,
#faq .accordion-button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Jei rodyklė (chevron) tampa juoda – priverčiam šviesią */
.faq .accordion-button::after,
#faq .accordion-button::after {
  filter: brightness(2);
  opacity: 0.9;
}
s,
.compare-price,
.price--compare {
  font-size: 0.90em !important;
  color: #777 !important;
  opacity: 0.7 !important;
  margin-right: 18px !important;
  text-decoration: line-through;
  text-decoration-color: #ff4d4d !important;
  text-decoration-thickness: 1px !important;
}
s {
  font-size: 0.80em !important;
  color: rgba(255,255,255,0.35) !important;
  text-decoration-thickness: 1px !important;
}
/* kortelė – bendras elgesys */
.product-card,
.product,
.product-item,
.card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  will-change: transform;
}

/* hover */
.product-card:hover,
.product:hover,
.product-item:hover,
.card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 18px 45px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,70,70,.22),
    0 0 28px rgba(255,0,0,.12);
}

/* jei tavo theme deda ryškų raudoną rėmelį – jį sušvelninam */
.product-card:hover,
.product:hover,
.product-item:hover,
.card:hover {
  border-color: rgba(255,70,70,.35) !important;
}

/* coverio micro-zoom (jei yra img) */
.product-card img,
.product img,
.product-item img,
.card img {
  transition: transform .28s ease, filter .28s ease;
}

.product-card:hover img,
.product:hover img,
.product-item:hover img,
.card:hover img {
  transform: scale(1.03);
  filter: saturate(1.05);
}
/* Aprašymo blokas – bendras */
.product-description,
.description,
.product-content,
.prose {
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.86) !important;
}

/* Tarpai tarp pastraipų */
.product-description p,
.description p,
.product-content p,
.prose p {
  margin: 10px 0 !important;
}

/* Sąrašai – tvarkingesni */
.product-description ul,
.description ul,
.product-content ul,
.prose ul {
  margin: 10px 0 14px 18px !important;
}

.product-description li,
.description li,
.product-content li,
.prose li {
  margin: 6px 0 !important;
}

/* Sekcijų pavadinimai (jei naudoji BOLD eilutę "Kas įskaičiuota" ir t.t.) */
.product-description strong,
.description strong,
.product-content strong,
.prose strong {
  display: block;
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.95);
  letter-spacing: .2px;
}

/* “Kortelės” efektas sekcijoms:
   veikia geriausiai, jei kiekviena sekcija yra atskira pastraipa po bold titulo */
.product-description strong + ul,
.description strong + ul,
.product-content strong + ul,
.prose strong + ul,
.product-description strong + p,
.description strong + p,
.product-content strong + p,
.prose strong + p {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 12px 14px;
}
/* =========================
   SellAuth: "In Stock" -> "Yra sandėlyje"
   (CSS workaround: paslepia originalų tekstą ir įdeda naują per ::before)
   ========================= */

/* --- IN STOCK --- */
.in-stock,
.stock-in,
.stock-status.in,
.stock-status--in,
.product-stock.in,
.product-stock--in,
.availability.in,
.availability--in,
.badge.in-stock,
.badge--in-stock,
[data-stock="in"],
[data-availability="in"] {
  font-size: 0 !important;           /* paslepia originalų tekstą */
}

.in-stock::before,
.stock-in::before,
.stock-status.in::before,
.stock-status--in::before,
.product-stock.in::before,
.product-stock--in::before,
.availability.in::before,
.availability--in::before,
.badge.in-stock::before,
.badge--in-stock::before,
[data-stock="in"]::before,
[data-availability="in"]::before {
  content: "Yra sandėlyje" !important;
  font-size: 12px;                   /* jei reikia – pasikeisk */
  font-weight: 600;
}
/* ================================
   Replace "In Stock" text (SellAuth)
   ================================ */

/* Paslepiam originalų tekstą */
.products .card .info p.text-primary {
  font-size: 0 !important;
}

/* Įdedam lietuvišką tekstą */
.products .card .info p.text-primary::before {
  content: "" !important;
  font-size: 13px;
  font-weight: 600;
}
.btn-buy-now:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}
/* 1) Nuimam tik focus ring (glow) – hover animacijos neliečiam */
.buy-buttons .btn-buy-now.btn-outline-primary:focus,
.buy-buttons .btn-buy-now.btn-outline-primary:focus-visible,
.buy-buttons .btn-buy-now.btn-outline-primary:active {
  box-shadow: none !important;
  outline: none !important;
}

/* 2) Bootstrap 5.3+ kartais naudoja fokus ring per kintamuosius */
.buy-buttons .btn-buy-now.btn-outline-primary {
  --bs-btn-focus-shadow-rgb: 0, 0, 0 !important;
  --bs-focus-ring-color: transparent !important;
  --bs-focus-ring-shadow: 0 0 #0000 !important;
}
.buy-buttons .btn.btn-outline-primary.btn-buy-now:hover {
  border-color: transparent !important;
  box-shadow: none !important;
}
.buy-buttons .btn.btn-outline-primary.btn-buy-now:hover {
  border-color: #ff0000 !important; /* tavo raudona */
}
/* ===================================================== */
/* ✅ FINAL FIX: Remove blue outline ONLY on mouse hover */
/* Works for Buy Now, Add to Cart, + and − buttons       */
/* ===================================================== */

/* Remove Bootstrap focus shadow only when using mouse */
.using-mouse button:focus,
.using-mouse button:focus-visible,
.using-mouse .btn:focus,
.using-mouse .btn:focus-visible,
.using-mouse .input-group button:focus,
.using-mouse .input-group button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Keep your red glow hover animation */
.btn-buy-now:hover,
.btn-primary:hover {
  box-shadow: 0 0 15px rgba(255, 0, 0, 0.7) !important;
}

/* Fix for + / − buttons specifically */
.input-group-btn:hover {
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.6) !important;
}
/* =======================================================
   FIX: nuimti mėlyną hover "outline" (iš tikro tai border/shadow)
   TIK: Buy Now (.btn-buy-now) ir +/- (input-group-btn)
   ======================================================= */

/* --- BUY NOW --- */
button.btn.btn-outline-primary.btn-buy-now,
button.btn.btn-outline-primary.btn-buy-now:hover,
button.btn.btn-outline-primary.btn-buy-now:active,
button.btn.btn-outline-primary.btn-buy-now:focus,
button.btn.btn-outline-primary.btn-buy-now:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ff0000 !important;   /* raudonas border vietoj mėlyno */
}

/* Hover glow (raudonas) */
button.btn.btn-outline-primary.btn-buy-now:hover {
  box-shadow: 0 0 18px rgba(255, 0, 0, 0.65) !important;
}

/* --- PLUS / MINUS --- */
.input-group .input-group-btn.btn.btn-outline-primary,
.input-group .input-group-btn.btn.btn-outline-primary:hover,
.input-group .input-group-btn.btn.btn-outline-primary:active,
.input-group .input-group-btn.btn.btn-outline-primary:focus,
.input-group .input-group-btn.btn.btn-outline-primary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ff0000 !important;   /* raudonas border vietoj mėlyno */
}

/* Hover glow ant +/- */
.input-group .input-group-btn.btn.btn-outline-primary:hover {
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.55) !important;
}
/* BUY NOW mygtukas - toks pats glow kaip Add to Cart */
.btn-buy-now:hover {
  box-shadow: 0 0 15px rgba(255, 0, 0, 0.65),
              0 0 30px rgba(255, 0, 0, 0.35);
  border-color: red;
  transform: translateY(-1px);
  transition: all 0.25s ease;
}

/* Pašalinam mėlyną outline tik su pele */
.btn-buy-now:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Bet paliekam glow kai užvedi */
.btn-buy-now:hover:focus {
  box-shadow: 0 0 15px rgba(255, 0, 0, 0.65),
              0 0 30px rgba(255, 0, 0, 0.35) !important;
}
.btn-buy-now:hover {
  box-shadow: 0 0 15px rgba(255, 0, 0, 0.65),
              0 0 30px rgba(255, 0, 0, 0.35);
  border-color: red;
  transform: translateY(-1px);
  transition: all 0.25s ease;
}
/* =========================================
   BUY NOW = SAME GLOW AS ADD TO CART
   (append-only; does not change existing CSS)
   ========================================= */

/* match your global button hover glow */
.buy-buttons .btn-buy-now:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05);
}
/* =========================================
   FORCE: Buy Now hover glow (overrides any "box-shadow: none !important")
   Paste at the VERY END of your Custom CSS
   ========================================= */

.buy-buttons button.btn.btn-outline-primary.btn-buy-now:hover,
.buy-buttons a.btn.btn-outline-primary.btn-buy-now:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05) !important;
}
/* Paslėpti "Prenumeratos" badge kubelį */
.product-wrapper .badges {
    display: none !important;
}
.custom-description-box {
    background: #111;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,0.05);
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
}
/* =========================================
   PRODUCT BIO CARD (ONLY product page)
   Fix: no longer affects FAQ
   Paste at VERY END
   ========================================= */

/* 1) Nuimam ankstesnių globalių taisyklių įtaką FAQ'ui (saugiklis) */
.faq .prose,
#faq .prose,
.faq .description,
#faq .description {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 2) Kortelė tik produkto puslapyje (SellAuth dažniausiai turi šituos wrapperius) */
.product-page .product-description,
.product-page .description,
.product-page .prose,
.product-wrapper .product-description,
.product-wrapper .description,
.product-wrapper .prose,
[data-component-id="product-page"] .product-description,
[data-component-id="product-page"] .description,
[data-component-id="product-page"] .prose {
  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,0,0,0.22) !important;
  border-radius: 16px !important;
  padding: 18px 18px !important;
  margin-top: 16px !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* 3) Kad būtų gražiai centre kaip “Premium kokybė” */
.product-page .product-description,
.product-wrapper .product-description,
[data-component-id="product-page"] .product-description,
.product-page .description,
.product-wrapper .description,
[data-component-id="product-page"] .description,
.product-page .prose,
.product-wrapper .prose,
[data-component-id="product-page"] .prose {
  max-width: 620px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* =========================================
   PRODUCT DESCRIPTION -> BOX (SellAuth)
   Target: .product-tabs .content .editor
   Paste at VERY END
   ========================================= */

.product-tabs .content .editor{
  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,0,0,0.22) !important;
  border-radius: 16px !important;
  padding: 18px 18px !important;
  margin-top: 14px !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* tekstas viduje tvarkingai */
.product-tabs .content .editor .e-paragraph{
  margin: 10px 0 !important;
  color: rgba(255,255,255,0.86) !important;
  line-height: 1.7 !important;
}

/* sąrašai, jei naudoji */
.product-tabs .content .editor ul{
  margin: 10px 0 14px 18px !important;
}
.product-tabs .content .editor li{
  margin: 6px 0 !important;
}

/* OPTIONAL: hover glow kaip tavo kortelėms */
.product-tabs .content .editor:hover{
  border-color: rgba(255,0,0,0.35) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05);
  transition: box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
/* =========================================
   PRODUCT DESCRIPTION – CLEAN GREY CARD
   No hover, no glow, no animation
   ========================================= */

.product-tabs .content .editor{
  background: rgba(255,255,255,0.04) !important; /* švelni pilka */
  border: 1px solid rgba(255,255,255,0.08) !important; /* pilkas rėmelis */
  border-radius: 18px !important;
  padding: 22px !important;
  margin-top: 16px !important;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  box-shadow: none !important;
  transition: none !important;
}

/* išjungiam bet kokį hover efektą */
.product-tabs .content .editor:hover{
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,0.08) !important;
  filter: none !important;
}

/* tekstas viduje */
.product-tabs .content .editor .e-paragraph{
  color: rgba(255,255,255,0.88) !important;
  line-height: 1.7 !important;
  margin: 10px 0 !important;
}
/* Small clean spacing inside product description box */

.product-tabs .content .editor{
  padding: 12px 18px !important;   /* mažas tarpas viduje */
}

.product-tabs .content .editor .e-paragraph:first-child{
  margin-top: 0 !important;        /* nuima per didelį viršutinį tarpą */
}

.product-tabs .content .editor .e-paragraph{
  margin: 6px 0 !important;        /* mažesni tarpai tarp eilučių */
}
/* =========================================
   DESCRIPTION BOX = SAME STYLE AS DURATION OPTIONS
   (clean, no hover)
   ========================================= */

.product-tabs .content .editor{
  background: rgba(0,0,0,0.35) !important;          /* kaip option'ai */
  border: 1px solid rgba(255,255,255,0.28) !important; /* kaip option border */
  border-radius: 12px !important;                   /* panašus radius kaip pasirinkimuose */
  padding: 12px 16px !important;                    /* “input” tipo vidinis tarpas */
  box-shadow: none !important;
  transition: none !important;
}

/* jokių hover efektų */
.product-tabs .content .editor:hover{
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  border-color: rgba(255,255,255,0.28) !important;
}

/* mažesni tarpai tarp eilučių (kad jaustųsi kaip “form” blokas) */
.product-tabs .content .editor .e-paragraph{
  margin: 6px 0 !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,0.88) !important;
}
/* =========================================
   DESCRIPTION = 1:1 MATCH WITH .variant
   ========================================= */

.product-tabs .content .editor{
  /* identiškas fonas kaip .variant */
  background-color: var(--bs-gray-bg) !important;

  /* identiškas border */
  border: 1px solid var(--bs-btn-border-color) !important;

  /* toks pats radius kaip mygtukų */
  border-radius: 0.75rem !important;

  /* toks pats padding kaip .variant */
  padding: 0.75rem !important;

  /* struktūra kaip flex variantuose */
  display: flex !important;
  flex-direction: column !important;

  box-shadow: none !important;
  transition: none !important;
}

/* išjungiam hover efektus */
.product-tabs .content .editor:hover{
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}
/* =========================================
   DESCRIPTION BORDER → RED
   ========================================= */

.product-tabs .content .editor{
  border: 1px solid #ff0000 !important;
}
/* =========================================
   DESCRIPTION BORDER – CALM RED (NO HOVER CHANGE)
   ========================================= */

.product-tabs .content .editor{
  border: 1px solid rgba(255, 60, 60, 0.45) !important; /* ramesnė raudona */
  transition: none !important;
}

/* Užtikrinam, kad hover nieko nekeistų */
.product-tabs .content .editor:hover{
  border: 1px solid rgba(255, 60, 60, 0.45) !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}
/* Sumažina tarpą viršuje visoms produktų sekcijoms */
section.container.py-20.component {
    padding-top: 0px !important;
}
/* FAQ apačia mažesnė */
section.faq {
    padding-bottom: 10px !important;
}

/* Footer arčiau */
footer {
    margin-top: 0 !important;
    padding-top: 15px !important;
}
/* Produktų sekcija mažiau tarpo apačioje */
section[data-component-id="products"] {
    padding-bottom: 20px !important;
}

/* FAQ sekcija mažiau tarpo viršuje */
section.faq {
    padding-top: 15px !important;
}
html, body {
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

html, body {
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
/* ===== MOBILE FOOTER FIX ===== */
@media (max-width: 768px) {

  footer,
  .footer,
  footer.footer {
    position: relative !important;   /* panaikinam fixed/sticky */
    bottom: auto !important;
    margin-top: 40px !important;
  }

  body {
    padding-bottom: 0 !important;
  }

  #app,
  .flex-wrapper {
    min-height: auto !important;
  }
}
/* ===== MOBILE: daugiau tarpo prieš footerį ===== */
@media (max-width: 768px) {

  footer,
  .footer,
  footer.footer {
    margin-top: 80px !important;   /* padidina tarpą virš footerio */
    padding-top: 30px !important;  /* papildomas vidinis tarpas */
  }

}
/* =========================================
   GLOBAL BUTTON STYLE – VISIEMS MYGTUKAMS
   FIXED: nebetaiko .btn-close
   ========================================= */

button:not(.btn-close),
.btn:not(.btn-close),
a.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
.btn-primary:not(.btn-close),
.btn-outline-primary:not(.btn-close),
.btn-danger:not(.btn-close),
.btn-outline-danger:not(.btn-close),
.btn-secondary:not(.btn-close),
.btn-outline-secondary:not(.btn-close),
.btn-success:not(.btn-close),
.btn-outline-success:not(.btn-close),
.btn-warning:not(.btn-close),
.btn-outline-warning:not(.btn-close),
.btn-dark:not(.btn-close),
.btn-outline-dark:not(.btn-close) {
  background: transparent !important;
  border: 1px solid rgba(255, 60, 60, 0.45) !important;
  color: #ff3b3b !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease !important;
}

/* Hover */
button:not(.btn-close):hover,
.btn:not(.btn-close):hover,
a.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.btn-primary:not(.btn-close):hover,
.btn-outline-primary:not(.btn-close):hover,
.btn-danger:not(.btn-close):hover,
.btn-outline-danger:not(.btn-close):hover,
.btn-secondary:not(.btn-close):hover,
.btn-outline-secondary:not(.btn-close):hover,
.btn-success:not(.btn-close):hover,
.btn-outline-success:not(.btn-close):hover,
.btn-warning:not(.btn-close):hover,
.btn-outline-warning:not(.btn-close):hover,
.btn-dark:not(.btn-close):hover,
.btn-outline-dark:not(.btn-close):hover {
  transform: translateY(-1px) !important;
  background: rgba(255, 0, 0, 0.08) !important;
  border-color: rgba(255, 60, 60, 0.75) !important;
  color: #ffffff !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05) !important;
}

/* Active */
button:not(.btn-close):active,
.btn:not(.btn-close):active,
a.btn:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  transform: translateY(0) !important;
}

/* Focus */
button:not(.btn-close):focus,
button:not(.btn-close):focus-visible,
.btn:not(.btn-close):focus,
.btn:not(.btn-close):focus-visible,
a.btn:focus,
a.btn:focus-visible,
input[type="submit"]:focus,
input[type="submit"]:focus-visible,
input[type="button"]:focus,
input[type="button"]:focus-visible,
input[type="reset"]:focus,
input[type="reset"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 60, 60, 0.65) !important;
}

/* Disabled */
button:not(.btn-close):disabled,
.btn:not(.btn-close):disabled,
a.btn.disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Ikonos mygtukuose */
button:not(.btn-close) svg,
.btn:not(.btn-close) svg,
a.btn svg {
  stroke: currentColor !important;
  fill: currentColor !important;
}
/* =========================================
   FIX: modal X mygtukas
   - visada matomas
   - hover metu nedingsta
   - turi raudoną outline kaip kiti
   ========================================= */

button.btn-close,
.btn-close {
  background-color: transparent !important;
  background-image: var(--bs-btn-close-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;

  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;

  border: 1px solid rgba(255, 60, 60, 0.45) !important;
  border-radius: 10px !important;

  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;

  filter: invert(1) grayscale(100%) brightness(220%) !important;
}

/* Hover */
button.btn-close:hover,
.btn-close:hover {
  background-color: rgba(255, 0, 0, 0.08) !important;
  background-image: var(--bs-btn-close-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;

  border-color: rgba(255, 60, 60, 0.75) !important;
  border-radius: 10px !important;

  opacity: 1 !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;

  filter: invert(1) grayscale(100%) brightness(230%) !important;
}

/* Focus / active */
button.btn-close:focus,
button.btn-close:focus-visible,
button.btn-close:active,
.btn-close:focus,
.btn-close:focus-visible,
.btn-close:active {
  outline: none !important;
  background-image: var(--bs-btn-close-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
  box-shadow: none !important;
  filter: invert(1) grayscale(100%) brightness(220%) !important;
}
/* =========================================
   FINAL FIX: X mygtukas su outline, bet nedingsta
   ========================================= */

.btn-close {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;

  border: none !important;
  outline: none !important;
  border-radius: 10px !important;

  background-color: transparent !important;
  background-image: var(--bs-btn-close-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;

  opacity: 1 !important;
  filter: invert(1) brightness(220%) !important;

  /* outline vietoj border */
  box-shadow: inset 0 0 0 1px rgba(255, 60, 60, 0.55) !important;
  transform: none !important;
}

/* hover */
.btn-close:hover {
  background-color: rgba(255, 0, 0, 0.08) !important;
  background-image: var(--bs-btn-close-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;

  opacity: 1 !important;
  filter: invert(1) brightness(230%) !important;
  transform: translateY(-1px) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255, 60, 60, 0.75),
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
}

/* focus / active */
.btn-close:focus,
.btn-close:focus-visible,
.btn-close:active {
  outline: none !important;
  border: none !important;
  background-image: var(--bs-btn-close-bg) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 60, 60, 0.65) !important;
}
/* =========================================
   SIDEBAR NAV (SellAuth nav-pills FIX)
   ========================================= */

.nav-pills .nav-link {
  color: #ff3b3b !important;
  background: transparent !important;
  border: 1px solid rgba(255, 60, 60, 0.45) !important;

  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin-bottom: 8px !important;

  font-weight: 600 !important;
  transition: all 0.18s ease !important;
}

/* Hover */
.nav-pills .nav-link:hover {
  color: #ffffff !important;
  background: rgba(255, 0, 0, 0.08) !important;
  border-color: rgba(255, 60, 60, 0.75) !important;

  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;

  transform: translateY(-1px);
}

/* Active (Pagrindinis) */
.nav-pills .nav-link.active {
  color: #fff !important;
  background: rgba(255, 0, 0, 0.18) !important;
  border-color: rgba(255, 60, 60, 0.9) !important;
}

/* Kad Bootstrap neperrašytų */
.nav-pills .nav-link:focus,
.nav-pills .nav-link:active {
  outline: none !important;
  box-shadow: none !important;
}
.col-12.col-lg-3 .card small.text-muted {
  display: block !important;
  margin-bottom: 16px !important;
  line-height: 1.5 !important;
}
/* ===== BETA POPUP ===== */

.beta-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.beta-popup-content {
  position: relative;
  background: rgba(0,0,0,0.85);
  border: 1px solid rgba(255, 60, 60, 0.4);
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  text-align: center;

  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.25),
    0 15px 40px rgba(255, 0, 0, 0.25);
}

.beta-popup-content h3 {
  color: #ff3b3b;
  margin-bottom: 10px;
}

.beta-popup-content p {
  font-size: 14px;
  opacity: 0.85;
  line-height: 1.5;
}

/* X mygtukas */
.beta-close {
  position: absolute;
  top: 10px;
  right: 10px;

  background: transparent;
  border: 1px solid rgba(255, 60, 60, 0.4);
  border-radius: 8px;
  color: #fff;

  width: 32px;
  height: 32px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.beta-close:hover {
  background: rgba(255,0,0,0.1);
  border-color: rgba(255, 60, 60, 0.7);
  box-shadow: 0 0 10px rgba(255,0,0,0.4);
}
/* =========================================
   LEVEL CARD = TOKIA PATI KAIP KITOS
   ========================================= */

#level-system-card.card {
  --bs-card-bg: rgba(var(--bs-body-color-rgb), 0.03) !important;
  --bs-card-border-color: var(--bs-border-color-translucent) !important;

  background-color: var(--bs-card-bg) !important;
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
  box-shadow: none !important;
}

/* Hover kaip kitų custom kortelių */
#level-system-card.card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 60, 60, 0.35) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05) !important;
}
/* =========================================
   CUSTOMER DASHBOARD CARDS – UNIFIED STYLE
   ========================================= */

.col-12.col-lg-9 .card {
  --bs-card-bg: rgba(255,255,255,0.03) !important;
  --bs-card-border-color: rgba(255,255,255,0.08) !important;

  background-color: var(--bs-card-bg) !important;
  background: var(--bs-card-bg) !important;
  border: 1px solid var(--bs-card-border-color) !important;
  border-radius: 16px !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.col-12.col-lg-9 .card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 60, 60, 0.35) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05) !important;
}
/* =========================================
   CUSTOMER DASHBOARD – UNIFIED CARD STYLE
   ========================================= */

.dashboard-card {
  --bs-card-bg: rgba(255,255,255,0.03) !important;
  --bs-card-border-color: rgba(255,255,255,0.08) !important;

  background-color: var(--bs-card-bg) !important;
  background: var(--bs-card-bg) !important;
  border: 1px solid var(--bs-card-border-color) !important;
  border-radius: 16px !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.dashboard-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 60, 60, 0.35) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05) !important;
}

/* =========================================
   LEVEL SYSTEM XP BAR
   ========================================= */

#level-system-card {
  position: relative;
  overflow: hidden;
}

.xp-bar-wrapper {
  width: 100%;
  height: 14px;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 999px;
  overflow: hidden;
}

.xp-bar-fill {
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff2a2a, #ff5c5c);
  box-shadow:
    0 0 12px rgba(255, 0, 0, 0.25),
    0 0 24px rgba(255, 0, 0, 0.15);
  transition: width .35s ease !important;
}
/* =========================================
   SIDEBAR – SAME STYLE AS DASHBOARD CARDS
   ========================================= */

/* Pati sidebar kortelė */
.customer-sidebar,
.customer-sidebar .card,
.col-lg-3 .card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

/* Hover efektas kaip kitur */
.customer-sidebar:hover,
.col-lg-3 .card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 60, 60, 0.35) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 34px rgba(255, 0, 0, 0.28) !important;
  filter: brightness(1.05) !important;
}

/* =========================================
   SIDEBAR BUTTONS (nav links)
   ========================================= */

.nav.flex-column.gap-2.nav-pills .nav-link {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  color: #ff3b3b !important;

  transition: all .2s ease !important;
}

/* Hover */
.nav.flex-column.gap-2.nav-pills .nav-link:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255, 60, 60, 0.6) !important;
  color: #fff !important;

  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 8px 25px rgba(255, 0, 0, 0.25) !important;
}

/* Active (Pagrindinis) */
.nav.flex-column.gap-2.nav-pills .nav-link.active {
  background: rgba(255, 0, 0, 0.15) !important;
  border-color: rgba(255, 60, 60, 0.7) !important;
  color: #fff !important;

  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.4),
    0 10px 30px rgba(255, 0, 0, 0.3) !important;
}
.xp-bar-wrapper {
  width: 100%;
  height: 10px;
  background: rgba(255,255,255,0.05);
  border-radius: 999px;
  overflow: hidden;
  margin-top: 10px;
}

.xp-bar-fill {
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff2a2a, #ff5c5c);
  box-shadow:
    0 0 12px rgba(255, 0, 0, 0.25),
    0 0 24px rgba(255, 0, 0, 0.15);
  transition: width .7s ease !important;
}
/* =========================
   FIX: ONLY latest invoice ID
   ========================= */

/* targetinam TIK naujausio užsakymo bloką */
.card h5 + div small a span.text-primary {
  color: rgba(255,255,255,0.65) !important;
}

/* hover */
.card h5 + div small a:hover span.text-primary {
  color: #ffffff !important;
}
.card h5 + div small a[href*="checkout"] span.text-primary {
  color: rgba(255,255,255,0.65) !important;
}
/* =========================
   TABLE → SAME STYLE AS CARDS
   ========================= */

/* visas table konteineris */
.table {
  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,0,0,0.22) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

/* header */
.table thead th {
  background: rgba(0,0,0,0.65) !important;
  color: rgba(255,255,255,0.8) !important;
  border: none !important;
  font-weight: 600;
}

/* rows */
.table tbody tr {
  background: transparent !important;
  border: none !important;
  transition: all .2s ease;
}

/* cell text */
.table td {
  color: rgba(255,255,255,0.85) !important;
  border: none !important;
}

/* hover kaip kortelėse */
.table tbody tr:hover {
  background: rgba(255,255,255,0.03) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 60, 60, 0.35),
    0 8px 24px rgba(255, 0, 0, 0.15);
}

/* pašalinam mėlyną highlight (selected row) */
.table tbody tr.table-active,
.table tbody tr:active {
  background: rgba(255,255,255,0.02) !important;
}
.product-tabs {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: none !important;
  overflow: hidden !important;
}

.product-tabs .content,
.product-tabs .content .editor {
  background: transparent !important;
  border: none !important;
}
.product-description-box {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: none !important;
}
/* FIX: produkto aprasymas nepakyla */
.product-tabs,
.product-tabs .content,
.product-tabs .content .editor,
.product-description,
.product-description-box {
  transform: none !important;
  transition: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.product-tabs:hover,
.product-tabs .content:hover,
.product-tabs .content .editor:hover,
.product-description:hover,
.product-description-box:hover {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}
/* =========================================
   PRODUCT DESCRIPTION - NO MOUSE EFFECTS
   tik produkto aprasymui
   ========================================= */

.product-wrapper .col-lg-6:first-child .product-tabs,
.product-wrapper .col-lg-6:first-child .product-tabs .content,
.product-wrapper .col-lg-6:first-child .product-tabs .content .editor,
.product-wrapper .col-lg-6:first-child .product-tabs .content .editor * {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
}

/* hover visiskai isjungtas */
.product-wrapper .col-lg-6:first-child .product-tabs:hover,
.product-wrapper .col-lg-6:first-child .product-tabs .content:hover,
.product-wrapper .col-lg-6:first-child .product-tabs .content .editor:hover,
.product-wrapper .col-lg-6:first-child .product-tabs .content .editor *:hover {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
}

/* raudonas outline, be jokio keitimosi */
.product-wrapper .col-lg-6:first-child .product-tabs .content .editor {
  border: 1px solid rgba(255, 60, 60, 0.55) !important;
  border-radius: 14px !important;
  background: rgba(0, 0, 0, 0.35) !important;
}

.product-wrapper .col-lg-6:first-child .product-tabs .content .editor:hover {
  border: 1px solid rgba(255, 60, 60, 0.55) !important;
}
.product-tabs {
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* =========================================
   CHECKOUT CART FIX
   - rodo minusą ir pliusą
   - juodame langelyje rodo kiekį
   ========================================= */

/* Checkout quantity wrapper */
.cart-item .input-group,
.checkout .input-group,
.cart .input-group {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Minus / plus buttons */
.cart-item .input-group button,
.checkout .input-group button,
.cart .input-group button,
.cart-item .input-group .btn,
.checkout .input-group .btn,
.cart .input-group .btn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;

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

  font-size: 20px !important;
  line-height: 1 !important;

  color: #fff !important;
  background: transparent !important;
  border: 1px solid rgba(255, 60, 60, 0.45) !important;
  border-radius: 9px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Quantity black box */
.cart-item .input-group input,
.checkout .input-group input,
.cart .input-group input,
.cart-item input[type="number"],
.checkout input[type="number"],
.cart input[type="number"] {
  width: 28px !important;
  height: 34px !important;
  min-width: 28px !important;

  display: flex !important;
  text-align: center !important;

  color: #fff !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;

  font-size: 14px !important;
  font-weight: 700 !important;

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

/* Hide number arrows */
.cart-item input[type="number"]::-webkit-inner-spin-button,
.cart-item input[type="number"]::-webkit-outer-spin-button,
.checkout input[type="number"]::-webkit-inner-spin-button,
.checkout input[type="number"]::-webkit-outer-spin-button,
.cart input[type="number"]::-webkit-inner-spin-button,
.cart input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.cart-item input[type="number"],
.checkout input[type="number"],
.cart input[type="number"] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

/* Jeigu SellAuth ikonoms uždeda opacity/display */
.cart-item .input-group button *,
.checkout .input-group button *,
.cart .input-group button * {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Hover */
.cart-item .input-group button:hover,
.checkout .input-group button:hover,
.cart .input-group button:hover {
  background: rgba(255, 0, 0, 0.08) !important;
  border-color: rgba(255, 60, 60, 0.75) !important;
  box-shadow:
    0 0 0 1px rgba(255, 60, 60, 0.35),
    0 10px 24px rgba(255, 0, 0, 0.22) !important;
}
/* =========================================
   CHECKOUT QTY NUMBER CENTER FIX
   ========================================= */

.cart-item .input-group input,
.checkout .input-group input,
.cart .input-group input,
.cart-item input[type="number"],
.checkout input[type="number"],
.cart input[type="number"] {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;

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

  display: block !important;
  text-align: center !important;

  line-height: 34px !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* jei tema naudoja Bootstrap form-control */
.cart-item .input-group .form-control,
.checkout .input-group .form-control,
.cart .input-group .form-control {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
/* =========================================
   CHECKOUT: FORCE + AND - SYMBOLS
   ========================================= */

/* minus mygtukas */
.cart-item .input-group button:first-child::before,
.checkout .input-group button:first-child::before,
.cart .input-group button:first-child::before,
.cart-item .input-group .btn:first-child::before,
.checkout .input-group .btn:first-child::before,
.cart .input-group .btn:first-child::before {
  content: "−" !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
}

/* plus mygtukas */
.cart-item .input-group button:last-child::before,
.checkout .input-group button:last-child::before,
.cart .input-group button:last-child::before,
.cart-item .input-group .btn:last-child::before,
.checkout .input-group .btn:last-child::before,
.cart .input-group .btn:last-child::before {
  content: "+" !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
}

/* jeigu viduje yra paslėptos ikonėlės/svg */
.cart-item .input-group button svg,
.checkout .input-group button svg,
.cart .input-group button svg {
  display: none !important;
}
/* =========================================
   FIX: REAL + / - FOR SELLAUTH BUTTONS
   ========================================= */

/* visi quantity mygtukai */
.cart-qty-btn {
  position: relative !important;
  font-size: 0 !important; /* paslepiam tuščius simbolius */
}

/* minus (pirmas mygtukas) */
.cart-qty-btn:first-of-type::before {
  content: "−";
}

/* plus (antras mygtukas) */
.cart-qty-btn:last-of-type::before {
  content: "+";
}

/* bendras style */
.cart-qty-btn::before {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #fff !important;

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

  width: 100%;
  height: 100%;
  line-height: 1 !important;
}
/* =====================================
   TESTIMONIAL CARD
===================================== */

.testimonial{
    background: rgba(15,15,15,0.78) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(255,0,0,0.15) !important;
    border-radius: 18px !important;

    overflow: hidden;
    transition: all 0.3s ease;

    box-shadow:
        0 0 20px rgba(255,0,0,0.06),
        inset 0 0 20px rgba(255,255,255,0.02);
}

.testimonial:hover{
    transform: translateY(-6px);
    border-color: rgba(255,0,0,0.45) !important;

    box-shadow:
        0 0 30px rgba(255,0,0,0.18),
        0 0 60px rgba(255,0,0,0.08);
}

/* =====================================
   HEADER
===================================== */

.testimonial .header{
    padding: 1rem 1.5rem 0.5rem !important;
}

/* =====================================
   CONTENT
===================================== */

.testimonial .content{
    color: white !important;
    font-size: 15px;
    line-height: 1.6;
    padding: 0 1.5rem 1rem !important;
}

/* =====================================
   FOOTER
===================================== */

.testimonial .footer{
    border-top: 1px solid rgba(255,255,255,0.06);
    padding: 1rem 1.5rem !important;
    color: rgba(255,255,255,0.65) !important;
}

/* =====================================
   STARS
===================================== */

.testimonial .stars,
.testimonial .rating,
.testimonial i{
    color: #ffcc00 !important;
}

/* =====================================
   TITLE
===================================== */

.feedbacks-1778872168411 .section-title{
    background: linear-gradient(90deg,#ff2d2d,#ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* =====================================
   GRID GAP
===================================== */

.row{
    row-gap: 24px !important;
}

/* =====================================
   REMOVE AUTO FEEDBACK TEXT
===================================== */

.testimonial .content{
    font-size: 0 !important;
}

.testimonial .content::after{
    content: "";
    font-size: 15px !important;
    color: white;
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:768px){

    .testimonial{
        border-radius: 14px !important;
    }

}
section[data-component-id="feedbacks-1778878216841"]{
    padding-top: 0px !important;
    margin-top: 0px !important;
}