/* AD Nyomda – aloldalak (Könyvnyomtatás, Print On Demand): a főoldal komponenseire (uj.css) épül,
   itt csak az aloldalakon használt új elemek vannak: tartalmi sorok, folyamat-lépések, „NINCS” lista. */

.hos--al h1 { font-size: clamp(34px, 4.2vw, 52px); }
.hos--al .hos__kep img { object-position: 50% 22%; }
.eyebrow { display: inline-block; margin-bottom: 10px; font-size: 13px; font-weight: 700; letter-spacing: .12em; color: var(--korall-s); }

/* tartalmi sorok: kép + szöveg, váltakozó oldallal */
.tartalom { background: linear-gradient(160deg, var(--barna) 0%, var(--barna-m) 100%); color: #fff; overflow: hidden; }
.tartalom::before { content: ""; position: absolute; width: 620px; height: 620px; left: -240px; top: -200px; border-radius: 50%; background: radial-gradient(circle, rgb(216 104 98 / .3), transparent 68%); }
.tartalom .tarolo { position: relative; }
.tsor { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.tsor + .tsor { margin-top: 84px; }
.tsor--ford .tsor__kep { order: 2; }
.tsor__kep img { width: 100%; height: auto; border-radius: 30px 110px 30px 30px; box-shadow: 0 30px 60px -24px rgb(0 0 0 / .6); }
.tsor--ford .tsor__kep img { border-radius: 110px 30px 30px 30px; }
.tsor__szoveg::before { content: ""; display: block; width: 54px; height: 5px; border-radius: 5px; margin-bottom: 18px; background: linear-gradient(90deg, var(--korall), var(--pezsgo)); }
.tsor h2, .tsor h3 { font-family: var(--cim); font-weight: 700; font-size: clamp(26px, 3vw, 36px); line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
.tsor h2 { font-size: clamp(30px, 3.8vw, 44px); }
.tsor p { margin-top: 16px; color: rgb(244 227 220 / .94); text-wrap: pretty; }
.tsor p strong { color: #fff; }

/* folyamat + „NINCS” lista */
.folyamat { background: linear-gradient(180deg, #faf1ec 0%, var(--pezsgo) 100%); }
.lepesek { margin-top: 56px; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.lepes { background: #fff; border-radius: 24px; padding: 28px 24px 28px; box-shadow: var(--arnyek); }
.lepes__szam { display: inline-block; font-family: var(--cim); font-weight: 700; font-size: 46px; line-height: 1; letter-spacing: -.02em; background: linear-gradient(135deg, var(--korall), var(--barna)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.lepes h3 { margin-top: 12px; font-family: var(--cim); font-weight: 700; font-size: 20px; line-height: 1.25; }
.lepes p { margin-top: 8px; color: #5b4640; font-size: 15.5px; text-wrap: pretty; }
.nincs { margin-top: 96px; }
.nincs__bev { max-width: 58ch; margin: 16px auto 0; text-align: center; color: var(--halk); text-wrap: balance; }
.nincs-lista { margin: 48px auto 0; max-width: 1040px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.nincs-k { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; background: #fff; border-radius: 22px; padding: 24px 26px; box-shadow: var(--arnyek); }
.nincs-k .x { width: 44px; height: 44px; border-radius: 50%; background: #fdeceb; color: #c4352d; display: grid; place-items: center; }
.nincs-k .x .ic { width: 20px; height: 20px; stroke-width: 2.8; }
.nincs-k h3 { font-family: var(--cim); font-weight: 700; font-size: 18px; line-height: 1.35; }
.nincs-cimke { display: inline-block; margin-right: 8px; padding: 2px 10px; border-radius: 999px; background: #c4352d; color: #fff; font-size: 12px; letter-spacing: .08em; vertical-align: 2px; }
.nincs-k p { margin-top: 6px; color: #5b4640; font-size: 15.5px; text-wrap: pretty; }
.lanc { display: flex; flex-wrap: wrap; gap: 6px 4px; margin-top: 6px; }
.lanc li { padding: 4px 12px; border-radius: 999px; background: var(--pezsgo); color: var(--barna); font-weight: 600; font-size: 14px; }
.lanc li:not(:last-child)::after { content: "→"; margin-left: 10px; color: var(--korall-s); }
.nincs-zaro { margin: 24px auto 0; max-width: 1040px; display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; padding: 24px 28px; border-radius: 22px; background: linear-gradient(135deg, #e9f6ee, #fff); border: 1px solid #c6e4d0; box-shadow: var(--arnyek); }
.nincs-zaro .ikon { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(145deg, #3fb877, #2f9e5b); color: #fff; display: grid; place-items: center; box-shadow: 0 10px 22px -10px rgb(47 158 91 / .8); }
.nincs-zaro .ikon .ic { width: 26px; height: 26px; stroke-width: 3; }
.nincs-zaro p { font-weight: 600; font-size: 18px; line-height: 1.5; text-wrap: pretty; }
.folyamat__ertek { margin-top: 36px; justify-content: center; }

/* termékkártyák kiegészítése */
.kartya__kep--szeles { aspect-ratio: 600 / 260; }
.arak__egyedi { justify-content: center; text-align: center; }
.arak__egyedi b { font-size: 16px; }

@media (max-width: 1020px) {
  .tsor { grid-template-columns: 1fr; gap: 28px; }
  .tsor + .tsor { margin-top: 64px; }
  .tsor__kep, .tsor--ford .tsor__kep { order: -1; }
  .tsor__kep img, .tsor--ford .tsor__kep img { max-width: 560px; margin-inline: auto; border-radius: 26px 90px 26px 26px; }
  .lepesek { grid-template-columns: repeat(2, 1fr); }
  .nincs-lista { grid-template-columns: 1fr; }
  .nincs { margin-top: 72px; }
}
@media (max-width: 720px) {
  .hos--al h1 { font-size: clamp(21px, 6vw, 28px); }
  .tsor + .tsor { margin-top: 52px; }
  .tsor h2 { font-size: clamp(28px, 7.6vw, 34px); }
  .lepesek { grid-template-columns: 1fr; gap: 14px; margin-top: 40px; }
  .lepes { display: grid; grid-template-columns: auto 1fr; column-gap: 18px; padding: 22px; align-items: start; }
  .lepes__szam { grid-row: span 2; font-size: 38px; }
  .lepes h3 { margin-top: 0; }
  .nincs { margin-top: 60px; }
  .nincs-k { padding: 20px; gap: 14px; }
  .nincs-zaro { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 22px; }
  .nincs-zaro p { font-size: 17px; }
  .folyamat__ertek { margin-top: 28px; }
}
.hlt { display: block; color: var(--korall-s); }