*{box-sizing:border-box}html{scroll-behavior:smooth;background:#17130d}body{margin:0;background:#17130d;color:#f4ead4;font-family:Georgia,serif}.topbar{position:sticky;top:0;z-index:50;background:rgba(26,22,15,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.nav{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:center;gap:22px;padding:13px 20px;flex-wrap:wrap}.nav a{color:#f4ead4;text-decoration:none;font-size:15px}.nav a:hover{color:#d6bc76}.page{width:min(100%,1400px);margin:auto;background:#241e14;box-shadow:0 0 60px #000}.design{display:block;width:100%;height:auto}.mobile-toggle{display:none}.order-shell{max-width:900px;margin:0 auto;padding:48px 22px 70px;background:#eee5d1;color:#243b25}.order-shell h1{text-align:center;font-size:clamp(28px,5vw,48px);margin:0 0 10px}.order-shell p.intro{text-align:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:700}input,select,textarea{font:inherit;font-size:18px;padding:14px;border:1px solid #9d9b87;border-radius:9px;background:#fffdf7}textarea{min-height:120px}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0}.product{border:1px solid #b8ad8d;border-radius:12px;padding:14px;background:#f7f0df}.qty{display:grid;grid-template-columns:auto 90px auto 90px;gap:8px;align-items:center;margin-top:10px}.checks{display:grid;gap:10px;margin:20px 0}.checks label{font-weight:400}.checks input{width:22px;height:22px;vertical-align:middle}.submit{display:block;width:100%;padding:18px;border:0;border-radius:999px;background:#274d35;color:white;font-size:22px;font-weight:700;cursor:pointer}.note{text-align:center;font-size:14px;margin-top:14px}.visual-order{border-bottom:1px solid rgba(0,0,0,.15)}@media(max-width:760px){.nav{gap:12px;padding:10px}.nav a{font-size:13px}.grid,.products{grid-template-columns:1fr}.qty{grid-template-columns:auto 1fr}.page{width:100%}.order-shell{padding:32px 16px 50px}input,select,textarea{font-size:17px;min-height:50px}}
/* Asztali nézet – a látványtervek eredeti minőségének megőrzése */
@media (min-width: 761px) {
  body {
    background:
      radial-gradient(circle at 50% 20%, #3b2d1c 0%, #17130d 70%);
  }

  .page {
    width: min(100%, 768px);
    margin: 0 auto;
    box-shadow: 0 0 70px rgba(0,0,0,.75);
  }

  .design {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 761px) {
  main.page {
    width: 600px !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  main.page > img.design {
    display: block !important;
    width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
  }
}