/* Screen 14: native brand composition, not the square presentation poster. */
html[data-brand=amal] .amal-opening-brand{display:flex;flex-direction:column;align-items:center;gap:22px}
html[data-brand=amal] .amal-opening-brand .customer-brand.amal-original-brand{display:flex;flex-direction:column;align-items:center;gap:22px;margin:0}
html[data-brand=amal] .amal-opening-brand .customer-brand.amal-original-brand .customer-brand__mark{display:block;width:190px;height:162px;flex:none;background:none!important;filter:none}
html[data-brand=amal] .amal-opening-brand .customer-brand.amal-original-brand .customer-brand__name{display:block;width:246px;height:42px;flex:none;line-height:0}
html[data-brand=amal] .amal-opening-brand svg.amal-original-art{display:block;width:100%;height:100%;overflow:hidden}
html[data-brand=amal] .amal-opening-brand .customer-brand__mark svg{clip-path:polygon(2% 96%,10% 74%,11% 68%,31% 16%,36% 5%,43% 2%,55% 2%,61% 5%,66% 17%,87% 28%,93% 33%,94% 37%,93% 42%,88% 40%,96% 47%,99% 53%,98% 62%,88% 87%,92% 98%,76% 98%,69% 94%,63% 81%,55% 76%,40% 74%,27% 80%,15% 91%);mask-image:none;mix-blend-mode:lighten}
html[data-brand=amal] .amal-opening-brand .customer-brand__name svg{mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mix-blend-mode:lighten}
html[data-brand=amal] .amal-opening-tagline{font:400 10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:3px;color:#c8bb91;margin:0;text-align:center}
html[data-brand=amal][data-theme] .welcome-screen.welcome-amal{box-sizing:border-box;background:radial-gradient(ellipse at 50% 28%,#16473055,transparent 55%),#03170f;padding:56px 24px max(28px,env(safe-area-inset-bottom));min-height:100dvh;gap:36px;justify-content:space-between}
html[data-brand=amal] .welcome-amal>.amal-opening-brand{flex:1;justify-content:center;padding:0 0 20px;min-height:260px}
html[data-brand=amal] .welcome-amal .welcome-bottom{flex:none}
html[data-brand=amal] .welcome-amal .welcome-actions{display:grid;gap:12px}
html[data-brand=amal] .welcome-amal .welcome-button{min-height:52px;height:52px;border-radius:14px;font-size:16px}
html[data-brand=amal][data-theme] .app .lock.exact-loading{background:radial-gradient(ellipse at 50% 38%,#16473055,transparent 55%),#03170f;box-sizing:border-box;min-height:100dvh;padding:32px 24px 64px;color:#f5efd9}
html[data-brand=amal] .app .exact-loading .amal-opening-brand .customer-brand__mark{width:108px;height:92px}
html[data-brand=amal] .app .exact-loading .amal-opening-brand .customer-brand__name{width:168px;height:29px}
html[data-brand=amal] .app .exact-loading .amal-opening-brand .customer-brand{gap:17px}
html[data-brand=amal][data-theme] .app .exact-loading h2{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.2px;margin:36px 0 8px;color:#f5efd9}
html[data-brand=amal] .app .exact-loading p{font-size:12px;line-height:1.5;color:#a9bba9;margin:0}
html[data-brand=amal] .app .exact-loading-progress{width:52px;height:2px;margin-top:25px;background:#b8a67528}
html[data-brand=amal] .app .exact-loading-progress i{background:#d4bf82}
/* Explicit layers and an eager image: avoids an empty off-screen lazy banner. */
html[data-brand=amal] .app .p7-home .ad-travel{height:158px;min-height:158px!important;padding:18px!important;border-radius:16px!important;isolation:isolate;margin-bottom:8px}
html[data-brand=amal] .app .ad-travel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 52%;content:normal;z-index:0;opacity:1}
html[data-brand=amal] .app .ad-travel:after{z-index:1;background:linear-gradient(90deg,#041b16d9,#041b1645 55%,#041b1600)!important;pointer-events:none}
html[data-brand=amal] .app .ad-travel>span{z-index:2}
html[data-brand=amal] .app .ad-travel strong{font-size:23px!important;line-height:1.12;margin-top:10px;max-width:225px}
html[data-brand=amal] .app .ad-travel i{font-size:12px;color:#fff0c3}
html[data-brand=amal] .app .p7-home .ad-service-row{min-height:76px;padding:14px 0!important;gap:13px}
html[data-brand=amal] .app .ad-service-row .ad-mark{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#cbbc8520;color:#ddc894;display:grid;place-items:center}
html[data-brand=amal] .app .ad-service-row .ad-mark svg{width:21px;height:21px}
html[data-brand=amal] .app .ad-service-row.p7-exchange .ad-mark{background:#4d9e8a20;color:#8ccebb}
html[data-brand=amal] .app .ad-copy small{font-size:12px!important;line-height:1.5;letter-spacing:0}
html[data-brand=amal] .app .p7-home .ad-personal{margin-top:20px;padding:0 16px;border-radius:16px;background:linear-gradient(120deg,#102e23,#1f3224);border-color:#bbab7040}
html[data-brand=amal] .app .ad-personal .ad-concierge{min-height:96px;padding:18px 0!important;border-top:0}
html[data-brand=amal] .app .ad-personal .ad-concierge strong{font-size:18px!important;font-weight:550!important}
html[data-brand=amal] .app .ad-personal .ad-concierge small{max-width:235px}
html[data-brand=amal] .app .ad-personal .ad-request-row{min-height:76px}
html[data-brand=amal][data-theme=light] .app .p7-home .ad-personal{background:linear-gradient(120deg,#fffdf5,#eef2e8);border-color:#d4dccb}
html[data-brand=amal][data-theme=light] .app .ad-service-row .ad-mark{background:#f1ead7;color:#846932}
html[data-brand=amal][data-theme=light] .app .ad-service-row.p7-exchange .ad-mark{background:#e2efe5;color:#28624c}
html[data-brand=amal][data-theme] .app .exact-promo{color:#fff6de;background-color:#0a291e}
html[data-brand=amal][data-theme] .app .exact-promo strong{color:#fff6de}
html[data-brand=amal][data-theme] .app .exact-promo small{color:#e2e9dc}
@media(max-height:650px){html[data-brand=amal] .welcome-amal>.amal-opening-brand{padding-bottom:0;min-height:220px}html[data-brand=amal] .welcome-amal .amal-opening-brand .customer-brand__mark{width:152px;height:129px}html[data-brand=amal][data-theme] .welcome-screen.welcome-amal{padding-top:24px;gap:24px}}
@media(max-width:350px){html[data-brand=amal] .app .ad-travel strong{font-size:21px!important}html[data-brand=amal] .welcome-amal .amal-opening-brand .customer-brand.amal-original-brand .customer-brand__name{width:218px;height:37px}}
@media(prefers-reduced-motion:reduce){html[data-brand=amal] .exact-loading-progress i{animation:none;transform:none}}
