/* =========================================================
   Healas PC — bendras stilius
   Prekės ženklas nekeistas: tamsi tema, oranžinis akcentas,
   mono tipografija TIK etiketėms ir mygtukams.
   ========================================================= */

:root{
  --bg:#0a0d12;
  --surface:#12161d;
  --surface-2:#191f28;
  --surface-3:#212a36;
  --line:#242e3a;
  --line-bright:#3a4658;

  --text:#eef1f6;        /* 16.6:1 ant bg */
  --text-dim:#9aa7b8;    /*  7.96:1 ant bg — AA */
  --text-faint:#8b98a8;  /*  6.63:1 ant bg — AA (buvo #5c6b7d = 3.57:1, neatitiko) */

  --accent:#5c93ff;      /* 6.55:1 */
  --accent-soft:rgba(92,147,255,.13);
  --copper:#f2924f;      /* 8.34:1 */
  --copper-hover:#ffa564;
  --on-copper:#191008;   /* 8.04:1 ant oranžinio */
  --ok:#4fce8a;
  --bad:#f0868d;         /* 7.88:1 (buvo #e2636b) */

  --radius:3px;
  --maxw:1240px;
  --header-h:64px;
}

*{box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; }
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  font-variant-numeric:tabular-nums;
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
}

h1,h2,h3,h4{
  font-family:"Rajdhani","IBM Plex Sans",system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.01em;
  text-wrap:balance;
  margin:0;
  font-weight:700;
  line-height:1.08;
}
p{margin:0 0 1em;}
a{color:inherit;}
img{max-width:100%;}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;}

/* Matomas fokusas visiems interaktyviems elementams */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--copper);
  outline-offset:2px;
  border-radius:2px;
}

.skip-link{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--copper); color:var(--on-copper);
  padding:12px 18px; font-weight:600; text-decoration:none;
}
.skip-link:focus{left:8px; top:8px;}

.grid-bg{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size:56px 56px;
  opacity:.22;
  mask-image:radial-gradient(ellipse 90% 55% at 50% 0%, #000 45%, transparent 100%);
}
.page{position:relative; z-index:1;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}

/* Sticky antraštė neuždengia antraščių šokant per nuorodas */
main section[id], [id]{scroll-margin-top:calc(var(--header-h) + 16px);}

/* ---------------- Antraštė ---------------- */
.topbar{
  position:sticky; top:0; z-index:60;
  background:rgba(10,13,18,.85);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.topbar .wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px;
  /* -1px, kad kartu su apatiniu rėmeliu bendras aukštis neviršytų --header-h */
  height:calc(var(--header-h) - 1px);
}
.logo{
  display:inline-flex; align-items:center; gap:9px; flex:none;
  font-family:"Rajdhani",sans-serif; font-weight:700; font-size:21px;
  letter-spacing:.02em; text-decoration:none; white-space:nowrap;
}
.logo .dot{color:var(--copper);}
.logo picture{display:flex; flex:none;}
.logo-mark{display:block; width:auto; height:30px;}
.foot-brand .logo-mark{height:34px;}

.mainnav{display:flex; align-items:center; gap:22px; white-space:nowrap;}
.mainnav a{
  font-size:13.5px; color:var(--text-dim); text-decoration:none; font-weight:500;
  padding:4px 0; border-bottom:1px solid transparent;
}
.mainnav a:hover{color:var(--text); border-bottom-color:var(--line-bright);}
.mainnav a[aria-current="page"]{color:var(--text); border-bottom-color:var(--copper);}

.topbar-cta{display:flex; align-items:center; gap:12px; flex:none;}

/* Telefonas — ANTRINIS elementas (be oranžinio fono) */
.phone-link{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--text-dim); text-decoration:none;
  font-family:"IBM Plex Mono",monospace; font-size:13px;
  padding:7px 10px; border:1px solid var(--line-bright); border-radius:2px;
  white-space:nowrap;
}
.phone-link svg{width:15px; height:15px; flex:none;}
.phone-link:hover{color:var(--text); border-color:var(--text-faint);}

.cart-btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; flex:none;
  border:1px solid var(--line-bright); border-radius:2px;
  color:var(--text-dim); text-decoration:none;
}
.cart-btn:hover{color:var(--text); border-color:var(--text-faint);}
.cart-icon{width:18px; height:18px;}
.cart-count{
  position:absolute; top:-7px; right:-7px; min-width:18px; height:18px; padding:0 4px;
  border-radius:999px; background:var(--copper); color:var(--on-copper);
  font-family:"IBM Plex Mono",monospace; font-size:10.5px; font-weight:600;
  display:flex; align-items:center; justify-content:center; line-height:1;
}
.cart-count.hidden{display:none;}

.nav-toggle{
  display:none; width:38px; height:38px; flex:none; cursor:pointer;
  background:none; border:1px solid var(--line-bright); border-radius:2px;
  padding:0; align-items:center; justify-content:center; flex-direction:column; gap:4px;
}
.nav-toggle span{display:block; width:16px; height:1.5px; background:var(--text); transition:transform .2s ease, opacity .2s ease;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}

.mobile-menu{display:none; flex-direction:column; border-top:1px solid var(--line); background:var(--surface);}
.mobile-menu[hidden]{display:none;}
.mobile-menu a{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  padding:15px 28px; border-bottom:1px solid var(--line);
  text-decoration:none; font-size:15px; font-weight:500; color:var(--text);
}
.mobile-menu a span{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--text-faint);}
.mobile-menu a:active{background:var(--surface-2);}

/* ---------------- Naršymo kelias ---------------- */
.breadcrumb{border-bottom:1px solid var(--line); background:var(--surface);}
.breadcrumb ol{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  list-style:none; margin:0; padding:11px 0; font-size:13px;
}
.breadcrumb li+li::before{content:"/"; color:var(--text-faint); margin-right:8px;}
.breadcrumb a{color:var(--text-dim); text-decoration:none;}
.breadcrumb a:hover{color:var(--text); text-decoration:underline;}
.breadcrumb span[aria-current]{color:var(--text-faint);}

