/* Judy Dekor – a végleges oldal stílusa (a V31 „Műhelynapló” alapján, 2026-10-07).
   2026-10-09, Bene 1. visszajelzése: egyszínű bézs háttér; a vonalas füzetlap csak kártyaként; a szakaszok között aranyvonalas ágacska;
   viaszpecsétek; valószerűbben felragasztott logó. Fontok: fontok.css (JD Cormorant, JD Raleway – saját tárhely). Mobil első; asztal: 900 px fölött. */

:root{
  /* a logóból mérve: szilva #4F263A, arany #DABA63 (sötétebb: #BA985A) */
  --szilva:#4F263A; --arany:#DABA63; --arany-s:#BA985A;
  --bg:#F6EEE4; --bg2:#EADCC8; --papir:#FFFBF7; --kartya:#fff;
  --fg:#4A2C33; --halvany:#7E6466; --vonal:rgba(74,44,51,.18);
  --kraft:#C9A27E; --kraft-s:#A9825F; --kraft-fg:#3B2420;
  --rozsas:#B86A8A; --puder:#F4E3E4;
  --viasz:#B86A8A; --viasz-v:#D9A0B8; --viasz-s:#87405F; --viasz-fg:#FFF4F8;
  --szalag:rgba(226,184,200,.74); --hiba:#A2324A;
  --f-cim:"JD Cormorant",Georgia,"Times New Roman",serif;
  --f-szoveg:"JD Raleway",system-ui,-apple-system,"Segoe UI",sans-serif;
  --max:1100px; --pad:20px; --tav:56px;
  /* kódból rajzolt díszek (eszkozok/disz_svg.py): a viaszpecsét hullámos széle és a szakaszelválasztó ágacska */
  --viasz-forma:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath d=%22M98.08 50.00C98.37 51.65 98.26 53.41 97.88 55.03C97.50 56.66 96.48 58.20 95.81 59.74C95.13 61.27 94.34 62.70 93.82 64.24C93.29 65.78 93.13 67.42 92.65 68.99C92.16 70.55 91.75 72.23 90.92 73.62C90.09 75.02 88.86 76.24 87.65 77.35C86.43 78.46 84.93 79.31 83.63 80.28C82.33 81.25 81.10 82.20 79.86 83.16C78.61 84.12 77.44 85.13 76.18 86.03C74.91 86.93 73.57 87.69 72.27 88.57C70.97 89.45 69.68 90.28 68.39 91.32C67.11 92.35 65.93 93.71 64.55 94.79C63.18 95.86 61.73 97.17 60.15 97.76C58.57 98.36 56.78 98.52 55.08 98.38C53.39 98.24 51.64 97.39 50.00 96.90C48.36 96.41 46.81 95.79 45.22 95.44C43.64 95.10 42.05 95.10 40.47 94.84C38.89 94.58 37.25 94.40 35.74 93.88C34.23 93.36 32.81 92.52 31.42 91.72C30.04 90.92 28.77 89.94 27.44 89.07C26.11 88.21 24.75 87.44 23.46 86.53C22.17 85.62 20.89 84.68 19.72 83.62C18.56 82.56 17.60 81.30 16.49 80.17C15.38 79.04 14.32 77.91 13.05 76.85C11.77 75.78 10.16 74.91 8.84 73.77C7.51 72.62 5.96 71.44 5.11 69.99C4.26 68.53 3.83 66.75 3.71 65.04C3.59 63.33 4.14 61.42 4.36 59.70C4.59 57.98 4.96 56.34 5.06 54.72C5.16 53.11 4.97 51.57 4.98 50.00C4.98 48.43 4.92 46.84 5.08 45.28C5.24 43.72 5.63 42.18 5.93 40.63C6.24 39.09 6.57 37.56 6.91 36.00C7.24 34.44 7.45 32.80 7.95 31.28C8.45 29.76 9.12 28.25 9.93 26.87C10.74 25.48 11.91 24.32 12.81 22.98C13.71 21.64 14.60 20.34 15.35 18.80C16.10 17.26 16.51 15.33 17.33 13.72C18.16 12.10 18.99 10.24 20.30 9.12C21.61 8.01 23.43 7.38 25.20 7.04C26.97 6.71 29.09 7.09 30.91 7.12C32.72 7.14 34.46 7.31 36.10 7.21C37.74 7.10 39.21 6.72 40.75 6.47C42.29 6.22 43.80 5.93 45.35 5.72C46.89 5.51 48.43 5.42 50.00 5.21C51.57 5.00 53.16 4.66 54.79 4.46C56.42 4.25 58.15 3.86 59.79 3.95C61.42 4.05 63.09 4.43 64.61 5.04C66.13 5.64 67.47 6.76 68.88 7.59C70.30 8.41 71.61 9.30 73.10 9.99C74.59 10.68 76.29 11.02 77.82 11.71C79.35 12.40 81.05 13.05 82.29 14.14C83.53 15.23 84.49 16.74 85.27 18.24C86.04 19.75 86.39 21.58 86.94 23.16C87.48 24.75 87.95 26.28 88.53 27.75C89.11 29.23 89.82 30.58 90.42 32.00C91.03 33.43 91.56 34.86 92.14 36.31C92.72 37.75 93.22 39.20 93.90 40.67C94.57 42.14 95.50 43.59 96.20 45.14C96.90 46.70 97.80 48.35 98.08 50.00Z%22/%3E%3C/svg%3E");
  --elv-kep:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 28%22 fill=%22none%22 stroke=%22%23BA985A%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 gradientUnits=%22userSpaceOnUse%22 x1=%224%22 x2=%2286%22%3E%3Cstop offset=%220%22 stop-color=%22%23BA985A%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%23BA985A%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 gradientUnits=%22userSpaceOnUse%22 x1=%22154%22 x2=%22236%22%3E%3Cstop offset=%220%22 stop-color=%22%23BA985A%22/%3E%3Cstop offset=%221%22 stop-color=%22%23BA985A%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M4 14H86%22 stroke=%22url%28%23a%29%22 stroke-width=%221%22/%3E%3Cpath d=%22M154 14H236%22 stroke=%22url%28%23b%29%22 stroke-width=%221%22/%3E%3Cpath d=%22M92 17.5C103 12.5 120 11 148 13.2%22 stroke-width=%221.1%22/%3E%3Cg fill=%22%23BA985A%22 fill-opacity=%22.18%22 stroke-width=%22.9%22%3E%3Cpath d=%22M99.0 15.2Q104.0 14.6 105.1 9.7Q100.1 10.3 99.0 15.2Z%22/%3E%3Cpath d=%22M104.0 14.0Q104.7 18.7 109.5 19.3Q108.7 14.6 104.0 14.0Z%22/%3E%3Cpath d=%22M111.0 13.0Q115.9 12.9 117.1 8.2Q112.3 8.3 111.0 13.0Z%22/%3E%3Cpath d=%22M117.0 12.6Q117.8 17.1 122.4 17.1Q121.5 12.6 117.0 12.6Z%22/%3E%3Cpath d=%22M124.0 12.3Q128.4 12.8 129.6 8.5Q125.2 8.0 124.0 12.3Z%22/%3E%3Cpath d=%22M130.0 12.4Q130.7 16.5 134.9 15.9Q134.1 11.8 130.0 12.4Z%22/%3E%3Cpath d=%22M136.0 12.6Q139.8 13.8 140.7 9.9Q136.9 8.7 136.0 12.6Z%22/%3E%3C/g%3E%3Cg fill=%22%23BA985A%22 stroke=%22none%22%3E%3Ccircle cx=%22150.5%22 cy=%2213.3%22 r=%221.7%22/%3E%3Ccircle cx=%22145.5%22 cy=%2210.4%22 r=%221.1%22/%3E%3Ccircle cx=%22146%22 cy=%2216.4%22 r=%221%22/%3E%3C/g%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:500 15px/1.6 var(--f-szoveg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--szilva);outline-offset:2px}
