:root{
  --card:#f3f4f6;
  --bg:#ffffff; --text:#0b1220; --muted:#4b5563; --line:rgba(15,23,42,.12);
  --accent:#ff8a00; --accent2:#6b7280; --shadow:0 10px 24px rgba(15,23,42,.10);
  --radius:18px; --max:1120px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:var(--font);color:var(--text);background:var(--bg);}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:22px}
.topbar{border-top:4px solid rgba(255,138,0,.85);display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);
background:rgba(255,255,255,.95);backdrop-filter: blur(10px);
padding:14px 16px;border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:14px;z-index:50}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));
display:inline-block;box-shadow:0 10px 18px rgba(79,140,255,.25)}
.brand small{display:block;color:var(--muted);font-weight:650;margin-top:2px}
.nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nav a{padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--muted);font-weight:700;font-size:14px}
.nav a:hover{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.03)}
.nav a.active{border-color:rgba(255,138,0,.45);color:var(--text);background:rgba(255,138,0,.10)}
@media (max-width: 920px){.topbar{position:relative;top:0}.container{padding:16px}}

.hero{padding:52px 0 18px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
@media (max-width: 920px){.hero-grid{grid-template-columns:1fr}}

.h-card{border:1px solid var(--line);background:rgba(255,255,255,.95);border-radius:calc(var(--radius) + 8px);
box-shadow:var(--shadow);padding:26px;overflow:hidden}
.h-title{font-size:40px;line-height:1.05;margin:0 0 10px}
.h-sub{color:var(--muted);font-size:16px;line-height:1.6;margin:0 0 18px}

.hero-media{
  height:220px;border-radius:22px;overflow:hidden;border:1px solid var(--line);
  background:#0b1220; position:relative; margin-top:16px;
}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}
.hero-media:after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.70));
}

.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);font-weight:800}
.btn.primary{background:linear-gradient(135deg, rgba(255,138,0,.95), rgba(255,138,0,.65));border-color:transparent;color:#1f2937}
.btn.ghost{background:#ffffff;color:var(--text)}
.btn.ghost:hover{background:rgba(255,255,255,.05)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.badge{border:1px solid var(--line);background:rgba(107,114,128,.10);color:#374151;padding:8px 10px;border-radius:999px;font-weight:750;font-size:13px}

.kv{display:grid;gap:10px}
.kv .item{border:1px solid var(--line);background:rgba(255,255,255,.03);padding:14px;border-radius:16px}
.kv .label{color:var(--muted);font-size:13px; font-weight:800;margin-bottom:6px}
.kv .value{font-size:15px;font-weight:750}

.section{padding:10px 0 28px}
.grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}
@media(max-width: 920px){.grid{grid-template-columns:1fr}}
.card{border:1px solid var(--line);background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:0;overflow:hidden}
.card .media{height:160px; position:relative; background:#0b1220}
.card .media img{width:100%;height:100%;object-fit:cover;display:block}
.card .media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.65))}
.card .inner{padding:18px}
.card h3{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted);line-height:1.55}
.card .link{margin-top:12px;display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:850}
.card .link span{opacity:.7}

.page{padding:26px 0}
.page h1{margin:0 0 12px;font-size:32px}
.lead{color:var(--muted);line-height:1.6;margin:0 0 14px}
.prose{border:1px solid var(--line);background:#ffffff;border-radius:22px;box-shadow:var(--shadow);padding:20px}
.prose p, .prose li{color:var(--muted);line-height:1.75;font-size:16px}
.footer{margin:34px 0 20px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.footer a{color:var(--text);font-weight:800}
hr.sep{border:0;border-top:1px solid var(--line);margin:22px 0}

.icon-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-top:14px}
@media(max-width: 920px){.icon-grid{grid-template-columns:1fr}}
.i-card{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:18px;padding:14px;display:flex;gap:12px;align-items:flex-start}
.i-ico{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg, rgba(79,140,255,.28), rgba(66,214,181,.22));
border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:18px}
.i-card strong{display:block;font-size:15px}
.i-card span{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px}

.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-hero img{width:100%;height:100%;max-height:340px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}
@media(max-width: 920px){.about-hero{grid-template-columns:1fr}}


/* Trailer gallery */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 18px}
@media(max-width:920px){.gallery{grid-template-columns:1fr}}
.g-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#ffffff;box-shadow:var(--shadow)}
.g-item img{width:100%;height:220px;object-fit:contain;display:block;background:#ffffff}
.g-cap{padding:10px 12px;color:var(--muted);font-size:13px;font-weight:700}


/* Home slider (fade) */
.slider{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0b1220;box-shadow:var(--shadow);margin-top:16px}
.slides{position:relative;height:290px}
@media(max-width:920px){.slides{height:220px}}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.00), rgba(255,138,0,.12));}
.s-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none}
.s-btn{pointer-events:auto;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.75);backdrop-filter:blur(10px);color:#0b1220;display:flex;align-items:center;justify-content:center;font-weight:900}
.s-btn:hover{background:rgba(255,255,255,.06)}
.dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:8px;justify-content:center}
.dot{width:10px;height:10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);cursor:pointer}
.dot.active{background:rgba(255,138,0,.78);border-color:rgba(255,138,0,.95)}
.s-caption{position:absolute;left:14px;top:14px;right:14px;color:rgba(234,240,255,.95);font-weight:900;letter-spacing:.2px;
text-shadow:0 10px 24px rgba(0,0,0,.45)}
.s-caption small{display:block;color:rgba(168,180,214,.9);font-weight:750;margin-top:6px}


