@media (max-width:768px){
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav){
	--alk-bar-bg:var(--alk-mobile-bar-bg,#fff);
	--alk-bar-text:var(--alk-mobile-bar-text,#475467);
	--alk-bar-active:var(--alk-mobile-bar-active,#0867cf);
	--alk-bar-height:var(--alk-mobile-bar-height,66px);
	--alk-bar-radius:var(--alk-mobile-bar-radius,18px);
	--alk-bar-margin:var(--alk-mobile-bar-side-margin,10px);
	--alk-bar-border:var(--alk-mobile-bar-border-width,1px);
	--alk-bar-active-size:var(--alk-mobile-bar-active-size,48px);
	--alk-bar-blur:var(--alk-mobile-bar-blur,14px);
	--alk-bar-lift:var(--alk-mobile-bar-center-lift,14px);
	isolation:isolate;
	overflow:visible!important
}
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav) :where(.alk-mobile-nav-item,.alk-mobile-custom-item){
	position:relative;
	min-width:0;
	color:var(--alk-bar-text)!important;
	transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease
}
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav) :where(.alk-mobile-nav-icon,.alk-mobile-custom-icon){
	width:var(--alk-mobile-nav-icon-size,22px)!important;
	height:var(--alk-mobile-nav-icon-size,22px)!important
}
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav) :where(.alk-mobile-nav-item,.alk-mobile-custom-item)>b{
	font-family:var(--khutaa-font-menu,inherit)!important;
	font-size:var(--alk-mobile-nav-label-size,11px)!important
}

/* رصيف دائري */
body.alk-mobile-bar-style-dock :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-dock{
	left:var(--alk-bar-margin)!important;
	right:var(--alk-bar-margin)!important;
	bottom:calc(var(--alk-bar-margin) + env(safe-area-inset-bottom,0px))!important;
	width:auto!important;
	min-height:var(--alk-bar-height)!important;
	padding:6px!important;
	border:var(--alk-bar-border) solid color-mix(in srgb,var(--alk-bar-text) 18%,transparent)!important;
	border-radius:calc(var(--alk-bar-radius) + 8px)!important;
	background:var(--alk-bar-bg)!important;
	box-shadow:0 12px 35px rgba(15,23,42,.20)!important
}
body.alk-mobile-bar-style-dock :where(.alk-mobile-nav-item,.alk-mobile-custom-item),
.is-bar-dock :where(.alk-mobile-nav-item,.alk-mobile-custom-item){border-radius:calc(var(--alk-bar-radius) - 3px)!important}
body.alk-mobile-bar-style-dock :where(.is-sheet-active,.current-menu-item,.is-center-item),
.is-bar-dock :where(.is-sheet-active,.current-menu-item,.is-center-item){background:color-mix(in srgb,var(--alk-bar-active) 14%,transparent)!important;color:var(--alk-bar-active)!important}