/* ---------------- Mygtukai ---------------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--copper); color:var(--on-copper);
  font-family:"IBM Plex Mono",monospace; font-weight:600; font-size:13px;
  letter-spacing:.02em; text-decoration:none;
  padding:12px 20px; border-radius:var(--radius);
  border:1px solid var(--copper); cursor:pointer;
  transition:background .15s ease, transform .15s ease;
}
.btn:hover{background:var(--copper-hover); border-color:var(--copper-hover); transform:translateY(-1px);}
.btn.ghost{background:transparent; color:var(--text); border-color:var(--line-bright);}
.btn.ghost:hover{border-color:var(--copper); color:var(--copper); background:transparent;}
.btn[disabled], .btn[aria-disabled="true"]{
  background:var(--surface-3); border-color:var(--line); color:var(--text-faint);
  cursor:not-allowed; transform:none;
}
.btn-sm{padding:9px 14px; font-size:12px;}

.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:"IBM Plex Mono",monospace; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--accent); margin-bottom:18px;
}
.eyebrow::before{content:""; width:20px; height:1px; background:var(--accent);}

/* ---------------- Pradinio puslapio herojus ---------------- */
.hero{padding:64px 0 56px;}
.hero .wrap{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;}
.hero h1{font-size:clamp(36px,4.4vw,60px); margin-bottom:20px;}
.hero h1 em{font-style:normal; color:var(--copper);}
.hero .lede{font-size:17px; color:var(--text-dim); max-width:48ch; margin-bottom:26px;}
.hero-actions{display:flex; gap:12px; margin-bottom:26px; flex-wrap:wrap;}

/* Sandėlio ženklelis perkeltas iš antraštės į herojų */
.stock-badge{
  display:inline-flex; align-items:center; gap:9px;
  border:1px solid var(--line-bright); border-radius:999px;
  padding:7px 14px 7px 12px; margin-bottom:22px;
  font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--text-dim);
}
.stock-badge .pulse{width:7px; height:7px; border-radius:50%; background:var(--ok); box-shadow:0 0 0 3px rgba(79,206,138,.18);}

.hero-stats{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
}
.hero-stats div{background:var(--surface); padding:15px 17px;}
/* Kainų diapazonas ilgesnis už kitus — leidžiam jam būti mažesniam, kad nesilaužytų */
.hero-stats .num{font-family:"Rajdhani",sans-serif; font-weight:700; font-size:clamp(17px,1.5vw,24px); display:block; white-space:nowrap;}
.hero-stats .lbl{font-size:12px; color:var(--text-faint); display:block; margin-top:2px;}

.plate-frame{
  position:relative; border:1px solid var(--line-bright); border-radius:var(--radius);
  background:var(--surface); padding:14px; display:block; text-decoration:none;
}
.corner{position:absolute; width:18px; height:18px; pointer-events:none;}
.corner.tl{top:-1px; left:-1px; border-top:2px solid var(--copper); border-left:2px solid var(--copper);}
.corner.tr{top:-1px; right:-1px; border-top:2px solid var(--copper); border-right:2px solid var(--copper);}
.corner.bl{bottom:-1px; left:-1px; border-bottom:2px solid var(--copper); border-left:2px solid var(--copper);}
.corner.br{bottom:-1px; right:-1px; border-bottom:2px solid var(--copper); border-right:2px solid var(--copper);}
.plate-frame img{width:100%; height:auto; display:block; border-radius:2px; background:var(--surface-2);}
.plate-tag{
  position:absolute; top:26px; left:26px; z-index:2;
  background:var(--copper); color:var(--on-copper);
  font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:600;
  letter-spacing:.06em; padding:5px 10px; border-radius:2px;
}
.plate-info{display:flex; justify-content:space-between; align-items:flex-end; margin-top:15px; gap:12px;}
.plate-info h2{font-size:19px;}
.plate-specs{display:flex; gap:8px; flex-wrap:wrap; margin-top:8px;}
.spec-chip{
  font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--text-dim);
  border:1px solid var(--line-bright); border-radius:2px; padding:4px 8px; white-space:nowrap;
}
.plate-price{font-family:"IBM Plex Mono",monospace; font-weight:600; font-size:21px; color:var(--copper); white-space:nowrap;}

/* ---------------- Pasitikėjimo juosta ---------------- */
.trustbar{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--surface);}
.trustbar .wrap{display:grid; grid-template-columns:repeat(4,1fr); padding:0;}
.trustbar .cell{
  padding:20px 22px; border-left:1px solid var(--line);
  display:flex; align-items:center; gap:13px;
}
.trustbar .cell:first-child{border-left:none;}
.trustbar .cell > svg{width:22px; height:22px; flex:none; color:var(--accent);}
.trustbar .v{font-weight:600; font-size:14.5px; display:block; line-height:1.25;}
.trustbar .k{font-size:12.5px; color:var(--text-faint); display:block; margin-top:2px;}
.trustbar a{color:inherit; text-decoration:none;}
.trustbar a:hover .v{color:var(--copper);}

/* ---------------- Skilties antraštė ---------------- */
.section{padding:64px 0 8px;}
.section-head{
  display:flex; justify-content:space-between; align-items:flex-end; gap:24px;
  margin-bottom:30px; padding-bottom:18px; border-bottom:1px solid var(--line); flex-wrap:wrap;
}
.section-code{
  font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--accent);
  letter-spacing:.12em; margin-bottom:9px; display:block;
}
.section-head h2{font-size:clamp(24px,2.8vw,34px);}
.section-desc{max-width:46ch; color:var(--text-dim); font-size:14.5px; margin:8px 0 0;}
.section-aside{text-align:right; font-size:13px; color:var(--text-faint); white-space:nowrap;}
.section-aside b{color:var(--copper); font-weight:600; font-family:"IBM Plex Mono",monospace;}
.section-aside a{color:var(--text-dim);}

