/* La Belle Kozmetika – oldal stílusok */
:root{--paper:#F7F8EE;--ink:#283618;--ink2:#3C4A2A;--mut:#5B6A47;--rg:#A8A260;--sage:#CCD5AE;--wrap:1280px;--gut:clamp(20px,5.5vw,80px);--mat:12px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Figtree',system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
.hd,h1,h2,h3{font-family:'Bodoni Moda',Georgia,'Times New Roman',serif;font-weight:500}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.fil{position:absolute;width:0;height:0;overflow:hidden}

/* fejléc */
.site-hd{position:relative;z-index:30}
.site-hd .wrap{display:flex;align-items:center;gap:clamp(18px,2.6vw,36px);padding-top:30px;padding-bottom:6px}
.brand{text-decoration:none;margin-right:auto;display:flex;align-items:center;gap:14px;line-height:1.1;flex:none;white-space:nowrap}
.brand .bn{display:flex;flex-direction:column}
.brand b{font-family:'Bodoni Moda',Georgia,serif;font-weight:500;font-style:italic;font-size:clamp(28px,2.4vw,34px);letter-spacing:-.01em}
.brand .bn span{font-size:14px;color:var(--mut);margin-top:4px}
.nav{display:flex;gap:clamp(14px,1.6vw,26px);list-style:none;margin:0;padding:0;font-size:16px;white-space:nowrap}
.nav a{text-decoration:none;padding:6px 2px;background:linear-gradient(var(--p),var(--p)) 0 100%/0 .45em no-repeat;transition:background-size .25s}
.nav a:hover,.nav a[aria-current]{background-size:100% .45em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;font:600 17px/1.2 'Figtree',system-ui,sans-serif;text-decoration:none;background:var(--ink);color:var(--paper);border:0;cursor:pointer;text-align:center}
.btn:hover{background:#3F5428}
.btn.sec{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.sec:hover{background:var(--p)}
.lnk{font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.burger{display:none;width:50px;height:50px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;padding:0;cursor:pointer;flex-direction:column;gap:6px;align-items:center;justify-content:center}
.burger i{display:block;width:21px;height:2px;background:var(--ink)}
.drawer{display:none;position:fixed;inset:0;background:var(--p);z-index:60;padding:26px var(--gut);overflow:auto}
.drawer.on{display:block}
.drawer .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.drawer ul{list-style:none;margin:0 0 30px;padding:0}
.drawer li a{display:block;padding:12px 0;font:italic 500 28px/1.2 'Bodoni Moda',Georgia,serif;text-decoration:none;border-bottom:1.5px solid rgba(40,54,24,.25)}
.drawer .x{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;font-size:24px;cursor:pointer;color:var(--ink)}
@media(max-width:1219px){.site-hd .nav,.site-hd .hd-cta{display:none}.burger{display:flex}}

/* alap elemek */
main{display:block}
main h1{margin:0 0 .35em;font-size:clamp(38px,4.6vw,64px);line-height:1.05;letter-spacing:-.02em}
main h2{margin:0 0 .5em;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.015em}
main h3{margin:0 0 .4em;font-size:clamp(21px,1.8vw,24px);line-height:1.12;letter-spacing:-.01em}
main p{margin:0 0 1em}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--ink2);max-width:31em}
.mk,.sw{background:linear-gradient(transparent 52%,var(--pk) 52%,var(--pk) 92%,transparent 92%);padding:0 .15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mat{position:relative;box-shadow:0 0 0 var(--mat) var(--paper),0 0 0 calc(var(--mat) + 1.5px) var(--rg),0 22px 40px rgba(40,54,24,.18);margin:calc(var(--mat) + 2px)}
.mat img{display:block;width:100%;height:100%;object-fit:cover}
.ann{position:absolute;font:italic 500 clamp(15px,1.55vw,21px)/1.1 'Bodoni Moda',Georgia,serif;color:var(--ink);white-space:nowrap}
.swipe{background:var(--p);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M1.0,1.0 L3.1,1.4 L5.3,2.6 L7.4,1.1 L9.5,1.2 L11.7,1.5 L13.8,0.2 L15.9,1.2 L18.0,1.6 L20.2,2.1 L22.3,-0.1 L24.4,0.6 L26.6,-0.1 L28.7,2.2 L30.8,1.8 L33.0,-0.3 L35.1,2.7 L37.2,2.7 L39.3,1.7 L41.5,1.6 L43.6,0.1 L45.7,-0.4 L47.9,1.3 L50.0,-0.2 L52.1,0.2 L54.3,0.4 L56.4,-0.3 L58.5,1.1 L60.7,1.0 L62.8,2.3 L64.9,1.3 L67.0,1.6 L69.2,1.2 L71.3,1.7 L73.4,1.1 L75.6,0.5 L77.7,2.8 L79.8,2.8 L82.0,2.3 L84.1,1.9 L86.2,0.6 L88.3,0.3 L90.5,0.5 L92.6,-0.2 L94.7,2.1 L96.9,0.9 L99.9,1.0 L98.4,3.7 L100.3,6.4 L99.9,9.2 L97.2,11.9 L97.9,14.6 L100.1,17.3 L98.7,20.1 L100.3,22.8 L98.5,25.5 L97.4,28.2 L99.2,30.9 L99.7,33.7 L98.1,36.4 L97.5,39.1 L98.3,41.8 L100.3,44.6 L99.6,47.3 L97.6,50.0 L98.0,52.7 L97.5,55.4 L97.4,58.2 L99.8,60.9 L97.8,63.6 L99.0,66.3 L98.6,69.1 L97.8,71.8 L99.5,74.5 L97.6,77.2 L99.3,79.9 L97.6,82.7 L98.5,85.4 L97.9,88.1 L98.1,90.8 L100.3,93.6 L99.8,96.3 L99.0,98.2 L96.9,100.0 L94.7,97.9 L92.6,98.5 L90.5,99.9 L88.3,99.3 L86.2,97.5 L84.1,100.4 L82.0,97.9 L79.8,98.0 L77.7,99.7 L75.6,98.3 L73.4,98.1 L71.3,97.4 L69.2,97.5 L67.0,99.1 L64.9,98.0 L62.8,99.1 L60.7,98.4 L58.5,98.7 L56.4,100.3 L54.3,98.7 L52.1,99.0 L50.0,100.0 L47.9,97.8 L45.7,97.7 L43.6,100.1 L41.5,99.8 L39.3,98.0 L37.2,97.8 L35.1,99.6 L33.0,100.2 L30.8,97.8 L28.7,100.2 L26.6,100.0 L24.4,99.1 L22.3,98.5 L20.2,97.5 L18.0,97.3 L15.9,100.3 L13.8,98.0 L11.7,99.5 L9.5,98.0 L7.4,99.8 L5.3,99.1 L3.1,98.1 L0.2,99.0 L1.9,96.3 L-0.2,93.6 L0.3,90.8 L1.4,88.1 L2.3,85.4 L1.6,82.7 L0.5,79.9 L2.5,77.2 L0.3,74.5 L-0.3,71.8 L0.5,69.1 L1.0,66.3 L-0.2,63.6 L0.2,60.9 L0.8,58.2 L1.4,55.4 L0.0,52.7 L0.8,50.0 L2.5,47.3 L2.7,44.6 L1.7,41.8 L1.8,39.1 L1.5,36.4 L0.0,33.7 L-0.3,30.9 L-0.3,28.2 L2.5,25.5 L1.8,22.8 L2.7,20.1 L-0.3,17.3 L1.6,14.6 L1.1,11.9 L1.9,9.2 L0.6,6.4 L2.8,3.7 Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M1.0,1.0 L3.1,1.4 L5.3,2.6 L7.4,1.1 L9.5,1.2 L11.7,1.5 L13.8,0.2 L15.9,1.2 L18.0,1.6 L20.2,2.1 L22.3,-0.1 L24.4,0.6 L26.6,-0.1 L28.7,2.2 L30.8,1.8 L33.0,-0.3 L35.1,2.7 L37.2,2.7 L39.3,1.7 L41.5,1.6 L43.6,0.1 L45.7,-0.4 L47.9,1.3 L50.0,-0.2 L52.1,0.2 L54.3,0.4 L56.4,-0.3 L58.5,1.1 L60.7,1.0 L62.8,2.3 L64.9,1.3 L67.0,1.6 L69.2,1.2 L71.3,1.7 L73.4,1.1 L75.6,0.5 L77.7,2.8 L79.8,2.8 L82.0,2.3 L84.1,1.9 L86.2,0.6 L88.3,0.3 L90.5,0.5 L92.6,-0.2 L94.7,2.1 L96.9,0.9 L99.9,1.0 L98.4,3.7 L100.3,6.4 L99.9,9.2 L97.2,11.9 L97.9,14.6 L100.1,17.3 L98.7,20.1 L100.3,22.8 L98.5,25.5 L97.4,28.2 L99.2,30.9 L99.7,33.7 L98.1,36.4 L97.5,39.1 L98.3,41.8 L100.3,44.6 L99.6,47.3 L97.6,50.0 L98.0,52.7 L97.5,55.4 L97.4,58.2 L99.8,60.9 L97.8,63.6 L99.0,66.3 L98.6,69.1 L97.8,71.8 L99.5,74.5 L97.6,77.2 L99.3,79.9 L97.6,82.7 L98.5,85.4 L97.9,88.1 L98.1,90.8 L100.3,93.6 L99.8,96.3 L99.0,98.2 L96.9,100.0 L94.7,97.9 L92.6,98.5 L90.5,99.9 L88.3,99.3 L86.2,97.5 L84.1,100.4 L82.0,97.9 L79.8,98.0 L77.7,99.7 L75.6,98.3 L73.4,98.1 L71.3,97.4 L69.2,97.5 L67.0,99.1 L64.9,98.0 L62.8,99.1 L60.7,98.4 L58.5,98.7 L56.4,100.3 L54.3,98.7 L52.1,99.0 L50.0,100.0 L47.9,97.8 L45.7,97.7 L43.6,100.1 L41.5,99.8 L39.3,98.0 L37.2,97.8 L35.1,99.6 L33.0,100.2 L30.8,97.8 L28.7,100.2 L26.6,100.0 L24.4,99.1 L22.3,98.5 L20.2,97.5 L18.0,97.3 L15.9,100.3 L13.8,98.0 L11.7,99.5 L9.5,98.0 L7.4,99.8 L5.3,99.1 L3.1,98.1 L0.2,99.0 L1.9,96.3 L-0.2,93.6 L0.3,90.8 L1.4,88.1 L2.3,85.4 L1.6,82.7 L0.5,79.9 L2.5,77.2 L0.3,74.5 L-0.3,71.8 L0.5,69.1 L1.0,66.3 L-0.2,63.6 L0.2,60.9 L0.8,58.2 L1.4,55.4 L0.0,52.7 L0.8,50.0 L2.5,47.3 L2.7,44.6 L1.7,41.8 L1.8,39.1 L1.5,36.4 L0.0,33.7 L-0.3,30.9 L-0.3,28.2 L2.5,25.5 L1.8,22.8 L2.7,20.1 L-0.3,17.3 L1.6,14.6 L1.1,11.9 L1.9,9.2 L0.6,6.4 L2.8,3.7 Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat}

/* ecsetvonásos sávok */
.band{position:relative;background:var(--bg);isolation:isolate;padding:clamp(80px,9vw,140px) 0;--e:clamp(26px,4vw,60px)}
.band::before,.band::after{content:"";position:absolute;left:0;right:0;height:var(--e);background:var(--bg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 L0.0,33.2 L10.0,34.5 L18.0,33.3 L19.0,33.3 L22.0,19.4 L25.0,35.5 L34.0,39.2 L35.0,39.2 L39.0,21.4 L43.0,34.4 L58.0,36.9 L68.0,34.8 L82.0,34.3 L90.0,39.4 L98.0,36.8 L112.0,32.9 L122.0,32.4 L132.0,33.3 L133.0,33.3 L137.0,18.2 L141.0,34.4 L154.0,34.0 L164.0,30.9 L174.0,32.4 L182.0,33.5 L192.0,33.1 L206.0,35.2 L220.0,34.6 L234.0,34.2 L244.0,37.5 L254.0,34.1 L266.0,37.8 L278.0,40.2 L290.0,40.5 L298.0,38.2 L312.0,39.5 L324.0,40.1 L338.0,42.2 L346.0,44.4 L358.0,41.8 L370.0,42.9 L384.0,39.0 L392.0,43.6 L406.0,40.8 L407.0,40.8 L410.0,30.5 L413.0,36.1 L426.0,38.1 L427.0,38.1 L433.0,26.5 L439.0,34.1 L441.0,34.1 L447.0,17.7 L453.0,35.7 L466.0,28.8 L480.0,29.0 L481.0,29.0 L484.0,12.1 L487.0,28.8 L498.0,29.4 L499.0,29.4 L503.0,10.7 L507.0,28.2 L522.0,25.0 L536.0,22.4 L550.0,23.9 L562.0,26.7 L576.0,26.8 L588.0,26.2 L600.0,26.5 L614.0,28.8 L624.0,24.0 L634.0,25.3 L644.0,24.4 L654.0,26.2 L662.0,25.7 L674.0,28.6 L675.0,28.6 L680.0,13.5 L685.0,30.6 L694.0,27.5 L695.0,27.5 L701.0,14.8 L707.0,26.6 L722.0,24.0 L736.0,22.7 L737.0,22.7 L740.0,2.8 L743.0,27.5 L758.0,21.2 L770.0,22.6 L771.0,22.6 L774.0,10.7 L777.0,18.2 L779.0,18.2 L783.0,0.7 L787.0,20.5 L800.0,19.8 L801.0,19.8 L804.0,6.2 L807.0,20.7 L822.0,15.4 L834.0,19.6 L846.0,16.4 L847.0,16.4 L850.0,-2.7 L853.0,18.6 L868.0,16.6 L880.0,14.7 L881.0,14.7 L884.0,5.1 L887.0,19.2 L900.0,18.5 L910.0,19.7 L911.0,19.7 L915.0,0.4 L919.0,23.5 L932.0,20.1 L940.0,24.8 L941.0,24.8 L946.0,6.4 L951.0,27.8 L953.0,27.8 L956.0,9.3 L959.0,27.1 L972.0,27.6 L982.0,27.9 L992.0,30.1 L1004.0,31.9 L1014.0,33.8 L1015.0,33.8 L1021.0,19.0 L1027.0,34.3 L1038.0,31.5 L1039.0,31.5 L1045.0,20.8 L1051.0,32.8 L1053.0,32.8 L1056.0,21.6 L1059.0,36.7 L1072.0,33.5 L1082.0,34.6 L1094.0,32.8 L1106.0,35.3 L1118.0,29.6 L1126.0,30.1 L1136.0,30.4 L1137.0,30.4 L1143.0,18.6 L1149.0,31.7 L1151.0,31.7 L1154.0,14.6 L1157.0,30.6 L1170.0,32.5 L1178.0,32.7 L1186.0,33.3 L1196.0,31.0 L1197.0,31.0 L1201.0,13.0 L1205.0,31.2 L1218.0,29.9 L1232.0,33.3 L1240.0,35.6 L1250.0,38.2 L1258.0,34.1 L1272.0,39.6 L1282.0,39.5 L1296.0,41.3 L1308.0,39.4 L1318.0,39.4 L1326.0,43.0 L1336.0,43.0 L1346.0,45.7 L1347.0,45.7 L1351.0,35.3 L1355.0,41.1 L1357.0,41.1 L1361.0,23.9 L1365.0,42.6 L1376.0,45.2 L1388.0,41.5 L1389.0,41.5 L1395.0,23.3 L1401.0,44.0 L1410.0,43.7 L1422.0,42.4 L1436.0,40.3 L1440,60 Z' fill='black'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 L0.0,33.2 L10.0,34.5 L18.0,33.3 L19.0,33.3 L22.0,19.4 L25.0,35.5 L34.0,39.2 L35.0,39.2 L39.0,21.4 L43.0,34.4 L58.0,36.9 L68.0,34.8 L82.0,34.3 L90.0,39.4 L98.0,36.8 L112.0,32.9 L122.0,32.4 L132.0,33.3 L133.0,33.3 L137.0,18.2 L141.0,34.4 L154.0,34.0 L164.0,30.9 L174.0,32.4 L182.0,33.5 L192.0,33.1 L206.0,35.2 L220.0,34.6 L234.0,34.2 L244.0,37.5 L254.0,34.1 L266.0,37.8 L278.0,40.2 L290.0,40.5 L298.0,38.2 L312.0,39.5 L324.0,40.1 L338.0,42.2 L346.0,44.4 L358.0,41.8 L370.0,42.9 L384.0,39.0 L392.0,43.6 L406.0,40.8 L407.0,40.8 L410.0,30.5 L413.0,36.1 L426.0,38.1 L427.0,38.1 L433.0,26.5 L439.0,34.1 L441.0,34.1 L447.0,17.7 L453.0,35.7 L466.0,28.8 L480.0,29.0 L481.0,29.0 L484.0,12.1 L487.0,28.8 L498.0,29.4 L499.0,29.4 L503.0,10.7 L507.0,28.2 L522.0,25.0 L536.0,22.4 L550.0,23.9 L562.0,26.7 L576.0,26.8 L588.0,26.2 L600.0,26.5 L614.0,28.8 L624.0,24.0 L634.0,25.3 L644.0,24.4 L654.0,26.2 L662.0,25.7 L674.0,28.6 L675.0,28.6 L680.0,13.5 L685.0,30.6 L694.0,27.5 L695.0,27.5 L701.0,14.8 L707.0,26.6 L722.0,24.0 L736.0,22.7 L737.0,22.7 L740.0,2.8 L743.0,27.5 L758.0,21.2 L770.0,22.6 L771.0,22.6 L774.0,10.7 L777.0,18.2 L779.0,18.2 L783.0,0.7 L787.0,20.5 L800.0,19.8 L801.0,19.8 L804.0,6.2 L807.0,20.7 L822.0,15.4 L834.0,19.6 L846.0,16.4 L847.0,16.4 L850.0,-2.7 L853.0,18.6 L868.0,16.6 L880.0,14.7 L881.0,14.7 L884.0,5.1 L887.0,19.2 L900.0,18.5 L910.0,19.7 L911.0,19.7 L915.0,0.4 L919.0,23.5 L932.0,20.1 L940.0,24.8 L941.0,24.8 L946.0,6.4 L951.0,27.8 L953.0,27.8 L956.0,9.3 L959.0,27.1 L972.0,27.6 L982.0,27.9 L992.0,30.1 L1004.0,31.9 L1014.0,33.8 L1015.0,33.8 L1021.0,19.0 L1027.0,34.3 L1038.0,31.5 L1039.0,31.5 L1045.0,20.8 L1051.0,32.8 L1053.0,32.8 L1056.0,21.6 L1059.0,36.7 L1072.0,33.5 L1082.0,34.6 L1094.0,32.8 L1106.0,35.3 L1118.0,29.6 L1126.0,30.1 L1136.0,30.4 L1137.0,30.4 L1143.0,18.6 L1149.0,31.7 L1151.0,31.7 L1154.0,14.6 L1157.0,30.6 L1170.0,32.5 L1178.0,32.7 L1186.0,33.3 L1196.0,31.0 L1197.0,31.0 L1201.0,13.0 L1205.0,31.2 L1218.0,29.9 L1232.0,33.3 L1240.0,35.6 L1250.0,38.2 L1258.0,34.1 L1272.0,39.6 L1282.0,39.5 L1296.0,41.3 L1308.0,39.4 L1318.0,39.4 L1326.0,43.0 L1336.0,43.0 L1346.0,45.7 L1347.0,45.7 L1351.0,35.3 L1355.0,41.1 L1357.0,41.1 L1361.0,23.9 L1365.0,42.6 L1376.0,45.2 L1388.0,41.5 L1389.0,41.5 L1395.0,23.3 L1401.0,44.0 L1410.0,43.7 L1422.0,42.4 L1436.0,40.3 L1440,60 Z' fill='black'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;pointer-events:none}
.band::before{top:calc(1px - var(--e))}
.band::after{bottom:calc(1px - var(--e));transform:scale(-1,-1)}
.b-p{--bg:var(--p)}.b-ps{--bg:var(--ps)}.b-pd{--bg:var(--pd)}

/* hős */
.hero{padding:clamp(34px,4vw,56px) 0 clamp(90px,10vw,150px)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px);gap:30px;align-items:center}
.hero .lead{margin-bottom:40px}
.cta-row{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-bottom:38px}
.fr{margin:0;font:italic 500 clamp(19px,1.8vw,24px)/1.35 'Bodoni Moda',Georgia,serif;color:var(--ink2)}
.collage{position:relative;width:100%;aspect-ratio:640/720;--mat:clamp(7px,1vw,14px)}
.collage>*{position:absolute}
.collage .swipe{left:5%;top:10%;width:84%;height:78%;transform:rotate(-2deg)}
.collage .m1{left:14.5%;top:5.5%;width:73.5%;aspect-ratio:900/787;margin:0}
.collage .m2{left:2%;top:58%;width:39%;aspect-ratio:5/6;margin:0}
.collage .m3{left:50%;top:72%;width:46.5%;aspect-ratio:900/525;margin:0}
.collage .m1 svg{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.collage{max-width:560px;margin:10px auto 0}}

/* kezelés-kártyák */
.treats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,44px);align-items:start}
.treat{--mat:11px}
.treat:nth-child(2){margin-top:-24px}.treat:nth-child(3){margin-top:30px}.treat:nth-child(4){margin-top:6px}
.treat .mat{aspect-ratio:4/4.6;margin-bottom:34px}
.treat h3{margin-top:0}
.treat p{font-size:16px;line-height:1.5;color:var(--ink2);margin-bottom:14px}
.treat .pr-big{font:italic 500 clamp(24px,2.3vw,30px)/1.2 'Bodoni Moda',Georgia,serif}
.treat a{text-decoration:none;color:inherit}
.sec-hd{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:clamp(40px,5vw,64px);flex-wrap:wrap}
.sec-hd h2{margin:0;max-width:9em}
.sec-hd p{margin:0;font:italic 500 clamp(19px,1.8vw,24px)/1.3 'Bodoni Moda',Georgia,serif;max-width:17em}
.center{text-align:center;margin-top:44px}
@media(max-width:1000px){.treats{grid-template-columns:repeat(2,minmax(0,1fr))}.treat:nth-child(n){margin-top:0}.treat:nth-child(even){margin-top:36px}}
@media(max-width:560px){.treats{grid-template-columns:1fr}.treat:nth-child(even){margin-top:0}}

/* kétoszlopos blokkok */
.split{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center}
.split.rev{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
.split .photo{--mat:clamp(8px,1vw,12px);aspect-ratio:1/1.05;margin:calc(var(--mat) + 2px)}
.facts{border-top:1.5px solid var(--rg);margin:0 0 34px;padding:0;list-style:none}
.facts li{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1.5px solid var(--rg);align-items:baseline}
.facts b{font:italic 500 clamp(21px,2vw,27px)/1.2 'Bodoni Moda',Georgia,serif}
.facts span{color:var(--mut);text-align:right}
@media(max-width:900px){.split,.split.rev{grid-template-columns:1fr}.split .photo{max-width:520px;width:calc(100% - 28px)}}
.about .plate{position:relative;margin:0 auto;max-width:440px;width:100%}
.about .plate .swipe{position:absolute;left:6%;top:9%;width:92%;height:88%;transform:rotate(3deg)}
.about .plate .mat{aspect-ratio:7/9;margin:0 0 0 0;width:93%}
.vals{display:flex;gap:16px 34px;flex-wrap:wrap;margin:0 0 14px;padding:0;list-style:none;font:italic 500 clamp(24px,2.4vw,30px)/1.2 'Bodoni Moda',Georgia,serif}

/* vélemények */
.quotes{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(30px,4vw,48px) clamp(40px,7vw,100px);align-items:start}
.quote{margin:0;position:relative}
.quote blockquote{margin:0 0 20px;font:400 clamp(20px,2vw,25px)/1.42 'Bodoni Moda',Georgia,serif}
.quote figcaption{font-size:17px}
.quote figcaption b{font-weight:700}
.quote figcaption span{color:var(--mut)}
.quote.big{grid-row:span 3;padding-top:clamp(40px,6vw,70px)}
.quote.big blockquote{font-size:clamp(23px,2.4vw,32px);line-height:1.3;letter-spacing:-.015em}
.quote.big::before{content:"“";position:absolute;left:-6px;top:-10px;font:400 clamp(110px,14vw,200px)/1 'Bodoni Moda',Georgia,serif;color:var(--p)}
.quote:not(.big){padding-top:22px;border-top:1.5px solid var(--rg)}
@media(max-width:900px){.quotes{grid-template-columns:1fr}.quote.big{grid-row:auto}}

/* blog kártyák */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4vw,56px) clamp(24px,3vw,44px)}
.post-card{--mat:9px}
.post-card .pc-img{display:block;aspect-ratio:4/3;margin:calc(var(--mat) + 2px) calc(var(--mat) + 2px) 30px}
.post-card .pc-img{box-shadow:0 0 0 var(--mat) var(--paper),0 0 0 calc(var(--mat) + 1.5px) var(--rg),0 18px 32px rgba(40,54,24,.16)}
.post-card img{display:block;width:100%;height:100%;object-fit:cover}
.post-card h3{margin:0 0 8px}
.post-card h3 a{text-decoration:none}
.post-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.post-card time,.post-card .pc-date{display:block;font-size:15px;color:var(--mut);margin-bottom:10px}
.post-card p{font-size:16px;color:var(--ink2);margin-bottom:12px}
.post-card .more{font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
@media(max-width:1000px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.posts{grid-template-columns:1fr}}

/* galéria + instagram teaser */
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);margin:0 0 44px}
.strip .mat{aspect-ratio:4/5;--mat:9px}
.strip .mat:nth-child(2){margin-top:30px}
@media(max-width:700px){.strip{grid-template-columns:1fr 1fr}.strip .mat:nth-child(3){display:none}}

