@font-face {
    font-family: 'Pricedown';
    src: url('../fonts/pricedown.ttf') format('truetype');
}

/* RESET + ALAP */
* {
    box-sizing: border-box;
    font-family: 'Pricedown', Arial, sans-serif;
}

body {
    margin: 0;
    background: #000;
    color: #eee;
}

/* OLDAL KERET */
.page-frame {
    max-width: 1600px;
    margin: 20px auto;
    border: 3px solid #222;
    background: #050505;
    box-shadow: 0 0 40px rgba(0,0,0,0.9);
}

/* HEADER */
.site-header {
    width: 100%;
    background: #000;
    overflow: hidden;              /* nincs kifolyás */
}

/* SKÁLÁZÓ WRAPPER */
.header-scale {
    transform: scaleY(0.6);        /* 🔥 összenyomás */
    transform-origin: top center;

    /* 🔑 EZ A LÉNYEG */
    margin-bottom: -40%;           /* visszahúzza az üres részt */
}

/* KÉP */
.header-scale img {
    width: 100%;
    height: auto;
    display: block;
}

/* NAV */
.main-nav {
    display: flex;
    justify-content: center;
    gap: 40px;
    background: #000;
    padding: 16px;
    border-bottom: 2px solid #222;
}

.main-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    padding: 6px 10px;
}

.main-nav a:hover {
    color: #ffae00;
}

/* LAYOUT */
.layout {
    display: grid;
    grid-template-columns: 1fr 320px;
}

/* CONTENT */
.content {
    padding: 60px;
}

.content h1 {
    font-size: 56px;
}

.content p {
    font-size: 22px;
    opacity: 0.9;
}

/* LINK */
a {
    color: #ffae00;
}

a:hover {
    color: #ffd27d;
}

/* SIDEBAR */
.sidebar {
    padding: 40px 30px;
    border-left: 2px solid #222;
}

.sidebar-box {
    background: #0b0b0b;
    border: 2px solid #222;
    padding: 20px;
    margin-bottom: 30px;
}

.sidebar-box h3 {
    font-size: 28px;
    margin-bottom: 15px;
}

/* REKLÁM */
.ad-box {
    background: #111;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
}

/* GOMB */
.btn,
button,
input[type="submit"] {
    background: #ffae00;
    color: #000;
    border: none;
    padding: 12px 20px;
    font-size: 20px;
    cursor: pointer;
}

.btn:hover,
button:hover,
input[type="submit"]:hover {
    background: #ffd27d;
}

/* FORM ELEMEK */
input,
textarea,
select {
    width: 100%;
    background: #000;
    border: 2px solid #222;
    color: #fff;
    padding: 12px;
    font-size: 18px;
    margin-bottom: 15px;
}

textarea {
    min-height: 120px;
    resize: vertical;
}

select option {
    background: #000;
}

/* RADIO / CHECKBOX */
input[type="radio"],
input[type="checkbox"] {
    width: auto;
    margin-right: 6px;
}

/* FOOTER */
.site-footer {
    text-align: center;
    padding: 20px;
    font-size: 14px;
    border-top: 2px solid #222;
    opacity: 0.6;
}