/* Generált: a statikus aloldalak stílusai. */
.week{max-width:980px;margin:auto;padding:0 20px 70px}
.week h1{font-size:clamp(36px,6vw,58px);line-height:1.06;font-weight:800;letter-spacing:-.05em}
.week h1 span{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em;color:var(--red)}
.week-lead{max-width:620px;margin:16px 0 30px;font-size:17px;line-height:1.55}
.week-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;align-items:start}
.shop-note{position:relative;padding:34px 24px 24px 44px;background:linear-gradient(90deg,transparent 30px,#d9786f66 30px,#d9786f66 31.5px,transparent 31.5px),linear-gradient(180deg,#fffdf3,#fbf5e2);box-shadow:0 10px 26px #3a241022,0 1px 2px #3a24101f;border-radius:2px}
.shop-note::before{content:'';position:absolute;left:50%;top:-13px;width:104px;height:26px;margin-left:-52px;background:#e9dcb0c9;transform:rotate(-2deg)}
.shop-note h2{margin-bottom:8px;font:600 34px/1.05 Caveat,Georgia,serif;color:#282723}
.shop-list{list-style:none;margin:0;padding:0}
.shop-list li{border-bottom:1px solid #b9cbdc}
.shop-item{position:relative;display:flex;align-items:baseline;gap:10px;width:100%;min-height:44px;padding:8px 2px;text-align:left;font-family:Caveat,Georgia,serif;font-weight:600;color:#2b3a55;background:none;cursor:pointer}
.shop-item:hover .shop-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.shop-box{flex:none;align-self:center;display:grid;place-items:center;width:22px;height:22px;border:2px solid #2b3a55;border-radius:5px;font:700 15px/1 Arial,sans-serif;color:transparent}
.shop-item[aria-pressed=true] .shop-box{color:#fff;background:#2b3a55}
.shop-name{flex:1;font-size:25px;line-height:1.1}
.shop-price{font-size:23px;white-space:nowrap}
.shop-item.is-no{animation:no-money .36s ease}
@keyframes no-money{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.wallet{position:sticky;top:20px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.wallet-label{font-size:13px;font-weight:700;color:var(--muted)}
.wallet-left{display:block;margin:2px 0 10px;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.wallet-bar{height:9px;overflow:hidden;background:#efe9dc;border-radius:5px}
.wallet-bar i{display:block;height:100%;background:var(--green);border-radius:5px;transition:width .25s}
.wallet.is-low .wallet-bar i{background:var(--red)}
.wallet-msg{min-height:66px;margin:12px 0;font-size:14px;line-height:1.45}
.wallet.is-over .wallet-msg{font-weight:700;color:var(--red-dark)}
.wallet .button{width:100%;justify-content:center}
.wallet .button[disabled]{opacity:.5;cursor:not-allowed}
.event{margin-bottom:26px;padding:16px 18px;background:#f4e6ba;border-radius:6px;color:#3d3420}
.event strong{display:block;margin-bottom:3px;font-size:18px;font-weight:800}
.result{max-width:680px}
.result h2{margin-bottom:16px;font-size:clamp(30px,5vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.04em}
.result h2 span{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em;color:var(--red)}
.shop-note.is-final{margin:24px 0}
.final{display:flex;gap:10px;align-items:baseline;min-height:38px;padding:5px 2px;font:600 25px/1.1 Caveat,Georgia,serif;color:#2b3a55}
.final span:first-child{flex:1}
.final.is-out{color:#a9322e}
.final.is-out span:first-child{text-decoration:line-through;text-decoration-thickness:2px}
.lacks{margin:0 0 24px;padding:0;list-style:none}
.lacks li{padding:7px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.45}
.turn{margin:30px 0 22px;padding:22px;background:#762f2c;color:#fff8ef;border-radius:8px}
.turn p{font-size:18px;line-height:1.5;color:#fff8ef}
.turn strong{color:#f4e6ba;font-weight:800}
.result-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.week-note{margin-top:30px;font-size:13px;line-height:1.55;color:var(--muted)}
@media(max-width:760px){
  .week{padding-bottom:150px}
  .week-grid{display:block}
  .shop-note{padding:30px 14px 18px 38px;background:linear-gradient(90deg,transparent 26px,#d9786f66 26px,#d9786f66 27.5px,transparent 27.5px),linear-gradient(180deg,#fffdf3,#fbf5e2)}
  .wallet{position:fixed;z-index:5;left:0;right:0;top:auto;bottom:0;display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;padding:10px 16px;border-width:1px 0 0;border-radius:0;box-shadow:0 -6px 18px #3a241022}
  .wallet-left{margin:0;font-size:26px}
  .wallet-bar{grid-column:1/-1;height:6px;margin:4px 0}
  .wallet-msg{grid-column:1/-1;min-height:0;margin:0 0 4px;font-size:13px;line-height:1.3}
  .wallet-money{grid-row:1}
  .wallet .button{grid-row:1;grid-column:2;width:auto;min-height:44px}
}
.legal{max-width:760px;margin:auto;padding:0 20px 60px;font-size:16px;line-height:1.65}
.legal h1{font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.04em}
.legal h2{margin:32px 0 8px;font-size:21px;line-height:1.25;font-weight:800}
.legal p,.legal ul{margin:0 0 12px}
.legal ul{padding-left:22px}
.legal table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:15px}
.legal th,.legal td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.legal p a{color:var(--red-dark);text-decoration:underline}
.legal .page-bottom{margin-top:36px}
.legal mark{padding:0 3px;background:#ffe58a;color:#282723}
.draft{padding:12px 14px;background:#ffe58a;color:#282723;border-radius:6px;font-weight:600}
@media(max-width:640px){
  .legal table,.legal tbody,.legal tr,.legal td{display:block;width:100%}
  .legal thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .legal tr{padding:10px 0;border-bottom:1px solid var(--line)}
  .legal td{padding:3px 0;border:0;overflow-wrap:anywhere}
  .legal td:first-child{font-weight:800}
  .legal td:nth-child(2)::before{content:'Milyen adat: ';font-weight:700}
  .legal td:nth-child(3)::before{content:'Miért: ';font-weight:700}
  .legal td:nth-child(4)::before{content:'Meddig: ';font-weight:700}
}
.frame-tool{max-width:520px;margin:auto;padding:0 16px 48px}
.frame-tool h1{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.04em}
.frame-tool p{margin:10px 0 18px;font-size:15px}
.frame-stage{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#efe9dc;touch-action:none;cursor:grab}
.frame-stage canvas{display:block;width:100%;height:100%}
.frame-controls{display:grid;gap:14px;margin-top:18px}
.frame-controls label{display:grid;gap:6px;font-size:14px;font-weight:600}
.frame-controls input[type=range]{width:100%;accent-color:var(--red)}
.frame-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.frame-pick{cursor:pointer}
.frame-pick input{position:absolute;width:1px;height:1px;opacity:0}
.frame-pick:focus-within{outline:2px solid var(--red);outline-offset:2px}
.frame-note{font-size:13px;color:var(--muted)}