/* زر وسطي مرتفع */
body.alk-mobile-bar-style-raised-center :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-raised-center{
	background:var(--alk-bar-bg)!important;
	border-top:var(--alk-bar-border) solid color-mix(in srgb,var(--alk-bar-text) 18%,transparent)!important;
	box-shadow:0 -8px 24px rgba(15,23,42,.13)!important
}
body.alk-mobile-bar-style-raised-center :where(.is-center-item),
.is-bar-raised-center :where(.is-center-item){
	align-self:flex-start!important;
	width:var(--alk-bar-active-size)!important;
	height:var(--alk-bar-active-size)!important;
	min-height:var(--alk-bar-active-size)!important;
	margin:calc(var(--alk-bar-lift) * -1) auto 0!important;
	border:4px solid var(--alk-bar-bg)!important;
	border-radius:50%!important;
	background:var(--alk-mobile-item-accent,var(--alk-bar-active))!important;
	color:#fff!important;
	box-shadow:0 8px 20px color-mix(in srgb,var(--alk-bar-active) 40%,transparent)!important;
	z-index:3
}
body.alk-mobile-bar-style-raised-center :where(.is-center-item)>b,
.is-bar-raised-center :where(.is-center-item)>b{position:absolute;top:calc(100% + 2px);color:var(--alk-bar-text)!important;white-space:nowrap}
body.alk-mobile-bar-style-raised-center :where(.is-center-item) :where(svg,.alk-mobile-custom-icon),
.is-bar-raised-center :where(.is-center-item) :where(svg,.alk-mobile-custom-icon){color:#fff!important}

/* بطاقات منفصلة */
body.alk-mobile-bar-style-segmented :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-segmented{
	gap:6px!important;
	padding:6px var(--alk-bar-margin) calc(6px + env(safe-area-inset-bottom,0px))!important;
	background:transparent!important;
	box-shadow:none!important
}
body.alk-mobile-bar-style-segmented :where(.alk-mobile-nav-item,.alk-mobile-custom-item),
.is-bar-segmented :where(.alk-mobile-nav-item,.alk-mobile-custom-item){
	min-height:calc(var(--alk-bar-height) - 8px)!important;
	border:var(--alk-bar-border) solid color-mix(in srgb,var(--alk-bar-text) 16%,transparent)!important;
	border-radius:var(--alk-bar-radius)!important;
	background:var(--alk-bar-bg)!important;
	box-shadow:0 6px 16px rgba(15,23,42,.10)!important
}
body.alk-mobile-bar-style-segmented :where(.is-sheet-active,.is-center-item),
.is-bar-segmented :where(.is-sheet-active,.is-center-item){border-color:var(--alk-bar-active)!important;color:var(--alk-bar-active)!important}

/* العنصر النشط كبسولة */
body.alk-mobile-bar-style-pill-active :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-pill-active{
	padding:6px!important;
	background:var(--alk-bar-bg)!important;
	border-top:var(--alk-bar-border) solid color-mix(in srgb,var(--alk-bar-text) 16%,transparent)!important
}
body.alk-mobile-bar-style-pill-active :where(.alk-mobile-nav-item,.alk-mobile-custom-item),
.is-bar-pill-active :where(.alk-mobile-nav-item,.alk-mobile-custom-item){border-radius:999px!important}
body.alk-mobile-bar-style-pill-active :where(.is-sheet-active,.is-center-item),
.is-bar-pill-active :where(.is-sheet-active,.is-center-item){background:var(--alk-bar-active)!important;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb,var(--alk-bar-active) 32%,transparent)!important}
body.alk-mobile-bar-style-pill-active :where(.is-sheet-active,.is-center-item) :where(svg,.alk-mobile-custom-icon),
.is-bar-pill-active :where(.is-sheet-active,.is-center-item) :where(svg,.alk-mobile-custom-icon){color:#fff!important}

/* خط علوي */
body.alk-mobile-bar-style-top-line :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-top-line{background:var(--alk-bar-bg)!important;border-top:1px solid color-mix(in srgb,var(--alk-bar-text) 16%,transparent)!important;box-shadow:none!important}
body.alk-mobile-bar-style-top-line :where(.alk-mobile-nav-item,.alk-mobile-custom-item)::before,
.is-bar-top-line :where(.alk-mobile-nav-item,.alk-mobile-custom-item)::before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;border-radius:0 0 5px 5px;background:transparent}
body.alk-mobile-bar-style-top-line :where(.is-sheet-active,.is-center-item)::before,
.is-bar-top-line :where(.is-sheet-active,.is-center-item)::before{background:var(--alk-bar-active)}
body.alk-mobile-bar-style-top-line :where(.is-sheet-active,.is-center-item),
.is-bar-top-line :where(.is-sheet-active,.is-center-item){color:var(--alk-bar-active)!important}

