/* V35 — soft, tab-specific images using the existing app image library. */
.lsm-tab-visual{--tab-accent:#ffc83d;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr);align-items:center;gap:clamp(12px,2vw,28px);min-height:148px;margin:0 0 17px;padding:clamp(15px,2.2vw,25px);overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:linear-gradient(112deg,rgba(8,22,66,.96),rgba(26,43,108,.90) 58%,rgba(86,39,170,.78));box-shadow:0 12px 28px rgba(5,17,62,.13);color:#fff}
.lsm-tab-visual:before{content:"";position:absolute;z-index:-1;inset:-35%;pointer-events:none;background:radial-gradient(ellipse at 12% 50%,rgba(55,142,255,.26),transparent 34%),radial-gradient(ellipse at 88% 28%,rgba(157,88,255,.20),transparent 38%);animation:lsm35Glow 26s ease-in-out infinite alternate}
.lsm-tab-visual-copy{position:relative;z-index:1;min-width:0}.lsm-tab-visual-copy>span{display:block;margin-bottom:8px;color:#ffdf82;font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.lsm-tab-visual-copy h3{max-width:720px;margin:0 0 7px;color:#fff;font-size:clamp(20px,2.3vw,30px);line-height:1.08;letter-spacing:-.035em}.lsm-tab-visual-copy p{max-width:660px;margin:0;color:rgba(245,248,255,.82);font-size:clamp(10px,1vw,13px);line-height:1.55}
.lsm-tab-visual-image{position:relative;justify-self:end;width:100%;max-width:360px;height:116px;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:15px;background:rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.2);transform:translateZ(0)}
.lsm-tab-visual-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(5,17,57,.1),transparent 52%,rgba(9,15,61,.12))}
.lsm-tab-visual-image img{display:block;width:100%;height:100%;object-fit:cover;animation:lsm35ImageFloat 12s ease-in-out infinite alternate;transform-origin:center}
.lsm-tab-visual--categories .lsm-tab-visual-image img,.lsm-tab-visual--products .lsm-tab-visual-image img,.lsm-tab-visual--offers .lsm-tab-visual-image img,.lsm-tab-visual--seller .lsm-tab-visual-image img,.lsm-tab-visual--seller-dashboard .lsm-tab-visual-image img{object-position:58% 48%}
.lsm-tab-visual--property .lsm-tab-visual-image img{object-position:center 56%}
.lsm-tab-visual--rides .lsm-tab-visual-image img,.lsm-tab-visual--driver-desk .lsm-tab-visual-image img{object-position:center 56%}
.lsm-tab-visual--restaurant-partner .lsm-tab-visual-image img{object-position:center 54%}
/* Keep banners harmonious with each page's existing palette. */
.lsm-tab-visual--food{background:linear-gradient(112deg,#461322,#a51e39 57%,#4d1267)}
.lsm-tab-visual--rides{background:linear-gradient(112deg,#053879,#075ebd 58%,#5326b6)}
.lsm-tab-visual--beauty{background:linear-gradient(112deg,#32164b,#7e2f90 60%,#bd4c83)}
.lsm-tab-visual--property{background:linear-gradient(112deg,#082d45,#176d72 60%,#947238)}
.lsm-tab-visual--seller,.lsm-tab-visual--seller-dashboard{background:linear-gradient(112deg,#073e38,#087a60 60%,#1c6b92)}
.lsm-tab-visual--driver-desk{background:linear-gradient(112deg,#073a82,#1263b4 60%,#3d27a1)}
.lsm-tab-visual--restaurant-partner{background:linear-gradient(112deg,#4c1b10,#b23a20 60%,#662d87)}
/* Image for the food tab uses the optimized food asset rather than an emoji-only placeholder. */
#foodDeliverySection .food-hero-art{position:relative;display:block!important;width:min(100%,340px);height:210px;aspect-ratio:auto;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:22px;background:rgba(255,255,255,.08);box-shadow:0 16px 32px rgba(0,0,0,.2)}
#foodDeliverySection .food-hero-art img{display:block;width:100%;height:100%;object-fit:cover;animation:lsm35ImageFloat 13s ease-in-out infinite alternate}
/* Beauty keeps its native hero content, with the library photo subtly moving in its existing image card. */
.lsm-hair-hero-card{background-size:auto 100%,auto 100%,auto,auto!important;animation:lsm35HeroBreath 22s ease-in-out infinite alternate}
.lsm-tab-visual--seller{margin-top:0}
#sellerHub .lsm-tab-visual{grid-column:1/-1;margin:-4px 0 4px;min-height:120px}
#sellerDashboardOverlay .lsm-tab-visual,#driverDeskOverlay .lsm-tab-visual,#foodPartnerOverlay .lsm-tab-visual{min-height:125px;margin:12px 0 17px;grid-template-columns:minmax(0,1.2fr) minmax(120px,.8fr)}
#sellerDashboardOverlay .lsm-tab-visual-copy h3,#driverDeskOverlay .lsm-tab-visual-copy h3,#foodPartnerOverlay .lsm-tab-visual-copy h3{font-size:21px}
#sellerDashboardOverlay .lsm-tab-visual-image,#driverDeskOverlay .lsm-tab-visual-image,#foodPartnerOverlay .lsm-tab-visual-image{height:94px}
@keyframes lsm35Glow{0%{transform:translate3d(-1%,0,0) scale(1)}100%{transform:translate3d(1.5%,1%,0) scale(1.05)}}
@keyframes lsm35ImageFloat{0%{transform:scale(1.015) translate3d(0,0,0)}100%{transform:scale(1.065) translate3d(-1.2%,.5%,0)}}
@keyframes lsm35HeroBreath{0%{background-position:0 0,100% 48%,0 0,0 0}100%{background-position:0 0,96% 52%,0 0,0 0}}
@media(max-width:760px){.lsm-tab-visual{grid-template-columns:minmax(0,1fr) minmax(104px,.72fr);gap:10px;min-height:112px;margin-bottom:12px;padding:13px;border-radius:15px}.lsm-tab-visual-copy>span{font-size:7px;letter-spacing:.11em;margin-bottom:6px}.lsm-tab-visual-copy h3{font-size:clamp(16px,4.5vw,21px);line-height:1.12}.lsm-tab-visual-copy p{font-size:9px;line-height:1.4}.lsm-tab-visual-image{height:86px;border-radius:11px}.lsm-tab-visual:before{animation-duration:34s}#foodDeliverySection .food-hero{grid-template-columns:minmax(0,1fr) minmax(100px,.65fr)!important;gap:10px!important}#foodDeliverySection .food-hero-art{justify-self:end;width:100%;height:108px;border-radius:13px}#foodDeliverySection .food-hero h2{font-size:clamp(25px,7vw,38px)!important}#foodDeliverySection .food-hero p{font-size:10px;line-height:1.45}.lsm-hair-hero-card{background-size:auto 100%,auto 100%,auto,auto!important}#sellerHub .lsm-tab-visual{grid-column:1/-1}#sellerDashboardOverlay .lsm-tab-visual,#driverDeskOverlay .lsm-tab-visual,#foodPartnerOverlay .lsm-tab-visual{grid-template-columns:minmax(0,1fr) 100px;min-height:105px;padding:11px}.lsm-tab-visual--seller-dashboard .lsm-tab-visual-image,#sellerDashboardOverlay .lsm-tab-visual-image,#driverDeskOverlay .lsm-tab-visual-image,#foodPartnerOverlay .lsm-tab-visual-image{height:80px}}
@media(max-width:420px){.lsm-tab-visual{grid-template-columns:minmax(0,1fr) 92px;gap:8px}.lsm-tab-visual-image{height:76px}.lsm-tab-visual-copy h3{font-size:16px}.lsm-tab-visual-copy p{font-size:8px}#foodDeliverySection .food-hero{grid-template-columns:1fr!important}#foodDeliverySection .food-hero-art{width:100%;height:124px;max-width:none;justify-self:stretch}#foodDeliverySection .food-hero-actions{gap:7px}#foodDeliverySection .food-hero-actions>*{min-width:0;max-width:100%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.lsm-tab-visual:before,.lsm-tab-visual-image img,#foodDeliverySection .food-hero-art img,.lsm-hair-hero-card{animation:none!important;transform:none!important}}