/* lábléc */
.site-ft{position:relative;z-index:2}
.ft-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(36px,6vw,80px);align-items:end;margin-bottom:70px}
.ft-top h2{margin:0;font-size:clamp(32px,3.8vw,52px);line-height:1.05;letter-spacing:-.02em}
.ft-phone{display:block;font:italic 500 clamp(30px,3vw,40px)/1.1 'Bodoni Moda',Georgia,serif;text-decoration:none;margin-bottom:14px}
.booking p{margin:0 0 .8em;font-size:17px;line-height:1.6;max-width:32em}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:42px;border-top:1.5px solid rgba(40,54,24,.5)}
.ft-cols h3{margin:0 0 10px;font:700 17px/1.4 'Figtree',system-ui,sans-serif;letter-spacing:0}
.ft-cols p,.ft-cols li{margin:0;font-size:17px;line-height:1.7}
.ft-cols ul{list-style:none;margin:0;padding:0}
.ft-cols a{text-underline-offset:4px}
.ft-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:54px;padding-top:22px;border-top:1.5px solid rgba(40,54,24,.5);font-size:15px}
.ft-bot span a{margin-right:22px}
@media(max-width:900px){.ft-top{grid-template-columns:1fr;margin-bottom:50px}.ft-cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-cols{grid-template-columns:1fr}}
.pad{padding:clamp(70px,9vw,130px) 0}

