:root{--hat:#f2ede5;--lap:#fffdf9;--tinta:#16120f;--halk:#635a52;--vonal:#e1d8cb;--rez:#a3561b;--rez-v:#eba566;--rez-h:#f3e2d1;--sotet:#17120f;--sotet2:#221b16;
--gyors:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:#c9bba9 var(--hat)}
body{margin:0;background:var(--hat);color:var(--tinta);font:17px/1.55 "Bricolage Grotesque",system-ui,sans-serif;font-variation-settings:"opsz" 14}
::selection{background:var(--tinta);color:var(--rez-v)}
img{display:block;max-width:100%}figure{margin:0}button{font:inherit;color:inherit}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--rez);outline-offset:3px;border-radius:6px}
main{overflow-x:clip}
.wrap{max-width:1320px;margin:0 auto;padding:0 32px}
h1,h2,h3{font-variation-settings:"opsz" 96;margin:0;line-height:.98;text-wrap:balance}
h1{font-weight:800;letter-spacing:-.045em}h2{font-weight:750;letter-spacing:-.035em;font-size:clamp(34px,4.4vw,60px)}
.rez{color:var(--rez)}
.bev{color:var(--halk);font-size:19px;max-width:520px;margin:0}
.iv{color:var(--rez)}
.pont{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2f9e66;box-shadow:0 0 0 4px rgba(47,158,102,.18);vertical-align:.08em}