.belso{display:flow-root;width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}  /* flow-root: a belső margó nem olvad össze az elválasztóéval */
.hely{border-bottom:1px dashed currentColor;opacity:.85}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.elonezet{padding:7px 14px;background:#2b2b2b;color:#eee;font:600 11px/1.35 var(--f-szoveg);text-align:center;letter-spacing:.02em}

/* gombok, ár, címke */
.gomb{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:0 1.6em;border:0;border-radius:999px;background:var(--szilva);color:#fff;font:700 15px/1.15 var(--f-szoveg);letter-spacing:.01em;text-align:center;text-decoration:none;transition:transform .2s}
.gomb:active{transform:scale(.98)}
.gomb[aria-disabled="true"]{opacity:.5;cursor:default}
.gomb-masod{background:transparent;color:var(--szilva);box-shadow:inset 0 0 0 1px var(--szilva)}
.gomb-teljes{width:100%}
.link-gomb{border:0;background:none;padding:3px 0;font:700 13px/1 var(--f-szoveg);color:var(--szilva);border-bottom:1px solid currentColor;text-decoration:none}
.ar{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.cimke{display:inline-block;padding:.4em .8em;border-radius:999px;background:var(--puder);color:var(--szilva);font:700 10.5px/1 var(--f-szoveg);letter-spacing:.09em;text-transform:uppercase}
.rovat{display:block;font:700 10.5px/1.25 var(--f-szoveg);letter-spacing:.22em;text-transform:uppercase;color:var(--rozsas)}
.szam{font:italic 300 26px/1 var(--f-cim);color:var(--rozsas)}
.pipalista{display:grid;gap:7px}
.pipalista li{position:relative;padding-left:24px}
.pipalista li::before{content:"";position:absolute;left:3px;top:.5em;width:10px;height:5px;border-left:2px solid var(--rozsas);border-bottom:2px solid var(--rozsas);transform:rotate(-45deg)}

/* kézműves elemek: polaroid, kraftcédula, zsinór, washi-szalag (szakadt végekkel), viaszpecsét, vonalas füzetlap */
.polaroid{position:relative;margin:0;padding:10px 10px 48px;background:#fff;box-shadow:0 16px 36px rgba(74,44,51,.16)}
.polaroid img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--bg2)}
.polaroid .felirat{position:absolute;left:12px;right:12px;bottom:13px;font:italic 500 19px/1.1 var(--f-cim);color:var(--fg);text-align:center}
.ferde-b{transform:rotate(-2deg)}.ferde-j{transform:rotate(1.7deg)}
.cedula{position:absolute;right:-12px;top:30px;z-index:2;padding:8px 13px 8px 22px;background:var(--kraft);color:var(--kraft-fg);font:700 13px/1 var(--f-szoveg);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);transform:rotate(7deg);white-space:nowrap}
.cedula::before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--bg)}
.zsinor{position:absolute;right:30px;top:-6px;z-index:1;width:2px;height:44px;background:#8C6A4E;transform:rotate(-24deg);transform-origin:top}
.szalag{position:absolute;z-index:3;top:-11px;left:50%;width:96px;height:26px;margin-left:-48px;
  background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 45%,rgba(255,255,255,.14)),var(--szalag);transform:rotate(-3deg);
  clip-path:polygon(2% 4%,6% 0,94% 2%,98% 0,96% 22%,100% 40%,97% 58%,100% 78%,97% 100%,93% 96%,5% 98%,1% 100%,3% 80%,0 60%,3% 42%,0 22%)}
