/* ============================================================
   Cukrászda főoldal — elegáns, fotóvezérelt, szögletes (.ndc)
   Színek: a render.php inline változói (config.php → theme).
   ============================================================ */
.ndc{
	--ink:#1b1916;--ink-2:#33302b;--paper:#f5efe6;--paper-2:#ece3d6;
	--taupe:#b69582;--taupe-dk:#8a6f5c;--brand:#1b1916;--brand-dk:#8a6f5c;--dark:#1b1916;
	--line:rgba(27,25,22,.14);
	--line:color-mix(in srgb,var(--ink) 13%,transparent);
	--line-lt:color-mix(in srgb,var(--paper) 16%,transparent);
	--taupe-lt:color-mix(in srgb,var(--taupe) 40%,var(--paper));
	--maxw:1400px;--pad:clamp(20px,4vw,56px);--sec:clamp(84px,11vw,168px);
	--serif:"Instrument Serif",Georgia,"Times New Roman",serif;
	--sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
	--ease:cubic-bezier(.2,.75,.15,1);
	font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.6;font-weight:400;
	-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.ndc *,.ndc *::before,.ndc *::after{box-sizing:border-box;margin:0;padding:0;border-radius:0}
.ndc img{display:block;max-width:100%;height:auto}
.ndc a{color:inherit;text-decoration:none}
.ndc ul{list-style:none}
.ndc button{font:inherit;color:inherit}
.ndc :focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.ndc section[id]{scroll-margin-top:84px}
.ndc h1,.ndc h2,.ndc h3,.ndc h4{font-weight:400;color:inherit}
.ndc h2{font-family:var(--serif);font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.04;letter-spacing:-.012em;overflow-wrap:break-word}
.ndc .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.ndc .sec{padding:var(--sec) 0}

/* apró, ritkított felirat vonallal */
.ndc .eyebrow{display:flex;align-items:center;gap:14px;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe-dk);margin-bottom:24px}
.ndc .eyebrow::before{content:"";width:32px;height:1px;background:currentColor;flex:none}
.ndc .eyebrow.center{justify-content:center;text-align:center}
.ndc .eyebrow.center::after{content:"";width:32px;height:1px;background:currentColor;flex:none}

/* ── gombok ── */
.ndc .btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:16px;height:58px;padding:0 32px;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:none;transition:color .4s var(--ease)}
.ndc .btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--brand-dk);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease)}
.ndc .btn:hover::before{transform:scaleX(1);transform-origin:left}
.ndc .btn svg{width:18px;height:18px;flex:none;transition:transform .4s var(--ease)}
.ndc .btn:hover svg{transform:translateX(4px)}
.ndc .btn-brand{background:var(--brand);color:var(--paper)}
.ndc .btn-light{background:var(--paper);color:var(--ink)}
.ndc .btn-light::before{background:var(--taupe-lt)}
.ndc .btn-sm{height:46px;padding:0 22px;font-size:.7rem}
.ndc .link-line{position:relative;display:inline-flex;align-items:center;padding:8px 0;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.ndc .link-line::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform-origin:right;transition:transform .5s var(--ease)}
.ndc .link-line:hover::after{animation:ndc-line .7s var(--ease)}
.ndc .link-line.light{color:var(--paper)}
@keyframes ndc-line{0%{transform:scaleX(1);transform-origin:right}45%{transform:scaleX(0);transform-origin:right}46%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}

/* ── infósáv ── */
.ndc .topline{background:var(--dark);color:color-mix(in srgb,var(--paper) 82%,transparent);font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.ndc .tl{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:38px}
.ndc .tl-status{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.ndc .tl-status i{width:6px;height:6px;background:var(--taupe);flex:none}
.ndc .tl-status.is-open i{background:#8cc26a;box-shadow:0 0 0 3px rgba(140,194,106,.2)}
.ndc .tl-addr{opacity:.8;text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ndc .tl-phone{white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .3s}
.ndc .tl-phone:hover{color:var(--paper)}

/* ── fejléc ── */
.ndc .site-head{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.ndc .site-head.scrolled{border-bottom-color:var(--line);box-shadow:0 10px 30px -24px rgba(0,0,0,.35)}
.ndc .head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:88px;gap:24px}
.ndc .menu{display:flex;gap:clamp(18px,2.2vw,36px)}
.ndc .menu a{position:relative;display:inline-flex;padding:8px 0;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;transition:color .3s}
.ndc .menu a .n{display:none}
.ndc .menu a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--dark);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.ndc .menu a:hover{color:var(--ink)}
.ndc .menu a:hover::after{transform:scaleX(1);transform-origin:left}
.ndc .menu-extra{display:none}
.ndc .brand{font-family:var(--serif);font-size:clamp(1.6rem,2.2vw,2.1rem);line-height:1;white-space:nowrap;text-align:center;letter-spacing:-.005em}
.ndc .brand img{max-height:52px;width:auto;margin:0 auto}
.ndc .head-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.ndc .head-phone{font-size:.74rem;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-2);transition:color .3s}
.ndc .head-phone:hover{color:var(--ink)}
.ndc .burger{display:none;position:relative;width:46px;height:46px;border:1px solid var(--ink);background:transparent;cursor:pointer;flex:none}
.ndc .burger span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--dark);transition:transform .4s var(--ease),top .4s var(--ease)}
.ndc .burger span:first-child{top:18px}
.ndc .burger span:last-child{top:26px}
.ndc .burger[aria-expanded="true"] span:first-child{top:22px;transform:rotate(45deg)}
.ndc .burger[aria-expanded="true"] span:last-child{top:22px;transform:rotate(-45deg)}