/* gombok */
.gomb{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;background:var(--tinta);color:#fff;text-decoration:none;border-radius:999px;padding:12px 26px;font-weight:650;font-size:16px;border:1.5px solid var(--tinta);transition:background .2s,border-color .2s,transform .3s var(--gyors);cursor:pointer}
.gomb svg{transition:transform .3s var(--gyors)}
.gomb:hover{background:var(--rez);border-color:var(--rez)}.gomb:hover svg{transform:translateX(3px)}
.gomb:active{transform:scale(.97)}
.gomb.kicsi{min-height:44px;padding:8px 18px;font-size:15px}
.gomb.szellem{background:transparent;color:var(--tinta)}.gomb.szellem:hover{background:var(--tinta);color:#fff}
.gomb.vilagos{background:#fff;color:var(--tinta);border-color:#fff}.gomb.vilagos:hover{background:var(--rez-v);border-color:var(--rez-v)}
.gombok{display:flex;gap:10px;flex-wrap:wrap}

/* fejléc */
.fej{position:sticky;top:0;z-index:40;background:rgba(242,237,229,.88);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid transparent;transition:border-color .2s}
.fej-belso{max-width:1320px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.1}
.logo-kor{width:44px;height:44px;border-radius:50%;background:var(--sotet);display:grid;place-items:center;overflow:hidden;flex:none}
.logo-iv{width:40px;margin-top:14px;color:var(--rez-v)}
.logo b{display:block;font-weight:750;font-size:17px;letter-spacing:-.01em}.logo small{color:var(--halk);font-size:13px}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{text-decoration:none;padding:10px 14px;border-radius:999px;font-weight:550;font-size:15px;transition:background .2s}
.nav a:hover{background:var(--lap)}.nav a[aria-current]{background:var(--tinta);color:#fff}
.tabsav{display:none}

/* hős + pakli */
.hos{padding-top:40px;padding-bottom:88px}
.hos-fej{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:end;margin-bottom:44px}
.hos h1{font-size:clamp(64px,9.4vw,136px);line-height:.86}
.hos-jobb{display:flex;flex-direction:column;gap:28px;padding-bottom:10px;min-width:0}
.korok{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.korok::-webkit-scrollbar{display:none}
.kor{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;font-weight:650;font-size:14px;flex:none}
.kor-gyuru{width:84px;height:84px;border-radius:50%;padding:3px;background:conic-gradient(from var(--fok,200deg),var(--rez),#f0bf86,#6e3410,var(--rez));display:block;transition:transform .3s var(--gyors)}
.kor-gyuru img,.kor-iv{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--hat);display:block}
.kor-iv{background:var(--sotet);padding:22px 10px 4px}.kor-iv .iv{color:var(--rez-v)}
.kor:hover .kor-gyuru{transform:scale(1.07)}
.pakli-fej{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.pakli-cim{margin:0;font-weight:600;font-size:15px;color:var(--halk)}
.lapozok{display:flex;gap:8px}
.lapozok button{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--tinta);background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.lapozok button:hover{background:var(--tinta);color:#fff}
.pakli-sin{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(32px,calc((100vw - 1320px)/2 + 32px));padding:4px max(32px,calc((100vw - 1320px)/2 + 32px)) 20px;scrollbar-width:none}
.pakli-sin::-webkit-scrollbar{display:none}
.pakli-sin .lap{flex:none;width:clamp(260px,25vw,360px);scroll-snap-align:start}
.pakli-sin .lap:nth-child(-n+3){width:clamp(280px,30vw,430px)}

/* lap (közös) */
.lap{position:relative;border-radius:26px;overflow:hidden;background:var(--sotet);isolation:isolate}
.lap[hidden]{display:none}
.lap-link{display:block;position:relative;height:100%;text-decoration:none;color:#fff}
.lap img{width:100%;height:100%;aspect-ratio:3/4.2;object-fit:cover;transition:transform .7s var(--gyors)}
.lap-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,11,8,0) 38%,rgba(15,11,8,.55) 66%,rgba(15,11,8,.92));z-index:1}
.lap-ar{position:absolute;top:14px;right:14px;z-index:2;background:rgba(255,253,249,.94);color:var(--tinta);border-radius:999px;padding:6px 13px;font-weight:750;font-size:14px;font-variant-numeric:tabular-nums}
.lap-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 20px 20px;display:flex;flex-direction:column;gap:4px}
.lap-cimkek{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.lap-cimkek span{font-size:12.5px;font-weight:650;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;padding:3px 10px}
.lap-nev{font-variation-settings:"opsz" 96;font-weight:800;font-size:clamp(28px,2.6vw,38px);letter-spacing:-.035em;line-height:.95}
.lap-al{font-size:14px;color:#e6dbcf}
.lap-ezt{margin-top:12px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:999px;background:#fff;color:var(--tinta);font-weight:700;font-size:15px;transition:background .25s,color .25s}
.lap-ezt svg{transition:transform .3s var(--gyors)}
.lap-link:hover img{transform:scale(1.045)}
.lap-link:hover .lap-ezt{background:var(--rez-v)}.lap-link:hover .lap-ezt svg{transform:translateX(3px)}
.lap-link:focus-visible{outline-offset:-4px;outline-color:var(--rez-v)}

/* így megy */
.igy{background:var(--sotet);color:#f4ece2;padding:120px 0;position:relative;overflow:hidden}
.igy-mondat{font-size:clamp(36px,5.2vw,76px);line-height:1.05;display:flex;flex-wrap:wrap;align-items:center;gap:.12em .3em;max-width:1200px}
.igy-mondat em{font-style:normal;color:var(--rez-v)}
.igy-nyil{display:inline-grid;place-items:center;width:.9em;height:.9em;border-radius:50%;background:var(--rez);color:#fff}
.igy-nyil svg{width:.5em;height:.5em}
.igy-al{color:#bcae9f;font-size:19px;max-width:600px;margin:40px 0 0}

/* ár-sáv */
.ar-sav{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:end;border-bottom:1px solid var(--vonal)}
.ar-sav h2{font-size:clamp(40px,5vw,72px)}.ar-sav p{color:var(--halk);margin:0;max-width:420px;font-size:18px}

.blokk{padding-top:96px;padding-bottom:96px}
.szalon-sav{position:relative;overflow:hidden;background:var(--sotet);color:#f1e9df;border-radius:32px;padding:64px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}
.szalon-sav>*{position:relative}.szalon-sav p{color:#cbbfb1;max-width:560px;margin:16px 0 0}
.szalon-sav h2{font-size:clamp(36px,4.4vw,60px)}
.szalon-iv{position:absolute;width:640px;right:-100px;top:-60px;opacity:.22}.szalon-iv.iv{color:var(--rez-v)}

/* aloldal-fej */
.lap-fej{padding-top:56px;padding-bottom:36px;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:end}
.lap-fej h1{font-size:clamp(64px,10vw,136px);line-height:.86}.lap-fej .bev{padding-bottom:10px}

/* katalógus */
.szuro-sav{position:sticky;top:69px;z-index:30;background:rgba(242,237,229,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--vonal);margin-bottom:28px}
.szuro-belso{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px}
.szurok{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1}.szurok::-webkit-scrollbar{display:none}
.szurok button{flex:none;min-height:44px;border:1.5px solid var(--vonal);background:var(--lap);border-radius:999px;padding:8px 18px;font-weight:650;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.szurok button:hover{border-color:var(--tinta)}
.szurok button[aria-pressed="true"]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.szamlalo{margin:0;font-weight:650;color:var(--halk);white-space:nowrap;font-variant-numeric:tabular-nums}
.lookbook{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:16px;padding-bottom:96px}
.lookbook .lap img{aspect-ratio:3/4.2}
.lookbook .magas{grid-column:span 2;grid-row:span 2}
.lookbook .magas img{aspect-ratio:auto;height:100%;min-height:100%}
.lookbook .magas .lap-nev{font-size:clamp(36px,4vw,60px)}
.sajat{grid-column:span 3;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:240px;padding:28px;border-radius:26px;background:var(--rez);color:#fff;text-decoration:none;transition:background .25s}
.sajat:hover{background:var(--tinta)}.sajat:hover .lap-ezt{background:var(--rez-v)}
.sajat-cim{font-variation-settings:"opsz" 96;font-weight:800;font-size:clamp(36px,4vw,60px);letter-spacing:-.04em;line-height:.95}.sajat-al{font-size:17px;color:#fbe9d8;max-width:420px}
.lookbook:has(.lap[hidden]) .sajat{grid-column:auto}
.ures{text-align:center;color:var(--halk);padding:40px 0 96px;font-size:18px}

/* árak */
.arlista{padding-bottom:40px}
.ar-sor{display:grid;grid-template-columns:1fr auto auto;gap:32px;align-items:center;padding:28px 0;border-top:1px solid var(--vonal)}
.ar-sor h2{font-size:clamp(28px,3.4vw,46px)}.ar-sor p{color:var(--halk);margin:8px 0 0}
.ar-sor b{font-variation-settings:"opsz" 96;font-weight:800;font-size:clamp(28px,3.4vw,46px);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.perc{font-size:14px;font-weight:650;background:var(--lap);border:1px solid var(--vonal);border-radius:999px;padding:5px 12px;white-space:nowrap}
.ar-cta{border-top:1px solid var(--vonal);padding-top:40px}
.szalon-lista{list-style:none;margin:24px 0 0;padding:0;max-width:680px}
.szalon-lista li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid rgba(241,233,223,.14)}
.szalon-lista b{display:block}.szalon-lista small{color:#ab9e90;font-size:15px}.szalon-lista em{font-style:normal;color:var(--rez-v);white-space:nowrap;font-weight:650}

/* rólam */
.profil{display:flex;gap:56px;align-items:center;padding-top:64px;padding-bottom:40px}
.avatar{flex:none;width:220px;height:220px;border-radius:50%;padding:6px;background:conic-gradient(from 200deg,var(--rez),#f0bf86,#6e3410,var(--rez))}
.avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--sotet);color:var(--rez-v);font-size:72px;font-weight:800;border:6px solid var(--hat);letter-spacing:-.04em}
.profil h1{font-size:clamp(48px,6.4vw,96px);line-height:.9}
.profil-al{color:var(--halk);margin:12px 0 24px;font-size:18px}
.statok{display:flex;gap:40px;margin-bottom:28px}.statok b{display:block;font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1}.statok span{color:var(--halk);font-size:14px}
.rolam-szoveg{max-width:760px;padding-left:0;margin-left:max(32px,calc((100% - 1320px)/2 + 308px));padding-bottom:24px;font-size:18px}
.rolam-szoveg p{margin:0 0 14px;color:var(--halk)}.rolam-szoveg .elso{font-size:24px;line-height:1.4;color:var(--tinta);font-weight:500}.megj{font-size:14px}
.mini-racs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-racs a{overflow:hidden;border-radius:8px}.mini-racs img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .6s var(--gyors)}
.mini-racs a:hover img{transform:scale(1.05)}

/* foglalás */
.fogl{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:48px;align-items:start;padding-top:40px;padding-bottom:96px}
.valasztott{position:sticky;top:96px}
.v-kartya{position:relative;border-radius:26px;overflow:hidden;background:var(--sotet);color:#fff;margin-bottom:24px}
.v-kartya img{width:100%;aspect-ratio:3/3.6;object-fit:cover}
.v-kartya::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,11,8,.9));pointer-events:none}
.v-info{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:2}
.v-cim{margin:0 0 6px;font-weight:650;font-size:14px;color:var(--rez-v)}
.v-kartya h1{font-size:clamp(36px,3.6vw,52px);line-height:.92}
.v-info>p{margin:6px 0 0;color:#e6dbcf}
.v-szolg{display:flex;justify-content:space-between;gap:10px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:10px 14px;margin-top:14px!important;font-size:15px}
.v-szolg b{font-variant-numeric:tabular-nums}
.v-ures{margin-bottom:28px}.v-ures h1{font-size:clamp(48px,5.4vw,80px);line-height:.9;margin-bottom:16px}.v-ures p{color:var(--halk);margin:0}
.v-valt{font-weight:650;font-size:15px;margin:0 0 10px}
.v-lista{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.v-lista a{border-radius:10px;overflow:hidden;display:block}
.v-lista img{aspect-ratio:1;object-fit:cover;width:100%;opacity:.7;transition:opacity .2s,transform .3s var(--gyors)}
.v-lista a:hover img{opacity:1;transform:scale(1.06)}.v-lista a[aria-current]{outline:3px solid var(--rez);outline-offset:2px}.v-lista a[aria-current] img{opacity:1}
.widget-oldal{background:var(--lap);border-radius:28px;padding:20px;border:1px solid var(--vonal)}
.widget-hely{min-height:520px}
.lemondas{color:var(--halk);font-size:14px;margin:12px 4px 0;text-align:center}

/* lábléc */
.lab{background:var(--sotet);color:#d9cfc3;padding:72px 0 32px}
.lab-racs{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.lab .lab-script{font-family:"Kaushan Script",cursive;font-size:60px;color:var(--rez-v);line-height:1;margin:0 0 10px}
.lab h3{font-size:15px;color:#fff;margin-bottom:12px;font-weight:700;letter-spacing:0}.lab p{margin:0 0 6px;font-size:15px}.lab .halk{color:#ab9e90}
.lab a{text-decoration:none}.lab a:hover{color:var(--rez-v)}.insta{display:inline-flex;align-items:center;gap:7px}
.lab .sor{display:flex;justify-content:space-between;max-width:230px;font-variant-numeric:tabular-nums}
.lab .lab-also{margin:48px auto 0;font-size:13px;color:#8d8176}

@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}
@media (max-width:1100px){
  .lookbook{grid-template-columns:repeat(3,1fr)}.sajat{grid-column:auto}
  .lab-racs{grid-template-columns:1fr 1fr}
  .ar-sav{grid-template-columns:1fr;gap:20px;align-items:start}
}
@media (max-width:860px){
  .hos-fej,.lap-fej{grid-template-columns:1fr;gap:24px}
  .fogl{grid-template-columns:1fr}.valasztott{position:static}
  .profil{flex-direction:column;text-align:center;gap:24px}.statok,.profil .gombok{justify-content:center}
  .rolam-szoveg{margin:0 auto}
  .lookbook{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{padding-bottom:76px;font-size:16px}
  body>a[href="../index.html"]{bottom:88px!important}
  .wrap{padding-left:18px;padding-right:18px}.fej-belso{padding:10px 18px}.nav{display:none}.fej .gomb.kicsi{margin-left:auto}
  .tabsav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--vonal);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabsav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;font-size:11px;font-weight:650;color:var(--halk);padding:6px 0;min-height:52px;justify-content:center}
  .tabsav a[aria-current]{color:var(--rez)}
  .hos{padding-top:20px;padding-bottom:64px}
  .hos h1{font-size:19vw}
  .bev{font-size:17px}
  .korok{gap:12px;margin:0 -18px;padding-left:18px;padding-right:18px}.kor-gyuru{width:70px;height:70px}.kor{font-size:13px}
  .lapozok{display:none}
  .pakli-sin{gap:12px;scroll-padding-left:18px;padding-left:18px;padding-right:18px}
  .pakli-sin .lap,.pakli-sin .lap:nth-child(-n+3){width:78vw}
  .igy{padding:80px 0}.igy-mondat{font-size:9.4vw}
  .ar-sav{padding-top:80px;padding-bottom:80px}
  .blokk{padding-top:64px;padding-bottom:64px}
  .szalon-sav{padding:40px 24px;border-radius:24px}
  .lap-fej{padding-top:28px}.lap-fej h1{font-size:18vw}
  .szuro-sav{top:65px}.szamlalo{display:none}
  .lookbook{gap:10px}
  .lookbook .magas{grid-column:span 2;grid-row:span 1}.lookbook .magas img{aspect-ratio:4/4.6;height:auto}
  .lookbook .lap:not(.magas) .lap-info{padding:12px}.lookbook .lap:not(.magas) .lap-nev{font-size:20px}
  .lookbook .lap:not(.magas) .lap-al,.lookbook .lap:not(.magas) .lap-cimkek{display:none}
  .lookbook .lap:not(.magas) .lap-ezt{min-height:36px;padding:6px 12px;font-size:13px;margin-top:8px}
  .sajat{padding:16px;min-height:0;border-radius:20px}.sajat-cim{font-size:24px}.sajat-al{font-size:14px}.sajat .lap-ezt{min-height:36px;padding:6px 12px;font-size:13px}
  .lookbook .lap:not(.magas) .lap-ar{top:10px;right:10px;font-size:12.5px;padding:4px 10px}
  .lap{border-radius:20px}
  .ar-sor{grid-template-columns:1fr auto;gap:8px 16px;padding:22px 0}.ar-sor .perc{grid-column:1;grid-row:2;justify-self:start}.ar-sor b{grid-column:2;grid-row:1/3}
  .avatar{width:150px;height:150px}.avatar span{font-size:48px}
  .statok{gap:22px}.statok b{font-size:26px}
  .mini-racs{grid-template-columns:repeat(3,1fr);gap:3px}.mini-racs a{border-radius:3px}
  .v-lista{grid-template-columns:repeat(4,1fr)}
  .widget-oldal{padding:8px;border-radius:20px}
  .lab-racs{grid-template-columns:1fr}
}