:root{--bg:#05070b;--panel:#0e121b;--ink:#f7f8fb;--muted:#9da7b8;--red:#ff304f;--blue:#258dff;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% 5%,rgba(37,141,255,.15),transparent 28%),radial-gradient(circle at 85% 10%,rgba(255,48,79,.12),transparent 28%)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(5,7,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px}.brand img{width:36px;height:36px}.brand span{font-family:"Arial Black","Segoe UI Black",Impact,sans-serif;font-size:12px;font-weight:950;letter-spacing:.13em;white-space:nowrap}.brand em{font-style:normal;color:var(--red)}.links{display:flex;align-items:center;gap:18px;font-size:13px}.links a:hover,.active{color:#77baff}.menu{display:none;background:none;border:1px solid var(--line);color:white;border-radius:10px;padding:8px 11px}
.page-hero{min-height:390px;display:flex;align-items:end;padding:86px 0 56px;position:relative;overflow:hidden}.page-hero h1{font-family:"Arial Black","Segoe UI Black",Impact,sans-serif;font-size:clamp(44px,7vw,86px);line-height:.92;letter-spacing:-.045em;margin:12px 0 22px}.page-hero p{max-width:760px;color:#c3cad6;font-size:18px;line-height:1.65}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#84c1ff;font-weight:900}.hero-home{min-height:700px;align-items:center;text-align:center;background:linear-gradient(rgba(5,7,11,.5),rgba(5,7,11,.9)),url('assets/band-stage.webp') center/cover}.hero-home p{margin-inline:auto}.hero-logo{width:125px;filter:drop-shadow(0 16px 32px #000)}
section{padding:88px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.heading h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;margin:0}.heading p{color:var(--muted);max-width:480px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.04);transition:.25s}.card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3)}.card-img{aspect-ratio:16/9;width:100%;object-fit:cover}.copy{padding:25px}.copy h2,.copy h3{margin:8px 0 11px}.copy p{color:var(--muted);line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:13px;padding:0 20px;font-weight:850;border:1px solid var(--line);background:rgba(255,255,255,.06)}.btn.primary{background:linear-gradient(120deg,var(--blue),#6e5cff)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(120deg,rgba(37,141,255,.12),rgba(255,48,79,.1))}.feature>div{padding:52px}.feature img{width:100%;height:100%;min-height:430px;object-fit:cover}.feature h2{font-size:clamp(40px,6vw,70px);margin:10px 0}.feature p{color:#c2cad6;line-height:1.65}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:auto}.videos .copy{padding:19px}.videos .copy h3{font-size:19px}.videos .copy p{font-size:14px}.thumb{position:relative;aspect-ratio:16/9}.thumb img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:38px;border-radius:11px;background:#f03;display:grid;place-items:center}.play:after{content:"";border-left:12px solid white;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.recipe-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.filter-btn{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);padding:10px 15px;border-radius:999px;font-weight:800;cursor:pointer}.filter-btn:hover,.filter-btn.active{background:linear-gradient(120deg,var(--blue),#6e5cff);border-color:transparent}.recipe-count{color:var(--muted);margin:0 0 18px}.recipe-list{display:grid;gap:24px}.recipe{display:grid;grid-template-columns:.68fr 1.32fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.035)}.recipe:nth-child(even) .recipe-photo{order:2}.recipe-photo{width:100%;height:100%;min-height:390px;max-height:520px;object-fit:cover;background:#111722}.recipe-body{padding:34px}.recipe h2{font-size:32px;margin:8px 0 12px}.recipe h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#81bfff;margin-top:22px}.recipe ul,.recipe ol{padding-left:21px;color:#c5ccd7;line-height:1.62}.recipe li{margin:6px 0}.recipe-note{border-left:3px solid var(--red);padding:12px 15px;background:rgba(255,48,79,.07);color:#d9dee7;line-height:1.55}.recipe-story{color:#aeb8c8;line-height:1.65;font-style:italic}.section-intro{max-width:760px;color:#b9c2d0;line-height:1.7;margin-bottom:30px}.drink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.drink-grid .card-img{aspect-ratio:16/10}.spotify-mark{display:inline-flex;align-items:center;gap:15px;margin-top:26px;font-weight:900;font-size:20px;color:#fff}.spotify-mark img{width:58px;height:58px;min-height:0;object-fit:contain}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{min-height:240px;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(37,141,255,.12),rgba(255,48,79,.06));transition:.25s}.category-card:hover{transform:translateY(-5px);border-color:rgba(132,193,255,.65)}.category-card .category-icon{font-size:38px;margin-bottom:auto}.category-card h2{font-family:"Arial Black","Segoe UI Black",Impact,sans-serif;font-size:27px;margin:16px 0 8px}.category-card p{color:var(--muted);line-height:1.55;margin:0}.category-card.famous{background:linear-gradient(145deg,rgba(255,48,79,.18),rgba(110,92,255,.12))}.back-link{display:inline-flex;margin-bottom:24px;color:#84c1ff;font-weight:850}.recipe-mission{margin:18px 0 0;color:#eef3fa;font-weight:800;line-height:1.55}.recipe-tip{margin-top:20px;padding:14px 16px;border:1px solid rgba(132,193,255,.28);border-radius:14px;background:rgba(37,141,255,.08);color:#dbe9f8;line-height:1.55}.recipe-tip b{color:#84c1ff}.recipe h3.mission-title{color:#ff788d;font-size:13px}.recipe-empty{border:1px dashed var(--line);border-radius:20px;padding:30px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.contact-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:rgba(255,255,255,.04)}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:7px;color:#dce2eb;font-weight:750}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#090d14;color:#fff;padding:13px 14px;font:inherit}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--blue);border-color:transparent}.form-note{color:var(--muted);font-size:13px;line-height:1.55}.success-box{max-width:720px;margin:auto;text-align:center;border:1px solid var(--line);border-radius:28px;padding:46px;background:linear-gradient(120deg,rgba(37,141,255,.13),rgba(255,48,79,.08))}
.app{min-height:300px}.app-icon{font-size:35px}.soon{display:inline-block;margin-top:22px;color:#86c3ff;font-weight:850;font-size:13px;letter-spacing:.08em}.about{max-width:780px}.about p{font-size:18px;line-height:1.75;color:#c4cbd6}footer{border-top:1px solid var(--line);padding:36px 0;color:#8d96a6}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.social{display:flex;gap:18px}
@media(max-width:850px){.menu{display:block}.links{display:none;position:absolute;left:18px;right:18px;top:68px;flex-direction:column;align-items:stretch;padding:18px;background:#0c1018;border:1px solid var(--line);border-radius:16px}.links.open{display:flex}.grid,.drink-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.feature,.recipe,.contact-grid{grid-template-columns:1fr}.recipe:nth-child(even) .recipe-photo{order:0}.videos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.brand span{font-size:10px;letter-spacing:.09em}.page-hero{min-height:340px}.hero-home{min-height:640px}.grid,.drink-grid,.videos,.category-grid{grid-template-columns:1fr}.category-card{min-height:210px}.recipe-body{padding:25px}.recipe h2{font-size:28px}.recipe-photo{min-height:250px;max-height:320px}section{padding:62px 0}}

/* Kompakt, lenyitható receptkártyák és képes kategóriamenü */
.recipe-toolbar{display:none}.recipe-count{margin:18px 0;color:#9da8b8;font-size:14px}.recipe-icon-nav{position:sticky;top:70px;z-index:18;display:flex;justify-content:center;gap:14px;margin:0 0 26px;padding:14px 16px;overflow-x:auto;border:1px solid var(--line);border-radius:22px;background:rgba(8,12,19,.92);backdrop-filter:blur(15px);scrollbar-width:thin}.recipe-icon-link{flex:0 0 88px;display:grid;justify-items:center;gap:7px;padding:7px 5px;border-radius:15px;color:#aeb8c8;font-size:11px;font-weight:850;text-align:center;transition:.2s}.recipe-icon-link img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.14);box-shadow:0 7px 18px rgba(0,0,0,.3)}.recipe-icon-link:hover,.recipe-icon-link.active{color:#fff;background:rgba(37,141,255,.13)}.recipe-icon-link.active img{border-color:#55a9ff;box-shadow:0 0 0 3px rgba(37,141,255,.18),0 8px 20px rgba(0,0,0,.35)}
.recipe-list{gap:14px}.recipe{display:block;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:rgba(255,255,255,.035)}.recipe[open]{border-color:rgba(132,193,255,.38);background:rgba(255,255,255,.045)}.recipe-summary{display:grid;grid-template-columns:136px minmax(0,1fr) auto;align-items:center;min-height:104px;cursor:pointer;list-style:none}.recipe-summary::-webkit-details-marker{display:none}.recipe-summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.recipe-photo{width:136px;height:104px;min-height:0;max-height:none;object-fit:cover;align-self:stretch;background:#111722}.recipe:nth-child(even) .recipe-photo{order:0}.recipe-heading{padding:14px 19px;min-width:0}.recipe h2{font-size:22px;line-height:1.12;margin:5px 0 7px}.recipe-teaser{margin:0;color:#aeb8c7;font-size:14px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-toggle{display:flex;align-items:center;gap:8px;margin-right:18px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#d8e8fb;font-size:12px;font-weight:850;white-space:nowrap}.recipe-toggle b{font-size:18px;line-height:1;transition:.2s}.recipe .close-label{display:none}.recipe[open] .open-label{display:none}.recipe[open] .close-label{display:inline}.recipe[open] .recipe-toggle b{transform:rotate(180deg)}.recipe-details{padding:22px 28px 27px;border-top:1px solid var(--line)}.recipe-columns{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px}.recipe h3{margin:4px 0 12px;font-size:13px}.recipe ul,.recipe ol{margin:0;padding-left:21px;line-height:1.65}.recipe-story{margin:0 0 22px}.recipe-tip{margin-top:23px;border-left:3px solid #55a9ff;background:linear-gradient(120deg,rgba(37,141,255,.12),rgba(110,92,255,.08))}
@media(max-width:850px){.recipe-icon-nav{justify-content:flex-start;top:62px}.recipe-summary{grid-template-columns:104px minmax(0,1fr) auto}.recipe-photo{width:104px;height:92px}.recipe-toggle{width:38px;height:38px;justify-content:center;padding:0;margin-right:12px}.recipe-toggle .open-label,.recipe-toggle .close-label{display:none!important}.recipe-columns{grid-template-columns:1fr;gap:22px}}
@media(max-width:560px){.recipe-icon-nav{margin-inline:-8px;padding:11px 10px;gap:8px;border-radius:16px}.recipe-icon-link{flex-basis:72px;font-size:10px}.recipe-icon-link img{width:48px;height:48px}.recipe-summary{grid-template-columns:82px minmax(0,1fr) 38px}.recipe-photo{width:82px;height:82px;min-height:0;max-height:none}.recipe-heading{padding:10px 12px}.recipe-heading .tag{font-size:9px;letter-spacing:.09em}.recipe h2{font-size:17px;margin:3px 0 4px}.recipe-teaser{font-size:12px;-webkit-line-clamp:1}.recipe-toggle{margin-right:7px;width:32px;height:32px}.recipe-details{padding:19px 18px 22px}.recipe ul,.recipe ol{font-size:14px}.recipe-tip{font-size:14px}}
.category-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:920px;margin:auto}.category-grid.compact .category-card{min-height:178px;align-items:center;justify-content:center;text-align:center;padding:18px 12px;border-radius:20px}.category-grid.compact .category-thumb{width:82px;height:82px;margin:0 0 12px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.16);box-shadow:0 10px 24px rgba(0,0,0,.35)}.category-grid.compact .category-card:hover .category-thumb{border-color:#55a9ff}.category-grid.compact .category-card .tag,.category-grid.compact .category-card p{display:none}.category-grid.compact .category-card h2{margin:0;font-family:inherit;font-size:15px;line-height:1.25;letter-spacing:0}.category-grid.compact .category-card.famous{background:linear-gradient(145deg,rgba(255,48,79,.16),rgba(110,92,255,.11))}
@media(max-width:700px){.category-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-grid.compact .category-card{min-height:148px}.category-grid.compact .category-thumb{width:66px;height:66px}.category-grid.compact .category-card h2{font-size:14px}}

/* Egységesen kisebb címek, halvány képi háttér és kompakt tartalomkártyák */
body{position:relative;isolation:isolate}body:after{content:"";position:fixed;inset:68px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(5,7,11,.92),rgba(5,7,11,.97)),url('assets/band-stage.webp') center/cover no-repeat;opacity:.42}.page-music:after{background-image:linear-gradient(rgba(5,7,11,.88),rgba(5,7,11,.97)),url('assets/lead-singer.webp')}.page-videos:after{background-image:linear-gradient(rgba(5,7,11,.9),rgba(5,7,11,.97)),url('assets/dark-clown.webp')}.page-apps:after{background-image:linear-gradient(rgba(5,7,11,.91),rgba(5,7,11,.97)),url('assets/band-stage.webp')}.page-food:after{background-image:linear-gradient(rgba(5,7,11,.91),rgba(5,7,11,.97)),url('assets/linzer.webp')}.page-support:after{background-image:linear-gradient(rgba(5,7,11,.88),rgba(5,7,11,.97)),url('assets/lead-singer.webp')}.page-about:after{background-image:linear-gradient(rgba(5,7,11,.91),rgba(5,7,11,.97)),url('assets/band-stage.webp')}
.page-hero{min-height:285px;padding:68px 0 38px}.page-hero h1{font-size:clamp(30px,4.8vw,54px);line-height:1;letter-spacing:-.035em;margin:9px 0 14px}.page-hero p{max-width:700px;font-size:15px;line-height:1.58;margin-bottom:0}.page-hero .tag{font-size:10px}.hero-home{min-height:520px;padding:55px 0;align-items:center;background:linear-gradient(rgba(5,7,11,.7),rgba(5,7,11,.92)),url('assets/band-stage.webp') center/cover}.hero-home h1{font-size:clamp(38px,6vw,64px);margin:10px 0 16px}.hero-home p{font-size:15px;max-width:590px}.hero-logo{width:92px}.hero-actions{justify-content:center;margin-top:22px}.heading h2,.compact-heading h2{font-size:clamp(25px,3.8vw,39px)}.heading p,.compact-heading p{font-size:14px}.compact-section{padding:48px 0 72px}.compact-actions{justify-content:center;margin-top:25px}
.mini-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.mini-media-card{position:relative;min-height:330px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0d121b;transition:.23s}.mini-media-card:hover{transform:translateY(-4px);border-color:rgba(119,186,255,.6)}.mini-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mini-card-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,7,12,.98) 5%,rgba(4,7,12,.72) 48%,rgba(4,7,12,.2))}.mini-card-copy{position:absolute;inset:auto 0 0;padding:19px}.platform-icon{width:34px;height:34px;min-height:0;object-fit:contain;margin-bottom:12px}.white-icon{filter:brightness(0) invert(1)}.mini-card-copy h2{font-size:20px;line-height:1.12;margin:7px 0}.mini-card-copy p{font-size:13px;line-height:1.45;color:#b6c0ce;margin:0 0 13px}.mini-link{font-size:12px;font-weight:850;color:#84c1ff}
.compact-videos{max-width:1080px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compact-videos .card{border-radius:17px}.compact-videos .copy{padding:14px 15px 16px}.compact-videos .copy h3{font-size:16px;margin:5px 0 6px}.compact-videos .copy p{font-size:12px;line-height:1.42;margin:0}.compact-videos .tag{font-size:9px}.compact-videos .play{width:43px;height:31px;border-radius:9px}.compact-videos .play:after{border-left-width:9px;border-top-width:5px;border-bottom-width:5px}
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tool-card{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:start;min-height:148px;padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(12,17,26,.82);transition:.22s}.tool-card:hover{transform:translateY(-3px);border-color:rgba(119,186,255,.55);background:rgba(16,23,35,.94)}.tool-logo{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#247fd9,#634eea);overflow:hidden}.tool-logo img{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1)}.tool-logo b{display:none}.tool-logo.kling,.tool-logo.capcut{background:#fff;padding:6px}.tool-logo.kling img{width:46px;height:auto;filter:none}.tool-logo.kling b{display:none}.tool-logo.capcut img{width:34px;height:34px;filter:none}.tool-logo.capcut b{display:none}.tool-logo.suno{background:linear-gradient(145deg,#ff5c35,#ff1f7a)}.tool-logo.gemini,.tool-logo.flow{background:linear-gradient(145deg,#3186ff,#8c50e7)}.tool-logo.eleven{background:#fff}.tool-logo.eleven img{filter:none}.tool-logo.davinci{background:linear-gradient(145deg,#209ad7,#e45467)}.tool-logo.openai{background:#fff}.tool-logo.openai img{filter:none}.tool-logo.freepik{background:#1273ea}.tool-logo.audacity{background:linear-gradient(145deg,#175ee8,#ffca1a)}.tool-card h2{font-size:16px;margin:2px 0 6px}.tool-card p{font-size:12px;color:#aeb8c7;line-height:1.42;margin:0 0 9px}.tool-card span{font-size:11px;color:#84c1ff;font-weight:850}
.home-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-mini-card{display:grid;grid-template-columns:112px 1fr;min-height:112px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(12,17,26,.82);transition:.22s}.home-mini-card:hover{transform:translateY(-3px);border-color:rgba(119,186,255,.5)}.home-mini-card>img{width:112px;height:100%;min-height:112px;object-fit:cover}.home-mini-card>div:last-child{padding:16px}.home-mini-card h2{font-size:18px;margin:4px 0 6px}.home-mini-card p{font-size:12px;line-height:1.4;color:#aeb8c7;margin:0}.home-logo-tile{width:112px;min-height:112px;display:grid;place-items:center;background:linear-gradient(145deg,#122138,#351b39)}.home-logo-tile img{width:54px;height:54px;object-fit:contain}.spotify-tile{background:#0f2318}.support-tile{background:#2a1720}.support-tile img{filter:brightness(0) invert(1)}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px;margin:auto}.support-card{display:grid;grid-template-columns:92px 1fr;gap:21px;align-items:center;min-height:190px;padding:25px;border:1px solid var(--line);border-radius:22px;background:rgba(12,17,26,.88);transition:.22s}.support-card:hover{transform:translateY(-4px);border-color:rgba(119,186,255,.6)}.support-logo{width:82px;height:82px;border-radius:22px;display:grid;place-items:center;background:#fff}.support-logo img{width:48px;height:48px;object-fit:contain}.kofi-card .support-logo{background:#ff5e5b}.kofi-card .support-logo img{filter:brightness(0) invert(1)}.paypal-card .support-logo{background:#f5f8ff}.support-card h2{font-size:22px;margin:7px 0}.support-card p{font-size:13px;line-height:1.5;color:#aeb8c7}.support-button{font-size:12px;font-weight:850;color:#84c1ff}.support-note{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:19px 23px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.support-note img{width:58px;height:58px}.support-note h2{font-size:18px;margin:0 0 5px}.support-note p{font-size:13px;color:#aeb8c7;margin:0}
@media(max-width:980px){.mini-card-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.page-hero{min-height:235px;padding:52px 0 28px}.page-hero h1{font-size:30px}.hero-home{min-height:460px}.hero-home h1{font-size:40px}.mini-card-grid,.tool-grid,.compact-videos,.home-mini-grid,.support-grid{grid-template-columns:1fr}.mini-media-card{min-height:285px}.tool-card{min-height:132px}.home-mini-card{grid-template-columns:92px 1fr}.home-mini-card>img,.home-logo-tile{width:92px;min-height:100px}.support-card{grid-template-columns:70px 1fr;padding:19px}.support-logo{width:64px;height:64px;border-radius:17px}.support-logo img{width:38px;height:38px}.support-note{grid-column:auto}}
.page-hero h1{font-size:clamp(28px,4vw,46px)}.hero-home h1{font-size:clamp(24px,5vw,56px);white-space:nowrap}

/* Oldalankénti halvány hátterek */
.page-music:after{background-image:linear-gradient(rgba(5,7,11,.88),rgba(5,7,11,.97)),url('assets/music-main.webp')}.page-apps:after{background-image:linear-gradient(rgba(5,7,11,.88),rgba(5,7,11,.97)),url('assets/apps-room.webp')}.page-food:after{background-image:linear-gradient(rgba(5,7,11,.9),rgba(5,7,11,.97)),url('assets/dark-clown.webp')}.page-support:after{background-image:linear-gradient(rgba(5,7,11,.9),rgba(5,7,11,.97)),url('assets/music-main.webp')}

/* Középre rendezett, visszafogott receptbevezető */
.food-intro{text-align:center}.food-intro p{margin-inline:auto}.food-intro h1{font-size:clamp(27px,3.7vw,42px)}

/* Zenei fő kártya és kibővített, kompakt dalrács */
.music-feature-card{position:relative;display:block;min-height:360px;margin:0 auto 18px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#090d14}.music-feature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.music-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,12,.96),rgba(4,7,12,.62) 45%,rgba(4,7,12,.16))}.music-feature-copy{position:relative;z-index:1;display:flex;min-height:360px;max-width:460px;flex-direction:column;justify-content:center;padding:38px}.music-feature-copy>img{width:48px;height:48px;margin-bottom:14px}.music-feature-copy h2{font-size:clamp(28px,4vw,44px);margin:8px 0}.music-feature-copy p{color:#c1cad7;line-height:1.55}.music-feature-copy>span:last-child{color:#84c1ff;font-size:13px;font-weight:850}.music-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.music-card-grid .mini-media-card{min-height:300px}

/* Új alkalmazáskártyák és szorosabb támogatási tipográfia */
.tool-logo.hailuo{background:linear-gradient(145deg,#ff8b39,#e84bb8)}.tool-logo.hailuo img{filter:none;border-radius:9px}.tool-logo.banana{position:relative;background:linear-gradient(145deg,#2979ff,#8d52e8)}.tool-logo.banana b{display:block;position:absolute;right:2px;bottom:1px;font-size:17px}.tool-logo.banana img{width:32px;height:32px}.support-grid{row-gap:11px}.support-card h2{margin:4px 0}.support-card p{margin:5px 0 10px}

@media(max-width:980px){.music-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero-home h1{font-size:clamp(21px,7.2vw,30px)}.music-feature-card,.music-feature-copy{min-height:315px}.music-feature-copy{padding:27px}.music-feature-card:after{background:linear-gradient(to top,rgba(4,7,12,.98),rgba(4,7,12,.42))}.music-card-grid{grid-template-columns:1fr}}


/* AI újdonságok kiemelt menüpont és cikkoldalak */
.links .ai-news-link{color:#ffcf4a;font-weight:950;text-shadow:0 0 16px rgba(255,207,74,.18)}
.links .ai-news-link:hover,.links .ai-news-link.active{color:#fff08a}
.page-news:after{background-image:linear-gradient(rgba(5,7,11,.9),rgba(5,7,11,.98)),radial-gradient(circle at 20% 10%,rgba(255,111,67,.25),transparent 35%),radial-gradient(circle at 80% 15%,rgba(110,92,255,.2),transparent 34%)}
.news-hero h1{color:#ffe36e}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.news-card{display:grid;grid-template-columns:180px 1fr;min-height:220px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(12,17,26,.88);transition:.22s}.news-card:hover{transform:translateY(-4px);border-color:rgba(255,224,104,.55)}.news-card>img{width:100%;height:100%;object-fit:cover}.news-card>div:last-child{padding:25px}.news-card h2{font-size:24px;margin:8px 0}.news-card p{color:#aeb8c7;line-height:1.55}.news-card b{color:#ffe36e;font-size:13px}.news-symbol{display:grid;place-items:center;font-size:80px;background:linear-gradient(145deg,#267cff,#7a4de8);color:#fff}.news-tile{font-size:42px;color:#ffe36e;background:linear-gradient(145deg,#29213b,#6c311f)}.news-home-card h2{color:#ffe36e}
.article-hero{padding:72px 0 42px}.article-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:42px;align-items:center}.article-hero h1{font-family:"Arial Black","Segoe UI Black",Impact,sans-serif;font-size:clamp(38px,6vw,68px);line-height:.98;margin:13px 0 18px}.article-hero p{color:#c3cad6;font-size:18px;line-height:1.65}.article-hero img{width:min(100%,360px);aspect-ratio:1;object-fit:cover;border-radius:28px;justify-self:end;box-shadow:0 24px 60px rgba(0,0,0,.42)}.chatgpt-mark{display:grid;place-items:center;width:min(100%,340px);aspect-ratio:1;border-radius:28px;justify-self:end;font-size:140px;background:linear-gradient(145deg,#267cff,#7a4de8);box-shadow:0 24px 60px rgba(0,0,0,.42)}.article-section{padding-top:20px}.article-body{max-width:820px}.article-body h2{font-size:31px;margin:42px 0 12px}.article-body h3{font-size:21px;margin:28px 0 9px}.article-body p{color:#c3cad6;font-size:17px;line-height:1.78}.quick-box,.prompt-box,.source-note{border:1px solid var(--line);border-radius:17px;padding:19px 21px;line-height:1.65}.quick-box{background:linear-gradient(120deg,rgba(255,180,50,.12),rgba(255,70,95,.08));color:#f5f0dc}.prompt-box{background:#090d14;color:#dcecff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.source-note{margin-top:42px;color:#9faabb;background:rgba(255,255,255,.035);font-size:14px}
@media(max-width:850px){.news-grid{grid-template-columns:1fr}.article-hero-grid{grid-template-columns:1fr}.article-hero img,.chatgpt-mark{justify-self:start;max-width:260px}.news-card{grid-template-columns:130px 1fr}}
@media(max-width:560px){.news-card{grid-template-columns:1fr}.news-card>img,.news-symbol{height:190px}.article-hero h1{font-size:36px}.article-hero p{font-size:16px}}

.hero-intro-seo{max-width:850px;margin:14px auto 0;color:#b9c4d4;line-height:1.7;font-size:16px}.page-hero .hero-intro-seo{max-width:900px}

/* AI Hírek és újdonságok – szerkesztőségi elrendezés */
.links .generator-link{color:#ff9f2f;font-weight:950;text-shadow:0 0 16px rgba(255,170,45,.2)}
.links .generator-link:hover,.links .generator-link.active{color:#ffe16a}
.news-desk-section{padding-top:28px}.news-desk-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px;border-bottom:1px solid var(--line);padding-bottom:22px}.news-desk-heading h2{font-size:clamp(27px,4vw,42px);margin:7px 0 0}.news-desk-heading p{max-width:520px;margin:0;color:#aeb8c7;line-height:1.6}.news-desk{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:22px}.news-lead{display:block;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(12,17,26,.92);transition:.24s}.news-lead:hover,.news-side-card:hover,.news-tool-promo:hover{transform:translateY(-4px);border-color:rgba(255,215,92,.58)}.news-lead>img{width:100%;aspect-ratio:16/8.8;display:block;object-fit:cover}.news-lead-copy{padding:27px}.news-lead h2{font-size:clamp(29px,4vw,48px);line-height:1.03;margin:9px 0 13px;letter-spacing:-.03em}.news-lead p,.news-side-card p,.news-tool-promo p{color:#b3bdca;line-height:1.55}.news-lead b,.news-tool-promo b{color:#ffe16a;font-size:13px}.news-category{color:#55e3a4;font-size:11px;font-weight:950;letter-spacing:.13em}.news-side-list{display:grid;gap:18px}.news-side-card,.news-tool-promo{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(12,17,26,.9);transition:.24s}.news-side-card img{width:100%;height:180px;object-fit:cover;display:block}.news-side-card>div{padding:20px}.news-side-card h2,.news-tool-promo h2{font-size:23px;line-height:1.12;margin:8px 0}.news-side-card p,.news-tool-promo p{font-size:13px;margin-bottom:0}.news-tool-promo{padding:24px;background:linear-gradient(145deg,rgba(255,153,38,.17),rgba(255,208,75,.08),rgba(12,17,26,.94))}.news-tool-promo .news-category{color:#ffb338}.generator-tile{font-size:45px;color:#ffe16a;background:linear-gradient(145deg,#4b2715,#6b4b15)}.generator-home-card h2{color:#ffad35}

/* SUNO Style Generator */
.page-generator:after{background-image:linear-gradient(rgba(5,7,11,.88),rgba(5,7,11,.98)),radial-gradient(circle at 18% 8%,rgba(255,142,36,.24),transparent 35%),radial-gradient(circle at 82% 16%,rgba(255,216,70,.14),transparent 34%)}.generator-hero{min-height:310px}.generator-hero h1{background:linear-gradient(90deg,#ff8b25,#ffe05d);-webkit-background-clip:text;background-clip:text;color:transparent}.generator-section{padding:25px 0 88px}.generator-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:24px;align-items:start}.generator-card,.generator-help{border:1px solid var(--line);border-radius:25px;background:rgba(12,17,26,.92);box-shadow:0 22px 60px rgba(0,0,0,.3)}.generator-card{padding:30px}.generator-help{padding:31px;position:sticky;top:92px}.generator-card-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.generator-card-head h2{margin:3px 0 0;font-size:27px}.generator-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:31px;color:#16100a;background:linear-gradient(135deg,#ff8a24,#ffe064);box-shadow:0 12px 30px rgba(255,154,42,.22)}#styleForm{display:grid;gap:17px}.generator-field{display:grid;gap:7px}.generator-field label{font-weight:850;color:#eef2f8}.generator-field label span,.generator-field small{color:#8f9aab;font-weight:500}.generator-field small{font-size:12px;line-height:1.45}.generator-field input{width:100%;border:1px solid var(--line);border-radius:13px;background:#080c12;color:#fff;padding:14px 15px;font:inherit}.generator-field input:focus{outline:2px solid #ffad35;border-color:transparent}.generator-submit,.generator-copy{border:0;border-radius:13px;min-height:50px;padding:0 19px;font:inherit;font-weight:950;cursor:pointer}.generator-submit{display:flex;align-items:center;justify-content:space-between;margin-top:5px;color:#17100a;background:linear-gradient(90deg,#ff8a24,#ffe064)}.generator-submit b{font-size:23px}.generator-submit:disabled{cursor:wait;filter:saturate(.45);opacity:.72}.generator-result{margin-top:22px;min-height:104px;padding:18px 19px;border:1px solid var(--line);border-left:4px solid #7c899b;border-radius:14px;background:#080c12}.generator-result[data-state="loading"]{border-left-color:#ffad35}.generator-result[data-state="success"]{border-left-color:#55e3a4}.generator-result[data-state="error"]{border-left-color:#ff5f76}.result-label{font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#93a0b2}.generator-result p{margin:9px 0 0;color:#e7edf5;line-height:1.62}.generator-copy{width:100%;margin-top:11px;color:#072218;background:#55e3a4}.generator-copy[hidden]{display:none}.generator-help h2{font-size:29px;margin:7px 0 22px}.generator-help ol{display:grid;gap:18px;margin:0;padding:0;list-style:none;counter-reset:steps}.generator-help li{position:relative;display:grid;gap:4px;padding-left:46px;counter-increment:steps}.generator-help li:before{content:counter(steps);position:absolute;left:0;top:0;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a24,#ffe064);color:#17100a;font-weight:950}.generator-help li b{font-size:16px}.generator-help li span{color:#9faaba;font-size:13px;line-height:1.5}.generator-note{margin-top:25px;padding:16px;border-left:3px solid #ffad35;border-radius:10px;background:rgba(255,157,44,.08);color:#bdc6d2;font-size:13px;line-height:1.6}

@media(max-width:900px){.news-desk,.generator-layout{grid-template-columns:1fr}.generator-help{position:static}.news-side-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.news-desk-heading{display:block}.news-desk-heading p{margin-top:14px}.news-lead-copy{padding:21px}.news-lead h2{font-size:29px}.news-side-list{grid-template-columns:1fr}.generator-card,.generator-help{padding:22px}.generator-section{padding-bottom:62px}}

/* 2026. július 22–28. heti AI-hírmagazin */
.weekly-news-hero{min-height:330px}.weekly-editor-note{display:flex;gap:10px;align-items:flex-start;margin:0 0 28px;padding:16px 19px;border:1px solid rgba(255,218,90,.28);border-radius:15px;background:linear-gradient(120deg,rgba(255,191,55,.11),rgba(255,65,88,.07));color:#d9e0e9;line-height:1.55}.weekly-editor-note b{flex:none;color:#ffe16a}.weekly-news-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:20px}.weekly-lead,.weekly-top-card,.weekly-story-card,.news-archive-grid a{border:1px solid var(--line);overflow:hidden;background:rgba(12,17,26,.93);transition:.24s}.weekly-lead{display:block;border-radius:24px}.weekly-lead:hover,.weekly-top-card:hover,.weekly-story-card:hover,.news-archive-grid a:hover{transform:translateY(-4px);border-color:rgba(255,218,90,.55)}.weekly-lead>img{display:block;width:100%;aspect-ratio:16/8.8;object-fit:cover}.weekly-lead-copy{padding:27px}.weekly-lead h2{font-size:clamp(31px,4.4vw,52px);line-height:1.02;letter-spacing:-.035em;margin:9px 0 14px}.weekly-lead p{color:#b6c0ce;font-size:15px;line-height:1.62}.weekly-lead b,.weekly-story-card b{color:#ffe16a;font-size:13px}.news-category.danger{color:#ff6e80}.weekly-top-stack{display:grid;gap:18px}.weekly-top-card{display:grid;grid-template-rows:170px 1fr;border-radius:20px}.weekly-top-card img{width:100%;height:170px;object-fit:cover}.weekly-top-card>div{padding:19px}.weekly-top-card h2{font-size:22px;line-height:1.12;margin:7px 0 8px}.weekly-top-card p{margin:0;color:#aeb8c7;font-size:13px;line-height:1.45}.weekly-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.weekly-story-card{display:grid;grid-template-columns:190px 1fr;min-height:215px;border-radius:20px}.weekly-story-card>img{width:190px;height:100%;object-fit:cover}.weekly-story-card>div:last-child{padding:22px}.weekly-story-card h2{font-size:23px;line-height:1.12;margin:7px 0 9px}.weekly-story-card p{color:#aeb8c7;font-size:13px;line-height:1.5}.generator-story-art{display:grid!important;place-items:center;width:190px;padding:0!important;font-size:72px;color:#ffe16a;background:radial-gradient(circle at 50% 35%,rgba(255,224,92,.32),transparent 38%),linear-gradient(145deg,#5c2a15,#1a142b)}.generator-story-art span{display:block;margin-top:-62px;font-size:11px;letter-spacing:.2em;font-weight:950}.news-archive{margin-top:54px}.news-archive .news-desk-heading{margin-bottom:18px}.news-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.news-archive-grid a{display:grid;grid-template-columns:130px 1fr;min-height:105px;border-radius:17px}.news-archive-grid img{width:130px;height:100%;object-fit:cover}.news-archive-grid div{padding:18px}.news-archive-grid h3{margin:6px 0 0}.weekly-article .article-hero-grid{grid-template-columns:1.05fr .95fr}.weekly-article .article-hero img{width:100%;max-width:520px;aspect-ratio:16/10;border-radius:24px}.weekly-article .article-body a{color:#84c1ff;text-decoration:underline;text-underline-offset:3px}.weekly-article .quick-box{font-size:16px}.weekly-article .source-note{border-left:3px solid #ffe16a}
@media(max-width:940px){.weekly-news-layout{grid-template-columns:1fr}.weekly-top-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-news-grid{grid-template-columns:1fr}.weekly-story-card{grid-template-columns:210px 1fr}.weekly-story-card>img,.generator-story-art{width:210px}}

/* 2026-07-29: tömörebb hírolvasó és kompakt SUNO-generátor */
.weekly-news-hero{min-height:235px;padding-top:58px;padding-bottom:42px}
.weekly-news-hero h1{font-size:clamp(34px,5vw,55px);margin:10px 0}
.weekly-news-hero p{max-width:820px;font-size:15px}
.news-desk-section{padding-top:20px}
.weekly-editor-note{margin-bottom:18px;padding:12px 15px;font-size:13px}
.news-desk-heading{margin-bottom:17px;padding-bottom:15px}
.news-desk-heading h2{font-size:clamp(24px,3vw,34px)}
.news-desk-heading p{font-size:13px}
.weekly-news-layout{grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:15px}
.weekly-lead{border-radius:18px}
.weekly-lead>img{aspect-ratio:16/7.5}
.weekly-lead-copy{padding:19px 21px}
.weekly-lead h2{font-size:clamp(27px,3.3vw,39px);margin:7px 0 9px}
.weekly-lead p{font-size:13px;line-height:1.48;margin:0 0 10px}
.weekly-top-stack{gap:12px}
.weekly-top-card{grid-template-columns:145px 1fr;grid-template-rows:none;min-height:135px;border-radius:16px}
.weekly-top-card img{width:145px;height:100%;min-height:135px}
.weekly-top-card>div{padding:15px}
.weekly-top-card h2{font-size:18px;margin:5px 0 6px}
.weekly-top-card p{font-size:12px}
.weekly-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}
.weekly-story-card{display:block;min-height:0;border-radius:16px}
.weekly-story-card>img{width:100%;height:135px;aspect-ratio:16/9}
.weekly-story-card>div:last-child{padding:15px}
.weekly-story-card h2{font-size:18px;margin:6px 0}
.weekly-story-card p{font-size:12px;line-height:1.42;margin:0 0 8px}
.generator-story-art{width:100%;height:135px;font-size:54px}
.generator-story-art span{margin-top:-47px}
.news-archive{margin-top:34px}
.weekly-guide-promo{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;margin-top:18px;border:1px solid rgba(255,173,53,.35);border-radius:18px;overflow:hidden;background:linear-gradient(120deg,rgba(255,139,37,.12),rgba(12,17,26,.95));transition:.24s}
.weekly-guide-promo:hover{transform:translateY(-3px);border-color:#ffad35}
.weekly-guide-promo img{width:100%;height:100%;min-height:230px;object-fit:cover}
.weekly-guide-promo>div{padding:25px}
.weekly-guide-promo h2{font-size:clamp(23px,3vw,33px);line-height:1.08;margin:8px 0}
.weekly-guide-promo p{color:#aeb8c7;font-size:13px;line-height:1.5}
.weekly-guide-promo b{color:#ffe16a;font-size:13px}

.generator-hero{min-height:220px;padding-top:50px;padding-bottom:38px}
.generator-hero-inner{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:32px}
.generator-hero h1{font-size:clamp(34px,5vw,52px);margin:9px 0}
.generator-hero p{font-size:14px;max-width:760px}
.suno-official{display:grid;grid-template-columns:52px 1fr;align-items:center;column-gap:13px;padding:14px 16px;border:1px solid rgba(255,173,53,.38);border-radius:16px;background:rgba(8,12,18,.82);transition:.2s}
.suno-official:hover{transform:translateY(-2px);border-color:#ffad35}
.suno-official img{grid-row:1/3;width:52px;height:52px;padding:11px;border-radius:14px;background:#fff}
.suno-official span{font-size:12px;color:#aeb8c7}
.suno-official b{font-size:15px;color:#ffe16a}
.generator-section{padding-top:16px}
.generator-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);max-width:1020px}
.generator-card,.generator-help{border-radius:19px}
.generator-card{padding:22px 24px}
.generator-help{padding:0 22px 22px;overflow:hidden}
.generator-card-head{margin-bottom:16px}
.generator-icon{width:48px;height:48px;font-size:25px}
.generator-card-head h2{font-size:23px}
#styleForm{gap:12px}
.generator-field{gap:5px}
.generator-field label{font-size:13px}
.generator-field input{padding:11px 13px;border-radius:11px}
.generator-submit{min-height:45px;margin-top:2px}
.generator-result{margin-top:15px;min-height:82px;padding:14px 16px}
.generator-result p{font-size:13px;line-height:1.5}
.generator-characters{display:block;width:calc(100% + 44px);height:128px;margin:0 -22px 18px;object-fit:cover;object-position:center 42%}
.generator-help h2{font-size:24px;margin:5px 0 15px}
.generator-help ol{gap:13px}
.generator-help li{padding-left:40px}
.generator-note{margin-top:17px;padding:13px}

.guide-hero{min-height:235px}
.guide-grid .news-card{min-height:0}
.guide-grid .guide-featured{grid-column:span 2}
.possibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0 34px}
.possibility-grid>div{padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(12,17,26,.8)}
.possibility-grid span{font-size:26px}
.possibility-grid h3{margin:8px 0 5px}
.possibility-grid p{margin:0;color:#aeb8c7;font-size:13px;line-height:1.45}
.guide-steps{display:grid;gap:12px;list-style:none;padding:0;counter-reset:guide}
.guide-steps li{display:grid;grid-template-columns:34px 175px 1fr;align-items:start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(12,17,26,.72);counter-increment:guide}
.guide-steps li:before{content:counter(guide);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffad35;color:#15100a;font-weight:950}
.guide-steps span{color:#aeb8c7;font-size:13px;line-height:1.5}
.guide-example{display:grid;grid-template-columns:1fr 310px;gap:25px;align-items:center;margin-top:32px;padding:24px;border:1px solid rgba(255,173,53,.3);border-radius:18px;background:linear-gradient(130deg,rgba(255,139,37,.1),rgba(12,17,26,.9))}
.mini-site-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;border:1px solid #334052;border-radius:12px;background:#080c12}
.mini-site-preview span{height:55px;border-radius:7px;background:linear-gradient(135deg,#293548,#172131)}
.mini-site-preview .mini-top{grid-column:1/-1;height:12px;background:#ffad35}
.mini-site-preview .mini-hero{grid-column:1/-1;height:82px;background:linear-gradient(110deg,#502418,#17233b)}

@media(max-width:1000px){
  .weekly-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weekly-top-card{grid-template-columns:170px 1fr}
  .weekly-top-card img{width:170px}
}
@media(max-width:760px){
  .weekly-news-layout,.weekly-guide-promo,.generator-hero-inner,.guide-example{grid-template-columns:1fr}
  .weekly-top-stack{grid-template-columns:1fr}
  .weekly-news-grid{grid-template-columns:1fr}
  .weekly-top-card{grid-template-columns:135px 1fr}
  .weekly-top-card img{width:135px}
  .weekly-story-card{display:grid;grid-template-columns:130px 1fr}
  .weekly-story-card>img,.generator-story-art{width:130px;height:100%;min-height:150px}
  .generator-story-art{font-size:46px}
  .weekly-guide-promo img{min-height:190px}
  .suno-official{max-width:270px}
  .guide-grid .guide-featured{grid-column:auto}
  .possibility-grid{grid-template-columns:1fr}
  .guide-steps li{grid-template-columns:34px 1fr}
  .guide-steps li span{grid-column:2}
}
@media(max-width:650px){.weekly-editor-note{display:block}.weekly-editor-note b{display:block;margin-bottom:6px}.weekly-top-stack{grid-template-columns:1fr}.weekly-story-card{grid-template-columns:1fr}.weekly-story-card>img,.generator-story-art{width:100%;height:190px}.generator-story-art span{margin-top:-52px}.news-archive-grid{grid-template-columns:1fr}.weekly-article .article-hero img{max-width:none}.weekly-lead-copy{padding:21px}.weekly-lead h2{font-size:30px}}

/* SUNO-kiemelés és gyakorlati összefoglaló */
.suno-weekly-lead{box-shadow:0 18px 60px rgba(255,123,36,.12)}.suno-category{color:#ffb33e}.suno-feature-article .article-hero h1{background:linear-gradient(90deg,#ff8c31,#ffe06b);-webkit-background-clip:text;background-clip:text;color:transparent}.suno-tip{margin:23px 0;padding:17px 19px;border-left:3px solid #ffab35;border-radius:12px;background:rgba(255,154,43,.09);color:#cbd3de;line-height:1.65}.suno-tip b{color:#ffc44c}.suno-feature-list{display:grid;gap:12px;margin:20px 0}.suno-feature-list>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.suno-feature-list b{color:#ffe16a}.suno-feature-list span{color:#bdc6d2;line-height:1.55}.suno-try-list{padding-left:23px;color:#c3cad6;font-size:17px;line-height:1.7}.suno-try-list li{margin:10px 0}.archive-generator-icon{display:grid;place-items:center;width:130px;height:100%;min-height:105px;padding:0!important;background:linear-gradient(145deg,#5b2d16,#211632);color:#ffe16a;font-size:52px}.generator-story{grid-column:1/-1}
@media(max-width:650px){.suno-feature-list>div{grid-template-columns:1fr;gap:6px}}

/* 2026-07-29: SUNO-generátor mobilos kép- és paneljavítás */
@media(max-width:900px){
  .generator-layout{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }
  .generator-card,
  .generator-help{
    min-width:0;
    width:100%;
  }
}
@media(max-width:650px){
  .generator-hero-inner{
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  .suno-official{
    width:100%;
    max-width:100%;
  }
  .generator-help{
    padding:18px;
    overflow:hidden;
  }
  .generator-characters{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    aspect-ratio:16/6;
    margin:0 0 18px;
    object-fit:cover;
    object-position:center 42%;
    border-radius:13px;
  }
}

/* 2026-07-29: egysoros, színes főoldali gyorsgombok */
.home-main-actions{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;margin:25px auto 0;max-width:1160px}
.home-main-actions .btn{min-width:0;padding:13px 17px;color:#fff;border-color:rgba(255,255,255,.26);box-shadow:0 11px 30px rgba(0,0,0,.28);white-space:nowrap}
.home-main-actions .btn:hover{color:#fff;transform:translateY(-3px);filter:saturate(1.15) brightness(1.08)}
.home-action-generator{background:linear-gradient(135deg,#ff8a24,#d85a11)}
.home-action-news{background:linear-gradient(135deg,#a64dff,#ee3f91)}
.home-action-video{background:linear-gradient(135deg,#1676e8,#28a9e8)}
.home-action-food{background:linear-gradient(135deg,#0f9f70,#3ac779)}
.home-action-support{background:linear-gradient(135deg,#e64d52,#f29336)}
@media(max-width:900px){.home-main-actions{justify-content:flex-start;overflow-x:auto;padding:4px 2px 15px;scrollbar-width:thin}.home-main-actions .btn{flex:0 0 auto}}

/* 2026-07-29: rövid receptlisták és különálló, teljes receptoldalak */
.recipe-list{display:grid;gap:12px}
.recipe-list-card{display:grid;grid-template-columns:116px minmax(0,1fr) 48px;align-items:center;min-height:104px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(12,17,26,.9);transition:transform .22s,border-color .22s,background .22s}
.recipe-list-card:hover{transform:translateY(-3px);border-color:rgba(119,186,255,.58);background:rgba(18,26,39,.96)}
.recipe-list-card:focus-visible{outline:2px solid #55a9ff;outline-offset:3px}
.recipe-list-photo{width:116px;height:104px;object-fit:cover;align-self:stretch;background:#111722}
.recipe-list-copy{min-width:0;padding:13px 19px}
.recipe-list-copy .tag{font-size:9px}
.recipe-list-copy h2{margin:5px 0 6px;font-size:20px;line-height:1.12}
.recipe-list-copy p{margin:0;overflow:hidden;color:#aeb8c7;font-size:13px;line-height:1.42;text-overflow:ellipsis;white-space:nowrap}
.recipe-list-arrow{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#258dff,#7459f1);font-size:18px;font-weight:900}

.recipe-detail-page:after{background-image:linear-gradient(rgba(5,7,11,.9),rgba(5,7,11,.98)),url('assets/foods/mezeskalacs-ai-logo.webp')}
.recipe-page-hero{padding:54px 0 40px;border-bottom:1px solid var(--line)}
.recipe-breadcrumb{display:flex;min-height:0;justify-content:flex-start;gap:9px;margin-bottom:25px;color:#9aa8ba;font-size:12px}
.recipe-breadcrumb a{color:#84c1ff}
.recipe-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:38px;align-items:center}
.recipe-hero-copy h1{margin:10px 0 16px;font-family:"Arial Black","Segoe UI Black",Impact,sans-serif;font-size:clamp(38px,5.5vw,68px);line-height:.98;letter-spacing:-.04em}
.recipe-hero-copy p{max-width:690px;margin:0;color:#c3cad6;font-size:17px;line-height:1.65}
.recipe-back-btn{margin-top:24px;background:rgba(255,255,255,.07)}
.recipe-hero-image{width:100%;height:360px;border:1px solid rgba(255,255,255,.18);border-radius:26px;object-fit:cover;box-shadow:0 24px 70px rgba(0,0,0,.43)}
.recipe-article{padding-top:42px;padding-bottom:74px}
.recipe-article section{padding:0}
.recipe-story-panel{margin-bottom:24px;padding:22px 25px!important;border:1px solid rgba(255,157,55,.27);border-left:4px solid #ff9d37;border-radius:18px;background:linear-gradient(120deg,rgba(255,138,36,.12),rgba(238,63,145,.07))}
.recipe-story-panel span{color:#ffc166;font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.recipe-story-panel p{margin:10px 0 0;color:#d4dbe5;line-height:1.72}
.recipe-content-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:22px;align-items:start}
.recipe-ingredients-card,.recipe-method-card,.recipe-tips-panel{border:1px solid var(--line);border-radius:22px;background:rgba(12,17,26,.92)}
.recipe-ingredients-card{position:sticky;top:92px;padding:27px}
.recipe-method-card{padding:29px 31px}
.recipe-ingredients-card h2,.recipe-method-card h2,.recipe-tips-panel h2{margin:0 0 19px;font-size:25px}
.recipe-ingredients-card ul,.recipe-tips-panel ul{margin:0;padding:0;list-style:none}
.recipe-ingredients-card li{position:relative;margin:0;padding:11px 0 11px 27px;border-bottom:1px solid rgba(255,255,255,.08);color:#d6dde7;line-height:1.48}
.recipe-ingredients-card li:last-child{border-bottom:0}
.recipe-ingredients-card li:before{content:"✓";position:absolute;left:0;color:#55e3a4;font-weight:950}
.recipe-method-card ol{margin:0;padding:0;list-style:none;counter-reset:recipe-step}
.recipe-method-card li{position:relative;margin:0 0 17px;padding:2px 0 20px 54px;border-bottom:1px solid rgba(255,255,255,.08);counter-increment:recipe-step;color:#d3dae4;line-height:1.72}
.recipe-method-card li:last-child{margin-bottom:0;border-bottom:0}
.recipe-method-card li:before{content:counter(recipe-step);position:absolute;left:0;top:0;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#258dff,#725cf1);color:#fff;font-weight:950;box-shadow:0 8px 20px rgba(37,141,255,.22)}
.recipe-tips-panel{margin-top:22px;padding:27px 29px!important}
.recipe-tips-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.recipe-tips-panel li{position:relative;padding:14px 15px 14px 39px;border:1px solid rgba(132,193,255,.17);border-radius:14px;background:rgba(37,141,255,.07);color:#cdd7e4;line-height:1.52}
.recipe-tips-panel li:before{content:"★";position:absolute;left:15px;color:#ffe16a}
.recipe-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-height:0;margin-top:26px}
.recipe-prevnext-link{display:grid;gap:5px;padding:17px 19px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.04);transition:.2s}
.recipe-prevnext-link:hover{border-color:rgba(119,186,255,.5);background:rgba(37,141,255,.08)}
.recipe-prevnext-link span{color:#84c1ff;font-size:11px;font-weight:850}
.recipe-prevnext-link b{font-size:14px}
.recipe-prevnext-link.next{text-align:right}
.recipe-bottom-action{display:flex;justify-content:center;gap:12px;margin-top:28px}

@media(max-width:800px){
  .recipe-list-card{grid-template-columns:92px minmax(0,1fr) 39px;min-height:88px}
  .recipe-list-photo{width:92px;height:88px}
  .recipe-list-copy{padding:10px 13px}
  .recipe-list-copy h2{font-size:17px}
  .recipe-list-copy p{font-size:12px}
  .recipe-list-arrow{width:28px;height:28px;font-size:15px}
  .recipe-page-hero{padding:38px 0 31px}
  .recipe-hero-grid,.recipe-content-grid{grid-template-columns:1fr}
  .recipe-hero-grid{gap:24px}
  .recipe-hero-copy h1{font-size:clamp(34px,10vw,52px)}
  .recipe-hero-copy p{font-size:15px}
  .recipe-hero-image{height:min(64vw,340px)}
  .recipe-ingredients-card{position:static}
  .recipe-tips-panel ul{grid-template-columns:1fr}
}
@media(max-width:520px){
  .recipe-list-card{grid-template-columns:78px minmax(0,1fr) 34px;min-height:78px;border-radius:14px}
  .recipe-list-photo{width:78px;height:78px}
  .recipe-list-copy{padding:8px 10px}
  .recipe-list-copy .tag{display:none}
  .recipe-list-copy h2{margin:0 0 4px;font-size:15px}
  .recipe-list-copy p{font-size:11px}
  .recipe-list-arrow{width:25px;height:25px}
  .recipe-breadcrumb{flex-wrap:wrap;margin-bottom:19px}
  .recipe-hero-copy h1{font-size:34px}
  .recipe-hero-image{height:230px;border-radius:18px}
  .recipe-article{padding-top:26px;padding-bottom:52px}
  .recipe-story-panel,.recipe-ingredients-card,.recipe-method-card,.recipe-tips-panel{padding:20px!important;border-radius:17px}
  .recipe-method-card li{padding-left:46px;font-size:14px}
  .recipe-prevnext{grid-template-columns:1fr}
  .recipe-prevnext-link.next{text-align:left}
  .recipe-bottom-action{display:grid}
}