/* ── hero ── */
.ndc .hero{padding:clamp(28px,4vw,64px) 0 clamp(56px,7vw,112px)}
.ndc .hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:center}
.ndc .hero-copy{padding:clamp(8px,2vw,32px) 0}
.ndc .display{font-family:var(--serif);font-weight:400;font-size:clamp(3.2rem,6.8vw,7.2rem);line-height:.98;letter-spacing:-.028em;margin-bottom:30px;overflow-wrap:break-word}
.ndc .display .d-main{display:block}
.ndc .display em{display:block;font-style:italic;color:var(--taupe-dk);letter-spacing:-.02em}
.ndc .hero .lead{font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.75;color:var(--ink-2);max-width:40ch;margin-bottom:44px}
.ndc .actions{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.ndc .hero-art{position:relative;padding:28px 28px clamp(56px,7vw,96px) clamp(56px,7vw,110px)}
.ndc .hero-art::before{content:"";position:absolute;top:0;right:0;width:56%;height:52%;border:1px solid var(--taupe);pointer-events:none}
.ndc .hero-main{position:relative;aspect-ratio:6/7;overflow:hidden;background:var(--paper-2)}
.ndc .hero-main img,.ndc .hero-small img{width:100%;height:100%;object-fit:cover}
.ndc .hero-small{position:absolute;left:0;bottom:0;width:40%;aspect-ratio:1;overflow:hidden;background:var(--paper-2);border:12px solid var(--paper);box-shadow:0 34px 60px -30px rgba(20,16,12,.45);z-index:2}
.ndc .hero-tag{position:absolute;top:62px;right:0;z-index:3;background:var(--paper);color:var(--ink);font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;padding:14px 20px}

/* ── szalag ── */
.ndc .marquee{overflow:hidden;border-block:1px solid var(--line);padding:clamp(18px,2.2vw,28px) 0}
.ndc .marquee .track{display:inline-flex;align-items:center;white-space:nowrap;animation:ndc-scroll 52s linear infinite}
.ndc .marquee span{display:inline-flex;align-items:center;font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.2;color:var(--ink)}
.ndc .marquee span::after{content:"";width:7px;height:7px;background:var(--taupe);margin:0 clamp(22px,2.8vw,44px)}
@keyframes ndc-scroll{to{transform:translateX(-33.3333%)}}

/* ── bemutatkozás ── */
.ndc .story-inner{max-width:900px;margin:0 auto;text-align:center}
.ndc .story h2{font-size:clamp(2.2rem,4.2vw,3.8rem);margin-bottom:34px}
.ndc .story-lead{font-size:clamp(1.02rem,1.3vw,1.16rem);line-height:1.9;color:var(--ink-2);max-width:62ch;margin:0 auto}
.ndc .sig{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px}
.ndc .sig-rule{height:1px;width:40px;background:var(--taupe)}
.ndc .sig-text{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--taupe-dk)}
.ndc .feat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(72px,9vw,128px);border-top:1px solid var(--line)}
.ndc .feat-row.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ndc .feat-row.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ndc .feat-cell{padding:40px clamp(18px,2.4vw,36px) 0;border-left:1px solid var(--line)}
.ndc .feat-cell:first-child{border-left:none;padding-left:0}
.ndc .feat-num{display:block;font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--taupe-dk);margin-bottom:18px}
.ndc .feat-cell h3{font-family:var(--serif);font-size:1.6rem;line-height:1.12;margin-bottom:12px}
.ndc .feat-cell p{font-size:.93rem;line-height:1.75;color:var(--ink-2)}

/* ── szekciófejek ── */
.ndc .sec-head{margin-bottom:clamp(40px,5vw,72px)}
.ndc .sec-head.center{text-align:center;max-width:860px;margin-left:auto;margin-right:auto}
.ndc .sec-head .sub{max-width:56ch;margin:22px auto 0;color:var(--ink-2);font-size:1.02rem;line-height:1.8}
.ndc .sec-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px 48px;flex-wrap:wrap}
.ndc .sec-head-row>*{min-width:0;max-width:100%}
.ndc .sh-text{max-width:720px}

