/* Brand polish, controlled motion and navigation */
body.okaz .ok-header{position:relative;z-index:30}
body.okaz .ok-logo,body.okaz .ok-brand{font-weight:900;letter-spacing:-1.4px}
body.okaz .ok-menu a{position:relative;padding-block:3px;transition:color .2s ease}
body.okaz .ok-menu a:after{content:"";position:absolute;bottom:-7px;left:0;right:100%;height:2px;background:#d9ad5e;transition:right .25s ease}
body.okaz .ok-menu a:hover{color:#ac7934}body.okaz .ok-menu a:hover:after{right:0}
body.okaz .ok-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 89% 35%,#39557d 0%,transparent 39%),linear-gradient(110deg,#0e1c36,#142947 70%,#0d1a30)}
body.okaz .ok-hero-copy,body.okaz .ok-hero-grid>div:first-child{position:relative;z-index:1}
body.okaz .ok-buttons a,body.okaz .ok-btn{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
body.okaz .ok-buttons a:hover,body.okaz .ok-btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px #050d1d44}
body.okaz .ok-categories>a{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(155deg,#f8fafc,#edf1f7);min-width:0;box-shadow:0 6px 24px #182b4807;transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
body.okaz .ok-categories>a:after{content:"";position:absolute;right:-42px;top:-42px;width:145px;height:145px;border-radius:50%;border:25px solid #c3a06a19;z-index:-1;transition:transform .4s ease}
body.okaz .ok-categories>a:hover{transform:translateY(-5px);border-color:#d9ad5e80;box-shadow:0 15px 35px #14243d15}
body.okaz .ok-categories>a:hover:after{transform:scale(1.35)}
body.okaz .ok-categories>a:nth-child(2n){background:linear-gradient(145deg,#f0f4fa,#e5ecf5)}
body.okaz .ok-categories>a:nth-child(3n){background:linear-gradient(145deg,#f9f8f4,#f0ece3)}
body.okaz .ok-categories h3{line-height:1.3;font-weight:750;color:#142743}
body.okaz .ok-grades>div{transition:border-color .25s ease,transform .25s ease,background .25s ease}
body.okaz .ok-grades>div:hover{transform:translateY(-3px);border-color:#d9ad5e;background:#ffffff08}
body.okaz .ok-footer a{transition:color .2s ease,transform .2s ease}
body.okaz .ok-footer a:hover{color:#e3b971;transform:translateX(3px)}
body.okaz .ok-content-card,body.okaz .ok-notfound{animation:ok-soft-in .5s ease both}
@keyframes ok-soft-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
body.okaz .ok-catalog-hero{background:linear-gradient(115deg,#0a172c,#243d62)}
body.okaz .ok-category-tabs a,body.okaz .ok-filter-submit{transition:background-color .2s,color .2s,transform .2s}
body.okaz .ok-category-tabs a:hover{transform:translateY(-2px)}
body.okaz .ok-site-search button:hover{background:#273e62}
@media(max-width:767px){body.okaz .ok-menu{scroll-snap-type:x proximity}body.okaz .ok-menu a{scroll-snap-align:start}body.okaz .ok-categories>a{min-height:142px}body.okaz .ok-hero{background:linear-gradient(125deg,#101d36,#233b5f)}}
@media(prefers-reduced-motion:reduce){body.okaz .ok-content-card,body.okaz .ok-notfound{animation:none!important}body.okaz .ok-categories>a:hover,body.okaz .ok-buttons a:hover,body.okaz .ok-grades>div:hover{transform:none!important}}