:root{--m-radius:10px;--m-shadow:0 2px 10px rgba(0,0,0,.06);--m-side:210px;--m-gap:18px}
*{box-sizing:border-box}html{overflow-y:scroll}body{margin:0;background:#f4f5f6;color:#1f2933;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.maszaki-site{min-height:100vh}.maszaki-shell{width:min(calc(100% - 24px),1440px);margin-inline:auto}.maszaki-head,.maszaki-nav,.maszaki-footer{background:#fff;border:1px solid #d8dde2;border-radius:var(--m-radius);box-shadow:var(--m-shadow)}.maszaki-head{margin-top:12px;padding:14px 16px;display:grid;grid-template-columns:auto minmax(280px,680px);align-items:center;gap:24px}.maszaki-brand{font-size:1.55rem;font-weight:800;color:#1f2933;text-decoration:none}.maszaki-nav{margin-top:10px;padding:8px}.maszaki-menu{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;list-style:none;margin:0;padding:0}.maszaki-menu li{list-style:none}.maszaki-menu a{display:inline-flex;min-height:42px;align-items:center;padding:9px 14px;border:1px solid #d8dde2;border-radius:8px;background:#fff;color:#1f2933;text-decoration:none;font-weight:650}.maszaki-menu a:hover{background:#eaf3f7}.maszaki-layout{display:grid;grid-template-columns:minmax(0,var(--m-side)) minmax(0,960px) minmax(0,var(--m-side));gap:var(--m-gap);justify-content:center;align-items:start;margin-top:16px}.maszaki-main{min-width:0;width:100%}.maszaki-sidebar{min-width:0;min-height:220px;padding:12px;border:1px dashed #d8dde2;border-radius:var(--m-radius);color:#66717b;font-size:.9rem;overflow:hidden}.maszaki-card{display:block;width:100%;min-width:0;background:#fff;border:1px solid #d8dde2;border-radius:var(--m-radius);box-shadow:var(--m-shadow);padding:18px;overflow:hidden}.maszaki-card+.maszaki-card{margin-top:14px}.maszaki-product-title,.maszaki-page-title{margin:0 0 8px;font-size:1.35rem;line-height:1.25;font-weight:800}.maszaki-product-title a{color:inherit;text-decoration:none}.maszaki-price{font-size:1.25rem;font-weight:800;margin-bottom:10px}.maszaki-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.9rem;color:#66717b}.maszaki-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.maszaki-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #d8dde2;border-radius:8px;background:#fff;color:#1f2933;font:inherit;font-weight:700;text-decoration:none}.maszaki-btn--primary{background:#2f6f8f;border-color:#2f6f8f;color:#fff}.maszaki-btn--accent{background:#c66a32;border-color:#c66a32;color:#fff}.maszaki-btn--danger{background:#9b3d3d;border-color:#9b3d3d;color:#fff}.maszaki-quick-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.maszaki-quick-search input[type=search]{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d8dde2;border-radius:8px;background:#fff;font:inherit}.maszaki-detail-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:7px 14px;margin-top:16px}.maszaki-detail-grid dt{font-weight:750}.maszaki-detail-grid dd{margin:0;min-width:0}.maszaki-footer{margin-top:18px;margin-bottom:12px;padding:18px;color:#66717b}.maszaki-notice{padding:10px;border:1px solid #d8dde2;border-radius:8px}
@media(max-width:1180px){.maszaki-layout{grid-template-columns:minmax(0,960px)}.maszaki-sidebar{display:none}}
@media(max-width:700px){.maszaki-shell{width:min(calc(100% - 14px),1440px)}.maszaki-head{grid-template-columns:1fr;gap:10px;padding:10px}.maszaki-quick-search{grid-template-columns:1fr}.maszaki-card{padding:14px}.maszaki-detail-grid{grid-template-columns:1fr;gap:2px}.maszaki-detail-grid dd{margin-bottom:8px}}

/* =========================================================
   Maszaki 0.5 – szabványos egyedi terméklap
   ========================================================= */
.maszaki-product-detail{padding:22px}
.maszaki-product-detail__header{padding-bottom:16px;border-bottom:1px solid #e2e6e9}
.maszaki-product-detail .maszaki-actions{margin:16px 0 20px;padding-bottom:18px;border-bottom:1px solid #e2e6e9}
.maszaki-product-detail .maszaki-actions .maszaki-btn{min-width:150px}
.maszaki-detail-grid{padding:4px 0}
.maszaki-detail-grid dt,.maszaki-detail-grid dd{padding:7px 0;border-bottom:1px solid #eef1f3}
.maszaki-detail-grid dt{color:#46535d}
.maszaki-description{line-height:1.65}
@media(max-width:700px){
 .maszaki-product-detail{padding:16px}
 .maszaki-product-detail .maszaki-actions{display:grid;grid-template-columns:1fr 1fr}
 .maszaki-product-detail .maszaki-actions .maszaki-btn{width:100%;min-width:0}
 .maszaki-detail-grid dt{padding-bottom:0;border-bottom:0}
 .maszaki-detail-grid dd{padding-top:2px}
}

/* =========================================================
   Maszaki 0.6 – egységes fő navigáció és feltöltő űrlap
   ========================================================= */
.maszaki-menu > a{white-space:nowrap}
.maszaki-upload-card{padding:22px}
.maszaki-upload-card h1{margin:0 0 18px;font-size:1.45rem}
.maszaki-upload-card .pods-form-ui-row{margin-bottom:16px}
.maszaki-upload-card label{display:block;margin-bottom:6px;font-weight:700;color:#46535d}
.maszaki-upload-card input[type=text],
.maszaki-upload-card input[type=number],
.maszaki-upload-card input[type=search],
.maszaki-upload-card input[type=email],
.maszaki-upload-card textarea,
.maszaki-upload-card select{width:100%;max-width:100%;min-height:44px;padding:9px 11px;border:1px solid #d8dde2;border-radius:8px;background:#fff;color:#1f2933;font:inherit}
.maszaki-upload-card textarea{min-height:120px;resize:vertical}
.maszaki-upload-card input[type=submit],
.maszaki-upload-card button[type=submit]{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid #2f6f8f;border-radius:8px;background:#2f6f8f;color:#fff;font:inherit;font-weight:750;cursor:pointer}
.maszaki-upload-card .pods-submit-button{margin-top:8px}

/* =========================================================
   Maszaki 0.8 – egysoros, színes fő navigáció
   ========================================================= */
.maszaki-nav-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
}
.maszaki-nav-row .maszaki-menu{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.maszaki-nav-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:9px 14px;
  border:1px solid transparent;
  border-radius:8px;
  color:#fff;
  font:inherit;
  font-weight:750;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  transition:filter .14s ease, transform .14s ease, box-shadow .14s ease;
}
.maszaki-nav-btn:hover{
  filter:brightness(.94);
  transform:translateY(-1px);
  box-shadow:0 3px 8px rgba(0,0,0,.12);
}
.maszaki-nav-btn--history{background:#687782;border-color:#687782}
.maszaki-nav-btn--products{background:#2f6f8f;border-color:#2f6f8f}
.maszaki-nav-btn--mine{background:#4d6f86;border-color:#4d6f86}
.maszaki-nav-btn--upload{background:#3d805c;border-color:#3d805c}
.maszaki-nav-btn--saved{background:#a84f63;border-color:#a84f63}
.maszaki-nav-btn--profile{background:#6b5b95;border-color:#6b5b95}
.maszaki-nav-btn--logout{background:#8b4545;border-color:#8b4545}
.maszaki-nav-btn--register{background:#3d805c;border-color:#3d805c}
.maszaki-nav-btn--login{background:#2f6f8f;border-color:#2f6f8f}

@media(max-width:900px){
  .maszaki-nav-row{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:6px;
  }
  .maszaki-nav-btn{padding:8px 10px;min-height:42px;font-size:.92rem}
}
@media(max-width:700px){
  .maszaki-nav-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .maszaki-nav-row .maszaki-menu{
    order:3;
    width:100%;
  }
}


/* =========================================================
   Maszaki 0.10 – valóban sticky navigáció
   ========================================================= */
.maszaki-nav{
  position:sticky!important;
  top:8px!important;
  z-index:1000!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:saturate(1.15) blur(6px);
  -webkit-backdrop-filter:saturate(1.15) blur(6px);
}
.maszaki-nav-row>.maszaki-nav-btn--history{position:relative;z-index:2}
@media(max-width:700px){.maszaki-nav{top:4px!important}}