@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("/catalog/view/javascript/highend_builder/fonts/clock-ibm-v1-400.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("/catalog/view/javascript/highend_builder/fonts/clock-ibm-v1-500.woff2") format("woff2");}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("/catalog/view/javascript/highend_builder/fonts/clock-manrope-v1-500.woff2") format("woff2");}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("/catalog/view/javascript/highend_builder/fonts/clock-manrope-v1-700.woff2") format("woff2");}
/* Compact watch-inspired clock, placed beside the store logo. */
.he-store-clock.he-header-clock{box-sizing:border-box;position:relative;isolation:isolate;display:block;flex:none;width:220px;min-height:82px;overflow:hidden;margin:0;border:1px solid #e5d9e8;border-radius:12px;background:linear-gradient(135deg,#172033 10%,#282135);color:#fff;box-shadow:0 6px 18px #1720330c,inset 0 1px 0 #ffffff12}
.he-header-clock:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:linear-gradient(#df62be,#b983e3);border-radius:2px}
.he-header-clock:after{content:"";position:absolute;z-index:-1;right:-30px;top:-60px;width:140px;height:140px;background:radial-gradient(circle,#c0008325,transparent 70%);pointer-events:none}
.he-header-clock .he-clock-wrap{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:80px;padding:8px 11px;gap:4px}
.he-header-clock .he-clock-face{display:flex;align-items:center;justify-content:center;gap:11px}
.he-header-clock .he-clock-watch{width:35px;height:35px;flex:none}.he-clock-watch svg{display:block;width:100%;height:100%}.he-clock-rim{stroke:#bdb2cb;stroke-width:1}.he-clock-ticks{stroke:#8b7e9c;stroke-width:1}.he-clock-hand-hour{stroke:#fff;stroke-width:2;stroke-linecap:round}.he-clock-hand-minute{stroke:#ec9cdb;stroke-width:1.5;stroke-linecap:round}.he-clock-hand-second{stroke:#ad83bb;stroke-width:.7}
.he-header-clock .he-clock-stack{min-width:0}.he-header-clock .he-clock-zone{font:400 8px/1.3 "IBM Plex Sans Arabic",Tahoma,sans-serif;color:#c3b4cf;text-align:left;margin:0 0 2px}
.he-header-clock .he-clock-time{font:700 23px/1.05 Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.5px;white-space:nowrap;color:#fff}
.he-header-clock .he-clock-seconds{font-size:12px;font-weight:500;color:#b2a5c0;letter-spacing:0}.he-header-clock .he-clock-period{display:inline-block;vertical-align:middle;font-size:8px;font-weight:700;margin-left:5px;letter-spacing:.4px;color:#f19ad9}
.he-header-clock .he-clock-dates{width:100%;text-align:center}.he-header-clock .he-clock-date{font:500 10.5px/1.35 "IBM Plex Sans Arabic",Tahoma,sans-serif;white-space:nowrap;color:#f0e8f5}.he-header-clock .he-clock-hijri{font:400 9.5px/1.35 "IBM Plex Sans Arabic",Tahoma,sans-serif;white-space:nowrap;color:#e3a7d7;margin-top:1px}
.header.he-clock-header,.he-cpu-shell .he-cp-header.he-clock-header{gap:22px}.he-clock-header>.search,.he-clock-header>.he-cp-search{min-width:160px;flex:1}
html[data-he-theme=dark] .he-store-clock.he-header-clock{border-color:#563b5c;background:linear-gradient(135deg,#192235,#2b2038);box-shadow:inset 0 1px 0 #ffffff0c}
@media(max-width:1100px) and (min-width:768px){.header.he-clock-header,.he-cpu-shell .he-cp-header.he-clock-header{gap:16px}.he-store-clock.he-header-clock{width:190px;min-height:80px}.he-header-clock .he-clock-wrap{padding:8px;min-height:78px}.he-header-clock .he-clock-face{gap:8px}.he-header-clock .he-clock-time{font-size:21px}.he-header-clock .he-clock-date{font-size:10px}.he-clock-header>.logo,.he-clock-header>.he-cp-logo,.he-clock-header .logo img,.he-clock-header .he-cp-logo img{width:138px}.he-clock-header .logo img,.he-clock-header .he-cp-logo img{height:80px}}
@media(max-width:767px){.header.he-clock-header,.he-cpu-shell .he-cp-header.he-clock-header{box-sizing:border-box;height:137px;display:grid;grid-template-columns:minmax(100px,1fr) 178px;grid-template-rows:74px 39px;gap:6px 12px;padding-top:8px;padding-bottom:10px;align-items:center}.he-clock-header>.logo,.he-clock-header>.he-cp-logo{grid-column:1;grid-row:1;width:112px;justify-self:start}.he-clock-header .logo img,.he-clock-header .he-cp-logo img{width:112px;height:62px;object-fit:contain}.he-clock-header>.he-header-clock{grid-column:2;grid-row:1;justify-self:end;width:178px;min-height:74px;max-width:100%;border-radius:11px}.he-header-clock .he-clock-wrap{min-height:72px;padding:7px 9px;gap:3px}.he-header-clock .he-clock-face{gap:8px}.he-header-clock .he-clock-watch{width:28px;height:28px}.he-header-clock .he-clock-time{font-size:21px}.he-header-clock .he-clock-seconds{font-size:10px}.he-header-clock .he-clock-period{font-size:7px;margin-left:4px}.he-header-clock .he-clock-zone{font-size:7px;margin-bottom:1px}.he-header-clock .he-clock-date{font-size:9.5px}.he-header-clock .he-clock-hijri{font-size:8.5px}.he-clock-header>.search,.he-clock-header>.he-cp-search{grid-row:2;grid-column:1/-1;min-width:0;height:39px;width:100%}.he-clock-header>.help,.he-clock-header>.he-cp-help{display:none!important}}
@media(max-width:350px){.header.he-clock-header,.he-cpu-shell .he-cp-header.he-clock-header{grid-template-columns:minmax(85px,1fr) 165px;column-gap:8px}.he-clock-header>.he-header-clock{width:165px}.he-clock-header>.logo,.he-clock-header>.he-cp-logo,.he-clock-header .logo img,.he-clock-header .he-cp-logo img{width:96px}.he-header-clock .he-clock-date{font-size:9px}.he-header-clock .he-clock-time{font-size:20px}}
@media print{.he-store-clock{display:none!important}}

/* Smaller mobile-only capsule. Desktop watch design remains unchanged. */
@media(max-width:767px){.header.he-clock-header,.he-cpu-shell .he-cp-header.he-clock-header{height:125px;grid-template-columns:minmax(100px,1fr) 144px;grid-template-rows:62px 39px;gap:6px 10px}.he-clock-header>.he-header-clock{width:144px;min-height:58px;border-radius:9px}.he-header-clock .he-clock-wrap{min-height:56px;padding:5px 7px;gap:2px}.he-header-clock .he-clock-watch,.he-header-clock .he-clock-zone,.he-header-clock .he-clock-seconds{display:none}.he-header-clock .he-clock-time{font-size:20px;line-height:1.05;letter-spacing:-.3px}.he-header-clock .he-clock-period{font-size:7px;margin-left:4px}.he-header-clock .he-clock-date{font-size:9px;line-height:1.3}.he-header-clock .he-clock-hijri{font-size:8px;line-height:1.3;margin-top:1px}.he-header-clock:before{top:9px;bottom:9px}}
@media(max-width:350px){.header.he-clock-header,.he-cpu-shell .he-cp-header.he-clock-header{grid-template-columns:minmax(90px,1fr) 136px;column-gap:8px}.he-clock-header>.he-header-clock{width:136px}.he-header-clock .he-clock-date{font-size:8.5px}}