/* ---------------- Produktų tinklelis ---------------- */
/* auto-fit + 1fr: kortelės išsitempia, tuščios kolonos suskleidžiamos */
.card-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:18px; padding-bottom:20px; align-items:stretch;
}
.card{
  position:relative;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  display:flex; flex-direction:column; overflow:hidden; height:100%; min-width:0;
  transition:border-color .18s ease, transform .18s ease;
}
.card:hover{border-color:var(--line-bright); transform:translateY(-3px);}
/* Nuoroda ištempiama per visą kortelę, bet mygtukas lieka virš jos */
.card-link{color:inherit; text-decoration:none;}
.card-link::after{content:""; position:absolute; inset:0; z-index:1;}
.card-link:focus-visible{outline:none;}
.card:has(.card-link:focus-visible){outline:2px solid var(--copper); outline-offset:2px;}
.card-cta, .card-status{position:relative; z-index:2;}
.card-media{position:relative; aspect-ratio:4/3; background:var(--surface-2); overflow:hidden;}
.card-media img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease;}
.card:hover .card-media img{transform:scale(1.04);}
.card-status{
  position:absolute; top:10px; left:10px; z-index:2;
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(10,13,18,.82); backdrop-filter:blur(4px);
  border-radius:2px; padding:4px 8px 4px 6px;
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.05em; text-transform:uppercase;
}
.card-status .dot{width:6px; height:6px; border-radius:50%;}
.card-status.ok{color:#cdeedd;} .card-status.ok .dot{background:var(--ok);}
.card-status.bad{color:#f6c9cc;} .card-status.bad .dot{background:var(--bad);}

.card-body{padding:15px 15px 16px; display:flex; flex-direction:column; gap:11px; flex:1;}
.card-title h3{font-size:16px; line-height:1.18;}
.card-title .gpu{
  font-family:"IBM Plex Sans",sans-serif; text-transform:none; font-weight:500;
  color:var(--text-dim); font-size:13.5px; display:block; margin-top:3px;
}
/* Vienodas aukštis nepriklausomai nuo tagų kiekio */
.card-chips{display:flex; gap:6px; flex-wrap:wrap; min-height:24px; align-content:flex-start;}
.card-chips .spec-chip{font-size:10.5px; padding:3px 7px;}
.card-foot{
  margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding-top:12px; border-top:1px solid var(--line);
}
.card-price{font-family:"IBM Plex Mono",monospace; font-weight:600; font-size:17px; color:var(--copper); white-space:nowrap;}
.card-cta{
  font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.03em; text-transform:uppercase;
  color:var(--text); background:transparent; border:1px solid var(--line-bright);
  padding:8px 12px; border-radius:2px; cursor:pointer; white-space:nowrap;
  transition:border-color .15s ease, color .15s ease;
}
.card-cta:hover{border-color:var(--copper); color:var(--copper);}
.card-cta.notify{border-color:var(--line-bright); color:var(--text-dim); font-size:10.5px;}
.card-cta.notify:hover{border-color:var(--accent); color:var(--accent);}

/* ---------------- Produkto puslapis ---------------- */
.product{padding:36px 0 80px;}
.product-grid{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start;}
.gallery-main{border:1px solid var(--line-bright); border-radius:var(--radius); background:var(--surface); padding:14px; position:relative;}
.gallery-main img{width:100%; height:auto; display:block; border-radius:2px;}
.gallery-thumbs{display:flex; gap:10px; margin-top:12px; flex-wrap:wrap;}
.gallery-thumb{
  width:70px; height:70px; padding:0; border-radius:2px; overflow:hidden; cursor:pointer;
  border:1px solid var(--line-bright); background:var(--surface-2); opacity:.65;
  transition:opacity .15s ease, border-color .15s ease;
}
.gallery-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.gallery-thumb:hover{opacity:.9;}
.gallery-thumb[aria-current="true"]{opacity:1; border-color:var(--copper);}

.product-tier{
  font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--accent);
  letter-spacing:.1em; text-transform:uppercase; display:block; margin-bottom:12px;
}
.product h1{font-size:clamp(26px,3.2vw,38px); margin-bottom:6px;}
.product .gpu-line{color:var(--text-dim); font-size:16px; display:block; margin-bottom:16px;}
.product .lede{color:var(--text-dim); font-size:15px; max-width:46ch;}
.price-row{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:22px 0 24px;
}
.price-big{font-family:"IBM Plex Mono",monospace; font-weight:600; font-size:30px; color:var(--copper); white-space:nowrap;}
.stock-state{display:inline-flex; align-items:center; gap:8px; font-size:13.5px;}
.stock-state .dot{width:8px; height:8px; border-radius:50%;}
.stock-state.ok{color:#cdeedd;} .stock-state.ok .dot{background:var(--ok);}
.stock-state.bad{color:#f6c9cc;} .stock-state.bad .dot{background:var(--bad);}
.product-actions{display:flex; gap:12px; margin-bottom:30px; flex-wrap:wrap;}

.block{margin-bottom:30px;}
.block h2{
  font-family:"IBM Plex Mono",monospace; font-size:12px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--text-faint); margin-bottom:14px; font-weight:600;
}
.uses{display:flex; flex-direction:column; gap:9px; list-style:none; margin:0; padding:0;}
.uses li{display:flex; gap:10px; align-items:baseline; color:var(--text-dim); font-size:14.5px;}
.uses li::before{content:"—"; color:var(--accent); flex:none; font-family:"IBM Plex Mono",monospace;}

.spec-table{width:100%; border-collapse:collapse; font-size:14px;}
.spec-table tr{border-bottom:1px solid var(--line);}
.spec-table tr:last-child{border-bottom:none;}
.spec-table td{padding:11px 4px; vertical-align:top;}
.spec-table td:first-child{
  font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--text-faint);
  text-transform:uppercase; letter-spacing:.05em; white-space:nowrap; padding-right:20px; width:130px;
}
.spec-table td:last-child{color:var(--text-dim);}

/* Pirkimo sąlygos produkto puslapyje */
.terms{
  display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
}
.terms div{background:var(--surface); padding:14px 16px;}
.terms dt{font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-faint); margin-bottom:5px;}
.terms dd{margin:0; font-size:13.5px; color:var(--text-dim);}
.terms a{color:var(--accent);}

.related{padding:0 0 80px;}

/* ---------------- Turinio puslapiai ---------------- */
.page-hero{padding:46px 0 30px; border-bottom:1px solid var(--line);}
.page-hero h1{font-size:clamp(28px,4vw,44px); margin-bottom:12px;}
.page-hero p{color:var(--text-dim); font-size:16px; max-width:56ch; margin:0;}
.content-page{padding:38px 0 80px;}
.content-page h2{font-size:22px; margin:34px 0 12px;}
.content-page h2:first-child{margin-top:0;}
.content-page h3{font-size:17px; margin:22px 0 8px;}
.content-page p, .content-page li{color:var(--text-dim); font-size:15px; max-width:68ch;}
.content-page ul, .content-page ol{padding-left:20px; margin:0 0 1em;}
.content-page li{margin-bottom:7px;}
.content-page a{color:var(--accent);}
.prose{max-width:68ch;}

.info-table{width:100%; max-width:640px; border-collapse:collapse; font-size:14.5px; margin:0 0 24px;}
.info-table tr{border-bottom:1px solid var(--line);}
.info-table td{padding:12px 4px; vertical-align:top;}
.info-table td:first-child{color:var(--text-faint); width:200px; padding-right:20px;}
.info-table td:last-child{color:var(--text);}

.notice{
  border:1px solid var(--line-bright); border-left:3px solid var(--copper);
  background:var(--surface); border-radius:var(--radius);
  padding:16px 18px; margin:0 0 26px; color:var(--text-dim); font-size:14px; max-width:68ch;
}
.notice strong{color:var(--text);}

/* ---------------- Patarimų kortelės ---------------- */
.guide-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; padding-bottom:20px;}
.guide-card{
  display:flex; flex-direction:column; gap:8px; height:100%;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 22px 20px; text-decoration:none; color:inherit;
  transition:border-color .18s ease, transform .18s ease;
}
.guide-card:hover{border-color:var(--line-bright); transform:translateY(-3px);}
.guide-card h3{font-size:17px; line-height:1.2;}
.guide-card p{font-size:13.5px; color:var(--text-dim); margin:0;}
.guide-more{
  margin-top:auto; padding-top:12px;
  font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--copper);
}

