/* === bolt.css — TISZTÍTOTT, EGYSÉGES STÍLUSOK === */

/* ===== KATEGÓRIA FEJLÉC ===== */
.cat-head{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin:10px 0;border-radius:12px;background:#eef2ff;border:1px solid rgba(17,24,39,.08);min-height:110px;text-align:center}
.cat-top{display:flex;align-items:center;justify-content:center;gap:6px}
.cat-chip{font-weight:700;font-size:.9rem;background:#e0e7ff;color:#111;padding:3px 8px;border-radius:999px;white-space:nowrap}
.cat-icon{height:32px;width:auto;opacity:.95}
.cat-name{margin-top:5px;font-size:.85rem;font-weight:600}

/* ===== TERMÉK GOMBOK ===== */
.btn-cart{color:#fff;padding:6px 8px;width:100%;min-height:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:8px;font-size:.75rem;font-weight:600;background:#2563eb;transition:all .2s ease;margin-bottom:6px;box-shadow:0 2px 5px rgba(0,0,0,.08);text-align:left}
.btn-cart.btn-cart-disabled,.btn-cart:disabled{opacity:.5;cursor:not-allowed}
.btn-cart:hover{filter:brightness(1.09)}
.btn-cart:active{transform:translateY(1px)}
.btn-cart .tleft{font-size:.75rem;font-weight:600;margin-bottom:2px}
.btn-cart .bottom-row{display:flex;align-items:center;justify-content:space-between;width:100%}
.btn-cart .tright{font-size:.8rem;font-weight:700}
.btn-cart .cart-icn svg{width:14px;height:14px;stroke:#fff;stroke-width:2;fill:none}

.colProduct{margin-bottom:.3rem}

/* Oszloponkénti árnyalat a gombokra */
#termekracs>.col.colProduct:nth-child(1) .btn-cart{background:#2563eb!important}
#termekracs>.col.colProduct:nth-child(2) .btn-cart{background:#1d4ed8!important}
#termekracs>.col.colProduct:nth-child(3) .btn-cart{background:#1e40af!important}
#termekracs>.col.colProduct:nth-child(4) .btn-cart{background:#1e40af!important} /* mély kék */
#termekracs>.col.colProduct:nth-child(5) .btn-cart{background:#1d4ed8!important} /* erős kék */

/* ===== INFO SZEKCIÓ (KÉT HASÁB) ===== */
.info-section{margin-top:28px}
.info-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.info-head .dot{width:10px;height:10px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.14)}
.info-head h3{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.01em}


.alert-strip{background:linear-gradient(90deg,rgba(43,123,255,.12),rgba(30,99,212,.12));}
.alert-strip small{font-weight:600;opacity:.8}


.info-split{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.info-left{flex:2 1 520px;display:flex;flex-direction:column;gap:16px}
.info-right{flex:1 1 320px}

/* Mobil: 1 oszlopra vált */
@media(max-width:768px){.info-split{flex-direction:column}.info-left,.info-right{flex:1 1 100%}}

.info-card{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:12px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.info-card h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:.95rem;font-weight:700}
.info-card p,.info-card li{font-size:.88rem;color:#374151}
.pill{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(17,24,39,.06);font-size:.78rem;font-weight:700}

/* Hírek lista */
.news-list{margin:6px 0 0;padding-left:18px;list-style:disc}
.news-list li{margin-bottom:6px}
.news-title{font-weight:700;display:block;color:#212529;text-decoration:none}
.news-title:hover{text-decoration:underline}
.news-desc{opacity:.8;display:block}
.news-date{opacity:.6}

/* Oldalsáv linklista */
.side-links{margin-top:6px}

/* MAINTENANCE */
.maint-embed{max-width:680px;background:#fff;border:1px solid rgba(0,0,0,.06);
  border-radius:16px; padding:18px 16px; box-shadow:0 6px 18px rgba(0,0,0,.05);}
@media (max-width: 576px){ .maint-embed{margin:8px 0; padding:16px 12px;} }

.maint-title{font-weight:700; letter-spacing:.2px;}

.maint-gears{display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:8px;}
.maint-gears .gear{fill:#2b7bff; opacity:.92; display:block}
.maint-gears .lg{width:48px; height:48px; animation:gearSpin 10s linear infinite;}
.maint-gears .md{width:40px; height:40px; opacity:.8; animation:gearSpin 14s linear infinite reverse;}
.maint-gears .sm{width:32px; height:32px; opacity:.7; animation:gearSpin 12s linear infinite;}
@keyframes gearSpin { to { transform: rotate(360deg); } }

.maint-embed .fixed{opacity:.75}