/* ── kategóriák ── */
.ndc .cats{padding-top:0}
.ndc .cats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.2vw,32px)}
.ndc .cats-grid.n1{grid-template-columns:minmax(0,1fr)}
.ndc .cats-grid.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ndc .panel{position:relative;display:block;aspect-ratio:5/6;overflow:hidden;color:var(--paper);background:var(--paper-2);cursor:pointer}
.ndc .cats-grid.n1 .panel{aspect-ratio:16/8}
.ndc .panel-fig{position:absolute;inset:0;display:block}
.ndc .panel-fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s var(--ease)}
.ndc .panel-fig.no-img{display:flex;align-items:flex-start;justify-content:flex-end;padding:clamp(18px,2.6vw,40px)}
.ndc .panel-fig.no-img b{line-height:1}
.ndc .panel-fig.no-img b,.ndc .cake .ph.no-img b{font-family:var(--serif);font-weight:400;font-size:clamp(5rem,10vw,9rem);color:var(--taupe);opacity:.55}
.ndc .panel::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,12,10,0) 38%,rgba(15,12,10,.2) 60%,rgba(15,12,10,.72) 100%);transition:opacity .6s}
.ndc .panel:hover .panel-fig img{transform:scale(1.07)}
.ndc .panel-body{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(24px,3.2vw,48px)}
.ndc .panel-num{font-size:.7rem;font-weight:600;letter-spacing:.24em;color:color-mix(in srgb,var(--paper) 80%,transparent)}
.ndc .panel-title{font-family:var(--serif);font-size:clamp(2.2rem,3.6vw,3.5rem);line-height:1;letter-spacing:-.015em}
.ndc .panel-sub{max-width:40ch;font-size:.95rem;line-height:1.65;color:color-mix(in srgb,var(--paper) 86%,transparent)}
.ndc .panel .go{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--paper) 55%,transparent);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:gap .45s var(--ease),border-color .45s}
.ndc .panel .go svg{width:16px;height:16px}
.ndc .panel:hover .go{gap:20px;border-color:var(--paper)}

/* ── kínálat ── */
.ndc .products{background:var(--paper-2)}
.ndc .tabs{display:flex;flex-wrap:wrap;gap:6px 30px}
.ndc .tab{position:relative;display:inline-flex;align-items:flex-start;gap:6px;padding:10px 0;background:none;border:none;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 55%,transparent);cursor:pointer;transition:color .3s}
.ndc .tab sup{font-size:.62rem;letter-spacing:0;color:var(--taupe-dk);line-height:1}
.ndc .tab::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--dark);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.ndc .tab:hover{color:var(--ink)}
.ndc .tab.on{color:var(--ink)}
.ndc .tab.on::after{transform:scaleX(1)}
.ndc .cake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4.4vw,72px) clamp(18px,2.4vw,36px)}
.ndc .cake{display:flex;flex-direction:column;min-width:0}
.ndc .cake .ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper);cursor:pointer}
.ndc .cake .ph.no-img{display:flex;align-items:center;justify-content:center}
.ndc .cake .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.ndc .cake:hover .ph img{transform:scale(1.06)}
.ndc .cake .tag{position:absolute;top:16px;left:16px;z-index:2;background:var(--paper);color:var(--ink);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:8px 12px}
.ndc .ph-hover{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;height:52px;background:color-mix(in srgb,var(--paper) 92%,transparent);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;transform:translateY(101%);transition:transform .5s var(--ease)}
.ndc .cake .ph:hover .ph-hover{transform:none}
.ndc .cake .body{flex:1;display:flex;flex-direction:column;padding-top:24px}
.ndc .cake h3{font-family:var(--serif);font-size:clamp(1.45rem,1.9vw,1.8rem);line-height:1.08;letter-spacing:-.01em}
.ndc .cake .rovid{margin-top:10px;font-size:.9rem;line-height:1.6;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ndc .price-row{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ndc .price-row .from{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}
.ndc .price-row .sizes-n{font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-dk);white-space:nowrap}
.ndc .rendel{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;margin-top:18px;padding:0 20px;background:transparent;border:1px solid var(--ink);color:var(--ink);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .45s var(--ease),border-color .45s}
.ndc .rendel::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--brand);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease)}
.ndc .rendel svg{width:18px;height:18px;transition:transform .4s var(--ease)}
.ndc .rendel:hover,.ndc .rendel:focus-visible{color:var(--paper);border-color:var(--brand)}
.ndc .rendel:hover::before,.ndc .rendel:focus-visible::before{transform:scaleY(1)}
.ndc .rendel:hover svg{transform:translateX(4px)}
.ndc .empty-note{grid-column:1/-1;padding:40px 0;color:var(--ink-2);text-align:center}