/* kezelések oldal */
.pg-hd{padding:clamp(40px,6vw,72px) 0 20px}
.pg-hd .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:60px;align-items:center}
.pg-hd .plate{position:relative;aspect-ratio:400/215}
.pg-hd .plate .swipe{position:absolute;inset:16% 3% 4% 16%;transform:rotate(-2deg)}
.pg-hd .plate .mat{position:absolute;left:8%;top:0;width:72%;aspect-ratio:900/525;margin:0}
@media(max-width:900px){.pg-hd .wrap{grid-template-columns:1fr}.pg-hd .plate{max-width:420px}}
.grp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(30px,6vw,96px);align-items:start;margin-bottom:clamp(60px,8vw,110px)}
.grp.nophoto{grid-template-columns:minmax(0,860px)}
.grp.rev{grid-template-columns:minmax(0,420px) minmax(0,1fr)}
.grp.rev .gp{order:-1}
.grp h2{font-size:clamp(28px,2.8vw,38px);margin:0 0 14px}
.gp{--mat:10px;position:sticky;top:30px}
.gp .mat{aspect-ratio:4/5}
.grp-intro{margin:0 0 14px;font-size:17px;color:var(--ink2)}
ul.pl{list-style:none;margin:0;padding:0}
.pr{padding:0}
.pr-h{display:flex;align-items:baseline;gap:14px;padding:11px 0}
.pr-n{flex:0 1 auto;font-size:18px;line-height:1.35}
.pr-d{flex:1 1 20px;border-bottom:1.5px dotted rgba(40,54,24,.4);transform:translateY(-5px);min-width:20px}
.pr-p{font:italic 500 21px/1.3 'Bodoni Moda',Georgia,serif;white-space:nowrap;text-align:right}
.pr-i{flex:none;background:transparent;border:1.5px solid var(--rg);color:var(--ink);border-radius:999px;padding:4px 14px;font:600 14px/1.4 'Figtree',system-ui,sans-serif;cursor:pointer;order:5;margin-left:4px}
.pr-i:hover,.pr-i[aria-expanded=true]{background:var(--p)}
.svc-b{padding:6px 0 20px;font-size:17px;color:var(--ink2);max-width:46em}
.svc-b[hidden]{display:none}
.svc-b h3,.svc-b h2{font-size:22px;margin:1em 0 .3em}
.svc-b img{max-width:100%;border-radius:4px;margin:8px 0}
.svc-b ul,.prose ul{padding-left:1.2em}
@media(max-width:900px){.grp,.grp.rev{grid-template-columns:1fr}.grp.rev .gp{order:0}.gp{position:static;max-width:380px;margin:0 14px}}
@media(max-width:560px){.pr-h{flex-wrap:wrap;gap:4px 12px}.pr-d{display:none}.pr-n{flex:1 1 100%}.pr-p{text-align:left;font-size:20px}.pr-i{margin-left:auto}}