/* ---------------- Individuali konfigūracija ---------------- */
.cta-panel{
  border:1px solid var(--line-bright); border-radius:var(--radius);
  background:linear-gradient(155deg, var(--surface) 0%, var(--surface-2) 100%);
  padding:44px 48px; position:relative; overflow:hidden;
  display:grid; grid-template-columns:1.3fr .7fr; gap:40px; align-items:center;
}
.cta-panel::before{
  content:""; position:absolute; top:0; right:0; width:340px; height:340px;
  background:radial-gradient(circle at top right, var(--accent-soft), transparent 70%); pointer-events:none;
}
.cta-panel h2{font-size:clamp(26px,3vw,36px); margin-bottom:14px;}
.cta-panel p{color:var(--text-dim); max-width:48ch; margin:0;}
.cta-side{border-left:1px solid var(--line-bright); padding-left:34px; display:flex; flex-direction:column; gap:16px;}
.cta-phone{font-family:"IBM Plex Mono",monospace; font-size:23px; font-weight:600; color:var(--copper); text-decoration:none;}
.cta-phone .k{display:block; font-size:11px; color:var(--text-faint); text-transform:uppercase; letter-spacing:.09em; margin-bottom:6px; font-weight:400;}

/* ---------------- Krepšelis ---------------- */
.cart-layout{display:grid; grid-template-columns:1fr 340px; gap:40px; align-items:start;}
.cart-row{
  /* 5 elementai: nuotrauka, info, kiekis, kaina, šalinimas */
  display:grid; grid-template-columns:72px minmax(0,1fr) auto auto auto;
  gap:16px; align-items:center;
  padding:16px 0; border-bottom:1px solid var(--line);
}
.cart-row img{width:72px; height:72px; object-fit:cover; border-radius:2px; border:1px solid var(--line-bright);}
.cart-row h3{font-size:15px; margin-bottom:3px;}
.cart-row .gpu{font-size:13px; color:var(--text-faint);}
.qty-stepper{display:flex; align-items:center; border:1px solid var(--line-bright); border-radius:2px; overflow:hidden;}
.qty-stepper button{width:32px; height:32px; background:var(--surface-2); border:none; color:var(--text); font-family:"IBM Plex Mono",monospace; font-size:15px; cursor:pointer;}
.qty-stepper button:hover{color:var(--copper);}
.qty-val{width:36px; text-align:center; font-family:"IBM Plex Mono",monospace; font-size:13.5px;}
.cart-row-price{text-align:right; min-width:110px;}
.cart-row-price .line-total{font-family:"IBM Plex Mono",monospace; font-weight:600; color:var(--copper); display:block; white-space:nowrap;}
.cart-row-price .unit{font-size:11.5px; color:var(--text-faint); display:block; margin-top:2px; white-space:nowrap;}
.cart-remove{background:none; border:none; color:var(--text-faint); font-size:18px; cursor:pointer; padding:4px 8px; line-height:1;}
.cart-remove:hover{color:var(--bad);}

.summary-panel{
  border:1px solid var(--line-bright); border-radius:var(--radius); padding:22px;
  background:var(--surface); position:sticky; top:calc(var(--header-h) + 20px);
}
.summary-panel h2{
  font-family:"IBM Plex Mono",monospace; font-size:12px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--text-faint); margin-bottom:16px;
}
.summary-row{display:flex; justify-content:space-between; gap:12px; font-size:14px; color:var(--text-dim); padding:7px 0;}
.summary-row.total{border-top:1px solid var(--line); margin-top:8px; padding-top:14px; font-size:18px; color:var(--text); font-weight:600;}
.summary-row.total .mono{color:var(--copper);}
.summary-panel .btn{width:100%; margin-top:16px;}
.summary-note{font-size:12.5px; color:var(--text-faint); margin:12px 0 0; line-height:1.5;}

/* Po suvestine — informacija vietoj tuščio ploto */
.cart-info{
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px;
  padding-top:28px; border-top:1px solid var(--line);
}
.cart-info div{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px;}
.cart-info h3{font-size:14px; margin-bottom:7px;}
.cart-info p{font-size:13px; color:var(--text-dim); margin:0;}
.cart-info a{color:var(--accent);}

.empty-state{
  text-align:center; padding:56px 24px; border:1px dashed var(--line-bright);
  border-radius:var(--radius); color:var(--text-dim);
}
.empty-state p{margin-bottom:20px; font-size:15px;}

/* ---------------- Setupai ---------------- */
.setup-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; align-items:stretch;}
.setup-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; height:100%;}
.setup-card figure{margin:0; aspect-ratio:4/3; background:var(--surface-2); overflow:hidden;}
.setup-card img{width:100%; height:100%; object-fit:cover; display:block;}
.setup-card .body{padding:14px 15px 16px; display:flex; flex-direction:column; gap:8px; flex:1;}
.setup-card h3{font-size:15.5px;}
.setup-card p{font-size:13px; color:var(--text-dim); margin:0; white-space:pre-wrap; overflow-wrap:anywhere;}
.setup-card .price{font-family:"IBM Plex Mono",monospace; font-size:14.5px; font-weight:600; color:var(--copper); margin-top:auto; padding-top:10px; border-top:1px solid var(--line);}
.setup-empty{grid-column:1 / -1; border:1px dashed var(--line-bright); border-radius:var(--radius); padding:40px 24px; text-align:center; color:var(--text-dim); font-size:14.5px;}
.submit-block{border:1px solid var(--line-bright); border-radius:4px; background:var(--surface); padding:26px; margin-bottom:44px;}
.submit-block h2{font-size:20px; margin-bottom:6px;}
.submit-block > p{color:var(--text-dim); font-size:14px; margin:0 0 20px; max-width:56ch;}

