/* ENTALEK Portal OS v1.5.0 — unified ENTALEK identity system */
*{box-sizing:border-box}
html{background:var(--ep-bg-deep);scroll-behavior:smooth}
body.ep-body{
  margin:0;
  min-height:100vh;
  color:var(--ep-text);
  font-family:var(--ep-body-font),Tahoma,Arial,sans-serif;
  direction:rtl;
  background:
    radial-gradient(circle at 50% -8%,rgba(28,118,71,.16),transparent 34%),
    radial-gradient(circle at 100% 26%,rgba(16,79,52,.08),transparent 28%),
    linear-gradient(180deg,var(--ep-bg-deep),var(--ep-bg));
}
a{color:inherit}
body.ep-mode-home .ep-home-link{display:none!important}
button,input,textarea{font:inherit}
.ep-page{min-height:100vh;overflow:hidden}
.ep-top,.ep-content,.ep-footer{width:min(calc(100% - 28px),var(--ep-max));margin-inline:auto}
.ep-top{padding:16px 0 15px}
.ep-topbar{display:flex;align-items:center;gap:16px;margin-bottom:8px;min-height:82px}
.ep-topbar.is-home{justify-content:flex-start}
.ep-topbar.is-subpage{justify-content:space-between}
.ep-logo{max-width:132px;max-height:74px;object-fit:contain;background:#f8fbf9;border:1px solid rgba(255,255,255,.9);border-radius:17px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.24),0 0 18px rgba(105,237,0,.05)}
.ep-home-link,.ep-back{display:inline-flex;align-items:center;justify-content:center;color:var(--ep-yellow);text-decoration:none;border:1px solid var(--ep-border);background:linear-gradient(180deg,rgba(0,34,25,.95),rgba(0,23,17,.98));padding:10px 18px;border-radius:999px;font-weight:900;box-shadow:inset 0 0 20px rgba(105,237,0,.025),0 8px 24px rgba(0,0,0,.18);transition:.2s ease}
.ep-home-link:hover,.ep-back:hover{border-color:var(--ep-green);transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.22),0 0 16px rgba(105,237,0,.12)}

/* Identity */
.ep-main-title{
  width:100%;
  max-width:1180px;
  margin:12px auto 5px;
  text-align:center;
  font-family:var(--ep-title-font),Tahoma,sans-serif;
  font-size:clamp(96px,12.6vw,176px);
  line-height:.88;
  font-weight:900;
  letter-spacing:-4px;
  color:var(--ep-green);
  text-shadow:0 0 4px rgba(114,240,0,.88),0 0 15px rgba(114,240,0,.42),0 0 36px rgba(114,240,0,.16);
}
.ep-mode-section .ep-main-title,.ep-mode-service .ep-main-title,.ep-mode-info .ep-main-title{font-size:clamp(42px,6vw,78px);margin-top:4px}
.ep-tagline{text-align:center;font-size:clamp(17px,2vw,23px);font-weight:800;margin:8px 0 13px;color:var(--ep-text);opacity:.94}

