*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1f0ed;color:#25231f;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.topbar{min-height:78px;padding:0 4vw;background:#171512;color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 10px 30px #0004}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:42px;height:42px;border:1px solid #9b805d;border-radius:12px;display:grid;place-items:center;color:#e6d2b5;font-weight:800}.brand b{font-size:17px}.brand small{display:block;color:#a99c8a;font-weight:400;letter-spacing:1.3px}.topbar nav{display:flex;gap:5px}.nav-link{border:0;background:transparent;color:#d4cec5;padding:10px 13px;border-radius:10px;cursor:pointer}.nav-link:hover,.nav-link.active{background:#f4efe7;color:#211d18}.menu-btn{display:none;background:#2b2722;border:1px solid #51483d;color:#fff;border-radius:10px;padding:8px 12px}main{max-width:1500px;margin:auto;padding:55px 4vw 90px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;margin-bottom:65px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:var(--accent)}.hero h1{font:600 clamp(44px,6vw,78px)/1.04 Georgia,serif;margin:13px 0 20px}.hero p,.section-head p{font-size:18px;color:#746e65;max-width:820px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.badges span{background:#fff;border:1px solid #ded8cf;border-radius:99px;padding:7px 11px;font-size:12px}.hero-preview{height:350px;border-radius:30px;background:linear-gradient(145deg,#514838,#a18763);display:grid;place-items:center;box-shadow:0 30px 80px #4b3d2933}.mini-sheet{width:min(76%,500px);aspect-ratio:1/1.414;background:#fff;padding:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:5%;box-shadow:0 20px 55px #0006;transform:rotate(3deg)}.mini-sheet i{background:linear-gradient(145deg,#d6d0c7,#8f887e);position:relative}.mini-sheet b{position:absolute;left:4px;bottom:2px;font-size:7px;color:#fff}.view{display:none}.view.active{display:block}.section-head{margin-bottom:25px}.section-head h2{font:600 clamp(32px,4vw,54px) Georgia,serif;margin:9px 0}.workspace{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid #ddd7ce;border-radius:22px;padding:24px;box-shadow:0 18px 55px #382e2312}.controls{position:sticky;top:94px;max-height:calc(100vh - 110px);overflow:auto}.drop{min-height:130px;border:2px dashed #aa9b88;border-radius:17px;background:#fbfaf8;display:grid;place-content:center;text-align:center;cursor:pointer;padding:20px;margin-bottom:10px}.drop.small{min-height:90px}.drop input{display:none}.drop strong{font-size:17px}.drop span{font-size:12px;color:#81796f}.notice{background:#f3efe8;color:#6d6256;border-radius:11px;padding:11px;font-size:12px}.group{border-top:1px solid #ebe6de;margin-top:18px;padding-top:17px}.group h3{margin:0 0 12px}label{display:block;font-size:12px;color:#695f55;margin:10px 0}input,select{width:100%;padding:10px 11px;border:1px solid #d0c8bd;border-radius:10px;margin-top:5px;background:#fff;color:#26221e}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check{display:flex;gap:9px;align-items:center;background:#f7f4ef;border-radius:10px;padding:9px}.check input{width:auto;margin:0}.check span{color:#3f3932}.hidden{display:none!important}.preview-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.preview-head span{display:block;font-size:12px;color:#7c746a}.page-nav{display:flex;align-items:center;gap:8px}.stage{min-height:650px;background:#dedbd6;border-radius:18px;padding:20px;display:grid;place-items:center;overflow:auto}.stage canvas{max-width:100%;max-height:76vh;box-shadow:0 18px 55px #241d1744;background:#fff}.empty{text-align:center;color:#847c72}.empty b{width:88px;height:88px;border-radius:23px;background:#5a4936;color:#fff;display:grid;place-items:center;margin:auto;font:700 34px Georgia}.empty span{display:block;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.stat{background:#f8f6f2;border:1px solid #e4ded5;border-radius:12px;padding:11px}.stat span{display:block;font-size:10px;color:#81786f;text-transform:uppercase}.stat strong{font-size:17px;color:#5f4b35}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px;flex-wrap:wrap}.btn{border:0;border-radius:10px;padding:11px 15px;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;font-weight:700}.btn.secondary{background:#40382f;color:#fff}.btn.ghost{background:#eee9e2;color:#3f372e}.btn:disabled{opacity:.45}.page-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.page-thumb{background:#fff;border:1px solid #ddd7ce;border-radius:16px;padding:12px;cursor:pointer}.page-thumb img{display:block;width:100%;box-shadow:0 8px 24px #2b241d22}.page-thumb span{display:block;text-align:center;padding-top:8px;color:#746b61;font-size:12px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.help-grid article{background:#fff;border:1px solid #ddd7ce;border-radius:18px;padding:22px}.help-grid b{width:39px;height:39px;border-radius:11px;background:#5a4936;color:#fff;display:grid;place-items:center}.help-grid h3{margin:14px 0 6px}.help-grid p{color:#746c63}footer{padding:28px 4vw;border-top:1px solid #ddd7ce;background:#faf9f7;color:#776f65;display:flex;justify-content:space-between}
@media(max-width:1080px){.workspace{grid-template-columns:1fr}.controls{position:static;max-height:none}.hero{grid-template-columns:1fr}.hero-preview{height:290px}.page-thumbs,.help-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{flex-wrap:wrap;padding:14px 4vw}.menu-btn{display:block}.topbar nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-top:12px}.topbar nav.open{display:flex}.nav-link{text-align:left}.hero h1{font-size:43px}.hero-preview{height:220px}.stage{min-height:360px;padding:8px}.stats{grid-template-columns:1fr 1fr}.two,.three{grid-template-columns:1fr}.actions{flex-direction:column}.actions .btn{width:100%}.page-thumbs,.help-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}}


