/* Mobile navigation for Haref Kemya. */
#haref-mobile-menu-toggle,#haref-mobile-menu{display:none}
@media(max-width:780px){#haref-mobile-menu-toggle{position:fixed;z-index:80;left:14px;top:12px;display:grid;place-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(135,230,239,.35);border-radius:50%;background:rgba(5,22,30,.83);box-shadow:0 10px 25px rgba(0,0,0,.25);backdrop-filter:blur(10px)}#haref-mobile-menu-toggle i{display:block;width:18px;height:1.5px;margin:2.5px;background:#8eeaf3;transition:transform .2s ease,opacity .2s ease}.haref-menu-open #haref-mobile-menu-toggle i:first-child{transform:translateY(4px) rotate(45deg)}.haref-menu-open #haref-mobile-menu-toggle i:nth-child(2){opacity:0}.haref-menu-open #haref-mobile-menu-toggle i:last-child{transform:translateY(-4px) rotate(-45deg)}#haref-mobile-menu{position:fixed;z-index:79;inset:0;display:block;visibility:hidden;pointer-events:none}.haref-menu-open #haref-mobile-menu{visibility:visible;pointer-events:auto}.haref-menu-shade{position:absolute;inset:0;width:100%;border:0;background:rgba(2,9,13,.64);opacity:0;transition:opacity .25s ease}.haref-menu-open .haref-menu-shade{opacity:1}.haref-menu-sheet{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(88vw,366px);padding:27px 21px 20px;background:linear-gradient(160deg,#0d3441,#061118 70%);border-left:1px solid rgba(132,224,236,.3);box-shadow:-30px 0 70px rgba(0,0,0,.35);transform:translateX(103%);transition:transform .32s cubic-bezier(.23,1,.32,1)}.haref-menu-open .haref-menu-sheet{transform:translateX(0)}.haref-menu-sheet header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 25px;border-bottom:1px solid rgba(255,255,255,.1)}.haref-menu-sheet header small{display:block;color:#8ce5ed;font:700 10px/1 monospace;letter-spacing:.16em}.haref-menu-sheet header strong{display:block;margin-top:7px;color:#f6fbfa;font-size:23px}.haref-menu-close{width:36px;height:36px;border:1px solid rgba(239,203,123,.4);border-radius:50%;background:transparent;color:#f3cf7b;font-size:27px;line-height:1}.haref-menu-sheet nav{display:block;margin-top:14px}.haref-menu-sheet nav a{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.09);color:inherit;text-decoration:none}.haref-menu-sheet nav b{color:#eac676;font:700 11px monospace}.haref-menu-sheet nav span{color:#f0f6f5;font-size:15px;font-weight:900}.haref-menu-sheet nav span small{display:block;margin-top:4px;color:#a7bdbe;font-size:10px;font-weight:500}.haref-menu-sheet nav i{color:#87e3ed;font-size:18px;font-style:normal}.haref-menu-sheet footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:20px}.haref-menu-sheet footer button{min-height:48px;border-radius:7px;font:800 13px 'Cairo',sans-serif}.haref-menu-login{border:1px solid rgba(139,231,240,.5);background:transparent;color:#a1edf5}.haref-menu-register{border:0;background:linear-gradient(135deg,#f0cf83,#bf8541);color:#08161d}}
@media(prefers-reduced-motion:reduce){#haref-mobile-menu-toggle i,.haref-menu-shade,.haref-menu-sheet{transition:none}}