/* DALEELAK V5 visual upgrade: preserved V4 application behavior */
:root{--v5-night:#061220;--v5-red:#ff4557;--v5-gold:#ffcd65}
body[data-page="home"]{background:#f7f9fc}
body[data-page="home"] .hero-premium{min-height:660px;background:radial-gradient(circle at 52% 29%,#173e59 0%,transparent 45%),linear-gradient(128deg,#040a18 10%,#102c42 55%,#061320 100%);isolation:isolate;overflow:hidden}
body[data-page="home"] .hero-premium:after{content:"";position:absolute;inset:auto -15% -45% -15%;height:70%;background:radial-gradient(ellipse,#ff7c372d,transparent 65%);pointer-events:none;z-index:-1}
body[data-page="home"] .hero-premium-content{position:relative;z-index:2}
body[data-page="home"] #hero-title{font-size:clamp(3.5rem,6.5vw,6.9rem);line-height:1.07;letter-spacing:-.055em;text-shadow:0 12px 40px #0008}
body[data-page="home"] #hero-title em{background:linear-gradient(125deg,#ffe6aa,#ffc053 57%,#ff6679);color:transparent;background-clip:text;-webkit-background-clip:text;font-style:normal}
body[data-page="home"] .hero-kicker{background:#ffffff13;border:1px solid #ffffff30;border-radius:100px;padding:10px 20px;backdrop-filter:blur(14px)}
body[data-page="home"] .premium-search{box-shadow:0 30px 65px #0008,0 0 0 1px #ffffff44;transform:translateZ(0)}
body[data-page="home"] .hero-visual img{filter:saturate(1.13) contrast(1.05);animation:v5-float 9s ease-in-out infinite alternate}
body[data-page="home"] .hero-visual-city img{animation-delay:-4s}
@keyframes v5-float{from{transform:translateY(0) scale(1)}to{transform:translateY(-17px) scale(1.035)}}
body[data-page="home"] .quick-tile{backdrop-filter:blur(14px);transition:transform .25s,box-shadow .25s,border-color .25s}
body[data-page="home"] .quick-tile:hover{transform:translateY(-8px);box-shadow:0 14px 35px #0006;border-color:#ffdb8a}
.v5-live-promo{background:linear-gradient(135deg,#07192a,#0e2940 53%,#111e37);padding:22px 0 30px;color:#fff;overflow:hidden;position:relative}
.v5-live-promo:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 5%,#fe425522,transparent 45%)}
.v5-promo-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px;font-size:1.1rem;font-weight:850}
.v5-flame{color:#ffcd65;margin-inline-end:6px}.v5-promo-sub{font-size:.75rem;color:#a7bacd;font-weight:500}
.v5-marquee{overflow:hidden;border-radius:20px;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.v5-marquee-track{width:max-content;display:flex;gap:15px;animation:v5-scroll 38s linear infinite}
.v5-marquee:hover .v5-marquee-track,.v5-marquee:focus-within .v5-marquee-track{animation-play-state:paused}
@keyframes v5-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7.5px))}}
.v5-promo-card{position:relative;display:block;width:365px;height:185px;overflow:hidden;border-radius:18px;color:#fff;text-align:right;direction:rtl;border:1px solid #ffffff3c;flex:none;background:#1c2431;box-shadow:0 9px 25px #0004}
.v5-promo-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s;display:block}
.v5-promo-card:hover img{transform:scale(1.12)}
.v5-promo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#07101eeb 2%,#07101e9b 57%,#07101e05)}
.v5-promo-copy{position:absolute;z-index:2;inset:auto 18px 20px auto;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.v5-promo-copy small{color:#ffe1a7;font-weight:800;font-size:.8rem}.v5-promo-copy strong{font-size:1.24rem;max-width:290px;line-height:1.4}.v5-promo-copy em{font-style:normal;font-size:.78rem;color:#fff;background:#ed4555;padding:8px 13px;border-radius:9px;font-weight:750}
.v5-owner-cta{display:grid;grid-template-columns:1.5fr .7fr;gap:30px;align-items:center;margin-block:24px 40px;border-radius:24px;background:linear-gradient(115deg,#1f1036,#082d48 65%,#063a48);color:white;overflow:hidden;box-shadow:0 22px 46px #102b4430;border:1px solid #ffffff36;min-height:240px}
.v5-owner-copy{padding:30px 35px}.v5-eyebrow{color:#ffcd65;font-size:.81rem;font-weight:750}.v5-owner-copy h2{font-size:clamp(1.6rem,2.9vw,2.6rem);line-height:1.3;margin:12px 0}.v5-owner-copy h2 span{color:#ffc66d}.v5-owner-copy p{color:#d7e5ed;max-width:650px;line-height:1.9;margin:0 0 20px}.v5-owner-actions{display:flex;gap:12px;flex-wrap:wrap}.v5-primary,.v5-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:12px;font-weight:800;font-size:.88rem;text-decoration:none}.v5-primary{background:linear-gradient(125deg,#ff334e,#ff7355);color:white;box-shadow:0 10px 22px #ff43554a}.v5-secondary{border:1px solid #ffffff67;color:white}.v5-owner-art{height:240px;overflow:hidden;align-self:stretch}.v5-owner-art img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(270deg,#000 65%,transparent)}
body[data-page="home"] .premium-category,body[data-page="home"] .craft-card{transition:transform .3s,box-shadow .3s}body[data-page="home"] .premium-category:hover,body[data-page="home"] .craft-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #081b2b26}
@media(max-width:850px){body[data-page="home"] .hero-premium{min-height:630px}.v5-promo-sub{display:none}.v5-owner-cta{grid-template-columns:1fr}.v5-owner-art{display:none}.v5-promo-card{width:285px;height:155px}.v5-owner-copy{padding:24px}.v5-live-promo{padding-block:20px}}
@media(prefers-reduced-motion:reduce){.v5-marquee-track,body[data-page="home"] .hero-visual img{animation:none!important}.v5-marquee{overflow-x:auto;mask-image:none}.v5-promo-card img,.quick-tile{transition:none!important}}

/* V5.1 manual payment workflow */
.payment-panel{background:linear-gradient(135deg,rgba(12,38,53,.85),rgba(15,60,69,.65));border:1px solid rgba(235,189,94,.32);border-radius:18px;padding:20px;margin-block:14px;display:grid;gap:12px}.payment-panel label{display:grid;gap:7px}.payment-panel .tag{width:max-content}.payment-panel strong{color:#f4d596}.payment-panel .row{flex-wrap:wrap}.payment-panel input,.payment-panel select{max-width:100%;width:100%}@media(max-width:640px){.payment-panel{padding:14px}.payment-panel .btn{width:100%}}