/* galéria oldal */
.gal-grid{columns:4 220px;column-gap:16px;margin:0 0 70px}
.gal-item{break-inside:avoid;margin:0 0 16px;display:block}
.gal-item a{display:block;box-shadow:0 10px 24px rgba(40,54,24,.14);border-radius:3px;overflow:hidden;background:var(--ps)}
.gal-item img{display:block;width:100%;height:auto;transition:transform .4s}
.gal-item a:hover img{transform:scale(1.03)}
.lb{position:fixed;inset:0;background:rgba(26,36,16,.92);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}
.lb.on{display:flex}
.lb img{max-width:100%;max-height:92vh;border-radius:3px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lb button{position:absolute;background:rgba(247,248,238,.16);color:#fff;border:0;border-radius:50%;width:54px;height:54px;font-size:26px;cursor:pointer}
.lb .lx{top:16px;right:16px}.lb .lp{left:16px;top:50%}.lb .ln{right:16px;top:50%}

/* cikk + szöveges oldalak */
.art{padding:clamp(30px,5vw,60px) 0 clamp(60px,8vw,110px)}
.art .wrap{max-width:900px}
.art h1{font-size:clamp(34px,4.2vw,54px);line-height:1.05;margin-bottom:.5em}
.art .hero-img{--mat:clamp(8px,1vw,12px);margin:calc(var(--mat) + 2px) calc(var(--mat) + 2px) clamp(36px,5vw,56px);aspect-ratio:3/2}
.art .hero-img img{width:100%;height:100%;object-fit:cover}
.prose{font-size:clamp(17.5px,1.4vw,19px);line-height:1.7;max-width:46em}
.prose h2{font-size:clamp(26px,2.6vw,32px);margin:1.6em 0 .5em}
.prose h3{font-size:clamp(22px,2.2vw,28px);margin:1.4em 0 .4em}
.prose img{border-radius:3px;margin:10px 0}
.prose a{text-underline-offset:4px}
.prose li{margin-bottom:.4em}
.prose-img{--mat:10px;margin:calc(var(--mat) + 2px) calc(var(--mat) + 2px) 40px;aspect-ratio:3/2;max-width:640px}
.cta-band{margin-top:50px;padding:34px;background:var(--ps);display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-band p{margin:0;font:italic 500 clamp(22px,2.4vw,30px)/1.25 'Bodoni Moda',Georgia,serif}
.four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px);margin:40px 0 20px;--mat:10px}
.four .mat{aspect-ratio:4/3}
@media(max-width:600px){.four{grid-template-columns:1fr}}

/* sütiértesítő: arculat */
#lb-consent .lb-btn,#lb-consent-modal .lb-btn{border-radius:999px}
.site-ft::after{display:none}
@media(max-width:700px){.band::before,.band::after{-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}}

.about-top{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:center}
.about .plate{max-width:none;margin:0}
.about .plate .mat{width:94%;aspect-ratio:4/5}
.about .plate .mat img{object-position:50% 30%}
.about-more{max-width:none;margin-top:clamp(40px,5vw,70px);columns:2 420px;column-gap:clamp(36px,6vw,90px)}
.about-more h3{margin-top:0;break-after:avoid}
.about-more p{break-inside:avoid-column}
@media(max-width:900px){.about-top{grid-template-columns:1fr}.about .plate{max-width:520px;margin:0 auto}.about-more{columns:1}}

/* ---- zöld arculat: logó (emblem), lábléc, mozgás ---- */
.emb{display:inline-block;flex:none;aspect-ratio:480/470;background:currentColor;-webkit-mask:url("logo.png") center/contain no-repeat;mask:url("logo.png") center/contain no-repeat}
.brand .emb{width:clamp(46px,4.4vw,60px);color:var(--ink);transition:width .3s}
.site-hd.sm .brand .emb{width:40px}
.site-hd{position:sticky;top:0;transition:background .3s,box-shadow .3s}
.site-hd.sm{background:rgba(247,248,238,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(40,54,24,.14)}
.site-hd.sm .wrap{padding-top:12px;padding-bottom:12px}
.site-hd .wrap{transition:padding .3s}
.btn:hover{background:#3F5428}
.b-dk{--bg:var(--ink)}
.site-ft{color:#E9EDC9;overflow:hidden}
.site-ft a{color:#E9EDC9}
.site-ft h2{color:#F7F8EE}
.site-ft .ft-phone{color:var(--p)}
.site-ft .ft-cols,.site-ft .ft-bot{border-top-color:rgba(204,213,174,.32)}
.site-ft .wrap{position:relative;z-index:1}
.ft-emb{width:clamp(70px,8vw,104px);color:var(--p);display:block;margin-bottom:26px}
.ft-wm{position:absolute;right:-6%;bottom:-18%;width:min(560px,60vw);color:var(--p);opacity:.07;pointer-events:none;z-index:0}
.hero-emb{left:-12%;top:-10%;width:112%;color:var(--p);opacity:.55;z-index:0}
.collage .mat,.collage .swipe{z-index:1}
.orn{display:flex;align-items:center;gap:22px;max-width:520px;margin:0 auto clamp(30px,4vw,50px);color:var(--ink)}
.orn::before,.orn::after{content:"";flex:1;height:1.5px;background:var(--rg)}
.orn .emb{width:56px}
.about{overflow-x:clip}
.about>.wrap{position:relative}
.about-wm{position:absolute;right:-9%;bottom:-8%;width:min(520px,52vw);color:var(--ink);opacity:.06;pointer-events:none}
.mq-wrap{position:relative;z-index:4;overflow:hidden}
.mq{background:var(--ink);color:var(--ps);padding:18px 0;overflow:hidden;white-space:nowrap}
.mq-track{display:inline-flex;align-items:center;gap:30px;padding-right:30px;font:italic 500 clamp(20px,2.2vw,30px)/1.2 'Bodoni Moda',Georgia,serif}
.mq-track .emb{width:30px;color:var(--p)}
html:not(.js) .mq{white-space:normal;text-align:center}
html:not(.js) .mq-track{flex-wrap:wrap;justify-content:center;padding:0 20px}
.mq.on .mq-run{display:inline-flex;animation:mq 46s linear infinite}
.mq.on:hover .mq-run{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.treat,.post-card{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.treat:hover,.post-card:hover{transform:translateY(-8px) rotate(-.5deg)}
.pr{transition:background .25s}
.pr:hover{background:linear-gradient(90deg,rgba(204,213,174,.32),transparent)}
html.js .collage .mat{animation:pop .9s cubic-bezier(.2,.75,.2,1) both}
html.js .collage .m2{animation-delay:.18s}html.js .collage .m3{animation-delay:.34s}
@keyframes pop{from{opacity:0;transform:translateY(34px) rotate(2.5deg)}to{opacity:1;transform:none}}
.collage [data-par],.collage .swipe{will-change:transform}
@media(prefers-reduced-motion:reduce){.mq.on .mq-run,html.js .collage .mat{animation:none!important}.treat:hover,.post-card:hover{transform:none}}

html{overflow-x:clip}

.site-ft a{text-decoration:none;display:inline-block;position:relative;transition:transform .25s ease,color .25s ease}
.site-ft .ft-cols a:hover,.site-ft .ft-bot a:hover{transform:translateX(7px);color:#fff}
.site-ft .ft-cols li a::before,.site-ft .ft-cols p a::before{content:"";position:absolute;left:-18px;top:50%;width:11px;height:11px;margin-top:-5px;background:var(--p);-webkit-mask:url("logo.png") center/contain no-repeat;mask:url("logo.png") center/contain no-repeat;opacity:0;transition:opacity .25s}
.site-ft .ft-cols a:hover::before{opacity:1}
.site-ft .ft-phone:hover{transform:none;color:#fff}
.site-ft .ft-phone::before{display:none}
.site-ft .ft-bot span a{margin-right:22px}
.site-ft .ft-bot a:hover{transform:translateY(-2px)}

/* ---- árlista: kategóriasáv, kereső, lenyíló leírás ---- */
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ptools{position:sticky;top:var(--hh,78px);z-index:20;display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:rgba(247,248,238,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 0;margin:0 0 clamp(36px,5vw,64px);border-bottom:1.5px solid var(--rg)}
.pnav{display:flex;gap:8px;overflow-x:auto;flex:1 1 420px;padding:2px;scrollbar-width:none}
.pnav::-webkit-scrollbar{display:none}
.pnav a{flex:none;text-decoration:none;white-space:nowrap;padding:9px 16px;border-radius:999px;border:1.5px solid var(--rg);font:600 15px/1.2 'Figtree',system-ui,sans-serif;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.pnav a:hover{background:var(--p)}
.pnav a.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.psearch input{width:min(300px,100%);height:46px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;padding:0 20px;font:500 16px 'Figtree',system-ui,sans-serif;color:var(--ink)}
.psearch input:focus{outline:3px solid var(--p);outline-offset:1px}
@media(max-width:700px){.psearch{flex:1 1 100%}.psearch input{width:100%}}
.grp{scroll-margin-top:calc(var(--hh,78px) + 90px)}
.grp[hidden],.pr[hidden],.pnone[hidden]{display:none!important}
.pnone{padding:30px 0;font-size:19px}
.pr-p{font-size:clamp(21px,2vw,25px)}
.svc-b{margin:2px 0 18px;padding:16px 20px 18px;background:var(--ps);border-left:3px solid var(--rg);border-radius:0 14px 14px 0;max-width:none}
.svc-b p:first-child{margin-top:0}.svc-b p:last-child{margin-bottom:0}
.svc-b:not([hidden]){animation:svc .35s ease}
@keyframes svc{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.grp h2::before{content:"";display:inline-block;width:.8em;height:.78em;margin-right:.35em;background:var(--rg);-webkit-mask:url("logo.png") center/contain no-repeat;mask:url("logo.png") center/contain no-repeat;vertical-align:-.04em}

/* fejléc: a név és a telefongomb ne törjön sorba */
.site-hd .hd-cta{flex:none;white-space:nowrap}
.site-hd .wrap{max-width:1480px;gap:clamp(18px,2vw,32px)}
.nav{gap:clamp(12px,1.35vw,24px)}
.site-hd .hd-cta{min-height:48px;padding:0 22px;font-size:16px}
@media(max-width:374px){.brand{white-space:normal;gap:10px}.brand .bn span{font-size:12px;max-width:150px}}