.pecset{position:relative;isolation:isolate;display:grid;place-items:center;width:104px;aspect-ratio:1;padding:19px;color:var(--viasz-fg);
  font:700 9.5px/1.3 var(--f-szoveg);letter-spacing:.11em;text-transform:uppercase;text-align:center;
  text-shadow:0 -1px 0 rgba(70,16,40,.4),0 1px 0 rgba(255,255,255,.14);transform:rotate(-6deg);
  filter:drop-shadow(0 2px 2px rgba(74,44,51,.3)) drop-shadow(0 7px 9px rgba(74,44,51,.14))}
.pecset::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 34% 28%,var(--viasz-v),var(--viasz) 50%,var(--viasz-s) 100%);
  -webkit-mask:var(--viasz-forma) center/100% 100% no-repeat;mask:var(--viasz-forma) center/100% 100% no-repeat}
.pecset::after{content:"";position:absolute;inset:14%;z-index:-1;border-radius:50%;
  box-shadow:inset 0 2px 2px rgba(70,16,40,.42),inset 0 -1px 1px rgba(255,255,255,.28),0 1px 0 rgba(255,255,255,.2)}
.jegyzetlap{position:relative;padding:36px 20px 28px 46px;
  background:linear-gradient(90deg,transparent 32px,rgba(214,120,150,.38) 32px,rgba(214,120,150,.38) 33px,transparent 33px),repeating-linear-gradient(180deg,transparent 0 33px,rgba(150,130,190,.17) 33px 34px),var(--papir);
  box-shadow:0 1px 2px rgba(74,44,51,.12),0 14px 30px rgba(74,44,51,.12);transform:rotate(-.5deg);margin-top:12px}