/* ---------------- Formos ---------------- */
.field{margin-bottom:14px;}
.field label{display:block; font-size:13px; color:var(--text-dim); margin-bottom:6px;}
.field .opt{color:var(--text-faint); font-size:11.5px;}
.field input, .field textarea, .field select{
  width:100%; background:var(--surface-2); border:1px solid var(--line-bright); border-radius:2px;
  color:var(--text); font-family:"IBM Plex Sans",sans-serif; font-size:15px; padding:11px 13px; outline:none;
}
.field textarea{resize:vertical; min-height:80px;}
.field input:focus, .field textarea:focus{border-color:var(--copper);}
.hint{display:block; font-size:12px; color:var(--text-faint); margin-top:5px;}
.setup-form-foot{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.setup-msg{font-size:13.5px; color:var(--text-dim); flex:1; min-width:0;}
.setup-msg.ok{color:var(--ok);}
.setup-msg.bad{color:var(--bad);}
.setup-disclaimer{font-size:12.5px; color:var(--text-faint); line-height:1.55; margin:0; border-top:1px solid var(--line); padding-top:13px;}

/* ---------------- Poraštė ---------------- */
footer{border-top:1px solid var(--line); padding:52px 0 34px; margin-top:20px;}
.foot-top{
  display:grid; grid-template-columns:1.6fr .9fr .9fr .9fr 1fr; gap:32px;
  padding-bottom:32px; border-bottom:1px solid var(--line); margin-bottom:22px;
}
.foot-brand .logo{margin-bottom:12px;}
.foot-brand p{color:var(--text-faint); font-size:13.5px; max-width:34ch; line-height:1.6;}
.foot-social{display:flex; gap:16px; margin-top:16px; flex-wrap:wrap;}
.foot-social a{font-size:13px; color:var(--text-dim); text-decoration:none; border-bottom:1px solid var(--line-bright); padding-bottom:2px;}
.foot-social a:hover{color:var(--copper); border-color:var(--copper);}
.foot-col{display:flex; flex-direction:column; gap:9px;}
.foot-col .k{
  font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--text-faint);
  text-transform:uppercase; letter-spacing:.08em; margin:0 0 3px; font-weight:600;
}
.foot-col a{font-size:13.5px; color:var(--text-dim); text-decoration:none;}
.foot-col a:hover{color:var(--text); text-decoration:underline;}
.foot-phone{font-family:"IBM Plex Mono",monospace; font-size:19px !important; font-weight:600; color:var(--copper) !important;}
.foot-note{font-size:13px; color:var(--text-faint); line-height:1.55; max-width:30ch; margin:4px 0 0;}
.foot-bottom{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px;}
.foot-copy{font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:var(--text-faint);}
.foot-bottom .legal{display:flex; gap:22px; font-size:13px;}
.foot-bottom .legal a{color:var(--text-dim); text-decoration:none;}
.foot-bottom .legal a:hover{color:var(--text); text-decoration:underline;}

/* ---------------- AI konsultantas ---------------- */
.ai-launcher{
  position:fixed; right:24px; bottom:24px; z-index:70;
  display:flex; align-items:center; gap:10px;
  background:var(--surface); color:var(--text);
  border:1px solid var(--line-bright); border-radius:999px;
  padding:12px 18px 12px 15px; cursor:pointer;
  font-family:"IBM Plex Mono",monospace; font-size:12.5px;
  box-shadow:0 8px 28px rgba(0,0,0,.45);
  transition:border-color .15s ease, transform .15s ease, opacity .2s ease, visibility .2s ease;
}
.ai-launcher:hover{border-color:var(--copper); transform:translateY(-2px);}
.ai-launcher .pulse{width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); flex:none;}
.ai-launcher.hidden, .ai-panel.hidden{display:none !important;}
/* Kai matomas poraštė — widget'as pasitraukia, kad neuždengtų nuorodų */
.ai-launcher.tucked{opacity:0; visibility:hidden; pointer-events:none;}

.ai-panel{
  position:fixed; right:24px; bottom:24px; z-index:75;
  width:min(380px, calc(100vw - 40px)); height:min(560px, calc(100vh - 52px));
  background:var(--surface); border:1px solid var(--line-bright); border-radius:6px;
  display:flex; flex-direction:column; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.55);
}
.ai-head{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--line); background:var(--surface-2); flex:none;}
.ai-head .who{display:flex; align-items:center; gap:9px;}
.ai-head .who .pulse{width:7px; height:7px; border-radius:50%; background:var(--ok); box-shadow:0 0 0 3px rgba(79,206,138,.18);}
.ai-head h2{font-size:14.5px;}
.ai-head .sub{font-size:11.5px; color:var(--text-faint); margin-top:2px; display:block;}
.ai-close{background:none; border:none; color:var(--text-faint); font-size:20px; line-height:1; cursor:pointer; padding:4px 7px;}
.ai-close:hover{color:var(--text);}
.ai-body{flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:12px;}
.ai-msg{max-width:88%; padding:10px 12px; border-radius:4px; font-size:14px; line-height:1.5; white-space:pre-wrap;}
.ai-msg.user{align-self:flex-end; background:var(--surface-3); border:1px solid var(--line-bright);}
.ai-msg.ai{align-self:flex-start; background:var(--accent-soft); border:1px solid rgba(92,147,255,.3);}
.ai-msg .label{display:block; font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:var(--text-faint); margin-bottom:4px;}
.ai-msg.system{align-self:center; background:none; border:1px dashed var(--line-bright); color:var(--text-dim); font-size:13px; text-align:center; max-width:96%;}
.ai-foot{border-top:1px solid var(--line); padding:12px; flex:none; display:flex; flex-direction:column; gap:8px;}
.ai-inputrow{display:flex; gap:8px; align-items:flex-end;}
.ai-inputrow textarea{
  flex:1; resize:none; background:var(--bg); border:1px solid var(--line-bright); border-radius:3px;
  color:var(--text); font-family:"IBM Plex Sans",sans-serif; font-size:14px; padding:9px 11px; max-height:88px; outline:none;
}
.ai-inputrow textarea:focus{border-color:var(--copper);}
.ai-send{background:var(--copper); color:var(--on-copper); border:none; border-radius:3px; padding:0 16px; height:38px; font-family:"IBM Plex Mono",monospace; font-size:12.5px; font-weight:600; cursor:pointer; flex:none;}
.ai-send:hover{background:var(--copper-hover);}
.ai-send[disabled]{background:var(--surface-3); color:var(--text-faint); cursor:not-allowed;}
.ai-stop{background:none; border:1px solid var(--line-bright); color:var(--text-dim); border-radius:3px; padding:0 14px; height:38px; font-family:"IBM Plex Mono",monospace; font-size:12.5px; cursor:pointer; flex:none;}
.ai-stop:hover{border-color:var(--bad); color:var(--bad);}
.ai-disclosure{font-size:11.5px; color:var(--text-faint); text-align:center;}
.ai-suggest{display:flex; gap:6px; flex-wrap:wrap;}
.ai-suggest button{font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--text-dim); background:none; border:1px solid var(--line-bright); border-radius:999px; padding:6px 11px; cursor:pointer;}
.ai-suggest button:hover{border-color:var(--copper); color:var(--copper);}

/* =========================================================
   Adaptyvumas
   ========================================================= */
