.top-band{background:var(--navy);padding:0 0 20px}   /* same as the homepage .band: header → picture 20px, under the picture 20px (checked on pixels) */
.banner{position:relative;overflow:hidden;border-radius:var(--r)}
.banner img{width:100%;aspect-ratio:1140/384;object-fit:cover;border-radius:var(--r);display:block;background:var(--navy2)}
.banner .tr-frame{width:100%;left:0;height:172%;top:-36%}
.banner.playing>.tr-frame{opacity:1}
h1{font-weight:900;font-size:38px;line-height:1.15;margin-top:26px}
.tagline{font-size:18px;color:var(--grey);margin-top:6px}
.facts{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.facts li{background:#EEF0FA;color:var(--navy);font-weight:700;font-size:15px;padding:7px 14px;border-radius:var(--r)}
.facts li svg{display:none}
.sec-t{font-weight:900;font-size:26px;line-height:1.2}
.perk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.perk-grid a{display:grid;place-items:center;height:76px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px 12px}
.perk-grid a:hover{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal)}
.perk-grid img{max-width:100%;max-height:52px;width:auto;height:auto}
.page-wrap{max-width:900px;margin:36px auto 0;padding-bottom:56px}   /* text pages (תקנון, מדיניות ביטולים, 404): a reading column, same width and top gap as the buy page */
.page-wrap h1{margin-top:0}
.desc p{margin-top:12px;font-size:17px;line-height:1.7;max-width:70ch}
/* text pages (תקנון, מדיניות ביטולים): the page body inside page.php's .desc */
.desc h2{font-size:22px;font-weight:900;margin-top:28px}
.desc ol,.desc ul{margin:10px 0 0;padding-inline-start:22px;max-width:70ch;font-size:17px;line-height:1.8}
.desc li{margin-top:6px}
.desc a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.desc a:hover{color:var(--teal)}
.credits{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;font-size:15px;color:var(--grey)}
.buy-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:166px;height:38px;padding:0 14px;border:1.5px solid var(--navy);color:var(--navy);border-radius:var(--r);font-weight:700;font-size:14px;white-space:nowrap}
.buy-btn .tk{width:16px;height:16px;flex:none}
.buy-btn:hover{background:var(--navy);color:#fff}
.buy-btn.sold,.buy-btn.sold:hover{background:#fff;border:2px solid #D0342C;color:#D0342C;font-weight:900;font-size:15px;line-height:1;text-transform:uppercase;letter-spacing:.05em;transform:none;cursor:default}
.buy-btn.last{position:relative;overflow:visible;background:#fff;border:1.5px solid var(--navy);color:var(--navy);box-shadow:none;animation:none}   /* last tickets: the normal button with a pink tag on its corner (round-12 #1); desktop = white, blue on hover */
.buy-btn.last:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.buy-btn.last .ltag{position:absolute;top:-11px;inset-inline-end:-8px;font-style:normal;background:#EC1E79;color:#fff;font-size:11.5px;font-weight:900;line-height:1;padding:4px 8px;border-radius:999px;transform:rotate(-6deg);box-shadow:0 3px 8px rgba(236,30,121,.4);letter-spacing:0;white-space:nowrap}
@media (hover:hover){.buy-btn.last .ltag{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s}.buy-btn.last:hover .ltag{transform:rotate(-12deg) translate(-2px,-3px) scale(1.08);box-shadow:0 6px 14px rgba(236,30,121,.5)}}   /* desktop only: the tag gives a little wiggle on hover */
.sold-tag{color:var(--grey);font-weight:700}
.nd{margin-top:26px;padding:18px 20px;border:1px dashed var(--line);border-radius:var(--r);color:var(--grey);font-size:16px}
dialog.tr-dlg{position:fixed;inset:0;margin:auto;border:0;padding:0;background:transparent;width:min(960px,92vw);max-width:none;max-height:none}
dialog.tr-dlg::backdrop{background:rgba(6,0,37,.78)}
.tr-box{position:relative;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.tr-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.tr-head b{font-size:18px;font-weight:900;line-height:1.3}
.tr-x{position:absolute;top:10px;inset-inline-end:10px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);font-size:18px;font-weight:900;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.tr-x:hover{background:var(--navy);color:#fff}
.tr-vid{position:relative;aspect-ratio:16/9;background:#000}
.tr-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body.tr-open{overflow:hidden}
.proto-switch{position:fixed;bottom:12px;inset-inline-end:12px;z-index:90;background:var(--navy);color:#fff;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.proto-switch a{color:#fff}.proto-switch a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.page-wrap{margin-top:20px;padding-bottom:40px}h1{font-size:30px;margin-top:18px}.top-band{padding:4px 0 12px}.banner img{aspect-ratio:2.7/1;object-fit:cover}   /* phones: the wide banner inset, a touch taller, no frame */.credits{grid-template-columns:1fr}.perk-grid{grid-template-columns:repeat(2,1fr)}}