/* Clay Day — kiegészítések a design style.css-éhez (blokkok, fiók, mobil menü) */
body.site{min-height:100vh;display:flex;flex-direction:column}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 14px;z-index:100}
.skip:focus{left:8px;top:8px}
.muted{color:var(--muted)}.small{font-size:13.5px}
.container.sec{padding-left:40px;padding-right:40px}

/* Menü */
nav.menu .acc-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink2)}
nav.menu .acc-link i{font-size:18px}
nav.menu .acc-link span{font-size:14px}
.lang a{color:var(--soft)}.lang a.on{color:var(--ink)}
.nav-toggle{display:none;background:none;border:1.5px solid var(--line2);border-radius:12px;width:44px;height:44px;font-size:22px;color:var(--ink2);cursor:pointer}
.nav-toggle .ri-close-line{display:none}
body.nav-open .nav-toggle .ri-close-line{display:inline}
body.nav-open .nav-toggle .ri-menu-line{display:none}

/* Üzenetek */
.flash{background:#EEF1E8;border:1px solid #D5DCC8;color:#4F5B3E;border-radius:14px;padding:14px 20px;margin:20px 0 0;font-weight:600}
.flash.warn{background:#FBEFD9;border-color:#EBD3A6;color:#7A5418}
.flash.ok{margin:0}
.form-errors{background:#FBE9E4;border:1px solid #EFC6B9;color:#8F3A22;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600}
small.err{color:#A2412A;font-weight:600;font-size:12.5px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
label.check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:600;font-size:13.5px;line-height:1.5;color:var(--ink2)}
label.check input{width:18px;height:18px;margin-top:1px;accent-color:var(--clay);flex:none;padding:0}
label.check a{text-decoration:underline}
.stack{display:flex;flex-direction:column;gap:16px}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.linkbtn{background:none;border:none;color:var(--clay-dark);cursor:pointer;font:inherit;text-decoration:underline}
.btn i,.btn-outline i{vertical-align:-2px}
.btn-outline.sm{padding:10px 22px;font-size:14px}
.btn:disabled{opacity:.6;cursor:default}

/* Formázott szöveg a blokkokban */
.rt p{margin:0 0 1em}.rt p:last-child{margin-bottom:0}
.rt ul,.rt ol{margin:0 0 1em;padding-left:1.3em}.rt li{margin:.25em 0}
.rt a{text-decoration:underline}
.rt h3{margin:1.2em 0 .5em}.rt h4{margin:1em 0 .4em;font-family:'Quicksand',sans-serif}
.rt blockquote{margin:1em 0;padding:4px 0 4px 18px;border-left:3px solid var(--rose);font-style:italic}
.intro{font-size:16px;color:#7A6553;max-width:62ch;margin:0 auto;line-height:1.7}
.ulink{font-family:'Quicksand',sans-serif;font-weight:600;border-bottom:1.5px solid #C4A488;padding-bottom:2px}
.big-quote{font-family:'Quicksand',sans-serif;font-weight:500;font-size:26px;line-height:1.5;color:#5C4636;margin:0 0 36px}

/* Blokkok */
.blk-hero{padding-top:88px;padding-bottom:72px;display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}
.blk-hero .hero-title{font-size:62px;margin-bottom:26px}
.hero-img{height:480px;border-radius:24px;width:100%;object-fit:cover;display:block}
.blk-hero.img-left .hero-text{order:2}
.blk-pageheader{max-width:900px;padding-top:88px;padding-bottom:56px}
.blk-pad{padding-bottom:88px}
.blk-pad-top{padding-top:88px;padding-bottom:24px}
.blk-narrow{padding-top:80px;padding-bottom:80px}
.panel-box{border-radius:24px;padding:64px 56px}
.blk-it{padding:88px 0 72px}
.blk-imgtext{gap:64px;align-items:center}
.blk-imgtext .it-img{height:440px;border-radius:24px;width:100%;object-fit:cover;display:block}
.blk-imgtext.img-left .it-text{order:2}
.blk-check{grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.card.left,.tile.left{text-align:left}
.card.pkg{border-radius:20px;padding:38px 32px;display:flex;flex-direction:column}
.pkg-feats{display:flex;flex-direction:column;gap:12px;flex:1;margin-bottom:28px}
.pkg-feats div{display:flex;gap:10px;align-items:flex-start}
.pkg-feats i{font-size:17px;color:var(--sage)!important;margin-top:2px}
.pkg-feats span{font-size:14.5px;line-height:1.55;color:#5C4636}
.portrait{width:140px;height:140px;margin:0 auto 22px;border-radius:50%;object-fit:cover;display:block}
.postcard{border-radius:20px;padding:0;overflow:hidden;display:flex;flex-direction:column}
.postcard img{height:210px;width:100%;object-fit:cover;display:block}
.pc-body{padding:26px 26px 30px;display:flex;flex-direction:column;flex:1}
.pc-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12.5px;color:#9A8570}
.postcard h3{font-size:20px;line-height:1.3;margin:0 0 10px}
.postcard h3 a{color:#43321F}
.postcard p{flex:1;margin-bottom:18px}
.pc-more{font-family:'Quicksand',sans-serif;font-weight:600;font-size:14.5px}
.blk-text{padding-bottom:48px}
.post-body .blk-pageheader{padding-top:24px}
.article{font-size:17px;line-height:1.85;color:#5C4636}
.article p{margin:0 0 22px}
.blk-image{padding-bottom:56px}
.blk-image img{width:100%;max-height:560px;object-fit:cover;border-radius:20px;display:block}
.blk-image figcaption{font-size:13.5px;color:#9A8570;text-align:center;margin-top:10px;font-style:italic}
.faq details .rt{font-size:15.5px;line-height:1.7;color:var(--muted);margin:14px 0 4px}
.gallery .gl-item{display:block;overflow:hidden;border-radius:12px}
.gallery img{height:300px;width:100%;object-fit:cover;display:block;transition:transform .4s}
.gallery .gl-item:hover img{transform:scale(1.03)}
.blk-quote{grid-template-columns:1fr 1.15fr;gap:72px;align-items:start;padding-top:88px;padding-bottom:96px}
.qi{display:flex;gap:12px;align-items:center;font-size:15.5px;color:#5C4636}
.qi i{font-size:19px;color:#8F5238}
.social{display:flex;gap:12px;margin-top:18px}
.social a{color:#D9C7B2;font-size:22px}

/* Lightbox */
.lb{position:fixed;inset:0;background:rgba(30,22,15,.92);display:flex;align-items:center;justify-content:center;z-index:200;flex-direction:column;gap:14px;padding:24px}
.lb img{max-width:92vw;max-height:82vh;border-radius:12px}
.lb p{color:#F5EBDD;margin:0;font-size:15px}
.lb button{position:absolute;background:none;border:none;color:#fff;font-size:34px;cursor:pointer;padding:12px}
.lb .x{top:10px;right:14px}.lb .p{left:10px;top:50%}.lb .n{right:10px;top:50%}

/* Belépés / fiók */
.auth-wrap{padding:72px 40px 96px;display:flex;justify-content:center}
.auth-card{width:100%;max-width:480px}
.acc-wrap{padding-top:56px;padding-bottom:96px}
.acc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line2)}
.acc-nav{display:flex;gap:6px;flex-wrap:wrap}
.acc-nav a,.acc-nav button{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-family:'Quicksand',sans-serif;font-weight:600;font-size:14.5px;color:var(--ink2);background:none;border:1px solid transparent;cursor:pointer}
.acc-nav a.on{background:var(--card);border-color:var(--line)}
.acc-nav a:hover,.acc-nav button:hover{color:var(--clay)}
.acc-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.acc-main,.acc-side{display:flex;flex-direction:column;gap:20px}
.acard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 28px}
.acard h3{font-size:17px}
.acard.offer{border-color:#D9B9A6;box-shadow:0 8px 30px rgba(176,106,74,.08)}
.amount{font-family:'Quicksand',sans-serif;font-weight:700;font-size:30px;color:var(--clay-dark)}
.lbl-strong{font-weight:700;color:var(--ink2);font-size:14.5px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.slot{flex-direction:row;cursor:pointer}
.slot input{position:absolute;opacity:0}
.slot span{display:flex;flex-direction:column;gap:2px;width:100%;border:1.5px solid #DCC9AE;border-radius:14px;padding:14px 16px;background:#FFFDF9;font-weight:600;transition:.15s}
.slot span i{color:var(--clay);font-size:20px}
.slot span strong{font-family:'Quicksand',sans-serif;font-size:16px;color:var(--ink)}
.slot span em{font-style:normal;font-weight:600;color:var(--muted);font-size:13.5px;text-transform:capitalize}
.slot input:checked+span{border-color:var(--clay);background:#FBF1EA;box-shadow:0 0 0 3px rgba(176,106,74,.15)}
.slot input:focus-visible+span{outline:2px solid var(--clay)}
.offer-alt{display:flex;flex-direction:column;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line2)}
.offer-alt summary,.cancel summary{cursor:pointer;font-weight:700;color:var(--clay-dark);font-size:14.5px}
.notice{display:flex;gap:16px;align-items:center;background:#FBF1EA;border:1px solid #EBCDBB;border-radius:16px;padding:18px 22px;margin-bottom:16px;flex-wrap:wrap}
.notice>i{font-size:28px;color:var(--clay)}
.notice>div{flex:1;min-width:200px;font-size:15px;color:var(--ink2)}
.notice.grey{background:var(--tile);border-color:var(--line)}
.notice.grey>i{color:var(--soft)}
.empty{text-align:center;padding:56px 20px;background:var(--card);border:1px dashed #DCC9AE;border-radius:20px}
.empty i{font-size:44px;color:var(--rose)}
.empty p{color:var(--muted);max-width:48ch;margin:12px auto 24px;line-height:1.6}
.req-link{color:inherit}
.req-link:hover{border-color:#D9B9A6;color:inherit}
.badge{background:var(--tile);color:var(--ink2)}
.b-rose{background:#F6E2DA;color:#8F3F22}
.b-sand{background:#F3E8D2;color:#7A5A22}
.b-sage{background:#E3E9DA;color:#4F6038}
.b-clay{background:#EBD3C5;color:#7B3E22}
.b-ink{background:#E6DDD2;color:var(--ink)}
.b-grey{background:#ECE8E2;color:#8A8078}
.track{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(7,1fr);position:relative}
.track li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative}
.track li:before{content:"";position:absolute;top:22px;left:-50%;right:50%;height:2px;background:var(--line2);z-index:0}
.track li:first-child:before{display:none}
.track .dot{width:46px;height:46px;border-radius:50%;background:var(--card);border:1.5px solid #DCC9AE;display:flex;align-items:center;justify-content:center;z-index:1;color:var(--soft);font-size:19px}
.track .lbl{font-size:12.5px;font-weight:700;color:var(--soft);line-height:1.3;padding:0 4px}
.track li.done .dot{background:var(--sage);border-color:var(--sage);color:#fff}
.track li.done:before,.track li.now:before{background:var(--sage)}
.track li.now .dot{background:var(--clay);border-color:var(--clay);color:#fff;box-shadow:0 0 0 5px rgba(176,106,74,.18)}
.track li.now .lbl{color:var(--clay-dark)}
.track li.done .lbl{color:var(--ink2)}
.thread{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto;padding-right:4px}
.msg{max-width:85%;background:#F4ECDF;border-radius:16px 16px 16px 4px;padding:12px 16px}
.msg.mine{align-self:flex-end;background:#F9EDE6;border-radius:16px 16px 4px 16px}
.msg .meta{font-size:12px;color:var(--soft);font-weight:700;margin-bottom:4px}
.msg .body{font-size:15px;line-height:1.6;color:var(--ink2)}
.sys{font-size:13px;color:var(--soft);font-weight:600;text-align:center}
.sys i{color:var(--sage)}
.sys-note{font-weight:400;font-style:italic;margin-top:4px;color:var(--muted)}
.acard.help{display:flex;gap:12px;align-items:flex-start;background:var(--tile)}
.acard.help i{font-size:24px;color:var(--clay)}
.acard.help p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.prep .crit{margin-bottom:10px}
.pager{display:flex;gap:6px;justify-content:center;margin:24px 0}
.pager .pg{min-width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);font-weight:700}
.pager .on{background:var(--clay);color:#fff;border-color:var(--clay)}
.pager .dis{opacity:.4}

/* Reszponzív */
@media(max-width:1080px){
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  nav.menu{display:none;position:absolute;left:0;right:0;top:76px;background:var(--bg);border-bottom:1px solid var(--line2);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 20px;box-shadow:0 12px 30px rgba(67,50,31,.08)}
  nav.menu>a,nav.menu>.lang{padding:14px 4px;border-bottom:1px solid var(--line2)}
  nav.menu>a.btn{margin-top:14px;text-align:center;border-bottom:none}
  body.nav-open nav.menu{display:flex}
  header.nav .nav-inner{position:relative;flex-wrap:nowrap}
}
@media(max-width:960px){
  .container.sec{padding-left:24px;padding-right:24px}
  .blk-hero,.blk-imgtext,.blk-check,.blk-quote,.acc-grid{grid-template-columns:1fr;gap:36px}
  .blk-hero{padding-top:48px}
  .blk-hero .hero-title{font-size:42px}
  .blk-hero.img-left .hero-text,.blk-imgtext.img-left .it-text{order:0}
  .hero-img,.blk-imgtext .it-img{height:320px}
  .panel-box{padding:40px 24px}
  .blk-pageheader,.blk-pad-top,.blk-quote{padding-top:56px}
  .blk-pad{padding-bottom:64px}
  .band p{font-size:22px}
  .blk-it{padding:48px 0}
  .track{grid-template-columns:1fr;gap:6px}
  .track li{flex-direction:row;text-align:left}
  .track li:before{display:none}
  .track .dot{width:36px;height:36px;font-size:16px}
  .faq{padding-left:24px!important;padding-right:24px!important}
  .auth-wrap{padding:40px 16px 64px}
  .formcard{padding:32px 22px}
}
@media(max-width:560px){
  .container{padding:0 16px}
  .container.sec{padding-left:16px;padding-right:16px}
  h1{font-size:32px}
  .blk-hero .hero-title{font-size:36px}
  .gallery img{height:240px}
  .acard{padding:20px}
  .cta-band{padding:32px 22px}
  .big-quote{font-size:21px}
}