/* ── nyitvatartás ── */
.ndc .split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,128px);align-items:center}
.ndc .split-art{position:relative;padding:0 30px 30px 0}
.ndc .split-art::before{content:"";position:absolute;right:0;bottom:0;width:72%;height:72%;border:1px solid var(--taupe);pointer-events:none}
.ndc .split-fig{position:relative;z-index:1;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2)}
.ndc .split-fig img{width:100%;height:100%;object-fit:cover}
.ndc .split-tag{position:absolute;top:44px;left:0;z-index:2;background:var(--paper);font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;padding:14px 20px}
.ndc .split-copy h2{margin-bottom:26px}
.ndc .split-text{color:var(--ink-2);font-size:1.02rem;line-height:1.85;max-width:50ch}
.ndc .hours{margin-top:48px;max-width:520px}
.ndc .hours-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--ink)}
.ndc .hours-head h3{font-family:var(--serif);font-size:1.7rem;line-height:1}
.ndc .hours-badge{display:inline-flex;align-items:center;gap:9px;font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}
.ndc .hours-badge i{width:6px;height:6px;background:var(--taupe);flex:none}
.ndc .hours-badge.is-open i{background:#6fa64d;box-shadow:0 0 0 3px rgba(111,166,77,.18)}
.ndc .hrow{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.98rem}
.ndc .hrow i{flex:1;min-width:16px;border-bottom:1px dotted color-mix(in srgb,var(--ink) 30%,transparent);transform:translateY(-4px)}
.ndc .hrow span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}

/* ── galéria ── */
.ndc .gallery{padding-top:0}
.ndc .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.2vw,16px)}
.ndc .tile{position:relative;aspect-ratio:1;overflow:hidden;background:var(--paper-2);cursor:zoom-in}
.ndc .tiles.has-big .tile:first-child{grid-column:span 2;grid-row:span 2}
.ndc .tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s}
.ndc .tile:hover img{transform:scale(1.06);filter:brightness(.92)}
.ndc .tile-cap{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);background:var(--paper);color:var(--ink);font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:9px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s var(--ease)}
.ndc .tile:hover .tile-cap,.ndc .tile:focus-visible .tile-cap{opacity:1;transform:none}

/* ── kapcsolat (sötét) ── */
.ndc .contact{background:var(--dark);color:var(--paper);padding:var(--sec) 0}
.ndc .contact-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,7vw,128px);align-items:center}
.ndc .contact .eyebrow{color:var(--taupe-lt)}
.ndc .contact h2{margin-bottom:24px}
.ndc .ctext{color:color-mix(in srgb,var(--paper) 72%,transparent);font-size:1.02rem;line-height:1.8;max-width:52ch}
.ndc .info-list{margin:44px 0 48px;border-top:1px solid var(--line-lt)}
.ndc .info-row{display:grid;grid-template-columns:120px minmax(0,1fr) 22px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line-lt)}
.ndc .info-row .lbl{font-size:.64rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe-lt)}
.ndc .info-row .val{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.2;overflow-wrap:break-word;min-width:0;transition:color .35s}
.ndc .info-row svg{width:20px;height:20px;opacity:.45;transition:opacity .35s,transform .45s var(--ease)}
.ndc a.info-row:hover .val{color:var(--taupe-lt)}
.ndc a.info-row:hover svg{opacity:1;transform:translate(3px,-3px)}
.ndc .contact-art{position:relative;padding:30px 0 0 30px}
.ndc .contact-art::before{content:"";position:absolute;left:0;top:0;width:70%;height:70%;border:1px solid var(--line-lt);pointer-events:none}
.ndc .contact-fig{position:relative;z-index:1;aspect-ratio:4/5;overflow:hidden;background:var(--ink-2)}
.ndc .contact-fig img{width:100%;height:100%;object-fit:cover}