.section{background:rgba(15,23,42,.03);border-radius:24px;padding:18px}


/* Extra brand accents */
.section{background:linear-gradient(180deg, rgba(255,138,0,.06), rgba(243,244,246,.55));border-radius:26px;padding:18px}
.badge{border:1px solid var(--line);background:rgba(107,114,128,.10);color:#374151;padding:8px 10px;border-radius:999px;font-weight:750;font-size:13px}
.nav a.active{border-color:rgba(255,138,0,.45);color:var(--text);background:rgba(255,138,0,.10)}
.card .link span{color:rgba(255,138,0,.85)}


/* Brand logo */
.brand-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:#fff}

.page h1:after{
  content:"";
  display:block;
  width:64px;
  height:4px;
  border-radius:999px;
  background:rgba(255,138,0,.85);
  margin-top:10px;
}

.card:hover{border-color:rgba(255,138,0,.35);transform:translateY(-1px)}
.card{transition:transform .18s ease, border-color .18s ease}

/* Product photos (show full image, no cropping) */
.product-photo{width:100%;max-width:260px;height:auto;display:block;margin:0 auto;background:#ffffff;padding:10px;border-radius:18px;border:1px solid var(--line)}

.card .inner h3{position:relative}
.card .inner h3:after{
  content:"";
  display:block;
  width:44px;
  height:3px;
  border-radius:999px;
  background:rgba(255,138,0,.80);
  margin-top:10px;
}


@media (max-width: 820px){
  .topbar{flex-direction:column;align-items:flex-start;gap:12px}
  .nav{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:8px}
  .nav a{width:100%;text-align:left}
}

/* Mobile nav fix - TIKSLUS IR NEUTRALUS */
@media (max-width: 768px){
  .topbar{
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    padding-bottom: 18px;
  }
  .brand{
    width:100%;
    justify-content:center;
  }
  
  .nav{
    width:100%;
    display:grid;
    grid-template-columns: 1fr 1fr; 
    gap:8px;
  }
  
  /* Bendra taisyklė visiems mygtukams */
  .nav a{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:10px 6px;
    background:rgba(243,244,246,0.6); /* Visi pilki */
    border:1px solid var(--line);
    font-size: 13px;
    height: 100%;
    color: var(--muted);
  }
  
  /* Kai mygtukas AKTYVUS (automatiškai uždeda app.js) */
  .nav a.active {
    border-color:rgba(255,138,0,.45);
    color:var(--text);
    background:rgba(255,138,0,.10); /* Tik tada tampa gelsvas */
  }

  /* 6-tas elementas (Šaldymo automobiliai...) - Per visą plotį */
  .nav a:nth-child(6) {
      grid-column: 1 / -1; 
      white-space: normal;
      line-height: 1.3;
      padding: 12px;
      font-weight: 700;
  }

  /* 7-tas elementas (Kur mus rasti) - Per visą plotį */
  .nav a:nth-child(7) {
      grid-column: 1 / -1;
      padding: 12px;
      font-weight: 700;
      /* Čia ištryniau priverstinę oranžinę spalvą. Dabar jis bus pilkas. */
  }
} 
/* MOBILIŲ NUSTATYMŲ PABAIGA */


/* --- LIGHTBOX KODAS TURI LIKTI ČIA (UŽ SKLIAUSTELIO) --- */
.lightbox {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(11, 18, 32, 0.95); backdrop-filter: blur(5px);
  display: none; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.3s ease;
  cursor: zoom-out;
}
.lightbox.active { display: flex; opacity: 1; }

.lightbox img {
  max-width: 90vw; max-height: 90vh;
  border-radius: 8px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
  transform: scale(0.95); transition: transform 0.3s ease;
  cursor: default;
}
.lightbox.active img { transform: scale(1); }

.lb-close {
  position: absolute; top: 20px; right: 30px;
  color: #fff; font-size: 40px; line-height: 1; font-weight: 300;
  cursor: pointer; opacity: 0.7; transition: opacity 0.2s;
}
.lb-close:hover { opacity: 1; color: var(--accent); transform: scale(1.1); }

/* Uždedame pelytę su pliusu ant visų galerijos nuotraukų */
.gallery img { cursor: zoom-in; transition: transform 0.2s; }
.gallery img:hover { transform: scale(1.02); }