:root{
  --brand:#e8931f;
  --brand-600:#d27c0e;
  --ink:#23272b;
  --muted:#6b7280;
  --bg-soft:#f6f7f9;
  --line:#e7e9ec;
}

body{background:#fff;}

h1,h2,h3,.fw-display{letter-spacing:-.01em;}

.text-brand{color:var(--brand)!important;}
.bg-soft{background:var(--bg-soft);}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700;}
.btn-brand:hover,.btn-brand:focus{background:var(--brand-600);border-color:var(--brand-600);color:#fff;}
.btn-outline-brand{color:var(--brand-600);border-color:var(--brand);font-weight:700;}
.btn-outline-brand:hover{background:var(--brand);color:#fff;}

a{color:var(--brand-600);}

/* ===== HEADER / NAVBAR ===== */
.site-header{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(0,0,0,.06);}
.site-header .navbar{padding-top:.35rem;padding-bottom:.35rem;}
.site-header .navbar-brand{padding:0;margin-right:1.5rem;}
.site-header .navbar-brand img{height:38px;width:auto;display:block;}
.site-header .nav-link{color:var(--ink);font-weight:600;padding:.4rem .85rem;font-size:.97rem;border-radius:.5rem;transition:color .12s ease;}
.site-header .nav-link:hover,.site-header .nav-link:focus{color:var(--brand-600);}
.site-header .nav-link.active{color:var(--brand-600);}
.header-phone{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-weight:700;line-height:1;}
@media (max-width:991.98px){
  .site-header .navbar-nav{padding-top:.25rem;border-top:1px solid var(--line);margin-top:.25rem;}
  .site-header .nav-link{padding:.6rem .25rem;}
  .header-phone{width:100%;justify-content:center;}
}

/* ===== HERO ===== */
.hero{
  background:linear-gradient(90deg,rgba(16,18,21,.86) 0%,rgba(16,18,21,.66) 55%,rgba(16,18,21,.45) 100%),
    url('/images/brand/hero.webp') center/cover no-repeat;
  color:#fff;
  display:flex;align-items:center;min-height:clamp(380px,58vh,560px);
}
.hero h1{font-weight:800;font-size:clamp(1.9rem,4.5vw,3.1rem);}
.hero .lead{color:#eef0f2;max-width:42rem;}

/* ===== KATEGÓRIA / KÁRTYÁK ===== */
.cat-chip{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:.45rem 1.1rem;font-weight:600;color:var(--ink);text-decoration:none;
  cursor:pointer;line-height:1.4;transition:all .12s ease;}
.cat-chip:hover{border-color:var(--brand);color:var(--brand-600);}
.cat-chip.active{background:var(--brand);border-color:var(--brand);color:#fff;}

.machine-card{position:relative;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:#fff;
  transition:transform .15s ease,box-shadow .15s ease;height:100%;}
.machine-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.10);}
.machine-card .thumb{height:210px;background:#fff;display:flex;align-items:center;justify-content:center;
  padding:.75rem;border-bottom:1px solid var(--line);}
.machine-card .thumb img{width:100%;height:100%;object-fit:contain;margin:0 auto;}
.machine-card .card-title{font-size:1.02rem;font-weight:700;color:var(--ink);line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.55em;}
.machine-card .card-title a::after{border-radius:1rem;}
.machine-card .card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* mobilon (1 kártya/sor) nagyobb képterület, hogy jól kitöltse és látszódjon */
@media (max-width:767.98px){
  .machine-card .thumb{height:auto;aspect-ratio:4/3;padding:1rem;}
}

/* árcímkék */
.price-row{display:flex;flex-wrap:wrap;gap:.4rem;}
.price-tag{display:inline-flex;flex-direction:column;line-height:1.1;background:var(--bg-soft);
  border:1px solid var(--line);border-radius:.55rem;padding:.35rem .55rem;min-width:0;}
.price-tag .p-label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;}
.price-tag .p-value{font-size:.95rem;font-weight:700;color:var(--ink);}
.price-tag.is-weekend{background:#fff7ec;border-color:#f3d6a3;}

/* ===== GÉP RÉSZLETOLDAL ===== */
.detail-img{border:1px solid var(--line);border-radius:1rem;background:#fff;padding:1rem;}
.detail-img img{width:100%;height:auto;object-fit:contain;max-height:480px;}

/* galéria thumbnailek */
.gallery-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;}
.gallery-thumb{padding:0;border:2px solid var(--line);border-radius:.6rem;background:#fff;cursor:pointer;
  width:74px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .12s ease;}
.gallery-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:3px;}
.gallery-thumb:hover{border-color:var(--brand-600);}
.gallery-thumb.active{border-color:var(--brand);}
.spec-table th{width:45%;color:var(--muted);font-weight:600;}

.breadcrumb a{text-decoration:none;}

/* ===== reszponzív finomítások ===== */
@media (max-width:575.98px){
  .price-tag{flex:1 1 auto;}
}