/* ── lábléc ── */
.ndc .site-foot{background:var(--dark);color:var(--paper)}
.ndc .foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);padding:clamp(56px,6vw,88px) 0 clamp(40px,5vw,64px);border-top:1px solid var(--line-lt)}
.ndc .foot-brand{display:block;font-family:var(--serif);font-size:clamp(1.9rem,2.6vw,2.4rem);line-height:1;margin-bottom:18px}
.ndc .foot-logo{max-height:64px;max-width:100%;width:auto;margin-bottom:18px}.ndc .foot-logo.logo-feher{filter:brightness(0) invert(1)}.ndc .foot-logo.logo-alap{background:var(--paper);padding:12px 18px;box-sizing:content-box;max-width:calc(100% - 36px)}
.ndc .foot-about p{color:color-mix(in srgb,var(--paper) 74%,transparent);line-height:1.75;max-width:40ch;margin-bottom:22px;font-size:.95rem}
.ndc .foot-col h4{font-size:.64rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe-lt);margin-bottom:20px}
.ndc .foot-col ul{display:grid;gap:11px;font-size:.93rem}
.ndc .foot-col li,.ndc .foot-col ul a{color:color-mix(in srgb,var(--paper) 80%,transparent);overflow-wrap:break-word}
.ndc .foot-col ul a{transition:color .3s}
.ndc .foot-col ul a:hover{color:var(--paper)}
.ndc .foot-hours li{display:flex;justify-content:space-between;gap:12px}
.ndc .foot-hours li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.ndc .foot-mark{overflow:hidden;padding:8px 0 clamp(14px,1.6vw,24px);text-align:center}
.ndc .foot-mark span{display:inline-block;white-space:nowrap;font-family:var(--serif);font-size:13vw;line-height:.9;letter-spacing:-.035em;color:color-mix(in srgb,var(--paper) 16%,transparent)}
.ndc .foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:22px 0 26px;border-top:1px solid var(--line-lt);font-size:.72rem;letter-spacing:.04em;color:color-mix(in srgb,var(--paper) 72%,transparent)}
.ndc .foot-bottom a{color:color-mix(in srgb,var(--paper) 78%,transparent);text-decoration:underline;text-underline-offset:3px}
.ndc .foot-suti{font:inherit;letter-spacing:inherit;color:color-mix(in srgb,var(--paper) 78%,transparent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ndc .foot-suti:hover{color:var(--paper)}
.ndc .foot-bottom{padding-bottom:78px}

/* ============ RENDELŐ MODAL ============ */
.ndc-ov{position:fixed;inset:0;z-index:1000;background:color-mix(in srgb,var(--dark) 62%,transparent);display:none;align-items:flex-start;justify-content:center;padding:clamp(12px,3vw,40px);overflow-y:auto}
.ndc-ov.open{display:flex;animation:ndc-fade .35s ease}
@keyframes ndc-fade{from{opacity:0}to{opacity:1}}
.ndc-modal{background:var(--paper);color:var(--ink);max-width:1080px;width:100%;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);position:relative;box-shadow:0 50px 110px -30px rgba(10,8,6,.55);animation:ndc-pop .5s var(--ease)}
@keyframes ndc-pop{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.ndc-modal .ndc-close{position:absolute;top:16px;right:16px;z-index:5;width:46px;height:46px;border:1px solid var(--line);background:var(--paper);font-size:26px;font-weight:300;line-height:1;cursor:pointer;color:var(--ink);transition:background .3s,color .3s,border-color .3s}
.ndc-modal .ndc-close:hover{background:var(--dark);color:var(--paper);border-color:var(--dark)}
.ndc-modal .fig{position:relative;min-height:100%;background:var(--paper-2)}
.ndc-modal .fig img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ndc-modal .side{padding:clamp(28px,3.6vw,52px);max-height:calc(100vh - 80px);overflow-y:auto}
.ndc-modal .side>.meta{display:flex;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--taupe-dk);margin-bottom:16px;padding-right:56px}
.ndc-modal .side>.meta::before{content:"";width:24px;height:1px;background:currentColor;flex:none}
.ndc-modal .side h2{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.02;letter-spacing:-.015em;margin-bottom:14px;padding-right:48px;overflow-wrap:break-word}
.ndc-modal .lead{color:var(--ink-2);font-size:1rem;line-height:1.7}
.ndc-modal .desc{color:var(--ink-2);font-size:.93rem;line-height:1.75;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}
.ndc-modal .desc p,.ndc-modal .mtab-body p{margin:0 0 .8em}
.ndc-modal .desc p:last-child,.ndc-modal .mtab-body p:last-child{margin-bottom:0}
.ndc-modal .desc ul,.ndc-modal .mtab-body ul{padding-left:1.2em;margin:0 0 .8em;list-style:square}
.ndc-modal .mtabs{margin-top:18px;border-top:1px solid var(--line)}
.ndc-modal .mtab{border-bottom:1px solid var(--line)}
.ndc-modal .mtab summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.ndc-modal .mtab summary::-webkit-details-marker{display:none}
.ndc-modal .mtab summary::after{content:"+";font-family:var(--serif);font-size:1.5rem;font-weight:400;line-height:.6;color:var(--taupe-dk);transition:transform .3s ease}
.ndc-modal .mtab[open] summary::after{transform:rotate(45deg)}
.ndc-modal .mtab-body{padding:0 0 18px;color:var(--ink-2);font-size:.92rem;line-height:1.7}
.ndc-modal .f-label{display:block;font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin:30px 0 12px}
.ndc-modal .f-label small{display:block;text-transform:none;letter-spacing:0;font-weight:400;font-size:.84rem;color:var(--taupe-dk);margin-top:5px}
.ndc-modal .sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ndc-modal .size{position:relative}
.ndc-modal .size input{position:absolute;opacity:0;pointer-events:none}
.ndc-modal .size label{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;height:100%;border:1px solid var(--line);padding:15px 16px;cursor:pointer;background:var(--paper);transition:background .3s,color .3s,border-color .3s}
.ndc-modal .size label b{font-family:var(--serif);font-weight:400;font-size:1.25rem;line-height:1}
.ndc-modal .size label span{grid-column:1;grid-row:2;color:var(--taupe-dk);font-size:.8rem}
.ndc-modal .size label em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.ndc-modal .size label:hover{border-color:var(--ink)}
.ndc-modal .size input:checked+label,.ndc-modal .size input:checked+label:hover{background:var(--brand);border-color:var(--brand);color:var(--paper)}
.ndc-modal .size input:checked+label span{color:color-mix(in srgb,var(--paper) 72%,transparent)}
.ndc-modal .size input:focus-visible+label{outline:2px solid var(--taupe);outline-offset:2px}
.ndc-modal .f-input{width:100%;font-family:inherit;font-size:1rem;padding:14px 16px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 45%,#fff);color:var(--ink);transition:border-color .3s,box-shadow .3s}
.ndc-modal .f-input::placeholder{color:color-mix(in srgb,var(--ink) 40%,transparent)}
.ndc-modal .f-input:hover{border-color:color-mix(in srgb,var(--ink) 35%,transparent)}
.ndc-modal .f-input:focus{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.ndc-modal .f-file{padding:10px 12px;font-size:.9rem}
.ndc-modal .f-file::file-selector-button{font:inherit;font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:9px 14px;margin-right:14px;cursor:pointer}
.ndc-modal .f-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ndc-modal textarea.f-input{resize:vertical;min-height:96px}
/* naptár */
.ndc-modal .ndc-cal{position:relative}
.ndc-modal .cal-field{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:inherit;font-size:1rem;padding:14px 16px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 45%,#fff);color:color-mix(in srgb,var(--ink) 45%,transparent);cursor:pointer;text-align:left;transition:border-color .3s}
.ndc-modal .cal-field.has-val{color:var(--ink);font-weight:600;border-color:var(--ink)}
.ndc-modal .cal-field svg{width:20px;height:20px;flex:none;color:var(--ink)}
.ndc-modal .cal-field:hover{border-color:var(--ink)}
.ndc-modal .cal-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 60px -24px rgba(10,8,6,.4);padding:18px}
.ndc-modal .cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.ndc-modal .cal-nav{width:38px;height:38px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-size:1rem;flex:none;transition:background .3s,color .3s,border-color .3s}
.ndc-modal .cal-nav:hover:not(:disabled){background:var(--dark);color:var(--paper);border-color:var(--dark)}
.ndc-modal .cal-nav:disabled{opacity:.25;cursor:not-allowed}
.ndc-modal .cal-selects{display:flex;gap:6px;flex:1;justify-content:center;min-width:0}
.ndc-modal .cal-selects select{font-family:var(--serif);font-size:1.25rem;border:none;background:transparent;color:var(--ink);cursor:pointer;padding:2px 4px;min-width:0}
.ndc-modal .cal-days{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);margin-bottom:6px}
.ndc-modal .cal-days span{text-align:center;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe-dk);padding:6px 0}
.ndc-modal .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.ndc-modal .cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:.92rem;font-variant-numeric:tabular-nums;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ndc-modal .cal-cell.empty{cursor:default}
.ndc-modal .cal-cell:not(.disabled):not(.empty):hover{border-color:var(--ink)}
.ndc-modal .cal-cell.disabled{color:color-mix(in srgb,var(--ink) 22%,transparent);cursor:not-allowed}
.ndc-modal .cal-cell.sel{background:var(--brand);border-color:var(--brand);color:var(--paper);font-weight:600}
/* kiegészítők */
.ndc-modal .extras{display:grid;gap:8px}
.ndc-modal .extra{position:relative}
.ndc-modal .extra input{position:absolute;opacity:0;pointer-events:none}
.ndc-modal .extra label{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:14px 16px;cursor:pointer;background:var(--paper);transition:border-color .3s,background .3s}
.ndc-modal .extra label i{width:16px;height:16px;border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);flex:none;position:relative;transition:background .25s,border-color .25s}
.ndc-modal .extra label span{flex:1}
.ndc-modal .extra label em{font-style:normal;color:var(--taupe-dk);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.ndc-modal .extra label:hover{border-color:var(--ink)}
.ndc-modal .extra input:checked+label{border-color:var(--ink);background:color-mix(in srgb,var(--paper) 45%,#fff)}
.ndc-modal .extra input:checked+label i{background:var(--brand);border-color:var(--brand)}
.ndc-modal .extra input:checked+label i::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid var(--paper);border-width:0 2px 2px 0;transform:rotate(45deg)}
.ndc-modal .extra input:focus-visible+label{outline:2px solid var(--taupe);outline-offset:2px}
.ndc-modal .ndc-gdpr{display:flex;gap:12px;align-items:flex-start;margin-top:26px;font-size:.88rem;line-height:1.55;color:var(--ink-2);cursor:pointer}
.ndc-modal .ndc-gdpr input{margin-top:3px;width:16px;height:16px;accent-color:var(--brand);flex:none}
.ndc-modal .ndc-gdpr a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* összegzés */
.ndc-modal .summary{margin-top:28px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 45%,#fff)}
.ndc-modal .summary>div{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 18px;border-top:1px solid var(--line);font-size:.93rem}
.ndc-modal .summary>div:first-child{border-top:none}
.ndc-modal .summary>div span{color:var(--taupe-dk)}
.ndc-modal .summary>div b{text-align:right;font-weight:600;overflow-wrap:anywhere}
.ndc-modal .summary .total{background:var(--dark);color:var(--paper);border-top:none;padding:18px;align-items:center}
.ndc-modal .summary .total span{color:color-mix(in srgb,var(--paper) 70%,transparent);font-size:.64rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.ndc-modal .summary .total b{font-family:var(--serif);font-weight:400;font-size:1.8rem;line-height:1;font-variant-numeric:tabular-nums}
.ndc-modal .summary .chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:70%}
.ndc-modal .summary .chip{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:4px 8px;background:var(--paper-2);color:var(--ink)}
.ndc-modal .paynote{display:flex;gap:12px;font-size:.8rem;color:var(--taupe-dk);margin-top:18px;line-height:1.6}
.ndc-modal .paynote svg{flex:none;width:22px;height:22px;color:var(--taupe-dk)}
.ndc-modal .err{color:#a8331d;font-size:.86rem;font-weight:600;margin-top:16px;padding:12px 16px;border-left:2px solid #a8331d;background:rgba(168,51,29,.06);display:none}
.ndc-modal .err.show{display:block}
.ndc-modal .ndc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ndc-modal .btn-fill{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--brand);color:var(--paper);height:60px;padding:0 1.8em;font-family:inherit;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;border:none;cursor:pointer}
.ndc-modal .btn-fill::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--brand-dk);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease)}
.ndc-modal .btn-fill:hover::before{transform:scaleX(1);transform-origin:left}
.ndc-modal .btn-fill.submit{width:100%;margin-top:18px}
.ndc-modal .btn-fill:disabled{opacity:.6;cursor:wait}
.ndc-modal .btn-line{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 1.8em;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;border:1px solid var(--ink);background:transparent;cursor:pointer;font-family:inherit;color:var(--ink);transition:background .3s,color .3s}
.ndc-modal .btn-line:hover{background:var(--dark);color:var(--paper)}
.ndc-modal .ndc-success{display:none;padding:clamp(24px,4vw,44px) 0;text-align:center}
.ndc-modal .ndc-success.on{display:block}
.ndc-modal .ok-badge{width:64px;height:64px;border:1px solid var(--brand);display:grid;place-items:center;margin:0 auto 24px}
.ndc-modal .ok-badge svg{width:28px;height:28px;color:var(--brand)}
.ndc-modal .ndc-success h2{padding-right:0}
.ndc-modal .ndc-success p{color:var(--ink-2);max-width:44ch;margin:0 auto 26px;line-height:1.7}
.ndc-modal .ndc-success .summary{max-width:440px;margin:0 auto 26px;text-align:left}