@media (max-width: 1150px){
  .mainnav{gap:16px;}
  .mainnav a{font-size:13px;}
  .phone-text{display:none;}
  .phone-link{width:38px; height:38px; padding:0; justify-content:center;}
}
@media (max-width: 940px){
  .mainnav{display:none;}
  .nav-toggle{display:flex;}
  .mobile-menu{display:flex;}
  .mobile-menu[hidden]{display:none;}
  .hero .wrap{grid-template-columns:1fr; gap:36px;}
  .product-grid{grid-template-columns:1fr; gap:32px;}
  .trustbar .wrap{grid-template-columns:repeat(2,1fr);}
  .trustbar .cell:nth-child(3){border-left:none;}
  .trustbar .cell:nth-child(3), .trustbar .cell:nth-child(4){border-top:1px solid var(--line);}
  .cart-layout{grid-template-columns:1fr;}
  .summary-panel{position:static;}
  .cta-panel{grid-template-columns:1fr; padding:32px 24px;}
  .cta-side{border-left:none; padding-left:0; border-top:1px solid var(--line-bright); padding-top:22px;}
  .foot-top{grid-template-columns:1fr 1fr; gap:30px;}
  .foot-brand{grid-column:1 / -1;}
}
@media (max-width: 680px){
  :root{--header-h:56px;}
  .wrap{padding:0 16px;}
  .logo{font-size:19px; gap:7px;}
  .logo-mark{height:26px;}
  .mobile-menu a{padding:14px 16px;}
  .breadcrumb ol{font-size:12.5px; padding:9px 0;}

  .hero{padding:30px 0 40px;}
  .hero h1{font-size:clamp(28px,7.8vw,38px);}
  .hero .lede{font-size:15px;}
  .hero-actions{flex-direction:column; gap:10px;}
  .hero-actions .btn{width:100%;}
  .hero-stats{grid-template-columns:1fr;}
  .hero-stats div{display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:12px 15px;}
  .hero-stats .num{font-size:18px;}
  .hero-stats .lbl{text-align:right; margin-top:0;}

  .trustbar .wrap{grid-template-columns:1fr;}
  .trustbar .cell{border-left:none; padding:14px 16px;}
  .trustbar .cell + .cell{border-top:1px solid var(--line);}

  .section{padding:40px 0 4px;}
  .section-head{margin-bottom:20px; padding-bottom:14px; gap:10px;}
  .section-head h2{font-size:22px;}
  .section-aside{text-align:left; white-space:normal;}

  .card-grid{grid-template-columns:repeat(2,1fr); gap:12px;}
  .card-media{aspect-ratio:1/1;}
  .card-body{padding:11px 11px 13px; gap:9px;}
  .card-title h3{font-size:13.5px;}
  .card-title .gpu{font-size:12px;}
  .card-chips{min-height:0;}
  .card-chips .spec-chip{font-size:9.5px; padding:2px 5px;}
  .card-foot{flex-direction:column; align-items:stretch; gap:9px;}
  .card-price{font-size:16px;}
  .card-cta{width:100%; text-align:center;}

  .product{padding:24px 0 60px;}
  .product h1{font-size:24px;}
  .price-big{font-size:25px;}
  .product-actions{flex-direction:column;}
  .product-actions .btn{width:100%;}
  .terms{grid-template-columns:1fr;}
  .spec-table td:first-child{width:100px; padding-right:12px; font-size:10px;}
  .spec-table td{padding:9px 2px; font-size:13px;}
  .gallery-thumb{width:60px; height:60px;}

  .page-hero{padding:30px 0 22px;}
  .content-page{padding:26px 0 60px;}
  .info-table td:first-child{width:130px; padding-right:12px;}

  .cart-row{grid-template-columns:56px minmax(0,1fr) auto; grid-template-areas:"img info remove" "img qty price"; column-gap:12px; row-gap:12px;}
  .cart-row img{grid-area:img; width:56px; height:56px; align-self:start;}
  .cart-row-info{grid-area:info; align-self:start;}
  .qty-stepper{grid-area:qty; justify-self:start;}
  .cart-row-price{grid-area:price; justify-self:end;}
  .cart-remove{grid-area:remove; align-self:start; padding:0 0 0 8px;}
  .cart-info{grid-template-columns:1fr; gap:12px;}

  .setup-grid{grid-template-columns:repeat(2,1fr); gap:12px;}
  .setup-card .body{padding:11px 12px 13px; gap:6px;}
  .setup-card h3{font-size:13.5px;}
  .setup-card p{font-size:12px;}
  .submit-block{padding:18px;}

  /* Widget'as mobiliajame — tik ikona */
  .ai-launcher{right:14px; bottom:14px; width:50px; height:50px; padding:0; justify-content:center; border-radius:50%;}
  .ai-launcher .ai-launcher-text{display:none;}
  .ai-panel{right:10px; left:10px; bottom:10px; width:auto; height:min(76vh,560px);}

  footer{padding:40px 0 30px;}
  .foot-top{grid-template-columns:1fr; gap:26px;}
  .foot-bottom{flex-direction:column; align-items:flex-start; gap:12px;}
}
@media (max-width: 360px){
  .card-grid, .setup-grid{grid-template-columns:1fr;}
  .card-media{aspect-ratio:4/3;}
}

/* =========================================================
   BENDRUOMENĖ — setupo puslapis, komentarai, prisijungimas
   ========================================================= */

/* --- Setupo metaduomenys (komponentai, kur pirko, kaina) --- */
.setup-meta{
  list-style:none; margin:0 0 26px; padding:0;
  border-top:1px solid var(--line);
}
.setup-meta > div{
  display:grid; grid-template-columns:130px minmax(0,1fr); gap:14px;
  padding:12px 2px; border-bottom:1px solid var(--line); margin:0;
}
.setup-meta dt{
  font-family:"IBM Plex Mono",monospace; font-size:10.5px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--text-faint);
  padding-top:3px;
}
.setup-meta dd{
  margin:0; color:var(--text-dim); font-size:14.5px;
  white-space:pre-wrap; overflow-wrap:anywhere;
}
/* Kaina išsiskiria kaip ir prekės kortelėje */
.setup-meta > div:last-child dd{
  font-family:"IBM Plex Mono",monospace; font-weight:600;
  font-size:17px; color:var(--copper); white-space:nowrap;
}

/* --- Komentarai --- */
.comments-block{margin-top:44px; padding-top:34px; border-top:1px solid var(--line);}
.comments-block > h2{font-size:19px; margin-bottom:20px;}
.comment-count{color:var(--text-faint); font-weight:400;}

.comment-list{list-style:none; margin:0 0 30px; padding:0; display:flex; flex-direction:column; gap:2px;}
.comment-list ol.children{list-style:none; margin:10px 0 0 0; padding:0 0 0 22px; border-left:1px solid var(--line);}

.comment-item{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); padding:15px 17px;
}
.comment-head{display:flex; align-items:baseline; gap:11px; flex-wrap:wrap; margin-bottom:7px;}
.comment-author{font-weight:600; font-size:14px; color:var(--text);}
.comment-date{
  font-family:"IBM Plex Mono",monospace; font-size:11px;
  letter-spacing:.05em; color:var(--text-faint);
}
.comment-text{font-size:14.5px; color:var(--text-dim); overflow-wrap:anywhere;}
.comment-text p:last-child{margin-bottom:0;}
.comment-actions{margin-top:9px; font-size:12.5px;}
.comment-actions a{color:var(--accent); text-decoration:none;}
.comment-actions a:hover{text-decoration:underline;}