/* v1.1 – hero és feltöltő rész elcsúszásának javítása */
.contactsheet-hero-fixed{
  position:relative;
  overflow:visible;
}

.contactsheet-hero-fixed .hero,
.contactsheet-hero-fixed .hero-inner,
.contactsheet-hero-fixed .intro,
.contactsheet-hero-fixed .landing-hero{
  position:relative;
  overflow:visible;
  min-height:auto;
}

.contactsheet-hero-fixed .hero-visual,
.contactsheet-hero-fixed .contact-sheet-visual,
.contactsheet-hero-fixed .mockup,
.contactsheet-hero-fixed .preview-mockup,
.contactsheet-hero-fixed .sheet-preview,
.contactsheet-hero-fixed .paper-preview{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:rotate(-3deg) !important;
  margin:38px auto 26px !important;
  max-width:min(76vw,520px) !important;
  width:100% !important;
  z-index:1 !important;
}

.contactsheet-hero-fixed .upload-section,
.contactsheet-hero-fixed .upload-panel,
.contactsheet-hero-fixed .upload-card,
.contactsheet-hero-fixed .dropzone-wrap,
.contactsheet-hero-fixed .uploader,
.contactsheet-hero-fixed .generator-panel{
  position:relative !important;
  z-index:3 !important;
  margin-top:18px !important;
  clear:both !important;
}

.contactsheet-hero-fixed h1,
.contactsheet-hero-fixed h2,
.contactsheet-hero-fixed .section-title,
.contactsheet-hero-fixed .eyebrow{
  position:relative;
  z-index:4;
}

@media (max-width: 1024px){
  .contactsheet-hero-fixed .hero-visual,
  .contactsheet-hero-fixed .contact-sheet-visual,
  .contactsheet-hero-fixed .mockup,
  .contactsheet-hero-fixed .preview-mockup,
  .contactsheet-hero-fixed .sheet-preview,
  .contactsheet-hero-fixed .paper-preview{
    max-width:min(80vw,460px) !important;
    margin:30px auto 22px !important;
    transform:rotate(-2deg) !important;
  }
}

@media (max-width: 700px){
  .contactsheet-hero-fixed{
    overflow:hidden;
  }

  .contactsheet-hero-fixed .hero-visual,
  .contactsheet-hero-fixed .contact-sheet-visual,
  .contactsheet-hero-fixed .mockup,
  .contactsheet-hero-fixed .preview-mockup,
  .contactsheet-hero-fixed .sheet-preview,
  .contactsheet-hero-fixed .paper-preview{
    max-width:88vw !important;
    margin:24px auto 18px !important;
    transform:none !important;
  }

  .contactsheet-hero-fixed .upload-section,
  .contactsheet-hero-fixed .upload-panel,
  .contactsheet-hero-fixed .upload-card,
  .contactsheet-hero-fixed .dropzone-wrap,
  .contactsheet-hero-fixed .uploader,
  .contactsheet-hero-fixed .generator-panel{
    margin-top:12px !important;
  }
}