/* Clock panel */
.ep-clock{
  position:relative;
  isolation:isolate;
  width:min(100%,920px);
  margin:18px auto 22px;
  padding:28px 30px 22px;
  overflow:visible;
  text-align:center;
  font-family:var(--ep-title-font),monospace;
  background:linear-gradient(145deg,#00120d,#001d11 64%,#002014);
  border:1px solid rgba(25,110,70,.78);
  border-radius:32px;
  box-shadow:0 22px 58px rgba(0,0,0,.38),inset 0 0 38px rgba(114,240,0,.018),0 0 20px rgba(114,240,0,.035);
}
.ep-clock:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,rgba(105,237,0,.07),transparent 28%,transparent 72%,rgba(105,237,0,.035));z-index:-1}
.ep-clock-glow{position:absolute;left:15%;right:15%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--ep-green),transparent);filter:blur(.4px);opacity:.75}
.ep-clock>span{display:block;font-size:clamp(64px,8.2vw,104px);font-weight:900;line-height:1.05;letter-spacing:1px}
.ep-clock-yellow>span{color:var(--ep-yellow);text-shadow:0 0 6px rgba(220,233,0,.9),0 0 18px rgba(220,233,0,.42),0 0 32px rgba(220,233,0,.16)}
.ep-clock-green>span{color:var(--ep-green);text-shadow:0 0 6px rgba(105,237,0,.9),0 0 18px rgba(105,237,0,.42),0 0 32px rgba(105,237,0,.16)}
.ep-date{margin:10px auto 4px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;font-family:var(--ep-title-font),Tahoma,sans-serif;font-size:clamp(19px,2.35vw,29px);font-weight:900;line-height:1.5;color:var(--ep-green);text-shadow:0 0 5px rgba(105,237,0,.7),0 0 14px rgba(105,237,0,.25)}
.ep-date-sep{color:var(--ep-yellow);opacity:.9;text-shadow:0 0 8px rgba(220,233,0,.35)}
.ep-clock small{display:block;margin-top:2px;color:var(--ep-muted);font-size:12px;font-weight:700}
.ep-location-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:9px;position:relative;z-index:20}
.ep-location-toggle,.ep-location-auto{border:1px solid var(--ep-border);background:#001b14;color:var(--ep-text);font:800 13px var(--ep-body-font),Tahoma,sans-serif;padding:7px 13px;border-radius:999px;cursor:pointer;transition:.2s ease}
.ep-location-toggle:hover,.ep-location-auto:hover{border-color:var(--ep-green);color:#fff;box-shadow:0 0 12px rgba(105,237,0,.1)}
.ep-location-picker{width:min(100%,560px);position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:10px;margin-top:8px;background:rgba(0,13,10,.99);border:1px solid var(--ep-border);border-radius:17px;box-shadow:0 18px 48px rgba(0,0,0,.42)}
.ep-location-picker input{width:100%;border:1px solid var(--ep-border);background:#002419;color:var(--ep-text);border-radius:12px;padding:12px 14px;font:700 15px var(--ep-body-font),Tahoma,sans-serif;outline:none}
.ep-location-picker input:focus{border-color:var(--ep-green);box-shadow:0 0 0 2px rgba(105,237,0,.08)}
.ep-city-suggestions{display:grid;gap:5px;margin-top:7px;max-height:260px;overflow:auto}
.ep-city-suggestions[hidden]{display:none}
.ep-city-suggestions button{width:100%;text-align:right;border:1px solid transparent;border-radius:10px;padding:9px 11px;background:var(--ep-panel-alt);color:var(--ep-text);font:700 14px var(--ep-body-font),Tahoma,sans-serif;cursor:pointer}
.ep-city-suggestions button:hover{border-color:var(--ep-border);background:#00271c;color:var(--ep-yellow)}

/* Global web search — one clean pill */
.ep-search-zone{width:min(100%,1100px);margin:3px auto 7px;position:relative}
.ep-searchbar{width:100%;height:66px;display:flex;direction:ltr;align-items:center;overflow:hidden;background:#f5f7f5;border:2px solid rgba(255,255,255,.92);border-radius:999px;box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 20px rgba(105,237,0,.04);transition:.2s ease}
.ep-searchbar:focus-within{border-color:rgba(105,237,0,.78);box-shadow:0 13px 36px rgba(0,0,0,.31),0 0 24px rgba(105,237,0,.12)}
.ep-searchbar input{min-width:0;-webkit-appearance:none!important;appearance:none!important;flex:1;height:100%;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#13241d;font:800 18px var(--ep-body-font),Tahoma,sans-serif;padding:0 22px;text-align:right;direction:rtl;-webkit-appearance:none;appearance:none}
.ep-searchbar input::placeholder{color:#687a72;font-weight:700;opacity:1}
.ep-searchbar button{flex:0 0 64px;width:64px;height:100%;border:0!important;border-radius:0!important;background:transparent!important;color:#0c6a42;font:900 37px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center}
.ep-search-note{display:block;min-height:19px;padding:4px 20px 0;color:var(--ep-yellow);font-weight:800;font-size:13px;text-align:right;text-shadow:0 0 8px rgba(220,233,0,.24)}

/* Internal ENTALEK search */
.ep-internal-search-wrap{position:relative;width:min(100%,760px);margin:4px auto 18px;z-index:16}
.ep-internal-searchbar{height:48px;display:flex;direction:ltr;align-items:center;overflow:hidden;background:linear-gradient(180deg,#001b14,#00130e);border:1px solid var(--ep-border);border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 0 20px rgba(105,237,0,.018)}
.ep-internal-searchbar:focus-within{border-color:var(--ep-green);box-shadow:0 8px 24px rgba(0,0,0,.22),0 0 16px rgba(105,237,0,.09)}
.ep-internal-searchbar button{flex:0 0 48px;width:48px;height:100%;border:0;background:transparent;color:var(--ep-green);font:900 27px Arial;cursor:pointer}
.ep-internal-searchbar input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--ep-text);font:800 15px var(--ep-body-font),Tahoma,sans-serif;text-align:right;direction:rtl;padding:0 14px}
.ep-internal-searchbar input::placeholder{color:var(--ep-muted)}
.ep-internal-label{direction:rtl;flex:0 0 auto;margin-left:10px;padding:5px 10px;border:1px solid rgba(105,237,0,.18);border-radius:999px;color:var(--ep-muted);font-size:11px;font-weight:900;white-space:nowrap}
.ep-internal-results{position:absolute;top:calc(100% + 7px);right:0;left:0;padding:7px;background:rgba(0,13,10,.99);border:1px solid var(--ep-border);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.44);max-height:330px;overflow:auto}
.ep-internal-results[hidden]{display:none}
.ep-internal-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;color:var(--ep-text);text-decoration:none;text-align:right;border-radius:10px}
.ep-internal-result:hover{background:#001f17}
.ep-internal-result strong{font-size:15px}
.ep-internal-result small{color:var(--ep-muted);font-size:11px}
.ep-internal-result.is-disabled{opacity:.62;cursor:default}
.ep-internal-result .ep-result-status{color:var(--ep-yellow);font-weight:900;font-size:11px}
.ep-internal-empty{padding:12px;text-align:center;color:var(--ep-muted);font-weight:700}

/* Salah & Quran */
.ep-sacred-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ep-gap);margin:8px 0 18px}
.ep-promo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:96px;background:linear-gradient(145deg,var(--ep-panel-alt),var(--ep-panel));border:1px solid var(--ep-border);border-radius:var(--ep-radius);overflow:hidden;text-decoration:none;color:var(--ep-text);box-shadow:0 11px 34px rgba(0,0,0,.22),inset 0 0 22px rgba(105,237,0,.018);transition:.2s ease}
a.ep-promo:hover{transform:translateY(-2px);border-color:var(--ep-green);box-shadow:0 12px 34px rgba(0,0,0,.25),0 0 16px rgba(105,237,0,.08)}
.ep-promo.is-coming-soon{cursor:default;opacity:.9}
.ep-promo img{width:100%;height:96px;object-fit:cover;display:block}
.ep-promo strong{padding:12px 18px;font-family:var(--ep-title-font);font-size:clamp(17px,2vw,24px);color:var(--ep-green);text-shadow:0 0 10px rgba(105,237,0,.22);white-space:nowrap}
.ep-promo-placeholder{height:96px;display:grid;place-items:center;font-size:42px;background:radial-gradient(circle,rgba(220,233,0,.11),transparent 62%);color:var(--ep-yellow)}
.ep-promo-badge{top:8px;right:8px}

/* Hero */
.ep-hero{margin-inline:auto;background:var(--ep-panel);border:1px solid var(--ep-border);border-radius:var(--ep-radius);padding:7px;overflow:hidden;box-shadow:0 15px 46px rgba(0,0,0,.28),0 0 20px rgba(105,237,0,.035)}
.ep-hero-main{width:min(100%,1180px)}
.ep-hero-sub{width:min(100%,980px)}
.ep-hero img{width:100%;height:auto;object-fit:contain;display:block;border-radius:calc(var(--ep-radius) - 8px)}

/* Sections */
.ep-content{padding:0 0 24px}
.ep-sections{display:grid;gap:calc(var(--ep-gap) + 9px)}
.ep-section-card{margin-top:calc(var(--ep-gap) + 8px);background:linear-gradient(180deg,var(--ep-panel),rgba(0,9,6,.985));border:1px solid var(--ep-border);border-radius:var(--ep-radius);padding:15px;box-shadow:0 17px 48px rgba(0,0,0,.24),inset 0 0 26px rgba(105,237,0,.018)}
.ep-section-banner{display:flex;align-items:center;justify-content:center;width:min(100%,900px);height:300px;margin:0 auto;border:1px solid rgba(7,83,51,.76);border-radius:calc(var(--ep-radius) - 6px);overflow:hidden;background:#002116;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.26)}
.ep-section-banner img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:auto;border-radius:calc(var(--ep-radius) - 11px)}
.ep-section-card>h2{text-align:center;margin:16px 0 18px;font-family:var(--ep-title-font);font-size:clamp(27px,3.45vw,43px);line-height:1.25}
.ep-section-card>h2 a,.ep-section-card>h2{color:var(--ep-green);text-decoration:none;text-shadow:0 0 5px rgba(105,237,0,.58),0 0 17px rgba(105,237,0,.2)}

/* Auto-centred, self-reflowing cards */
.ep-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,270px));justify-content:center;justify-items:center;align-items:stretch;gap:var(--ep-gap);width:100%}
.ep-item-card{position:relative;display:flex;width:100%;max-width:270px;flex-direction:column;min-width:0;background:linear-gradient(180deg,var(--ep-panel-alt),rgba(0,13,10,.99));border:1px solid var(--ep-border);border-radius:calc(var(--ep-radius) - 4px);overflow:hidden;text-decoration:none;color:var(--ep-text);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;min-height:150px}
a.ep-item-card:hover{transform:translateY(-3px);border-color:var(--ep-green);box-shadow:0 11px 30px rgba(0,0,0,.3),0 0 16px rgba(105,237,0,.08)}
.ep-item-card.is-coming-soon{cursor:default;opacity:.92}
.ep-item-img{flex:0 0 auto;background:#002419;display:grid;place-items:center;overflow:hidden;aspect-ratio:2.745/1}
.ep-item-img img{width:100%;height:100%;display:block;object-fit:contain}
.ep-item-card h3{margin:0;min-height:60px;display:grid;place-items:center;padding:11px 10px;text-align:center;font-family:var(--ep-title-font);font-size:clamp(18px,1.8vw,23px);line-height:1.35;color:var(--ep-yellow);text-shadow:0 0 5px rgba(220,233,0,.5),0 0 15px rgba(220,233,0,.17)}
.ep-coming-badge{position:absolute;z-index:3;top:9px;right:9px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#e8f200,#cddd00);color:#102000;font:900 14px var(--ep-title-font),Tahoma,sans-serif;border:1px solid rgba(255,255,255,.7);box-shadow:0 0 7px rgba(220,233,0,.65),0 0 18px rgba(220,233,0,.26)}
.ep-item-card.is-coming-soon .ep-item-img{filter:saturate(.78) brightness(.9)}
.ep-coming-large{display:inline-block;margin:0 auto 18px;padding:9px 24px;border-radius:999px;background:var(--ep-yellow);color:#102000;font:900 clamp(21px,3vw,31px) var(--ep-title-font),Tahoma,sans-serif;box-shadow:0 0 10px rgba(220,233,0,.55),0 0 24px rgba(220,233,0,.2)}
.ep-single-section{margin-top:0}

/* Service and info pages */
.ep-service-card{background:linear-gradient(180deg,var(--ep-panel),#002419);border:1px solid var(--ep-border);border-radius:var(--ep-radius);padding:clamp(24px,4vw,46px);text-align:center;margin-top:8px;box-shadow:0 15px 44px rgba(0,0,0,.24)}
.ep-service-card h2{font-family:var(--ep-title-font);color:var(--ep-green);font-size:clamp(28px,4vw,48px);text-shadow:0 0 13px rgba(105,237,0,.24)}
.ep-service-card p{font-size:18px;line-height:1.9;color:var(--ep-muted);max-width:820px;margin:0 auto 22px}
.ep-info-service-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ep-info-service-links a{min-width:220px;text-align:center;text-decoration:none;color:var(--ep-text);background:var(--ep-panel-alt);border:1px solid var(--ep-border);border-radius:15px;padding:14px 18px;font-weight:900;transition:.2s ease}
.ep-info-service-links a:hover{border-color:var(--ep-green);color:var(--ep-green);transform:translateY(-2px)}
.ep-contact-form{width:min(100%,720px);margin:0 auto;display:grid;gap:14px;text-align:right}
.ep-contact-form label{display:grid;gap:6px;color:var(--ep-text);font-weight:800}
.ep-contact-form input,.ep-contact-form textarea{width:100%;border:1px solid var(--ep-border);background:#002419;color:var(--ep-text);border-radius:14px;padding:12px 14px;outline:none}
.ep-contact-form input:focus,.ep-contact-form textarea:focus{border-color:var(--ep-green);box-shadow:0 0 0 2px rgba(105,237,0,.07)}
.ep-contact-form button{justify-self:center;border:1px solid var(--ep-green);background:#082a1c;color:var(--ep-text);border-radius:999px;padding:10px 28px;font-weight:900;cursor:pointer}
.ep-form-message{width:min(100%,720px);margin:0 auto 15px;padding:11px 15px;border-radius:12px;background:#1e2410;border:1px solid #7f8519;color:#f6f8d5}
.ep-form-message.is-success{background:#0a2619;border-color:#2c8054;color:#dbf7e7}
.ep-form-message.is-error{background:#2b1313;border-color:#8a3636;color:#ffdede}

/* Footer — always active, with internal fallbacks */
.ep-footer{padding:9px 0 28px}
.ep-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--ep-gap)}
.ep-footer-card{display:block;background:linear-gradient(180deg,var(--ep-panel-alt),var(--ep-panel));border:1px solid var(--ep-border);border-radius:var(--ep-radius);padding:20px;text-decoration:none;color:var(--ep-text);transition:.2s ease;box-shadow:0 10px 28px rgba(0,0,0,.17)}
.ep-footer-card:hover{transform:translateY(-2px);border-color:var(--ep-green);box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 14px rgba(105,237,0,.06)}
.ep-footer-card h3{margin:0 0 8px;color:var(--ep-green);font-family:var(--ep-title-font);font-size:22px}
.ep-footer-card p{margin:0;color:var(--ep-muted);line-height:1.8}
.ep-copyright{text-align:center;color:var(--ep-muted);padding:22px 0 0;font-size:13px}

@media(max-width:920px){
  .ep-main-title{font-size:clamp(58px,11vw,92px)}
  .ep-items-grid{grid-template-columns:repeat(auto-fit,minmax(225px,270px))}
  .ep-item-card{max-width:270px}
  .ep-section-banner{width:min(100%,860px);height:290px}
}

@media(max-width:720px){
  .ep-top,.ep-content,.ep-footer{width:min(calc(100% - 16px),var(--ep-max))}
  .ep-top{padding-top:9px}
  .ep-topbar{min-height:64px;margin-bottom:3px}
  .ep-logo{max-width:98px;max-height:58px;border-radius:13px;padding:6px}
  .ep-home-link{padding:7px 12px;font-size:13px}
  .ep-main-title{font-size:clamp(60px,18vw,84px);letter-spacing:-1px;margin-top:4px}
  .ep-mode-section .ep-main-title,.ep-mode-service .ep-main-title,.ep-mode-info .ep-main-title{font-size:clamp(35px,10vw,52px)}
  .ep-tagline{font-size:16px;margin-top:7px}
  .ep-clock{border-radius:22px;padding:15px 10px 13px;margin:10px auto 14px}
  .ep-clock>span{font-size:clamp(42px,14vw,60px)}
  .ep-date{display:grid;gap:1px;font-size:clamp(17px,5.3vw,22px);margin-top:8px}
  .ep-date-sep{display:none}
  .ep-hijri,.ep-gregorian{display:block;text-align:center}
  .ep-location-tools{margin-top:7px}
  .ep-location-picker{width:calc(100vw - 32px)}
  .ep-searchbar{height:56px}
  .ep-searchbar input{font-size:16px;padding:0 14px}
  .ep-searchbar button{flex-basis:54px;width:54px;font-size:31px}
  .ep-internal-search-wrap{margin-bottom:14px}
  .ep-internal-label{display:none}
  .ep-sacred-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
  .ep-promo{grid-template-columns:1fr;gap:0;min-height:0;border-radius:15px}
  .ep-promo img,.ep-promo-placeholder{height:auto;aspect-ratio:2.745/1;object-fit:cover}
  .ep-promo strong{font-size:14px;text-align:center;padding:8px;white-space:normal}
  .ep-promo-badge{top:5px;right:5px}
  .ep-hero{padding:4px;border-radius:16px}
  .ep-section-card{padding:8px;border-radius:18px}
  .ep-section-banner{width:min(100%,620px);height:220px;padding:5px;border-radius:14px}
  .ep-section-banner img{width:100%;height:100%;object-fit:contain}
  .ep-section-card>h2{margin:12px 0 13px;font-size:clamp(24px,8vw,34px)}
  .ep-items-grid{gap:10px}
  .ep-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-item-card{width:100%;max-width:none;border-radius:15px;min-height:0}
  .ep-item-card h3{min-height:52px;font-size:clamp(14px,4.5vw,18px);padding:8px 6px}
  .ep-coming-badge{top:5px;right:5px;font-size:11px;padding:4px 8px}
  .ep-footer-grid{grid-template-columns:1fr}
}

@media(max-width:440px){
  .ep-items-grid{grid-template-columns:1fr}
  .ep-item-card{width:100%}
  .ep-sacred-grid{grid-template-columns:1fr}
}

/* =========================================================
   ENTALEK Portal OS v1.5.0 — Unified Identity System
   ========================================================= */

/* Homepage wordmark: stretch horizontally without increasing its vertical size. */
.ep-main-title{
  line-height:1.06;
  letter-spacing:0;
  overflow:visible;
  margin:8px auto 0;
}
.ep-main-title-text{display:inline-block;transform-origin:center center;will-change:transform}
.ep-mode-home .ep-main-title{
  font-size:clamp(92px,11.4vw,168px);
  padding-inline:8%;
  margin-bottom:0;
}
.ep-mode-home .ep-main-title-text{transform:scaleX(1.72)}
.ep-mode-section .ep-main-title-text,
.ep-mode-service .ep-main-title-text,
.ep-mode-info .ep-main-title-text,
.ep-mode-unit .ep-main-title-text{transform:none}
.ep-tagline{
  position:relative;
  z-index:2;
  margin:20px 0 18px;
  line-height:1.6;
  font-size:clamp(18px,2vw,24px);
  color:var(--ep-text);
  opacity:.96;
}

/* Clock: thinner digits, brighter phosphor, Latin AM/PM, 12/24 toggle. */
.ep-time-line{
  direction:ltr;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:12px;
  white-space:nowrap;
}
.ep-time-digits{
  display:inline-block;
  font-family:var(--ep-title-font),Tahoma,Arial,sans-serif;
  font-size:clamp(64px,8.2vw,104px);
  font-weight:700;
  line-height:1.04;
  letter-spacing:1px;
}
.ep-period{
  display:inline-block;
  margin-bottom:.55em;
  font-family:Arial,sans-serif;
  font-size:clamp(15px,1.55vw,22px);
  font-weight:800;
  line-height:1;
  letter-spacing:.5px;
  color:var(--ep-green);
  text-shadow:0 0 7px rgba(120,255,0,.48);
}
.ep-clock-yellow .ep-time-digits{
  color:#f5ff00;
  text-shadow:0 0 4px rgba(245,255,0,.98),0 0 13px rgba(245,255,0,.58),0 0 26px rgba(245,255,0,.20);
}
.ep-clock-green .ep-time-digits{
  color:#7cff00;
  text-shadow:0 0 4px rgba(124,255,0,.98),0 0 13px rgba(124,255,0,.58),0 0 26px rgba(124,255,0,.20);
}
.ep-time-format-toggle{
  border:1px solid var(--ep-border);
  background:#001b14;
  color:var(--ep-yellow);
  font:900 12px var(--ep-body-font),Tahoma,sans-serif;
  padding:7px 13px;
  border-radius:999px;
  cursor:pointer;
  transition:.2s ease;
}
.ep-time-format-toggle:hover{border-color:var(--ep-green);color:#fff;box-shadow:0 0 12px rgba(120,255,0,.12)}

/* Every wrapped row is independently centered, not only the first row. */
.ep-items-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:var(--ep-gap)!important;
  width:100%;
}
.ep-items-grid>.ep-item-card{
  flex:0 1 270px;
  width:270px;
  max-width:270px;
}

/* Same ENTALEK identity around real tool/unit pages while preserving the tool UI itself. */
body.ep-unified-tool-page{
  background:
    radial-gradient(circle at 50% -8%,rgba(28,118,71,.16),transparent 34%),
    radial-gradient(circle at 100% 26%,rgba(16,79,52,.08),transparent 28%),
    linear-gradient(180deg,var(--ep-bg-deep),var(--ep-bg))!important;
  color:var(--ep-text)!important;
  min-height:100vh;
}
body.ep-unified-tool-page #page,
body.ep-unified-tool-page .site,
body.ep-unified-tool-page .site-content,
body.ep-unified-tool-page #content{
  background:transparent!important;
}
body.ep-unified-tool-page #masthead,
body.ep-unified-tool-page header.site-header,
body.ep-unified-tool-page .site-header,
body.ep-unified-tool-page #colophon,
body.ep-unified-tool-page footer.site-footer,
body.ep-unified-tool-page .site-footer{
  display:none!important;
}
.ep-unified-shell{
  direction:rtl;
  width:100%;
  color:var(--ep-text);
  font-family:var(--ep-body-font),Tahoma,Arial,sans-serif;
  background:
    radial-gradient(circle at 50% -8%,rgba(28,118,71,.16),transparent 34%),
    linear-gradient(180deg,var(--ep-bg-deep),var(--ep-bg));
}
.ep-unified-shell .ep-top{width:min(calc(100% - 28px),var(--ep-max));margin-inline:auto;padding:16px 0 22px}
.ep-unified-shell.ep-mode-unit .ep-main-title{font-size:clamp(44px,6vw,80px);margin-top:4px;margin-bottom:14px;line-height:1.2}
.ep-unified-shell.ep-mode-unit .ep-hero{margin-bottom:8px}
.ep-unified-shell.ep-mode-unit + #page,
.ep-unified-shell.ep-mode-unit + .site{margin-top:0!important}

/* Duplicate banner removed by JS leaves no visual gap. */
[data-ep-duplicate-banner-hidden]{display:none!important}

@media(max-width:920px){
  .ep-mode-home .ep-main-title{font-size:clamp(70px,12vw,110px);padding-inline:5%}
  .ep-mode-home .ep-main-title-text{transform:scaleX(1.38)}
  .ep-items-grid>.ep-item-card{flex-basis:270px;width:270px;max-width:270px}
}

@media(max-width:720px){
  .ep-mode-home .ep-main-title{font-size:clamp(60px,18vw,84px);padding-inline:3%;line-height:1.08}
  .ep-mode-home .ep-main-title-text{transform:scaleX(1.16)}
  .ep-tagline{margin:14px 0 13px;font-size:16px}
  .ep-time-line{gap:7px}
  .ep-time-digits{font-size:clamp(43px,14vw,61px);font-weight:700}
  .ep-period{font-size:13px;margin-bottom:.5em}
  .ep-items-grid>.ep-item-card{
    flex:0 1 calc(50% - 6px);
    width:calc(50% - 6px);
    max-width:270px;
  }
  .ep-unified-shell .ep-top{width:min(calc(100% - 16px),var(--ep-max));padding-top:9px}
  .ep-unified-shell.ep-mode-unit .ep-main-title{font-size:clamp(34px,10vw,52px);margin-bottom:10px}
}

@media(max-width:440px){
  .ep-items-grid>.ep-item-card{flex-basis:100%;width:100%;max-width:100%}
}

/* =========================================================
   ENTALEK Portal OS v1.5.0 — Brighter phosphor + Satellite Identity
   ========================================================= */

/* Brighter, crisper ENTALEK phosphor without the washed-out look. */
.ep-main-title,
.ep-section-card>h2,
.ep-section-card>h2 a,
.ep-service-card h2,
.ep-footer-card h3,
.ep-promo strong{
  color:#86ff00!important;
  opacity:1!important;
  text-shadow:
    0 0 2px rgba(220,255,185,.98),
    0 0 8px rgba(134,255,0,.98),
    0 0 20px rgba(134,255,0,.58),
    0 0 38px rgba(134,255,0,.22)!important;
}
.ep-item-card h3,
.ep-home-link,.ep-back{
  color:#fff800!important;
  opacity:1!important;
  text-shadow:
    0 0 2px rgba(255,255,220,.98),
    0 0 8px rgba(255,248,0,.92),
    0 0 18px rgba(255,248,0,.46)!important;
}
.ep-tagline{color:#f4fff7!important;opacity:1!important;text-shadow:0 0 8px rgba(244,255,247,.14)}
.ep-date{
  color:#86ff00!important;
  opacity:1!important;
  text-shadow:0 0 2px rgba(224,255,195,.98),0 0 8px rgba(134,255,0,.96),0 0 20px rgba(134,255,0,.48)!important;
}
.ep-date-sep{color:#fff800!important;opacity:1!important;text-shadow:0 0 8px rgba(255,248,0,.85)!important}
.ep-clock small{color:#d7eee0!important;opacity:1!important}
.ep-clock-yellow .ep-time-digits{
  color:#fff800!important;
  font-weight:650!important;
  -webkit-text-stroke:.25px #fff800;
  text-shadow:
    0 0 2px rgba(255,255,230,1),
    0 0 7px rgba(255,248,0,1),
    0 0 18px rgba(255,248,0,.74),
    0 0 34px rgba(255,248,0,.34)!important;
}
.ep-clock-green .ep-time-digits{
  color:#86ff00!important;
  font-weight:650!important;
  -webkit-text-stroke:.25px #86ff00;
  text-shadow:
    0 0 2px rgba(235,255,220,1),
    0 0 7px rgba(134,255,0,1),
    0 0 18px rgba(134,255,0,.74),
    0 0 34px rgba(134,255,0,.34)!important;
}
.ep-period{color:#aaff42!important;text-shadow:0 0 7px rgba(134,255,0,.9)!important}

/* Every row of cards is centered, including the last incomplete row. */
.ep-items-grid{
  display:flex!important;
  flex-flow:row wrap!important;
  justify-content:center!important;
  align-content:flex-start!important;
  align-items:stretch!important;
  gap:var(--ep-gap)!important;
  width:100%!important;
  margin-inline:auto!important;
}
.ep-items-grid>.ep-item-card{
  flex:0 0 270px!important;
  width:270px!important;
  max-width:270px!important;
  margin:0!important;
}

/* Satellite/tool pages: ENTALEK identity owns the page background and start area. */
body.ep-unified-tool-page{
  margin:0!important;
  background:#002213!important;
  color:#f4fff7!important;
}
body.ep-unified-tool-page #page,
body.ep-unified-tool-page .site,
body.ep-unified-tool-page .site-content,
body.ep-unified-tool-page #content,
body.ep-unified-tool-page .content-area,
body.ep-unified-tool-page .site-main,
body.ep-unified-tool-page main{
  background:transparent!important;
}
body.ep-unified-tool-page #masthead,
body.ep-unified-tool-page header.site-header,
body.ep-unified-tool-page .site-header,
body.ep-unified-tool-page #colophon,
body.ep-unified-tool-page footer.site-footer,
body.ep-unified-tool-page .site-footer,
body.ep-unified-tool-page .page-header,
body.ep-unified-tool-page .entry-header:has(h1){
  display:none!important;
}
.ep-unified-shell{
  position:relative;
  z-index:20;
  background:
    radial-gradient(circle at 50% -10%,rgba(35,140,84,.18),transparent 34%),
    linear-gradient(180deg,#00140a,#002213)!important;
  border-bottom:1px solid rgba(11,138,79,.42);
}
.ep-unified-shell .ep-top{padding-bottom:26px!important}
.ep-unified-shell.ep-mode-unit .ep-main-title{
  color:#86ff00!important;
  font-size:clamp(52px,7vw,94px)!important;
  margin:12px auto 18px!important;
  line-height:1.08!important;
}
.ep-unified-shell.ep-mode-unit .ep-clock{margin-top:12px!important}
.ep-unit-banner-slot{
  width:min(100%,980px)!important;
  min-height:0;
  margin:18px auto 0!important;
}
.ep-unit-banner-slot.is-empty{display:none}
.ep-unit-banner-slot img{width:100%!important;height:auto!important;object-fit:contain!important;display:block!important}
[data-ep-duplicate-banner-hidden],
[data-ep-duplicate-title-hidden]{display:none!important}

/* Let the original tool continue below the unified identity, but on ENTALEK's dark canvas. */
body.ep-unified-tool-page article,
body.ep-unified-tool-page .entry-content,
body.ep-unified-tool-page .page-content{
  background:transparent!important;
}
body.ep-unified-tool-page .entry-content,
body.ep-unified-tool-page .page-content,
body.ep-unified-tool-page .site-main{
  color:#f4fff7;
}

@media(max-width:720px){
  .ep-items-grid>.ep-item-card{flex:0 0 calc(50% - 6px)!important;width:calc(50% - 6px)!important;max-width:270px!important}
  .ep-unified-shell.ep-mode-unit .ep-main-title{font-size:clamp(38px,11vw,58px)!important}
}
@media(max-width:440px){
  .ep-items-grid>.ep-item-card{flex:0 0 100%!important;width:100%!important;max-width:100%!important}
}


/* =========================================================
   ENTALEK Portal OS v1.6.1 — Official ENTALEK Phosphor Identity
   Reference: official ENTALEK logo/icon + approved dark green identity screens.
   Home = section banners only; branches live inside section pages.
   ========================================================= */
:root{color-scheme:dark}
html{background:#00140a!important}
body.ep-body,
body.ep-unified-tool-page,
.ep-unified-shell{
  background:
    radial-gradient(circle at 50% -10%,rgba(112,255,0,.11),transparent 34%),
    radial-gradient(circle at 93% 8%,rgba(0,255,170,.055),transparent 27%),
    linear-gradient(180deg,#00140a 0%,#001a0f 48%,#002213 100%)!important;
  color:#f4fff7!important;
}
.ep-page{background:transparent!important}
.ep-unified-shell{border-bottom:1px solid rgba(97,255,0,.30)!important}
.ep-topbar{min-height:72px}
.ep-logo{
  max-width:150px!important;max-height:92px!important;object-fit:contain!important;
  background:#002116!important;border:1px solid rgba(134,255,0,.34)!important;border-radius:18px!important;padding:6px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.52),0 0 22px rgba(134,255,0,.12)!important;
}
.ep-main-title,.ep-section-card>h2,.ep-section-card>h2 a,.ep-service-card h2,.ep-footer-card h3,.ep-promo strong{
  color:#86ff00!important;text-shadow:0 0 2px rgba(230,255,210,.96),0 0 9px rgba(134,255,0,.90),0 0 24px rgba(134,255,0,.42)!important;
}
.ep-item-card h3,.ep-home-link,.ep-back{color:#d9ff00!important;text-shadow:0 0 8px rgba(217,255,0,.40)!important}
.ep-tagline{color:#f4fff7!important;text-shadow:0 0 8px rgba(244,255,247,.12)!important}
.ep-home-link,.ep-back,.ep-location-toggle,.ep-location-auto,.ep-time-format-toggle{
  background:linear-gradient(180deg,#002016,#00130d)!important;border:1px solid rgba(134,255,0,.34)!important;color:#d9ff00!important;
  box-shadow:0 8px 22px rgba(0,0,0,.30),inset 0 0 16px rgba(134,255,0,.025)!important;
}
.ep-home-link:hover,.ep-back:hover,.ep-location-toggle:hover,.ep-location-auto:hover,.ep-time-format-toggle:hover{
  border-color:#86ff00!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.38),0 0 18px rgba(134,255,0,.16)!important;
}
.ep-clock{
  background:linear-gradient(145deg,#00170f,#001d11 65%,#002419)!important;border:1px solid rgba(79,194,40,.62)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 0 32px rgba(134,255,0,.025),0 0 24px rgba(134,255,0,.04)!important;
}
.ep-clock:before{background:linear-gradient(110deg,rgba(134,255,0,.075),transparent 31%,transparent 72%,rgba(0,255,174,.045))!important}
.ep-clock-glow{background:linear-gradient(90deg,transparent,#86ff00,#00f59d,#86ff00,transparent)!important}
.ep-clock-yellow .ep-time-digits{color:#d9ff00!important;-webkit-text-stroke:.2px #d9ff00!important;text-shadow:0 0 3px #f5ffe1,0 0 9px rgba(217,255,0,.95),0 0 23px rgba(217,255,0,.46)!important}
.ep-clock-green .ep-time-digits{color:#86ff00!important;-webkit-text-stroke:.2px #86ff00!important;text-shadow:0 0 3px #ebffdc,0 0 9px rgba(134,255,0,.95),0 0 23px rgba(134,255,0,.46)!important}
.ep-period{color:#b9ff4b!important;text-shadow:0 0 7px rgba(134,255,0,.65)!important}
.ep-date{color:#86ff00!important;text-shadow:0 0 8px rgba(134,255,0,.70)!important}
.ep-date-sep{color:#d9ff00!important;text-shadow:0 0 8px rgba(217,255,0,.58)!important}
.ep-clock small{color:#c1d9c8!important}
.ep-location-picker,.ep-internal-results{background:rgba(0,13,8,.99)!important;border:1px solid rgba(86,190,45,.46)!important;box-shadow:0 18px 48px rgba(0,0,0,.56)!important}
.ep-location-picker input{background:#00130c!important;color:#f4fff7!important;border-color:#2f7d21!important}
.ep-city-suggestions button{background:#00190f!important;color:#e8fff0!important}
.ep-city-suggestions button:hover,.ep-internal-result:hover{background:#00271a!important;color:#d9ff00!important}
.ep-searchbar{background:#f8fbf9!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 12px 34px rgba(0,0,0,.36),0 0 20px rgba(134,255,0,.035)!important}
.ep-searchbar:focus-within{border-color:#86ff00!important;box-shadow:0 12px 34px rgba(0,0,0,.40),0 0 0 4px rgba(134,255,0,.06)!important}
.ep-searchbar button{color:#176f36!important}
.ep-search-note{color:#d9ff00!important;text-shadow:0 0 7px rgba(217,255,0,.30)!important}
.ep-internal-searchbar{background:linear-gradient(180deg,#001b12,#001109)!important;border:1px solid rgba(73,174,37,.45)!important;box-shadow:0 9px 24px rgba(0,0,0,.28)!important}
.ep-internal-searchbar input{color:#f4fff7!important}.ep-internal-searchbar button{color:#86ff00!important}
.ep-internal-label{color:#b7d2c0!important;border-color:rgba(134,255,0,.18)!important}
.ep-internal-result{color:#eefcf2!important;border-bottom-color:rgba(255,255,255,.045)!important}
.ep-internal-result .ep-result-status{color:#d9ff00!important}
.ep-hero{background:#002419!important;border:1px solid rgba(68,166,31,.40)!important;box-shadow:0 18px 48px rgba(0,0,0,.44),0 0 22px rgba(134,255,0,.035)!important}
.ep-sacred-grid,.ep-content{position:relative}
.ep-promo,.ep-section-card,.ep-service-card,.ep-footer-card{
  background:linear-gradient(145deg,#001b12,#001109)!important;border-color:rgba(65,163,29,.46)!important;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 0 22px rgba(134,255,0,.018)!important;
}
.ep-item-card{background:linear-gradient(145deg,#00180f,#000f09)!important;border-color:rgba(62,160,27,.45)!important;box-shadow:0 11px 28px rgba(0,0,0,.30)!important}
.ep-item-card:hover,.ep-footer-card:hover,.ep-promo:hover{border-color:#86ff00!important;box-shadow:0 15px 36px rgba(0,0,0,.38),0 0 18px rgba(134,255,0,.10)!important}
.ep-coming-badge,.ep-coming-large{background:#d9ff00!important;color:#001004!important;border-color:#efff89!important}
.ep-footer,.ep-copyright{color:#b7d2c0!important}
.ep-contact-form input,.ep-contact-form textarea{background:#002419!important;color:#f4fff7!important;border-color:#2f7d21!important}
.ep-contact-form input:focus,.ep-contact-form textarea:focus{border-color:#86ff00!important;box-shadow:0 0 0 2px rgba(134,255,0,.06)!important}
.ep-contact-form button{background:linear-gradient(135deg,#55c800,#86ff00)!important;color:#001004!important;border:0!important;box-shadow:0 8px 20px rgba(95,220,0,.16)!important}

/* Home: ONLY top-level section banners. No branch banners are rendered here. */
.ep-home-sections{width:min(100%,1260px);margin:22px auto 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ep-home-section-banner{
  display:block;width:100%;aspect-ratio:2048/746;overflow:hidden;border-radius:22px;background:#002419;
  border:1px solid rgba(79,194,40,.52);box-shadow:0 14px 36px rgba(0,0,0,.38),0 0 18px rgba(134,255,0,.035);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none;
}
.ep-home-section-banner:hover{transform:translateY(-3px);border-color:#86ff00;box-shadow:0 20px 46px rgba(0,0,0,.44),0 0 22px rgba(134,255,0,.11)}
.ep-home-section-banner img{display:block;width:100%;height:100%;object-fit:cover}
.ep-home-section-banner span{
  display:grid;place-items:center;width:100%;height:100%;padding:20px;color:#86ff00;
  font:900 30px var(--ep-title-font),Tahoma,sans-serif;background:linear-gradient(135deg,#001b12,#002419);
  text-shadow:0 0 8px rgba(134,255,0,.55);
}
.ep-mode-section .ep-section-card{margin-top:18px}.ep-mode-section .ep-section-card>h2{margin-top:4px}

@media(max-width:900px){.ep-home-sections{grid-template-columns:1fr;gap:14px}}
@media(max-width:720px){
  .ep-top,.ep-content,.ep-footer{width:min(calc(100% - 16px),var(--ep-max))}
  .ep-clock{border-radius:22px!important;padding:22px 14px 18px!important}.ep-hero-main{width:100%!important}
  .ep-logo{max-width:114px!important;max-height:72px!important;border-radius:14px!important;padding:4px!important}
  .ep-home-sections{
    display:flex;grid-template-columns:none;gap:12px;width:calc(100vw - 16px);margin:16px calc(50% - 50vw) 28px 0;padding:2px 8px 12px;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;
  }
  .ep-home-section-banner{flex:0 0 min(88vw,520px);width:min(88vw,520px);border-radius:17px;scroll-snap-align:center}
}

/* =========================================================
   ENTALEK Portal OS v1.7.1 — Deep Green Phosphor Identity Fix
   Corrects V1.7.0 black canvas. Reference palette sampled from
   the approved ENTALEK Tansiq identity screenshots:
   deep green canvas + phosphor green highlights.
   ========================================================= */
html{
  background:#00140a!important;
}
body.ep-body,
body.ep-unified-tool-page{
  background:
    radial-gradient(circle at 50% -8%,rgba(134,255,0,.10),transparent 31%),
    radial-gradient(circle at 92% 18%,rgba(0,230,130,.07),transparent 25%),
    linear-gradient(180deg,#00301c 0%,#002213 38%,#001a0f 76%,#00140a 100%)!important;
  background-attachment:fixed!important;
}
.ep-page{
  background:linear-gradient(180deg,rgba(0,43,25,.24),rgba(0,28,16,.08))!important;
}
.ep-unified-shell{
  background:
    radial-gradient(circle at 50% -10%,rgba(134,255,0,.09),transparent 32%),
    linear-gradient(180deg,#00301c,#002213 58%,#001a0f)!important;
  border-bottom-color:rgba(134,255,0,.34)!important;
}

/* Main surfaces: visibly green, not black. */
.ep-clock{
  background:linear-gradient(145deg,#003522,#002719 58%,#001f14)!important;
  border-color:rgba(134,255,0,.40)!important;
}
.ep-location-picker,
.ep-internal-results{
  background:rgba(0,34,19,.985)!important;
}
.ep-location-picker input,
.ep-contact-form input,
.ep-contact-form textarea{
  background:#002719!important;
}
.ep-city-suggestions button{
  background:#002b1b!important;
}
.ep-internal-searchbar{
  background:linear-gradient(180deg,#00301f,#002419)!important;
}
.ep-hero{
  background:#002719!important;
  border-color:rgba(134,255,0,.38)!important;
}
.ep-promo,
.ep-section-card,
.ep-service-card,
.ep-footer-card{
  background:linear-gradient(145deg,#00321f,#002719 58%,#002014)!important;
  border-color:rgba(134,255,0,.32)!important;
}
.ep-item-card{
  background:linear-gradient(145deg,#00301e,#002418)!important;
  border-color:rgba(134,255,0,.30)!important;
}
.ep-section-banner,
.ep-item-img,
.ep-home-section-banner{
  background:#002719!important;
}
.ep-home-section-banner span{
  background:linear-gradient(135deg,#003421,#002719)!important;
}
.ep-home-link,
.ep-back,
.ep-location-toggle,
.ep-location-auto,
.ep-time-format-toggle{
  background:linear-gradient(180deg,#003522,#002719)!important;
}
.ep-search-zone + *{}
.ep-footer-card,
.ep-service-card,
.ep-section-card,
.ep-promo,
.ep-item-card,
.ep-clock,
.ep-hero{
  box-shadow:0 14px 34px rgba(0,18,10,.30),0 0 18px rgba(134,255,0,.035)!important;
}

/* Keep black only as a subtle shadow, never as the page/surface color. */
.ep-logo{
  background:#002719!important;
  border-color:rgba(134,255,0,.38)!important;
}


/* =========================================================
   ENTALEK Portal OS v1.7.3 — MOBILE-ONLY HOME COMPOSITION
   Desktop/tablet >720px intentionally preserves the V1.7.2 layout.
   Mobile order: title → hero → language/identity → clock/date → Salah/Quran → searches → section rows.
   ========================================================= */
.ep-home-section-row{display:contents}
.ep-mobile-controls-slot{display:none}

@media(max-width:720px){
  /* Home only: compact mobile sequence. Desktop is untouched. */
  .ep-mode-home .ep-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .ep-mode-home .ep-topbar.is-home{display:none!important}
  .ep-mode-home .ep-main-title{order:1!important;margin:4px auto 8px!important}
  /* The requested mobile sequence places the hero directly after the ENTALEK title. */
  .ep-mode-home .ep-tagline{display:none!important}
  .ep-mode-home .ep-hero-main{order:2!important;margin:0 auto 8px!important;width:100%!important}
  .ep-mode-home .ep-mobile-controls-slot{order:3!important}
  .ep-mode-home .ep-clock{order:4!important}
  .ep-mode-home .ep-sacred-grid{order:5!important}
  .ep-mode-home .ep-search-zone{order:6!important}
  .ep-mode-home .ep-internal-search-wrap{order:7!important}

  /* Language + identity controls moved here by frontend.js only on mobile. */
  .ep-mobile-controls-slot:not([hidden]){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin:0 auto 8px!important;
    padding:0!important;
  }
  .ep-mobile-controls-slot[data-count="1"]{grid-template-columns:1fr!important}
  .ep-mobile-controls-slot > *{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:3px 5px!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }
  .ep-mobile-controls-slot label,
  .ep-mobile-controls-slot [class*="label"]{
    font-size:10px!important;
    line-height:1.2!important;
  }
  .ep-mobile-controls-slot select{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:2px 8px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1.1!important;
  }

  /* Clock/date stays full width after the tiny language/identity row. */
  .ep-mode-home .ep-clock{
    margin:0 auto 10px!important;
    width:100%!important;
  }

  /* Salah + Quran: two compact-but-readable cards on one line. */
  .ep-mode-home .ep-sacred-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0 auto 10px!important;
  }
  .ep-mode-home .ep-promo{
    min-width:0!important;
    border-radius:14px!important;
  }
  .ep-mode-home .ep-promo img,
  .ep-mode-home .ep-promo-placeholder{
    width:100%!important;
    height:auto!important;
    aspect-ratio:2.745/1!important;
    object-fit:cover!important;
  }
  .ep-mode-home .ep-promo strong{
    font-size:11.5px!important;
    line-height:1.25!important;
    padding:5px 4px 6px!important;
    white-space:normal!important;
    text-align:center!important;
  }

  /* Keep both search boxes exactly in their current mobile visual sizing; only their order changes. */
  .ep-mode-home .ep-search-zone,
  .ep-mode-home .ep-internal-search-wrap{width:100%!important}

  /* Section banners: rows of up to 3 sections. Each row swipes independently. */
  .ep-mode-home .ep-home-sections{
    display:block!important;
    width:100%!important;
    margin:14px auto 26px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .ep-mode-home .ep-home-section-row{
    display:flex!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:2px 1px 9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
  }
  .ep-mode-home .ep-home-section-row .ep-home-section-banner{
    flex:0 0 min(86vw,520px)!important;
    width:min(86vw,520px)!important;
    min-width:0!important;
    border-radius:17px!important;
    scroll-snap-align:center!important;
  }
  /* A final row with one section fills the line and has no pointless horizontal motion. */
  .ep-mode-home .ep-home-section-row-count-1{
    overflow-x:hidden!important;
    scroll-snap-type:none!important;
  }
  .ep-mode-home .ep-home-section-row-count-1 .ep-home-section-banner{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* ENTALEK Portal OS v1.7.8 — SINGLE-SOURCE section banners.
   The card background and IMG always use the same current admin-selected URL.
   Built-in artwork is used only when no custom banner is saved. */
.ep-home-section-banner{
  background-color:#002719!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.ep-home-section-banner img{
  position:relative;
  z-index:1;
  background:transparent!important;
}


/* V1.7.13 — non-blocking ENTALEK location consent + clean first paint */
.ep-date .ep-hijri:empty + .ep-date-sep{display:none}
.ep-geo-nudge{margin:10px auto 0;width:min(92%,620px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid rgba(134,255,0,.48);border-radius:14px;background:rgba(0,34,19,.96);color:#f4fff7;font:700 12px var(--ep-body-font),Tahoma,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.ep-geo-nudge>div{display:flex;gap:6px;flex:0 0 auto}.ep-geo-nudge button{border:1px solid rgba(134,255,0,.55);background:#001a0f;color:#86ff00;border-radius:999px;padding:6px 10px;font:800 11px var(--ep-body-font),Tahoma,sans-serif;cursor:pointer}.ep-geo-nudge button:hover{background:#00301f;color:#fff}
@media(max-width:600px){.ep-geo-nudge{font-size:11px;padding:8px 10px;align-items:flex-start}.ep-geo-nudge>div{gap:4px}.ep-geo-nudge button{padding:5px 8px;font-size:10px}}