/* Komentaro forma — WordPress įterpia savo aplinkinius elementus,
   todėl stiliuojame ir .comment-respond, ir mūsų .comment-form. */
.comment-respond{
  background:var(--surface); border:1px solid var(--line-bright);
  border-radius:4px; padding:24px;
}
.comment-respond .comment-reply-title{font-size:17px; margin-bottom:16px;}
.comment-respond .comment-reply-title small{font-size:12.5px; font-weight:400; margin-left:10px;}
.comment-respond .comment-reply-title small a{color:var(--accent); text-decoration:none;}
.comment-form .logged-in-as,
.comment-form .comment-notes{font-size:13px; color:var(--text-faint); margin-bottom:14px;}
.comment-form .logged-in-as a{color:var(--accent); text-decoration:none;}
.comment-form .form-submit{margin:0;}
.comment-form input[type="submit"]{
  font-family:"IBM Plex Mono",monospace; text-transform:uppercase;
  letter-spacing:.07em; cursor:pointer;
}
.must-log-in{font-size:14px; color:var(--text-dim); margin:0;}
.must-log-in a{color:var(--copper);}

/* --- Prisijungimas / registracija --- */
.auth-card{
  background:var(--surface); border:1px solid var(--line-bright);
  border-radius:4px; padding:30px; max-width:440px;
}
.auth-card h2{font-size:20px; margin-bottom:6px;}
.auth-card > p{color:var(--text-dim); font-size:14px; margin:0 0 20px;}
.auth-form .btn{width:100%; justify-content:center; margin-top:4px;}
.auth-form label[for*="rememberme"],
.auth-form .login-remember label{
  display:flex; align-items:center; gap:8px;
  font-size:13px; color:var(--text-dim); margin-bottom:14px;
}
.auth-form .login-remember input{width:auto;}
/* Paprastas tekstas, o ne flex — kitaip sakinys lūžta ties skyrikliais */
.auth-links{
  margin:20px 0 0; padding-top:17px; border-top:1px solid var(--line);
  font-size:13.5px; color:var(--text-faint); line-height:1.9;
}
.auth-links a{color:var(--accent); text-decoration:none;}
.auth-links a:hover{text-decoration:underline;}

/* Kvietimas prisijungti vietoje formos (neprisijungusiems) */
.auth-cta{
  border:1px dashed var(--line-bright); border-radius:var(--radius);
  padding:26px 24px; text-align:center; color:var(--text-dim); font-size:14.5px;
}
.auth-cta p{margin:0 0 16px;}
.auth-cta .btn + .btn{margin-left:10px;}

/* --- Puslapiavimas --- */
.pagination{margin-top:36px;}
.pagination .nav-links{display:flex; gap:7px; flex-wrap:wrap; align-items:center;}
.pagination .page-numbers{
  min-width:38px; height:38px; padding:0 11px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--line-bright); border-radius:var(--radius);
  background:var(--surface); color:var(--text-dim);
  font-family:"IBM Plex Mono",monospace; font-size:13px; text-decoration:none;
}
.pagination .page-numbers:hover{border-color:var(--copper); color:var(--copper);}
.pagination .page-numbers.current{
  background:var(--copper); border-color:var(--copper);
  color:var(--on-copper); font-weight:600;
}
.pagination .page-numbers.dots{border-color:transparent; background:transparent;}
.pagination .screen-reader-text{
  position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}

@media (max-width: 680px){
  .setup-meta > div{grid-template-columns:1fr; gap:4px; padding:11px 2px;}
  .comment-respond, .auth-card{padding:18px;}
  .comment-list ol.children{padding-left:13px;}
  .auth-cta .btn{display:block; width:100%;}
  .auth-cta .btn + .btn{margin:10px 0 0;}
}

/* Formos būsena žymima data atributu (JS) arba klase (be JS) */
.setup-msg[data-state="ok"]{color:var(--ok);}
.setup-msg[data-state="bad"]{color:var(--bad);}

/* Paskyros mygtukas antraštėje — tie patys matmenys kaip krepšelio */
.account-btn.is-in{color:var(--copper); border-color:var(--copper);}
@media (max-width: 380px){
  .account-btn{display:none;}   /* siauriausiuose ekranuose lieka mobiliajame meniu */
}

/* =========================================================
   ISSKLEIDZIAMAS MENIU — katalogas isaugo iki keliu simtu prekiu,
   todel virsutineje eiluteje lieka tik trys grupes.
   ========================================================= */
.nav-group{position:relative; display:flex; align-items:center;}
.nav-group-top{display:inline-flex; align-items:center; gap:6px;}
.nav-group-top svg{width:10px; height:7px; flex:none; opacity:.7; transition:transform .15s;}
.nav-group:hover .nav-group-top svg,
.nav-group:focus-within .nav-group-top svg{transform:rotate(180deg);}

.nav-drop{
  position:absolute; top:100%; left:-14px; z-index:60;
  min-width:212px; padding:8px 0; margin-top:9px;
  background:var(--surface-2); border:1px solid var(--line-bright);
  border-radius:4px; box-shadow:0 14px 34px rgba(0,0,0,.5);
  display:none; flex-direction:column;
}
/* Nematomas tarpas, kad pele nespetu „iskristi" tarp mygtuko ir saraso */
.nav-drop::before{content:""; position:absolute; top:-11px; left:0; right:0; height:11px;}
.nav-group:hover .nav-drop,
.nav-group:focus-within .nav-drop{display:flex;}

.nav-drop a{
  padding:8px 16px; font-size:13.5px; color:var(--text-dim);
  border-bottom:none; white-space:nowrap;
}
.nav-drop a:hover{background:var(--surface-3); color:var(--copper);}

/* Mobilusis meniu: grupiu antrastes */
.mobile-group{
  display:block; margin-top:14px; padding-bottom:2px;
  font-family:"IBM Plex Mono",monospace; font-size:10.5px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--text-faint);
}
.mobile-group:first-child{margin-top:0;}
.mobile-menu a.mobile-sub{padding-left:12px;}

@media (max-width: 940px){
  .nav-group, .nav-drop{display:none;}
}

/* Komponentu kortelės — visa nuotrauka, ne apkirpta */
.card.is-component .card-media{
  background:#eef1f5;
  aspect-ratio:1/1;
}
.card.is-component .card-media img{
  object-fit:contain;
  padding:16px;
}
.card.is-component:hover .card-media img{ transform:scale(1.03); }

/* Nuorodos-lipdukai (404 puslapio kategoriju sarasas) */
a.spec-chip{text-decoration:none;}
a.spec-chip:hover{border-color:var(--copper); color:var(--copper);}

/* Konsultanto atsakymuose esancios nuorodos */
.ai-msg .ai-link{
  color:var(--copper); text-decoration:underline;
  text-underline-offset:2px; overflow-wrap:anywhere;
}
.ai-msg .ai-link:hover{color:var(--copper-hover);}