.jegyzetlap>.szalag{top:-12px}  /* a szalag kilóg: a margó ezt adja vissza, hogy a térköz a szalag tetejétől számítva is egyforma legyen */
.ures-kep{display:grid;place-items:center;aspect-ratio:4/5;background:repeating-linear-gradient(135deg,#F3E9DD 0 10px,#EFE3D4 10px 20px);color:var(--halvany);font:italic 500 17px/1.3 var(--f-cim);text-align:center;padding:16px}

/* szakaszok: egységes térköz, köztük az aranyvonalas ágacska (.elv – a szakasszal együtt rejtődik) */
.sz{padding:0 0 var(--tav)}
.elv::before{content:"";display:block;width:240px;max-width:72%;height:28px;margin:0 auto var(--tav);background:var(--elv-kep) center/contain no-repeat}
.h2{font:italic 500 36px/1.08 var(--f-cim);margin:0 0 6px;text-wrap:balance}
.rovat+.h2{margin-top:8px}
.al{color:var(--halvany);margin-bottom:26px;max-width:46ch}

/* fejléc: felragasztott logó + viaszpecsét */
.fej{display:flex;align-items:center;justify-content:space-between;padding:24px var(--pad) 0}
.matrica{position:relative;display:block;width:84px;transform:rotate(-4deg)}
.matrica img{position:relative;z-index:1;width:100%;border:3px solid #FFFDF9;border-radius:4px;box-shadow:0 1px 1.5px rgba(74,44,51,.3),0 7px 14px rgba(74,44,51,.16)}
.matrica::after{content:"";position:absolute;z-index:0;right:6px;bottom:8px;width:56%;height:26%;box-shadow:5px 9px 10px rgba(74,44,51,.32);transform:rotate(6deg)}
.matrica .szalag{top:-5px;left:-15px;width:46px;height:16px;margin:0;transform:rotate(-38deg)}
.matrica .szalag+.szalag{left:auto;right:-15px;transform:rotate(38deg)}
.fej .pecset{width:98px;padding:15px;font-size:8.4px;letter-spacing:.09em;transform:rotate(-9deg)}

/* nyitókép */
.hero{padding:18px 22px 26px;text-align:center}
.hero h1{font:italic 500 44px/1.04 var(--f-cim);text-wrap:balance}
.hero h1 span{background:linear-gradient(transparent 62%,rgba(201,162,126,.5) 62%)}
.hero p{max-width:30ch;margin:12px auto 18px;color:var(--halvany);text-wrap:balance}
.hero .gombok{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.video-link{display:inline-flex;align-items:center;gap:10px;margin:16px 0 34px;font:700 14px/1.2 var(--f-szoveg);color:var(--szilva);text-decoration:none}
.video-link::before{content:"";width:30px;height:30px;flex:none;border-radius:50%;background:var(--szilva) no-repeat 56% 50%/9px 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 10'%3E%3Cpath d='M0 0l9 5-9 5z' fill='%23fff'/%3E%3C/svg%3E")}
.video-link span{border-bottom:1px solid currentColor}
.hero .polaroid{width:min(82%,340px);margin:0 auto}
.hero .cedula{top:56px}
.hero .polaroid{cursor:pointer}
.hero .k{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.pecsetek{display:flex;justify-content:center;gap:6px;padding:14px 10px var(--tav)}

/* termékrács */
.racs{display:grid;grid-template-columns:1fr 1fr;gap:30px 16px}
.racs .polaroid{padding:8px 8px 10px}
.racs .polaroid .felirat{position:static;display:flex;align-items:center;justify-content:center;min-height:2.3em;margin:8px 2px 0;font-size:16px;line-height:1.12;text-wrap:balance}  /* a hosszú név két sorban is elfér, egyforma kártyamagassággal */
.racs .cedula{top:16px;right:-8px;padding:7px 10px 7px 18px;font-size:12px}
.racs article:nth-child(odd) .polaroid{transform:rotate(-1.6deg)}.racs article:nth-child(even) .polaroid{transform:rotate(1.3deg)}
.racs .k{display:block;width:100%;padding:0;border:0;background:none}
.racs .alatta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:12px}
.elfogyott .polaroid img{filter:grayscale(.6) opacity(.75)}
.elfogyott .cedula{background:#B9AFA6}
.ures-allapot{grid-column:1/-1;padding:26px 20px;background:var(--papir);text-align:center;color:var(--halvany)}

/* videó */
.video-keret{width:min(78%,360px);margin:0 auto}
.video-keret .video-tok{aspect-ratio:9/16}
.lejatszo{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.lejatszo::after{content:"";margin-left:5px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent var(--szilva)}

/* kiemelt darab és levél: vonalas füzetlap-kártya */
.naplo .fej-sor{display:flex;align-items:baseline;gap:12px;margin:10px 0 16px}
.naplo h2{font:italic 500 30px/1.05 var(--f-cim)}
.naplo .polaroid{width:min(86%,320px);transform:rotate(-2deg);margin-bottom:20px}
.naplo .k{display:block;width:100%;padding:0;border:0;background:none}
.naplo .jegyzet{font:italic 400 20px/34px var(--f-cim);max-width:34ch}
.naplo .gombok{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.level{padding-bottom:22px;font:italic 400 21px/34px var(--f-cim);transform:rotate(.6deg)}
.level .alairas{display:block;text-align:right;margin-top:4px;font-size:26px;color:var(--szilva)}

/* egyedi ajánlat */
.egyedi .galeria{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:30px}
.egyedi .galeria .polaroid{padding:8px 8px 10px}
.egyedi .galeria .polaroid img{aspect-ratio:4/5;object-fit:cover}
.egyedi .galeria .k{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.egyedi .galeria .polaroid:nth-child(1){transform:rotate(-2deg)}.egyedi .galeria .polaroid:nth-child(2){transform:rotate(1.6deg)}
.egyedi .galeria .polaroid:nth-child(3){transform:rotate(1.2deg)}.egyedi .galeria .polaroid:nth-child(4){transform:rotate(-1.4deg)}
.lepes-mini{display:grid;gap:8px;margin-bottom:22px;font:italic 400 19px/1.45 var(--f-cim)}
.lepes-mini b{font:700 15px/1 var(--f-szoveg);color:var(--rozsas)}   /* Raleway: így a Cormorant álló változata le sem töltődik */

/* céges csomagok */
.ceges .pipalista{margin:0 0 24px}
.ceges .polaroid{width:min(78%,320px);margin:34px auto 0;padding:8px 8px 10px;transform:rotate(1.5deg)}

/* lépések, átvétel és fizetés */
.lepesek li{position:relative;padding:0 0 26px 58px}
.lepesek li:last-child{padding-bottom:0}
.lepesek li::before{content:"";position:absolute;left:21px;top:44px;bottom:0;border-left:2px dotted var(--kraft-s)}
.lepesek li:last-child::before{display:none}
.lepesek b{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--kraft);display:grid;place-items:center;font:italic 600 22px/1 var(--f-cim);color:var(--kraft-fg)}
.lepesek strong{display:block;font:italic 500 22px/1.2 var(--f-cim);padding-top:6px}
.lepesek span{font-size:14px;color:var(--halvany)}
.atvetel{display:grid;gap:16px;margin-top:34px}
.atvetel-kartya{position:relative;padding:22px 20px 20px;background:var(--papir);box-shadow:0 1px 2px rgba(74,44,51,.1),0 10px 24px rgba(74,44,51,.09)}
.atvetel-kartya h3{font:italic 500 24px/1.15 var(--f-cim);margin:6px 0 6px}
.atvetel-kartya p{font-size:14px;color:var(--halvany)}

/* űrlap: „A polcról kérem” = űrlap; „Egyedit szeretnék” = e-mail / telefon */
.urlap-keret{padding:22px 18px;background:var(--bg2);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(169,130,95,.35)}
.mod-valaszto{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:18px;border-radius:999px;background:rgba(255,255,255,.55)}
.mod-valaszto button{min-height:44px;border:0;border-radius:999px;background:transparent;font:700 13px/1.15 var(--f-szoveg);color:var(--szilva)}
.mod-valaszto button[aria-pressed="true"]{background:var(--szilva);color:#fff}
.urlap{display:grid;gap:14px}
.mezo{display:grid;gap:6px;min-width:0}
.mezo>label,.mezo>legend,.mezo-cim{font:700 11.5px/1.2 var(--f-szoveg);letter-spacing:.08em;text-transform:uppercase;color:var(--halvany)}
.mezo input:not([type=radio]):not([type=checkbox]),.mezo select,.mezo textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--vonal);border-radius:12px;background:var(--kartya);font-size:16px}
.mezo textarea{min-height:96px;resize:vertical}
.mezo .opcio{text-transform:none;letter-spacing:0;font-weight:500}
.ket-mezo{display:grid;gap:14px;align-items:start}
.valasztott-ar{margin:2px 0 0;font:700 14px/1.3 var(--f-szoveg);color:var(--szilva)}
.valaszto{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}
.valaszto legend{width:100%;padding:0;margin-bottom:6px}
.valaszto label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--vonal);border-radius:999px;background:var(--kartya);font:500 14px/1.2 var(--f-szoveg);letter-spacing:0;text-transform:none;color:var(--fg);cursor:pointer}
.valaszto input,.pipa input{accent-color:var(--szilva)}
.valaszto .urlap-megj{flex-basis:100%;margin-top:2px}
.pipa{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--halvany)}
.pipa input{margin-top:3px;flex:none}
.urlap-megj{font-size:12.5px;line-height:1.5;color:var(--halvany)}
.hibas input,.hibas select,.hibas textarea{border-color:var(--hiba)!important}
.hiba-szoveg{font-size:12.5px;color:var(--hiba)}
.mezes{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.urlap-kesz{padding:24px;border-radius:12px;background:var(--papir);text-align:center}
.urlap-kesz strong{display:block;font:italic 500 28px/1.2 var(--f-cim);margin-bottom:6px}
.kapcsolat{display:grid;gap:16px}
.kapcsolat-cim{font:italic 500 27px/1.15 var(--f-cim)}
.kapcsolat-szoveg{color:var(--halvany)}
.elerhetoseg{display:grid;gap:10px}
.elerhetoseg>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:12px 16px;border-radius:12px;background:var(--kartya);border:1px solid var(--vonal)}
.elerhetoseg .mezo-cim{flex-basis:100%}
.elerhetoseg .adat{font:700 17px/1.35 var(--f-szoveg);color:var(--szilva);text-decoration:none;overflow-wrap:anywhere}
.hamarosan{font:italic 500 19px/1.3 var(--f-cim);color:var(--halvany)}
.kapcsolat .pipalista{font-size:14px}
@media (min-width:600px){.ket-mezo{grid-template-columns:1fr 1fr}}

/* termékrészlet: mobilon alsó lap, asztalon középre igazított ablak; saját link: #termek-NN */
.reszlet{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}
.reszlet-hatter{position:absolute;inset:0;background:rgba(30,14,22,.5)}
/* a lap nem görög egyben: fent a kép áll, alatta csak a szöveg görgethető (Bene, 2026-10-31: „a képek legyenek fixek, ne gördüljenek”) */
.reszlet-lap{position:relative;width:100%;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--kartya);border-radius:22px 22px 0 0;padding:14px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.2)}
.reszlet-fogo{flex:none;width:44px;height:4px;border-radius:4px;background:var(--vonal);margin:0 auto 12px}
.reszlet-zar{position:absolute;top:10px;right:12px;z-index:4;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#222;font-size:24px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.reszlet-galeria{flex:none;padding:0 20px}
.reszlet-keret{position:relative;width:fit-content;margin:0 auto}
.reszlet-kepek{--kh:min(50vh,calc((100vw - 40px)*1.25));height:var(--kh);width:calc(var(--kh)*.8);display:grid;grid-auto-flow:column;grid-auto-columns:100%;grid-template-rows:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x;border-radius:14px;scrollbar-width:none;background:var(--bg2)}
.reszlet-kepek::-webkit-scrollbar{display:none}
@media (hover:hover) and (pointer:fine){.reszlet-kepek{overflow-x:hidden}}   /* egérrel/görgővel nem mozdul, csak a nyilakkal */
.galeria-nyil{position:absolute;top:50%;z-index:3;width:38px;height:38px;margin-top:-19px;border:0;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 2px 10px rgba(0,0,0,.18);cursor:pointer}
.galeria-nyil.bal{left:8px}.galeria-nyil.jobb{right:8px}
.galeria-nyil::after{content:"";position:absolute;top:13px;width:10px;height:10px;border-top:2px solid var(--szilva);border-right:2px solid var(--szilva)}
.galeria-nyil.bal::after{left:15px;transform:rotate(-135deg)}.galeria-nyil.jobb::after{left:11px;transform:rotate(45deg)}
.galeria-nyil:disabled{opacity:0;pointer-events:none}
.reszlet-kepek img,.reszlet-kepek .video-tok{width:100%;height:100%;min-height:0;object-fit:cover;scroll-snap-align:center}   /* a sor a kerethez rögzítve: az álló videó nem nyújthatja meg (ettől voltak a képek nagyítva, levágva) */
.video-tok{position:relative;background:#1d1418}
.video-poszter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.video-tok video{display:block;width:100%;height:100%;object-fit:cover}
.video-inditas{position:absolute;inset:0;margin:auto;width:68px;height:68px;border:0;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 8px 30px rgba(0,0,0,.22);cursor:pointer}
.video-inditas::after{content:"";position:absolute;left:27px;top:22px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent var(--szilva)}
.video-inditas.tolt::after{left:20px;top:20px;width:28px;height:28px;border:3px solid rgba(79,38,58,.25);border-top-color:var(--szilva);border-radius:50%;animation:forog .8s linear infinite}
.video-inditas.hiba{background:rgba(255,255,255,.75)}
@keyframes forog{to{transform:rotate(360deg)}}
.reszlet-pontok{display:flex;justify-content:center;gap:6px;margin-top:8px}
.reszlet-pontok i{width:6px;height:6px;border-radius:50%;background:var(--vonal)}
.reszlet-pontok i.akt{background:var(--szilva)}
.reszlet-adat{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 20px calc(18px + env(safe-area-inset-bottom, 0px))}
.reszlet-nev{font:italic 500 30px/1.1 var(--f-cim);margin:10px 0 6px}
.reszlet-ar{font-size:20px}
.reszlet-leiras{color:var(--halvany);margin:10px 0 12px}
.reszlet-lista{display:grid;margin:0 0 18px;font-size:14px}
.reszlet-lista li{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--vonal);padding:8px 0}
.reszlet-lista li span:first-child{flex:none;color:var(--halvany)}
.reszlet-lista li span:last-child{text-align:right}
.reszlet-adat>.gomb{position:sticky;bottom:10px;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.reszlet-megj{margin-top:10px;font-size:12.5px;color:var(--halvany)}
.reszlet-info{margin:-6px 0 18px;padding:10px 12px;border-radius:10px;background:var(--puder);color:var(--szilva);font-size:13px;line-height:1.45}
html.nyitva{overflow:hidden}

/* lábléc */
.lablec{background:var(--szilva);color:#E9DCE2;padding:44px 0 52px;font-size:13px}
.lablec-logo{width:150px;margin-bottom:16px}
.lablec-linkek{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0}
.lablec-linkek a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.lablec p+p{margin-top:6px}

/* jogi aloldalak */
.jogi{max-width:760px;margin:0 auto;padding:28px var(--pad) 60px}
.jogi .vissza{display:inline-block;margin-bottom:20px;font-weight:700;color:var(--szilva)}
.jogi h1{font:italic 500 40px/1.1 var(--f-cim);margin-bottom:8px}
.jogi h2{font:italic 500 25px/1.2 var(--f-cim);margin:28px 0 8px}
.jogi p,.jogi li{max-width:68ch}
.jogi p+p{margin-top:10px}
.jogi ul{list-style:disc;padding-left:20px;display:grid;gap:4px}
.jogi ul{margin-top:8px}
.jogi .minta{margin-top:12px;padding:14px 16px;background:var(--papir);border:1px dashed var(--vonal);border-radius:6px}
.jogi .hatalyos{margin-top:32px;color:var(--halvany);font-size:14px}
.tervezet{margin:14px 0 24px;padding:12px 14px;border-radius:10px;background:var(--puder);font-size:13.5px}

/* képkészítő mód (?kep=1): nincs átmenet. A görgetésre beúszás kimaradt (2026-10-09): az artifact-nézetben és rejtett lapon az
   IntersectionObserver nem fut, és a kártyák láthatatlanok maradtak – minden elem alapból látszik. */
html.kepmod *,html.kepmod *::before,html.kepmod *::after{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* asztal */
@media (min-width:900px){
  :root{--tav:80px}
  .fej{max-width:var(--max);margin:0 auto}
  .hero{display:grid;grid-template-columns:1fr 400px;gap:10px 50px;align-items:center;max-width:var(--max);margin:0 auto;text-align:left}
  .hero h1{font-size:76px}.hero p{margin-left:0}.hero .gombok{justify-content:flex-start;margin-bottom:0}
  .video-link{margin-bottom:0}
  .hero .polaroid{grid-column:2;grid-row:1}
  .racs{grid-template-columns:repeat(3,1fr);gap:50px 40px}
  .naplo{max-width:900px;margin:12px auto 0;padding:44px 56px 40px 76px}
  .naplo .tartalom{display:grid;grid-template-columns:320px 1fr;gap:44px;align-items:center}
  .naplo .polaroid{margin-bottom:0}
  .level{max-width:720px;margin:12px auto 0;padding:40px 48px 26px 76px}
  .egyedi{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}
  .egyedi .galeria{margin:12px 0 0}
  .ceges .al{max-width:56ch}
  .video-keret .ferde-j{transform:rotate(1deg)}
  .lepesek{display:grid;grid-template-columns:repeat(3,1fr)}.lepesek li{padding-bottom:0}.lepesek li::before{display:none}
  .atvetel{grid-template-columns:1fr 1fr;gap:24px}
  .urlap-keret{max-width:660px}
  .reszlet{align-items:center}
  .reszlet-lap{width:auto;max-width:980px;border-radius:22px;display:grid;grid-template-columns:auto minmax(300px,1fr);gap:34px;padding:34px}
  .reszlet-fogo{display:none}
  .reszlet-galeria{padding:0;align-self:center}
  .reszlet-kepek{--kh:min(calc(92vh - 96px),600px)}
  .reszlet-adat{padding:0 4px 0 0;align-self:center;max-height:calc(92vh - 68px)}
}