/* متدرج */
body.alk-mobile-bar-style-gradient :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-gradient{
	background:linear-gradient(135deg,var(--alk-bar-bg),var(--alk-bar-active))!important;
	border-top:0!important;
	box-shadow:0 -10px 28px color-mix(in srgb,var(--alk-bar-active) 22%,transparent)!important
}
body.alk-mobile-bar-style-gradient :where(.alk-mobile-nav-item,.alk-mobile-custom-item),
.is-bar-gradient :where(.alk-mobile-nav-item,.alk-mobile-custom-item){color:#fff!important}
body.alk-mobile-bar-style-gradient :where(.is-sheet-active,.is-center-item),
.is-bar-gradient :where(.is-sheet-active,.is-center-item){background:rgba(255,255,255,.18)!important;border-radius:var(--alk-bar-radius)!important}

/* مضغوط */
body.alk-mobile-bar-style-compact :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-compact{min-height:54px!important;height:54px!important;padding-top:3px!important;padding-bottom:calc(3px + env(safe-area-inset-bottom,0px))!important;background:var(--alk-bar-bg)!important}
body.alk-mobile-bar-style-compact :where(.alk-mobile-nav-icon,.alk-mobile-custom-icon),
.is-bar-compact :where(.alk-mobile-nav-icon,.alk-mobile-custom-icon){width:18px!important;height:18px!important}
body.alk-mobile-bar-style-compact :where(.alk-mobile-nav-item,.alk-mobile-custom-item)>b,
.is-bar-compact :where(.alk-mobile-nav-item,.alk-mobile-custom-item)>b{font-size:9px!important}

/* تحسين الزجاجي والعائم الموجودين */
body.alk-mobile-bar-style-glass :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-glass{background:color-mix(in srgb,var(--alk-bar-bg) 76%,transparent)!important;backdrop-filter:blur(var(--alk-bar-blur));-webkit-backdrop-filter:blur(var(--alk-bar-blur));border-top:var(--alk-bar-border) solid rgba(255,255,255,.28)!important}
body.alk-mobile-bar-style-floating :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
:where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav).is-bar-floating{left:var(--alk-bar-margin)!important;right:var(--alk-bar-margin)!important;bottom:calc(var(--alk-bar-margin) + env(safe-area-inset-bottom,0px))!important;width:auto!important;border-radius:var(--alk-bar-radius)!important;background:var(--alk-bar-bg)!important;box-shadow:0 10px 30px rgba(15,23,42,.18)!important}
}


/* AlKhutaa Pro 1.5.45 — bottom navigation baseline and safe-area repair. */
@media (max-width:782px){
 :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav){
  box-sizing:border-box!important;
  min-height:calc(var(--alk-bar-height,66px) + env(safe-area-inset-bottom,0px))!important;
  height:auto!important;
  padding-bottom:max(7px,env(safe-area-inset-bottom,0px))!important;
  overflow:visible!important;
  line-height:normal!important;
 }
 :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav) :where(.alk-mobile-nav-item,.alk-mobile-custom-item){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-height:calc(var(--alk-bar-height,66px) - 7px)!important;
  padding:5px 3px 4px!important;
  overflow:visible!important;
  line-height:1.2!important;
 }
 :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav) :where(.alk-mobile-nav-item,.alk-mobile-custom-item)>b,
 :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav) :where(.alk-mobile-nav-label,.alk-mobile-custom-label,.khutaa-theme-toggle__label){
  display:block!important;
  min-height:1.25em!important;
  margin:0!important;
  padding:0 0 2px!important;
  overflow:visible!important;
  line-height:1.25!important;
  text-align:center!important;
 }
 body.alk-footer-copyright-compact.alk-footer-in-view :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav),
 body.alk-footer-copyright-compact.alk-footer-in-view :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav) *{
  line-height:normal;
 }
 body.alk-footer-copyright-compact.alk-footer-in-view :where(.alk-mobile-bottom-nav,.alk-mobile-custom-nav) :where(.alk-mobile-nav-item,.alk-mobile-custom-item)>b{
  line-height:1.25!important;
 }
}


/* 1.11.2: logo alignment must never change the selected footer grid.
 * The balanced four-column preset keeps the identity as one real column. */
.alk-footer--layout-3.alk-footer--brand-center .alk-footer__grid>.alk-footer__brand{
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:auto!important;
  width:auto!important;
  max-width:none!important;
  align-items:center!important;
  text-align:center!important;
}
.alk-footer--layout-3.alk-footer--brand-center .alk-footer__grid>.alk-footer__brand>*{
  align-self:center!important;
}
.alk-footer--layout-3.alk-footer--brand-center .alk-footer__grid>.alk-footer__brand .alk-site-logo--footer{
  float:none!important;
  inset:auto!important;
  transform:none!important;
}
.alk-footer--brand-center .alk-site-logo--footer{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  margin-inline:auto!important;
}
.alk-footer--brand-center .alk-site-logo--footer img,
.alk-footer--brand-center .alk-site-logo--footer .alk-site-logo__image{
  display:block!important;
  margin-inline:auto!important;
  object-position:center center!important;
}
.alk-footer--brand-center .alk-footer__description{
  margin-inline:auto!important;
}
.alk-footer--brand-center .alk-footer__social-wrap,
.alk-footer--brand-center .alk-social-links{
  justify-content:center!important;
}
.alk-footer--brand-center .alk-footer__social-wrap{
  display:flex!important;
  width:100%!important;
}
