@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")}
.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 #eae4ed;border-radius:13px;background:#fff;color:#172033;box-shadow:0 3px 14px #281d3706}
.he-header-clock:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;background:#c00083;border-radius:0 3px 3px 0}
.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:5px}
.he-header-clock .he-clock-face{display:flex;align-items:center;justify-content:center;gap:12px}
.he-header-clock .he-clock-watch{width:32px;height:32px;flex:none;border-radius:50%;background:#fcf5fa}
.he-clock-watch svg{display:block;width:100%;height:100%}.he-clock-rim{stroke:#d7b0cd;stroke-width:1}.he-clock-ticks{stroke:#a88aa6;stroke-width:1}.he-clock-hand-hour{stroke:#253047;stroke-width:2;stroke-linecap:round}.he-clock-hand-minute{stroke:#c00083;stroke-width:1.6;stroke-linecap:round}.he-clock-hand-second{display:none}
.he-header-clock .he-clock-stack{min-width:0}.he-header-clock .he-clock-zone{font:500 9px/1.35 "IBM Plex Sans Arabic",Tahoma,sans-serif;color:#817488;text-align:left;margin:0 0 2px}
.he-header-clock .he-clock-time{display:flex;align-items:center;gap:7px;font:700 26px/1 Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.7px;white-space:nowrap;color:#172033}
.he-header-clock .he-clock-seconds{display:none}.he-header-clock .he-clock-period{display:inline-flex;align-items:center;justify-content:center;font:700 8px/1 Manrope,Arial,sans-serif;letter-spacing:.5px;color:#aa0878;background:#fcf0f8;border:1px solid #f2dceb;border-radius:5px;padding:4px 5px;margin:0}
.he-header-clock .he-clock-dates{width:100%;text-align:center}.he-header-clock .he-clock-date{font:500 10px/1.4 "IBM Plex Sans Arabic",Tahoma,sans-serif;white-space:nowrap;color:#51465d}.he-header-clock .he-clock-hijri{font:400 9px/1.35 "IBM Plex Sans Arabic",Tahoma,sans-serif;white-space:nowrap;color:#9a377e;margin-top:2px}
.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}
@media(min-width:768px) and (max-width:1100px){.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{min-height:78px;padding:7px}.he-header-clock .he-clock-time{font-size:24px}.he-header-clock .he-clock-face{gap:9px}.he-header-clock .he-clock-date{font-size:9.5px}.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:125px;display:grid;grid-template-columns:minmax(100px,1fr) 148px;grid-template-rows:62px 39px;gap:6px 10px;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:148px;min-height:60px;max-width:100%;border-radius:10px}.he-header-clock .he-clock-wrap{min-height:58px;padding:6px 5px;gap:4px}.he-header-clock .he-clock-watch,.he-header-clock .he-clock-zone{display:none}.he-header-clock .he-clock-time{font-size:21px;letter-spacing:-.5px;gap:5px}.he-header-clock .he-clock-period{font-size:7px;padding:3px 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:2px}.he-header-clock:before{top:12px;bottom:12px;width:2px}.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) 136px;column-gap:8px}.he-clock-header>.he-header-clock{width:136px}.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:8.5px}}
@media print{.he-store-clock{display:none!important}}