.raffle-band--cinema,.raffle-band--portrait { isolation:isolate; min-height:430px; border-radius:24px; box-shadow:0 24px 60px #10231726; }
.raffle-band--cinema { background:radial-gradient(ellipse at 30% 0%,#384432 0%,#14291f 48%,#091c15 100%); padding:42px 48px; gap:24px; }
.raffle-band--cinema::before { content:""; position:absolute; z-index:-1; width:600px; height:600px; left:-230px; bottom:-460px; border:1px solid #dac27850; border-radius:50%; box-shadow:0 0 0 28px #dac27808,0 0 0 56px #dac27808,0 0 0 84px #dac27808; }
.raffle-band--cinema::after { inset:12px; border-radius:16px; border-color:#d3bb7550; }
.raffle-band--cinema .raffle-band__copy { z-index:2; flex-basis:54%; padding-right:12px; }
.raffle-band--cinema .raffle-band__kicker { display:inline-flex; align-items:center; gap:12px; color:#ebd18a; font-size:11px; letter-spacing:.25em; }
.raffle-band--cinema .raffle-band__kicker::before { content:""; width:30px; height:1px; background:#ebd18a; }
.raffle-band--cinema .raffle-band__title { font-size:34px; line-height:1.22; font-weight:600; letter-spacing:-.035em; margin:12px 0 18px; }
.raffle-band--cinema .raffle-band__text { color:#d0d9d1; max-width:52ch; }
.raffle-band--cinema .raffle-band__facts { gap:0; margin-top:26px; padding:18px 0; border-top:1px solid #d3bb7530; border-bottom:1px solid #d3bb7530; }
.raffle-band--cinema .raffle-band__facts>div { padding:0 24px; border-left:1px solid #d3bb7530; }
.raffle-band--cinema .raffle-band__facts>div:first-child { padding-left:0; border:0; }
.raffle-band--cinema .raffle-band__facts dd { font-size:24px; color:#f1d48b; }
.raffle-band--cinema .raffle-band__cta { background:linear-gradient(110deg,#d6b567,#f2dda3) !important; color:#13261e !important; border-radius:8px; padding:16px 26px; box-shadow:0 8px 24px #0002; }
.raffle-band--cinema .raffle-band__cta::after,.raffle-band--portrait .raffle-band__cta::after { content:"↗"; margin-left:24px; font-size:21px; }
.raffle-band--cinema .raffle-band__film { margin:-42px -48px -42px 0; border-radius:0 24px 24px 0; flex-basis:46%; }
.raffle-band--cinema .raffle-band__film img { object-position:78% center; mask-image:linear-gradient(90deg,transparent,#000 48%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 48%); }
.raffle-band--cinema .raffle-band__play { left:70%; top:52%; background:#f1d48bee; width:64px; height:64px; margin:-32px; box-shadow:0 0 0 9px #fff2,0 8px 30px #0003; }
.raffle-band__signature { position:absolute; left:70%; bottom:26px; transform:translateX(-50%); white-space:nowrap; line-height:1.4; color:#fff; background:#10251edb; backdrop-filter:blur(12px); padding:10px 20px; border:1px solid #efd18a66; border-radius:40px; font:500 13px/1.4 Poppins,sans-serif; letter-spacing:.04em; }
.raffle-band--portrait { background:#ddd8cd url('/assets/images/raffle-umit-acar-corridor-v3.png') center center/cover no-repeat; padding:38px; gap:16px; }
.raffle-band--portrait::after { border-radius:24px; border-color:#fff9; }
.raffle-band--portrait .raffle-band__copy { flex:0 0 52%; max-width:590px; padding:32px; background:linear-gradient(120deg,#fcfaf2f2,#f1f0e8da); backdrop-filter:blur(16px); border:1px solid #fff9; border-radius:18px; box-shadow:0 12px 40px #19271d22; }
.raffle-band--portrait .raffle-band__kicker { display:inline-block; border:1px solid #9e814a66; border-radius:30px; padding:8px 12px; font-size:10px; color:#826632; letter-spacing:.2em; margin-bottom:16px; }
.raffle-band--portrait .raffle-band__title { font-size:33px; line-height:1.2; letter-spacing:-.035em; color:#182f29; margin-bottom:18px; }
.raffle-band--portrait .raffle-band__text { color:#53635c; font-size:14px; line-height:1.7; }
.raffle-band--portrait .raffle-band__facts { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:24px 0 0; }
.raffle-band--portrait .raffle-band__facts dt { color:#708078; font-size:9px; }
.raffle-band--portrait .raffle-band__facts dd { color:#946d25; font-size:23px; }
.raffle-band.raffle-band--portrait .raffle-band__cta { background:#193c31 !important; color:#fff !important; border-radius:8px; min-height:50px; margin-top:26px; font-size:12px; letter-spacing:.06em; }
.raffle-band--portrait .raffle-band__cta:hover { background:#285444; }
.raffle-band--portrait .raffle-band__film { flex:1; margin:0; overflow:visible; border-radius:0; }
.raffle-band--portrait .raffle-band__film img { visibility:hidden; }
.raffle-band--portrait .raffle-band__play { top:53%; left:43%; background:#ffffffdf; width:68px; height:68px; margin:-34px; border:1px solid #fff; box-shadow:0 0 0 10px #fff3,0 12px 35px #0003; backdrop-filter:blur(12px); }
.raffle-band--portrait .raffle-band__signature { left:43%; bottom:10px; background:#ffffffe8; border-color:#fff; color:#193c31; }
@media(max-width:991px) and (min-width:768px) { .raffle-band--portrait .raffle-band__copy { flex-basis:58%; padding:24px; } .raffle-band--portrait .raffle-band__title,.raffle-band--cinema .raffle-band__title { font-size:26px; } .raffle-band--cinema .raffle-band__facts>div { padding:0 14px; } }
@media(max-width:767px) {
 .raffle-band--cinema,.raffle-band--portrait { min-height:0; padding:30px 24px; gap:20px; }
 .raffle-band--cinema .raffle-band__copy { padding:0; } .raffle-band--cinema .raffle-band__title,.raffle-band--portrait .raffle-band__title { font-size:27px; }
 .raffle-band--cinema .raffle-band__facts { justify-content:center; } .raffle-band--cinema .raffle-band__facts>div { padding:0 12px; } .raffle-band--cinema .raffle-band__facts dd { font-size:20px; }
 .raffle-band--cinema .raffle-band__film { flex:0 0 auto; width:calc(100% + 48px); height:280px; aspect-ratio:auto; margin:0 -24px -30px; }
 .raffle-band--cinema .raffle-band__film img { mask-image:linear-gradient(180deg,transparent,#000 35%); -webkit-mask-image:linear-gradient(180deg,transparent,#000 35%); }
 .raffle-band--cinema .raffle-band__play { left:67%; top:55%; } .raffle-band--cinema .raffle-band__signature { left:67%; bottom:18px; }
 .raffle-band--portrait { background:#e5e0d5; }
 .raffle-band--portrait .raffle-band__copy { flex:0 0 auto; width:100%; padding:24px 18px; }
 .raffle-band--portrait .raffle-band__facts { text-align:left; gap:8px; } .raffle-band--portrait .raffle-band__facts dd { font-size:17px; white-space:nowrap; }
 .raffle-band--portrait .raffle-band__film { flex:0 0 auto; width:calc(100% + 48px); height:340px; aspect-ratio:auto; margin:0 -24px -30px; overflow:hidden; background:#e5e0d5 url('/assets/images/raffle-umit-acar-corridor-v3.png') calc(50% - 160px) center/auto 340px no-repeat; }
 .raffle-band--portrait .raffle-band__play { left:50%; top:52%; margin:0; transform:translate(-50%,-50%); width:62px; height:62px; }
 .raffle-band--portrait .raffle-band__film:hover .raffle-band__play,.raffle-band--portrait .raffle-band__film:focus-visible .raffle-band__play { transform:translate(-50%,-50%) scale(1.04); }
 .raffle-band--portrait .raffle-band__signature { left:50%; bottom:22px; padding:9px 20px; }
}