/* =========================================================
   FORUMAS
   ========================================================= */

.forumo-veiksmai{margin-bottom:26px;}
.tema-forma-wrap summary{
  display:inline-flex; cursor:pointer; list-style:none; user-select:none;
}
.tema-forma-wrap summary::-webkit-details-marker{display:none;}
.tema-forma-wrap[open] summary{margin-bottom:18px;}
.tema-forma-wrap .setup-form{
  background:var(--surface); border:1px solid var(--line-bright);
  border-radius:4px; padding:24px; max-width:760px;
}

/* --- Skiltys --- */
.skilciu-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:16px; margin-bottom:44px;
}
.skiltis{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); padding:18px 20px;
}
.skiltis-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px;}
.skiltis h2{font-size:16px;}
.skiltis h2 a{text-decoration:none;}
.skiltis h2 a:hover{color:var(--copper);}
.skiltis-kiekis{
  font-family:"IBM Plex Mono",monospace; font-size:11px;
  color:var(--text-faint); white-space:nowrap;
}
.skiltis-apie{font-size:13.5px; color:var(--text-dim); margin:8px 0 0;}
.skiltis-paskutine{
  margin-top:13px; padding-top:11px; border-top:1px solid var(--line);
  font-size:12.5px; color:var(--text-faint); display:flex; gap:8px; flex-wrap:wrap;
}
.skiltis-paskutine .k{
  font-family:"IBM Plex Mono",monospace; font-size:10px;
  letter-spacing:.08em; text-transform:uppercase;
}
.skiltis-paskutine a{color:var(--text-dim); text-decoration:none; overflow-wrap:anywhere;}
.skiltis-paskutine a:hover{color:var(--copper);}

.forumo-antraste{font-size:19px; margin:0 0 16px;}

/* --- Temų sąrašas --- */
.temu-sarasas{list-style:none; margin:0 0 10px; padding:0; border-top:1px solid var(--line);}
.tema-eilute{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:15px 4px; border-bottom:1px solid var(--line);
}
.tema-pagr{min-width:0; flex:1;}
.tema-pagr h3{font-size:15.5px; line-height:1.25; margin-bottom:6px;}
.tema-pagr h3 a{text-decoration:none;}
.tema-pagr h3 a:hover{color:var(--copper);}
.tema-meta{display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:12.5px;}
.tema-skiltis{
  font-family:"IBM Plex Mono",monospace; font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--accent);
  text-decoration:none; border:1px solid var(--line-bright);
  border-radius:2px; padding:2px 7px;
}
.tema-skiltis:hover{border-color:var(--accent);}
.tema-meta .kada{color:var(--text-faint);}
.tema-skaiciai{display:flex; gap:20px; flex:none; text-align:right;}
.tema-skaiciai .sk{
  display:flex; flex-direction:column; font-size:10.5px;
  font-family:"IBM Plex Mono",monospace; letter-spacing:.06em;
  text-transform:uppercase; color:var(--text-faint);
}
.tema-skaiciai .sk b{
  font-family:"Rajdhani","IBM Plex Sans",sans-serif; font-size:19px;
  color:var(--text); letter-spacing:0;
}

/* --- Žymos --- */
.zyme{
  display:inline-block; vertical-align:middle; margin-left:8px;
  font-family:"IBM Plex Mono",monospace; font-size:9.5px;
  letter-spacing:.08em; text-transform:uppercase;
  border-radius:2px; padding:3px 7px;
}
.zyme.isspresta{background:rgba(79,206,138,.16); color:var(--ok);}
.zyme.uzrakinta{background:var(--surface-3); color:var(--text-faint);}

/* --- Nario ženklas ir lygiai --- */
.narys{display:inline-flex; align-items:center; gap:7px;}
.narys-vardas a{color:var(--text); text-decoration:none; font-weight:600;}
.narys-vardas a:hover{color:var(--copper);}
.lygis{
  font-family:"IBM Plex Mono",monospace; font-size:9.5px;
  letter-spacing:.07em; text-transform:uppercase;
  border-radius:2px; padding:2px 6px; white-space:nowrap;
}
.lygis.didelis{font-size:11px; padding:4px 9px;}
.lygis.l1{background:var(--surface-3); color:var(--text-faint);}
.lygis.l2{background:rgba(92,147,255,.16); color:var(--accent);}
.lygis.l3{background:rgba(79,206,138,.16); color:var(--ok);}
.lygis.l4{background:rgba(242,146,79,.18); color:var(--copper);}
.lygis.l5{background:var(--copper); color:var(--on-copper); font-weight:600;}

/* --- Temos puslapis --- */
.tema-virsus h1{font-size:clamp(22px,3vw,32px); margin-bottom:22px;}
.tema-irasas{
  display:grid; grid-template-columns:190px minmax(0,1fr); gap:26px;
  background:var(--surface); border:1px solid var(--line-bright);
  border-radius:4px; padding:22px 24px;
}
.irasas-sonas{display:flex; flex-direction:column; gap:8px; align-items:flex-start;}
.irasas-data{
  font-family:"IBM Plex Mono",monospace; font-size:11px; color:var(--text-faint);
}
.irasas-turinys{max-width:none;}
.irasas-turinys p:last-child{margin-bottom:0;}

/* --- Atsakymų veiksmai --- */
.comment-item.geriausias{border-color:var(--ok); background:rgba(79,206,138,.05);}
.comment-actions{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.veiksmas{
  background:none; border:1px solid var(--line-bright); border-radius:2px;
  color:var(--text-dim); font-family:"IBM Plex Mono",monospace;
  font-size:11px; letter-spacing:.05em; padding:5px 9px; cursor:pointer;
}
.veiksmas:hover{border-color:var(--copper); color:var(--copper);}
.veiksmas[aria-pressed="true"]{
  border-color:var(--ok); color:var(--ok); background:rgba(79,206,138,.1);
}
.veiksmas[disabled]{opacity:.5; cursor:default;}
.veiksmas.tik-skaicius{cursor:default; border-style:dashed;}
.veiksmas.tik-skaicius:hover{border-color:var(--line-bright); color:var(--text-dim);}
.veiksmas .kiek{font-weight:600;}

/* --- Nario profilis --- */
.nario-stats{margin-bottom:40px;}

@media (max-width: 760px){
  .tema-irasas{grid-template-columns:1fr; gap:16px; padding:18px;}
  .irasas-sonas{flex-direction:row; align-items:center; gap:12px; flex-wrap:wrap;}
  .tema-eilute{flex-direction:column; align-items:flex-start; gap:10px;}
  .tema-skaiciai{gap:18px; text-align:left;}
  .tema-skaiciai .sk{flex-direction:row; align-items:baseline; gap:5px;}
  .tema-skaiciai .sk b{font-size:15px;}
  .skilciu-grid{grid-template-columns:1fr;}
}