/* lightbox */
.ndc-lightbox{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--dark) 94%,transparent);padding:24px}
.ndc-lightbox.open{display:flex;animation:ndc-fade .3s ease}
.ndc-lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}
.ndc-lightbox-close{position:absolute;top:18px;right:18px;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);background:transparent;color:var(--paper);font-size:30px;font-weight:300;line-height:1;cursor:pointer;transition:background .3s,color .3s}
.ndc-lightbox-close:hover{background:var(--paper);color:var(--ink)}

/* ── megjelenés görgetéskor ── */
.ndc .reveal{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.ndc .reveal.in{opacity:1;transform:none}
.ndc .reveal.wipe{opacity:1;transform:none;clip-path:inset(100% 0 0 0);transition:clip-path 1.3s var(--ease)}
.ndc .reveal.wipe img{transform:scale(1.14);transition:transform 1.8s var(--ease)}
.ndc .reveal.wipe.in{clip-path:inset(0 0 0 0)}
.ndc .reveal.wipe.in img{transform:none}
.ndc .hero-small.reveal.wipe{transition-delay:.35s}
.ndc .feat-cell.reveal:nth-child(2),.ndc .cake.reveal:nth-child(3n+2),.ndc .tile.reveal:nth-child(4n+2){transition-delay:.1s}
.ndc .feat-cell.reveal:nth-child(3),.ndc .cake.reveal:nth-child(3n+3),.ndc .tile.reveal:nth-child(4n+3){transition-delay:.2s}
.ndc .feat-cell.reveal:nth-child(4),.ndc .tile.reveal:nth-child(4n+4){transition-delay:.3s}
.ndc .panel.reveal:nth-child(2){transition-delay:.12s}

/* ── reszponzív ── */
@media(max-width:1240px){
	.ndc .head-phone{display:none}
}
@media(max-width:1080px){
	.ndc .head{grid-template-columns:auto minmax(0,1fr);height:76px}
	.ndc .head-nav{order:3;position:absolute;width:0;height:0}
	.ndc .brand{text-align:left;grid-column:1;grid-row:1}
	.ndc .head-actions{grid-column:2;grid-row:1;gap:14px}
	.ndc .burger{display:block}
	.ndc .menu{display:none}
	.ndc .menu.open{display:flex;flex-direction:column;gap:0;position:fixed;left:0;right:0;top:var(--menu-top,114px);bottom:0;z-index:59;overflow-y:auto;background:var(--paper);padding:clamp(20px,4vw,40px) var(--pad) 40px;border-top:1px solid var(--line);animation:ndc-fade .35s ease}
	.ndc .menu.open li{border-bottom:1px solid var(--line)}
	.ndc .menu.open a{display:flex;align-items:baseline;gap:18px;padding:22px 0;font-family:var(--serif);font-size:clamp(2rem,6vw,2.8rem);font-weight:400;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
	.ndc .menu.open a::after{display:none}
	.ndc .menu.open a .n{display:inline;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.14em;color:var(--taupe-dk)}
	.ndc .menu.open .menu-extra{display:flex;flex-direction:column;gap:8px;padding-top:28px;border-bottom:none}
	.ndc .menu.open .menu-extra a{padding:0;font-family:var(--sans);font-size:1rem;font-weight:600;letter-spacing:.04em}
	.ndc .menu.open .menu-extra span{font-size:.9rem;color:var(--ink-2)}
	.ndc .cake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ndc .feat-row,.ndc .feat-row.n3{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ndc .feat-cell{padding:36px clamp(18px,3vw,36px) 36px}
	.ndc .feat-cell:nth-child(odd){border-left:none;padding-left:0}
	.ndc .feat-cell:nth-child(n+3){border-top:1px solid var(--line)}
	.ndc .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
	.ndc .tl-addr{display:none}
	.ndc .hero-grid,.ndc .split-grid,.ndc .contact-grid{grid-template-columns:minmax(0,1fr)}
	.ndc .hero-art{max-width:640px;width:100%;margin:0 auto}
	.ndc .split-art,.ndc .contact-art{max-width:560px;width:100%;margin:0 auto}
	.ndc .contact-art{order:-1}
	.ndc .cats-grid.n3{grid-template-columns:minmax(0,1fr)}
	.ndc .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ndc .tiles:not(.has-big) .tile{grid-column:auto}
	.ndc-modal{grid-template-columns:minmax(0,1fr)}
	.ndc-modal .fig{min-height:0;aspect-ratio:16/10}
	.ndc-modal .side{max-height:none;overflow:visible}
}
@media(max-width:640px){
	.ndc .cats-grid{grid-template-columns:minmax(0,1fr)}
	.ndc .panel{aspect-ratio:4/4.4}
	.ndc .feat-row,.ndc .feat-row.n3,.ndc .feat-row.n2{grid-template-columns:minmax(0,1fr)}
	.ndc .feat-cell,.ndc .feat-cell:nth-child(odd){border-left:none;padding:30px 0}
	.ndc .feat-cell:nth-child(n+2){border-top:1px solid var(--line)}
	.ndc .hero-art{padding:18px 18px 44px 44px}
	.ndc .hero-small{border-width:8px}
	.ndc .hero-tag{top:40px;padding:11px 14px}
	.ndc .split-art{padding:0 18px 18px 0}
	.ndc .contact-art{padding:18px 0 0 18px}
	.ndc .info-row{grid-template-columns:minmax(0,1fr) 20px;row-gap:6px}
	.ndc .info-row .lbl{grid-column:1}
	.ndc .info-row .val{grid-column:1}
	.ndc .info-row svg{grid-column:2;grid-row:1/3}
	.ndc .foot-grid{grid-template-columns:minmax(0,1fr)}
	.ndc-modal .sizes{grid-template-columns:minmax(0,1fr)}
	.ndc-modal .f-row{grid-template-columns:minmax(0,1fr);gap:0}
}
@media(max-width:560px){
	.ndc .cake-grid{grid-template-columns:minmax(0,1fr);gap:0}
	.ndc .cake{display:grid;grid-template-columns:clamp(116px,36vw,160px) minmax(0,1fr);column-gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
	.ndc .cake:first-child{padding-top:0}
	.ndc .cake .ph{grid-row:1/3;aspect-ratio:4/5}
	.ndc .cake .tag{top:8px;left:8px;font-size:.54rem;padding:5px 7px}
	.ndc .ph-hover{display:none}
	.ndc .cake .ph.no-img b{font-size:3.4rem}
	.ndc .cake .body{padding-top:2px}
	.ndc .cake h3{font-size:1.35rem}
	.ndc .cake .rovid{font-size:.84rem;-webkit-line-clamp:2}
	.ndc .price-row{flex-direction:column;align-items:flex-start;gap:2px;padding-top:10px}
	.ndc .rendel{grid-column:2;height:44px;margin-top:12px;padding:0 14px}
	.ndc .brand{font-size:1.45rem;white-space:normal;line-height:1.05}
	.ndc .head-actions .btn-sm{display:none}
	.ndc .tabs{gap:4px 22px}
}
@media(prefers-reduced-motion:reduce){
	.ndc .reveal,.ndc .reveal.wipe,.ndc .reveal.wipe img{opacity:1;transform:none;clip-path:none;transition:none}
	.ndc .marquee .track{animation:none}
	.ndc-modal,.ndc-ov.open{animation:none}
}