/* DALEELAK V4: context-aware sector skins and ethical sponsored placement system */
:root{--v4-ink:#05232d;--v4-teal:#35d8cd;--v4-gold:#ffcb75;--v4-border:#3ae9d53d}
body[data-page=home]{background:#041923;color:#ebfafa}
body[data-page=home] .catalog-home,body[data-page=home] .discovery-section,body[data-page=home] .how-it-works{background:linear-gradient(135deg,#061c26,#052a35 60%,#071b26);color:#f3ffff}
body[data-page=home] .section-head h2,body[data-page=home] .premium-head h2,body[data-page=home] .free-paid-grid h2{color:#fff}
body[data-page=home] .section-head p,body[data-page=home] .catalog-home p,body[data-page=home] .discovery-section p,body[data-page=home] .how-it-works p{color:#afced3}
body[data-page=home] .premium-categories{grid-template-columns:repeat(5,minmax(0,1fr))}
body[data-page=home] .premium-category{min-height:205px;isolation:isolate;box-shadow:0 16px 35px #0004}
body[data-page=home] .premium-category.medical{background:linear-gradient(135deg,#073a53,#097db0);border-color:#5ceaff70;color:#fff}
.premium-category.medical img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.53;z-index:-1;transition:transform .7s}
.premium-category.medical::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#052f49dd,#052b471c);z-index:-1}
.premium-category.medical:hover img{transform:scale(1.12)}
body[data-page=home] .premium-category strong{font-size:clamp(13px,1.4vw,20px)}
body[data-page=home] .premium-category small,body[data-page=home] .premium-category div span{color:#daf1f2}
body[data-page=home] .premium-category:hover{box-shadow:0 16px 48px #3ce9d035,0 0 0 1px #a7fff97c;transform:translateY(-5px)}
body[data-page=home] .business-card{background:#082e3a;border:1px solid #36cbbb3f;box-shadow:0 9px 29px #0006;color:#fff;transition:transform .25s,box-shadow .25s}
body[data-page=home] .business-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px #16d3be27}
body[data-page=home] .business-card h3{color:#fff}
body[data-page=home] .business-card p,body[data-page=home] .mini-facts{color:#a9d7d8}
body[data-page=home] .loading,body[data-page=home] .empty{color:#cae6e7}
body[data-page=home] .promo-area{background:#041923}
body[data-page=home] .promo-art{border:1px solid var(--v4-border)}
body[data-page=home] .trust-strip{background:#0a3642;color:#ebfcfd;border-block:1px solid #3dced030}
body[data-page=home] .how-it-works .workflow-grid article{background:#09313d;border:1px solid #288e923a;color:#f2ffff}
body[data-page=home] .how-it-works h3{color:#fff}
body[data-page=home] .owner-banner{background:linear-gradient(100deg,#092d40,#08726c);border:1px solid #43e0d15b}
body[data-page=home] .site-footer{border-top:1px solid #32aaac33}
body[data-page=home] .premium-filters{border-color:#39a6ae60;background:#07313a}
body[data-page=home] .results-note,body[data-page=home] .section-label{color:#ffce79}
body[data-page=home] .hero-quick{flex-wrap:wrap}
body[data-page=home] .hero-quick .quick-tile{min-width:95px}
/* Sector pages switch backgrounds based on owner-selected industry. */
body[data-page=business]{background:#071e28;color:#eaf7f8}
body[data-page=business] main.container{padding-top:22px}
body[data-page=business] .biz-header h1{color:#fff}
body[data-page=business] .biz-header .muted{color:#bad3d4}
body[data-page=business] .biz-header .chip{background:#0e3a43;border:1px solid #42b9b14e;color:#e4fcfc}
body[data-page=business] .biz-header .tag{background:#0b5a65;color:#fff}
body[data-page=business] .surface{color:#142e37;background:#fff;border:1px solid #dce8e8}
body[data-page=business] .surface .muted{color:#5c7780}
body[data-page=business][data-sector=restaurant]{--sector-accent:#ff9e4d;--sector-glow:#d54f1c}
body[data-page=business][data-sector=shop]{--sector-accent:#4de3f4;--sector-glow:#087cb6}
body[data-page=business][data-sector=craft]{--sector-accent:#e6b75b;--sector-glow:#996b11}
body[data-page=business][data-sector=medical]{--sector-accent:#66cef4;--sector-glow:#1070ab}
.sector-hero{--sector-accent:#ffcd7a;position:relative;display:grid;align-items:end;isolation:isolate;min-height:240px;overflow:hidden;border-radius:23px;border:1px solid color-mix(in srgb,var(--sector-accent) 48%,transparent);background:#0b2d3e;box-shadow:0 18px 50px #0005;margin-bottom:22px}
.sector-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2;filter:saturate(1.18)}
.sector-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#061e2af2 0%,#071d2ca6 52%,#071e2935)}
.sector-hero-content{padding:35px clamp(20px,5vw,64px);max-width:810px;color:#fff}
.sector-hero-content>span{font-size:12px;color:var(--sector-accent);font-weight:850;letter-spacing:.4px}
.sector-hero-content h2{color:#fff;font-size:clamp(24px,3vw,39px);margin:10px 0}
.sector-hero-content p{color:#d9eeef;margin:0}
.sector-hero.sector-medical{border-color:#46bee8b0;background:#063a54}
.sector-hero.sector-medical:after{content:'✚';position:absolute;left:50px;top:22px;font-size:80px;color:#e4faff15}
.sector-hero.sector-restaurant:after{content:'✦';position:absolute;left:40px;top:15px;font-size:85px;color:#ffc37220}
body[data-page=business] .biz-banner{max-height:260px;border-radius:22px;border:1px solid #2d929545}
body[data-page=business] .btn:not(.btn-outline){background:var(--sector-accent,#ffcd78);color:#062331}
body[data-page=business] .biz-layout h2{color:#113343}
/* Sponsor cards: label always present, visually separate from free organic results. */
.paid-spot-holder[hidden],.sponsored-row[hidden]{display:none!important}
.paid-spot-holder{padding-block:26px 10px}
.sponsored-intro{display:flex;gap:15px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin:12px 0;color:#f4fbfc}
.sponsored-intro b{font-size:18px;color:#ffd17c}
.sponsored-intro span{font-size:12px;color:#b1ced0}
.sponsored-row{margin:26px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sponsored-row .sponsored-intro{grid-column:1/-1}
.sponsored-tile{overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#fff;background:linear-gradient(130deg,#083847,#092734);border:1px solid #efbd627d;border-radius:18px;box-shadow:0 12px 35px #0004;transition:transform .25s,box-shadow .25s}
.sponsored-tile:hover{transform:translateY(-4px);box-shadow:0 18px 40px #e6af2638;color:#fff}
.sponsored-picture{height:152px;background:radial-gradient(circle at 30% 40%,#159796,#092b39);overflow:hidden}
.sponsored-picture img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sponsored-tile:hover .sponsored-picture img{transform:scale(1.07)}
.sponsored-art{height:100%;display:grid;place-items:center;font-size:52px}
.sponsored-copy{padding:19px;display:grid;gap:6px}
.sponsored-disclosure{justify-self:start;background:#ffe3ad;color:#3e2405;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:850}
.sponsored-copy h3{margin:5px 0;color:#fff;font-size:20px}
.sponsored-copy p{margin:0;color:#cae8e7;line-height:1.6}
.sponsored-copy small{color:#97bdc1}
.sponsored-copy b{color:#ffcb75;padding-top:7px}
.sponsored-wide{display:grid;grid-template-columns:40% 60%;max-width:100%;margin-bottom:15px}
.sponsored-wide .sponsored-picture{height:220px;order:2}
.sponsored-wide .sponsored-copy{padding:26px 32px;align-content:center}
.free-paid-explainer{background:linear-gradient(135deg,#062d3a,#061a25);padding-block:50px;border-top:1px solid #3ce4d42e;color:#fff}
.free-paid-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.free-paid-grid article{background:#0b3443;border:1px solid #47b7ae50;border-radius:23px;padding:33px;display:grid;justify-items:start;align-content:center;gap:14px}
.free-paid-grid article.featured-explainer{background:linear-gradient(135deg,#3e2a18,#082f3a);border-color:#e9b46777}
.free-paid-grid h2{font-size:clamp(20px,2.5vw,29px);margin:0}
.free-paid-grid p{color:#c7e1e3;margin:0;line-height:1.9}
.premium-ad-intro{background:linear-gradient(135deg,#052f3f,#095d61);color:#fff;border-radius:22px;border:1px solid #52e4d063;padding:26px;margin-bottom:23px}
.premium-ad-intro h2{color:#fff}
.premium-ad-intro p{color:#cee8e7;line-height:1.75}
.ad-slot-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:20px}
.ad-slot-options>div{display:grid;gap:5px;background:#ffffff10;border:1px solid #ffffff32;padding:17px;border-radius:14px}
.ad-slot-options b{color:#ffe0a5}
.ad-slot-options small{color:#c4dce3;font-size:11px}
.ad-review-image{width:210px;height:100px;object-fit:cover;border-radius:10px}
/* Motion kept subtle and respects reduced-motion preferences. */
@keyframes daleelak-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.sector-hero-content,.premium-ad-intro,.free-paid-grid article{animation:daleelak-reveal .65s ease both}
@media(max-width:1120px){body[data-page=home] .premium-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.free-paid-grid{grid-template-columns:1fr}.ad-slot-options{grid-template-columns:1fr}.sponsored-row{grid-template-columns:1fr 1fr}.sponsored-wide{grid-template-columns:1fr}.sponsored-wide .sponsored-picture{height:180px;order:0}.sponsored-wide .sponsored-copy{padding:20px}.sector-hero{min-height:225px}.sector-hero-content{padding:24px}}
@media(max-width:550px){body[data-page=home] .premium-categories{grid-template-columns:1fr 1fr}.sponsored-row{grid-template-columns:1fr}.sponsored-tile .sponsored-picture{height:160px}.free-paid-grid article{padding:20px}.sector-hero{min-height:200px}.sector-hero-content h2{font-size:23px}body[data-page=home] .hero-quick .quick-tile{min-width:calc(20% - 8px);font-size:9px}}
@media(prefers-reduced-motion:reduce){.sector-hero-content,.premium-ad-intro,.free-paid-grid article{animation:none!important}.sponsored-tile,.premium-category.medical img{transition:none!important}}

.sponsor-stage .sponsored-wide[hidden]{display:none!important}.sponsor-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:-2px 0 20px}.sponsor-controls button{background:#0c3b47;border:1px solid #41d7c5;color:#ffcb75;border-radius:50%;width:37px;height:37px;cursor:pointer}.sponsor-controls button:hover{background:#155a63}.sponsor-counter{font-size:12px;color:#dcebee;min-width:45px;text-align:center}