/* =========================================================
   01) متغيرات الهيدر
========================================================= */
#rskhCustomHeader,
#rskhMobileDrawer,
#rskhSearchDialog{
    --rskh-bg:#f2f5fa;
    --rskh-card:#fcfcfd;
    --rskh-white:#fff;
    --rskh-title:#30354b;
    --rskh-text:#7b8292;
    --rskh-border:#e8eaf0;
    --rskh-border-soft:rgba(48,53,75,.065);
    --rskh-primary:#6857f5;
    --rskh-primary-dark:#5141dc;
    --rskh-primary-soft:rgba(104,87,245,.08);
    --rskh-danger:#e53935;
    --rskh-font:"Tajawal",Arial,Helvetica,sans-serif;
    font-family:var(--rskh-font);
    box-sizing:border-box;
}

#rskhCustomHeader *,
#rskhCustomHeader *::before,
#rskhCustomHeader *::after,
#rskhMobileDrawer *,
#rskhMobileDrawer *::before,
#rskhMobileDrawer *::after,
#rskhSearchDialog *,
#rskhSearchDialog *::before,
#rskhSearchDialog *::after{
    box-sizing:border-box;
}

html.rskh-hd-lock,
html.rskh-hd-lock body{
    overflow:hidden!important;
}

/* اختبار مؤقت فقط إذا كان الودجت خارج هيدر Woodmart:
body.rskh-hide-old-woodmart-header .whb-header{display:none!important}
*/

/* =========================================================
   02) جسم الهيدر
========================================================= */
.rskh-hd{
    position:relative;
    z-index:9000;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    color:var(--rskh-title);
    overflow:visible;
}

/* العرض يتبع عرض سكشن/حاوية Elementor مباشرة دون الخروج إلى عرض الشاشة. */
.rskh-hd__container{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
}

.rskh-hd__bar{
    position:relative;
    min-height:82px;
    display:grid;
    grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);
    align-items:center;
    gap:16px;
    padding-inline:15px!important;
    border:0;
    border-radius:100px;
    background:#fbfbfc;
    box-shadow:none;
    animation:rskhHeaderEnter .34s cubic-bezier(.16,1,.3,1) both;
}

@keyframes rskhHeaderEnter{
    from{transform:translate3d(0,-12px,0) scale(.995)}
    to{transform:translate3d(0,0,0) scale(1)}
}

.rskh-hd__brand{
    justify-self:start;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:82px;
    min-height:64px;
    padding:0;
    border-radius:18px;
    text-decoration:none!important;
    color:var(--rskh-title)!important;
    -webkit-tap-highlight-color:transparent;
}

.rskh-hd__logo{
    display:none;
    width:auto!important;
    max-width:140px!important;
    max-height:140px!important;
    object-fit:contain;
    transform:translateY(-3px);
}

.rskh-hd__logo.is-ready{display:block}

.rskh-hd__logo-fallback{
    display:inline-flex;
    align-items:center;
    color:var(--rskh-primary);
    font-size:26px;
    font-weight:800;
    line-height:1;
}

.rskh-hd__logo.is-ready + .rskh-hd__logo-fallback{display:none}

/* =========================================================
   03) القائمة المكتبية
========================================================= */
.rskh-hd__nav{
    justify-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.rskh-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin:0!important;
    padding:7px!important;
    list-style:none!important;
    border:1px solid var(--rskh-border);
    border-radius:999px;
    background:rgba(249,250,251,.95);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.rskh-nav__item{
    position:relative;
    flex:0 0 auto;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.rskh-nav__parent-row{
    display:flex;
    align-items:center;
    border-radius:999px;
}

.rskh-nav__link,
.rskh-nav__parent-row>.rskh-nav__link{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 15px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#535a6d!important;
    font-family:var(--rskh-font);
    font-size:13.5px;
    font-weight:650;
    line-height:1;
    white-space:nowrap;
    text-decoration:none!important;
    transition:background-color .18s ease,color .18s ease,transform .18s ease;
}

.rskh-nav__item--has-children .rskh-nav__link{
    padding-inline-start:14px;
    padding-inline-end:3px;
}

.rskh-nav__arrow{
    width:18px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-inline-start:-4px;
    padding:0;
    border:0!important;
    border-radius:999px;
    background:transparent!important;
    color:#72798a;
    box-shadow:none!important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}

/* منع تنسيق أزرار القالب من إضافة خلفية سوداء للسهم في الحاسب. */
.rskh-nav__arrow::before,
.rskh-nav__arrow::after{
    display:none!important;
    content:none!important;
}

@media (min-width:1025px){
    .rskh-hd .rskh-nav__arrow,
    .rskh-hd .rskh-nav__arrow:hover,
    .rskh-hd .rskh-nav__arrow:focus,
    .rskh-hd .rskh-nav__arrow:focus-visible,
    .rskh-hd .rskh-nav__arrow:active{
        background:transparent!important;
        background-color:transparent!important;
        box-shadow:none!important;
        outline:none!important;
    }

    .rskh-hd .rskh-nav__item:hover>.rskh-nav__parent-row>.rskh-nav__arrow,
    .rskh-hd .rskh-nav__item:focus-within>.rskh-nav__parent-row>.rskh-nav__arrow,
    .rskh-hd .rskh-nav__item.is-open>.rskh-nav__parent-row>.rskh-nav__arrow{
        color:var(--rskh-primary-dark)!important;
    }
}

.rskh-nav__arrow svg{
    width:10px;
    height:10px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .18s ease;
}

.rskh-nav__item:hover>.rskh-nav__link,
.rskh-nav__item:hover>.rskh-nav__parent-row,
.rskh-nav__item:focus-within>.rskh-nav__link,
.rskh-nav__item:focus-within>.rskh-nav__parent-row,
.rskh-nav__item.is-open>.rskh-nav__parent-row{
    background:var(--rskh-primary-soft);
    color:var(--rskh-primary-dark)!important;
}

.rskh-nav__item:not(.rskh-nav__item--has-children):hover>.rskh-nav__link,
.rskh-nav__item:not(.rskh-nav__item--has-children):focus-within>.rskh-nav__link{
    transform:translateX(-2px);
}

.rskh-nav__item.is-open>.rskh-nav__parent-row .rskh-nav__arrow svg{
    transform:rotate(180deg);
}

.rskh-nav__submenu{
    position:absolute;
    top:calc(100% + 18px);
    right:0;
    z-index:9000;
    width:260px;
    min-width:260px;
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:0!important;
    padding:10px!important;
    list-style:none!important;
    border:1px solid rgba(48,53,75,.045);
    border-radius:22px;
    background:rgba(252,252,253,.995);
    box-shadow:0 18px 42px rgba(31,35,55,.075);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(0,-5px,0);
    transition:opacity .16s ease,visibility .16s ease,transform .16s ease;
}

.rskh-nav__submenu::before{
    content:"";
    position:absolute;
    right:0;
    bottom:100%;
    width:100%;
    height:19px;
}

/* الطبقتان الثانية والثالثة تفتحان جهة اليسار في واجهة RTL. */
.rskh-nav__submenu .rskh-nav__submenu{
    top:-10px;
    right:calc(100% + 9px);
    width:246px;
    min-width:246px;
    z-index:90;
    transform:translate3d(5px,0,0);
}

.rskh-nav__submenu .rskh-nav__submenu::before{
    top:0;
    right:auto;
    bottom:auto;
    left:100%;
    width:10px;
    height:100%;
}

.rskh-nav__submenu--level-3{
    width:232px!important;
    min-width:232px!important;
}

.rskh-nav__item--has-children:hover>.rskh-nav__submenu,
.rskh-nav__item--has-children:focus-within>.rskh-nav__submenu,
.rskh-nav__item--has-children.is-open>.rskh-nav__submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0);
}

.rskh-nav__submenu li{
    position:relative;
    width:100%;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.rskh-nav__submenu .rskh-nav__parent-row{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 18px;
    align-items:center;
    gap:0;
    border-radius:15px;
}

.rskh-nav__submenu a,
.rskh-nav__submenu .rskh-nav__link,
.rskh-nav__submenu .rskh-nav__parent-row>.rskh-nav__link{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-height:42px;
    padding:9px 12px;
    border-radius:15px;
    color:#62697a!important;
    background:transparent;
    font-family:var(--rskh-font);
    font-size:12.75px;
    font-weight:600;
    line-height:1.45;
    text-align:right;
    text-decoration:none!important;
    white-space:normal;
    transition:background-color .18s ease,color .18s ease,transform .18s ease;
}

.rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__link{
    padding-inline-end:3px;
}

.rskh-nav__submenu .rskh-nav__arrow{
    width:18px;
    height:38px;
    margin-inline-start:-2px;
    color:#949aaa;
}

.rskh-nav__submenu .rskh-nav__arrow svg{
    width:9px;
    height:9px;
    transform:rotate(90deg);
}

.rskh-nav__submenu .rskh-nav__item.is-open>.rskh-nav__parent-row .rskh-nav__arrow svg{
    transform:rotate(90deg);
}

.rskh-nav__submenu a:hover,
.rskh-nav__submenu a:focus-visible,
.rskh-nav__submenu .rskh-nav__item:hover>.rskh-nav__parent-row,
.rskh-nav__submenu .rskh-nav__item:focus-within>.rskh-nav__parent-row,
.rskh-nav__submenu .rskh-nav__item.is-open>.rskh-nav__parent-row{
    background:var(--rskh-primary-soft);
    color:var(--rskh-primary-dark)!important;
    outline:none;
}

.rskh-nav__submenu a:hover,
.rskh-nav__submenu a:focus-visible{
    transform:translateX(-2px);
}

.rskh-nav__submenu--level-3 a{
    min-height:39px;
    font-size:12.25px;
    font-weight:560;
    color:#707687!important;
}

/* =========================================================
   04) أدوات الهيدر وربط السلة والحساب
========================================================= */
.rskh-hd__tools{
    justify-self:end;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    min-width:0;
}

.rskh-hd__tool{
    position:relative;
    flex:0 0 42px;
    width:42px;
    height:42px;
    min-width:42px;
    min-height:42px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%;
    background:transparent!important;
    box-shadow:none!important;
    color:#555c6f;
    opacity:1!important;
    visibility:visible!important;
}

.rskh-hd__tool--button{
    appearance:none;
    cursor:pointer;
    font:inherit;
}

.rskh-hd__tool-link,
.rskh-hd__tool>a{
    position:relative;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:inherit!important;
    text-decoration:none!important;
    cursor:pointer!important;
}

.rskh-hd__tool::before,
.rskh-hd__tool-link::before{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:50%;
    background:transparent;
    transition:background-color .18s ease,transform .18s ease;
}

.rskh-hd__tool:hover::before,
.rskh-hd__tool:focus-visible::before,
.rskh-hd__tool-link:hover::before,
.rskh-hd__tool-link:focus-visible::before{
    background:var(--rskh-primary-soft);
    transform:scale(1.02);
}

.rskh-hd__tool:focus-visible,
.rskh-hd__tool-link:focus-visible{
    outline:2px solid rgba(104,87,245,.22)!important;
    outline-offset:2px;
}

.rskh-hd__icon{
    position:relative!important;
    z-index:2;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:0!important;
}

.rskh-hd__icon::before,
.rskh-hd__icon::after{
    display:none!important;
    content:none!important;
}

.rskh-hd__icon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
}


.rskh-hd .rskh-hd-cart-trigger,
.rskh-hd .rskh-hd-cart-trigger.aa-sqc-is-empty{
    display:flex!important;
}

.rskh-hd .rskh-hd-cart-count{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    z-index:5!important;
    min-width:17px!important;
    height:17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:1px 4px 0!important;
    border:2px solid #F4F4F4!important;
    border-radius:999px!important;
    background:var(--rskh-primary)!important;
    color:#fff!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1!important;
    box-shadow:none!important;
    transform:none!important;
}

.rskh-hd .rskh-hd-cart-count>span{
    display:none!important;
}

.rskh-hd .rskh-hd-cart-count[data-aa-sqc-count="0"]{
    display:none!important;
}

.rskh-hd .rskh-hd-cart-trigger.aa-sqc-pulse .rskh-hd__icon{
    animation:rskhCartPulse .42s ease;
}

@keyframes rskhCartPulse{
    0%,100%{transform:scale(1)}
    45%{transform:scale(1.13)}
}

.rskh-hd__menu-button{display:none!important}

/* =========================================================
   05) القائمة الجانبية
========================================================= */
.rskh-drawer{
    position:fixed;
    inset:0;
    z-index:10020;
    display:block;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .18s ease,visibility .18s ease;
}

.rskh-drawer.is-open{
    pointer-events:auto;
    opacity:1;
    visibility:visible;
}

.rskh-drawer__overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    background:rgba(15,23,42,.22);
    cursor:default;
}

.rskh-drawer__panel{
    position:absolute;
    top:0;
    right:0;
    width:min(88vw,360px);
    height:100dvh;
    display:flex;
    flex-direction:column;
    padding:12px 10px 16px;
    border:0;
    border-radius:0 0 0 28px;
    background:rgba(252,252,253,.99);
    box-shadow:-12px 0 30px rgba(27,30,54,.07);
    transform:translate3d(104%,0,0);
    transition:transform .24s cubic-bezier(.16,1,.3,1);
    will-change:transform;
}

.rskh-hd[data-drawer-side="left"]~.rskh-drawer .rskh-drawer__panel,
body:has(.rskh-hd[data-drawer-side="left"]) .rskh-drawer__panel{
    right:auto;
    left:0;
    border-radius:0 0 28px 0;
    box-shadow:12px 0 30px rgba(27,30,54,.07);
    transform:translate3d(-104%,0,0);
}

.rskh-drawer.is-open .rskh-drawer__panel{
    transform:translate3d(0,0,0)!important;
}

.rskh-drawer__head{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    padding:0 5px 8px;
}

.rskh-drawer__title{
    color:var(--rskh-title);
    font-size:15px;
    font-weight:800;
}

.rskh-drawer__close,
.rskh-search__close{
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--rskh-bg);
    color:var(--rskh-title);
    cursor:pointer;
}

.rskh-drawer__close svg,
.rskh-search__close svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}

.rskh-drawer__menu{
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
    padding:7px;
    border-radius:22px;
    background:rgba(242,245,250,.8);
}

.rskh-drawer__menu::-webkit-scrollbar{display:none}

.rskh-drawer__menu .rskh-nav{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    margin:0!important;
    padding:0!important;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.rskh-drawer__menu .rskh-nav__item{
    width:100%;
}

.rskh-drawer__menu .rskh-nav__parent-row{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 36px;
    align-items:center;
    gap:4px;
    background:rgba(255,255,255,.9);
    border-radius:999px;
}

.rskh-drawer__menu .rskh-nav__link,
.rskh-drawer__menu .rskh-nav__parent-row>.rskh-nav__link{
    width:100%;
    min-height:40px;
    justify-content:flex-start;
    padding:9px 12px 5px;
    border-radius:999px;
    background:rgba(255,255,255,.9);
    color:#596073!important;
    font-size:13px;
    font-weight:620;
    text-align:right;
}

.rskh-drawer__menu .rskh-nav__item--has-children .rskh-nav__link{
    padding-inline-end:10px;
}

.rskh-drawer__menu .rskh-nav__parent-row>.rskh-nav__link{
    background:transparent;
}

.rskh-drawer__menu .rskh-nav__arrow{
    width:34px;
    height:34px;
    margin-inline-end:2px;
    padding:0;
    border-radius:50%;
    background:rgba(242,245,250,.9);
    color:#848a99;
}

.rskh-drawer__menu .rskh-nav__arrow svg{
    width:11px;
    height:11px;
}

.rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__parent-row{
    background:rgba(104,87,245,.075);
}

.rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__parent-row>.rskh-nav__link,
.rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__parent-row>.rskh-nav__arrow{
    color:#5847df!important;
}

.rskh-drawer__menu .rskh-nav__submenu{
    position:static;
    width:calc(100% - 9px);
    min-width:0;
    max-height:0;
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:5px 9px 1px 0!important;
    padding:0 4px!important;
    border-radius:17px;
    background:rgba(235,239,246,.68);
    box-shadow:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    overflow:hidden;
    transform:none;
    transition:max-height .22s ease,padding .22s ease;
}

.rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__submenu{
    max-height:2400px;
    padding:4px!important;
}

.rskh-drawer__menu .rskh-nav__submenu::before{display:none}

.rskh-drawer__menu .rskh-nav__submenu a{
    min-height:37px;
    padding:8px 10px 4px;
    background:rgba(255,255,255,.82);
    border-radius:999px;
    color:#697082!important;
    font-size:12.25px;
    font-weight:540;
    transform:none!important;
}

.rskh-drawer__menu .rskh-nav__submenu a:active{
    background:rgba(104,87,245,.075);
    color:#5847df!important;
}


.rskh-drawer__menu .rskh-nav__submenu .rskh-nav__submenu{
    width:calc(100% - 8px);
    margin:4px 8px 1px 0!important;
    background:rgba(226,231,240,.58);
}

.rskh-drawer__menu .rskh-nav__submenu--level-3{
    width:calc(100% - 8px)!important;
    min-width:0!important;
    background:rgba(220,226,236,.48);
}

.rskh-drawer__menu .rskh-nav__submenu--level-2>.rskh-nav__item>.rskh-nav__parent-row>.rskh-nav__link{
    font-size:12px;
}

.rskh-drawer__menu .rskh-nav__submenu--level-3 a{
    min-height:35px;
    padding-inline:9px;
    font-size:11.7px;
}

.rskh-drawer__foot{
    flex:0 0 auto;
    padding:10px 4px 0;
}

.rskh-drawer__cta{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px 16px 5px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--rskh-primary),#7b6cff);
    color:#fff!important;
    font-size:13px;
    font-weight:700;
    text-decoration:none!important;
}

/* =========================================================
   06) منبثق البحث
========================================================= */
.rskh-search{
    position:fixed;
    inset:0;
    z-index:10030;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:82px 16px 24px;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .18s ease,visibility .18s ease;
}

.rskh-search.is-open{
    pointer-events:auto;
    opacity:1;
    visibility:visible;
}

#rskhSearchDialog>.rskh-search__overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    margin:0;
    padding:0;
    border:0;
    background:rgba(15,23,42,.25);
    cursor:default;
}

.rskh-search__panel{
    position:relative;
    z-index:2;
    width:min(100%,760px);
    max-height:calc(100dvh - 106px);
    display:flex;
    flex-direction:column;
    padding:20px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:30px;
    background:var(--rskh-card);
    box-shadow:0 24px 70px rgba(27,30,54,.16);
    opacity:0;
    transform:translate3d(0,-12px,0) scale(.992);
    transition:opacity .2s ease,transform .24s cubic-bezier(.16,1,.3,1);
}

.rskh-search.is-open .rskh-search__panel{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
}

.rskh-search__head{
    flex:0 0 auto;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:15px;
}

.rskh-search__title{
    margin:0 0 4px!important;
    color:var(--rskh-title);
    font-family:var(--rskh-font);
    font-size:20px;
    font-weight:800;
    line-height:1.35;
}

.rskh-search__sub{
    margin:0!important;
    color:var(--rskh-text);
    font-size:12.5px;
    font-weight:500;
    line-height:1.6;
}

.rskh-search__form{flex:0 0 auto;margin:0!important}

.rskh-search__field{
    position:relative;
    display:flex;
    align-items:center;
    min-height:54px;
    padding:0 48px 0 44px;
    border:1px solid var(--rskh-border);
    border-radius:999px;
    background:#fff;
    transition:border-color .18s ease,box-shadow .18s ease;
}

.rskh-search__field:focus-within{
    border-color:rgba(104,87,245,.42);
    box-shadow:0 0 0 4px rgba(104,87,245,.075);
}

.rskh-search__field-icon{
    position:absolute;
    right:18px;
    top:50%;
    width:21px;
    height:21px;
    display:inline-flex;
    transform:translateY(-50%);
    color:var(--rskh-primary);
}

.rskh-search__field-icon svg,
.rskh-search__clear svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}

.rskh-search__input{
    width:100%;
    height:52px;
    margin:0!important;
    padding:2px 0 0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--rskh-title)!important;
    font-family:var(--rskh-font)!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1!important;
    text-align:right!important;
    appearance:none;
}

.rskh-search__input::placeholder{
    color:#98a2b3!important;
    opacity:1;
}

.rskh-search__input::-webkit-search-cancel-button{display:none}

.rskh-search__clear[hidden],
.rskh-search__all[hidden],
.rskh-search__shortcuts[hidden]{
    display:none!important;
}

.rskh-search__clear{
    position:absolute;
    left:10px;
    top:50%;
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:9px;
    border:0;
    border-radius:50%;
    background:var(--rskh-bg);
    color:#667085;
    cursor:pointer;
    transform:translateY(-50%);
}

.rskh-search__status{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:10px 4px 5px;
    color:var(--rskh-text);
    font-size:12px;
    line-height:1.5;
}

.rskh-search__status strong{
    color:var(--rskh-title);
    font-weight:700;
}

.rskh-search__results{
    flex:1 1 auto;
    min-height:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:max-content;
    align-content:start;
    gap:9px;
    overflow:auto;
    overscroll-behavior:contain;
    padding:2px 1px 4px;
    scrollbar-width:none;
}

.rskh-search__results::-webkit-scrollbar{display:none}

.rskh-search-card{
    position:relative;
    min-width:0;
    min-height:88px;
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    align-items:center;
    gap:11px;
    padding:10px;
    border:1px solid var(--rskh-border-soft);
    border-radius:20px;
    background:var(--rskh-card);
    color:inherit!important;
    text-decoration:none!important;
    overflow:hidden;
    transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}

.rskh-search-card:hover,
.rskh-search-card:focus-visible{
    border-color:rgba(104,87,245,.2);
    background:#fff;
    transform:translateY(-1px);
    outline:none;
}

.rskh-search-card__thumb{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:#fff;
    overflow:hidden;
}

.rskh-search-card__thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
}

.rskh-search-card__placeholder{
    width:28px;
    height:28px;
    color:#b5bdc9;
}

.rskh-search-card__placeholder svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
}

.rskh-search-card__content{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:right;
}

.rskh-search-card__category{
    width:100%;
    margin-bottom:3px;
    color:#858b9b;
    font-size:10.5px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.rskh-search-card__title{
    width:100%;
    margin:0 0 5px;
    color:var(--rskh-title);
    font-size:12.5px;
    font-weight:750;
    line-height:1.45;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.rskh-search-card__price{
    width:100%;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
    color:var(--rskh-primary);
    font-family:var(--rskh-font);
    font-size:11.5px;
    font-weight:750;
    line-height:1.35;
}

.rskh-search-card__price del{
    color:#d94343;
    font-size:11px;
    font-weight:600;
    opacity:.94;
}

.rskh-search-card__price ins{
    color:var(--rskh-primary);
    text-decoration:none;
}

.rskh-search__empty,
.rskh-search__error{
    grid-column:1/-1;
    min-height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:20px;
    border:1px dashed var(--rskh-border);
    border-radius:20px;
    color:var(--rskh-text);
    text-align:center;
}

.rskh-search__empty strong,
.rskh-search__error strong{
    color:var(--rskh-title);
    font-size:14px;
}

.rskh-search__empty span,
.rskh-search__error span{
    font-size:12px;
    line-height:1.6;
}

.rskh-search__skeleton{
    position:relative;
    min-height:88px;
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    align-items:center;
    gap:11px;
    padding:10px;
    border:1px solid var(--rskh-border-soft);
    border-radius:20px;
    background:var(--rskh-card);
    overflow:hidden;
}

.rskh-search__skeleton-thumb,
.rskh-search__skeleton-line{
    position:relative;
    overflow:hidden;
    background:#eef1f5;
}

.rskh-search__skeleton-thumb{
    width:64px;
    height:64px;
    border-radius:15px;
}

.rskh-search__skeleton-lines{display:flex;flex-direction:column;gap:8px}
.rskh-search__skeleton-line{height:10px;border-radius:999px}
.rskh-search__skeleton-line:nth-child(1){width:44%}
.rskh-search__skeleton-line:nth-child(2){width:86%}
.rskh-search__skeleton-line:nth-child(3){width:38%}

.rskh-search__skeleton::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
    transform:translateX(-100%);
    animation:rskhSkeleton 1s ease-in-out infinite;
}

@keyframes rskhSkeleton{to{transform:translateX(100%)}}

.rskh-search__shortcuts{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    padding:12px 3px 0;
    color:var(--rskh-text);
    font-size:11.5px;
}

.rskh-search__shortcuts>div{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}

.rskh-search__shortcuts a{
    display:inline-flex;
    align-items:center;
    min-height:31px;
    padding:5px 11px 2px;
    border:1px solid var(--rskh-border);
    border-radius:999px;
    background:#fff;
    color:#55596b!important;
    font-size:11px;
    font-weight:600;
    text-decoration:none!important;
}

.rskh-search__all{
    flex:0 0 auto;
    min-height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:12px;
    padding:8px 16px 5px;
    border-radius:999px;
    background:var(--rskh-primary-soft);
    color:var(--rskh-primary-dark)!important;
    font-size:12.5px;
    font-weight:750;
    text-decoration:none!important;
}

/* =========================================================
   07) التابلت والجوال
========================================================= */
@media (max-width:1180px){
    .rskh-nav__link,
    .rskh-nav__parent-row>.rskh-nav__link{padding-inline:11px;font-size:12.5px}
    .rskh-nav__item--has-children .rskh-nav__link{padding-inline-start:11px;padding-inline-end:1px}
}

@media (max-width:1024px){
    .rskh-hd{padding-top:0}

    .rskh-hd__container{
        width:100%;
    }

    .rskh-hd__bar{
        min-height:64px;
        grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
        gap:0;
        padding-inline:15px!important;
        border-radius:100px;
    }

    .rskh-hd__brand{
        grid-column:1;
        justify-self:start!important;
        margin-inline-start:0!important;
        min-width:72px;
        min-height:58px;
        padding:0;
    }

    .rskh-hd__logo{
        width:auto!important;
        max-width:107px!important;
        max-height:107px!important;
        transform:translateY(-2px);
    }

    .rskh-hd__logo-fallback{font-size:22px}

    .rskh-hd__nav{display:none}

    .rskh-hd__tools{
        grid-column:3;
        justify-self:end!important;
        margin-inline-end:0!important;
        gap:1px;
    }

    .rskh-hd__tool,
    .rskh-hd__tool-link,
    .rskh-hd__tool>a{
        flex-basis:38px;
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
    }

    .rskh-hd__icon{
        width:20px!important;
        height:20px!important;
        min-width:20px!important;
    }

    .rskh-hd__icon svg{
        width:20px;
        height:20px;
    }

    .rskh-hd__menu-button{
        position:relative!important;
        inset:auto!important;
        z-index:6;
        display:flex!important;
        margin:0!important;
        transform:none!important;
        order:4;
    }

    /* ترتيب الأدوات من اليمين إلى اليسار: بحث، حساب، سلة، قائمة. */
    .rskh-hd__tools>#rskhSearchOpen{order:1}
    .rskh-hd__tools>.rskh-hd-account-trigger{order:2}
    .rskh-hd__tools>.rskh-hd-cart-trigger{order:3}
    .rskh-hd__tools>#rskhMenuOpen{order:4}

    .rskh-hd__menu-button:hover,
    .rskh-hd__menu-button:focus,
    .rskh-hd__menu-button:active{
        background:transparent!important;
        color:var(--rskh-title)!important;
    }

    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__arrow svg{
        transform:rotate(0);
    }

    .rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__parent-row .rskh-nav__arrow svg{
        transform:rotate(180deg);
    }


    .rskh-hd .rskh-hd-cart-count{
        top:-1px!important;
        left:-1px!important;
    }

    .rskh-search{
        padding:64px 10px 10px;
    }

    .rskh-search__panel{
        width:100%;
        max-height:calc(100dvh - 74px);
        padding:15px;
        border-radius:25px;
    }

    .rskh-search__results{
        grid-template-columns:1fr;
    }

    body.admin-bar .rskh-drawer__panel{
        top:32px;
        height:calc(100dvh - 32px);
    }

    body.admin-bar .rskh-search{
        padding-top:96px;
    }
}

@media (max-width:782px){
    body.admin-bar .rskh-drawer__panel{
        top:46px;
        height:calc(100dvh - 46px);
    }

    body.admin-bar .rskh-search{
        padding-top:110px;
    }
}

@media (max-width:1024px){
    .rskh-hd__container{width:100%}

    .rskh-hd__bar{
        min-height:64px;
        padding-inline:15px!important;
        border-radius:100px;
    }

    .rskh-hd__brand{
        min-width:66px;
        min-height:58px;
        margin:0!important;
        padding:0!important;
    }

    .rskh-hd__logo{
        width:auto!important;
        max-width:107px!important;
        max-height:107px!important;
        transform:translateY(-2px);
    }

    .rskh-hd__tools{
        gap:0;
        margin:0!important;
        padding:0!important;
    }

    .rskh-hd__tool,
    .rskh-hd__tool-link,
    .rskh-hd__tool>a{
        flex-basis:36px;
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
        min-height:36px!important;
    }

    .rskh-hd__icon{
        width:19px!important;
        height:19px!important;
        min-width:19px!important;
    }

    .rskh-hd__icon svg{
        width:19px;
        height:19px;
    }

    .rskh-search{
        padding:8px;
        align-items:stretch;
    }

    .rskh-search__panel{
        max-height:none;
        height:calc(100dvh - 16px);
        padding:14px 12px 12px;
        border-radius:24px;
    }

    .rskh-search__head{
        align-items:center;
        margin-bottom:12px;
    }

    .rskh-search__title{font-size:17px}
    .rskh-search__sub{font-size:11.5px}

    .rskh-search__field{
        min-height:50px;
        padding-inline:45px 42px;
    }

    .rskh-search__input{
        height:48px;
        padding-top:5px!important;
        font-size:13px!important;
    }

    .rskh-search__field-icon{right:15px;width:19px;height:19px}

    .rskh-search__status{
        min-height:35px;
        padding-top:8px;
    }

    .rskh-search-card,
    .rskh-search__skeleton{
        min-height:74px;
        grid-template-columns:54px minmax(0,1fr);
        gap:10px;
        padding:9px 10px;
        border-radius:16px;
    }

    .rskh-search-card__thumb,
    .rskh-search__skeleton-thumb{
        width:54px;
        height:54px;
        border-radius:12px;
    }

    .rskh-search-card__title{font-size:12.5px}
    .rskh-search-card__price{font-size:11.5px}

    .rskh-search__shortcuts{
        padding-top:8px;
    }

    body.admin-bar .rskh-search{
        padding-top:54px;
    }

    body.admin-bar .rskh-search__panel{
        height:calc(100dvh - 62px);
    }
}


/* =========================================================
   08) سلوك قائمة الحاسب عند التمرير
   - استعادة لون العناوين السابق.
   - عند Hover / Focus / Open يتحول اللون إلى #6857f5.
   - استعادة تأثير الخلفية الهادئة.
   - عناصر القوائم المنسدلة بزوايا 30px أثناء التمرير.
========================================================= */
@media (min-width:1025px){

    /* العناوين الرئيسية */
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item:hover>.rskh-nav__link,
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item:focus-within>.rskh-nav__link{
        background:var(--rskh-primary-soft)!important;
        color:#6857f5!important;
    }

    #rskhDesktopNav>.rskh-nav>.rskh-nav__item:not(.rskh-nav__item--has-children):hover>.rskh-nav__link,
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item:not(.rskh-nav__item--has-children):focus-within>.rskh-nav__link{
        transform:translateX(-2px)!important;
    }

    /* العنوان الذي يحتوي قائمة منسدلة */
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children:hover>.rskh-nav__parent-row,
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children:focus-within>.rskh-nav__parent-row,
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children.is-open>.rskh-nav__parent-row{
        background:var(--rskh-primary-soft)!important;
    }

    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children:hover>.rskh-nav__parent-row>.rskh-nav__link,
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children:focus-within>.rskh-nav__parent-row>.rskh-nav__link,
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children.is-open>.rskh-nav__parent-row>.rskh-nav__link{
        color:#6857f5!important;
    }

    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children:hover>.rskh-nav__parent-row>.rskh-nav__arrow,
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children:focus-within>.rskh-nav__parent-row>.rskh-nav__arrow,
    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children.is-open>.rskh-nav__parent-row>.rskh-nav__arrow{
        color:#6857f5!important;
        background:transparent!important;
        background-color:transparent!important;
        box-shadow:none!important;
    }

    /* عناصر القوائم المنسدلة */
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__parent-row,
    #rskhDesktopNav .rskh-nav__submenu a,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__link,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__parent-row>.rskh-nav__link{
        border-radius:30px!important;
    }

    /* العنصر الذي يحتوي سهماً: الخلفية تغطي الصف كاملاً (النص + السهم) */
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children:hover>.rskh-nav__parent-row,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children:focus-within>.rskh-nav__parent-row,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children.is-open>.rskh-nav__parent-row{
        background:var(--rskh-primary-soft)!important;
        border-radius:30px!important;
    }

    /* منع ظهور خلفية منفصلة على النص أو السهم داخل الصف المنسدل */
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__link,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__link:hover,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__link:focus-visible,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow:hover,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow:focus,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow:focus-visible,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow:active{
        background:transparent!important;
        background-color:transparent!important;
        box-shadow:none!important;
    }

    /* العناصر النهائية بدون سهم: نفس خلفية Hover للقائمة العلوية */
    #rskhDesktopNav .rskh-nav__submenu li:not(.rskh-nav__item--has-children)>a:hover,
    #rskhDesktopNav .rskh-nav__submenu li:not(.rskh-nav__item--has-children)>a:focus-visible{
        background:var(--rskh-primary-soft)!important;
        border-radius:30px!important;
        color:#6857f5!important;
    }

    /* توحيد اللون البنفسجي للنص والسهم عند Hover / Open */
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children:hover>.rskh-nav__parent-row>.rskh-nav__link,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children:focus-within>.rskh-nav__parent-row>.rskh-nav__link,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children.is-open>.rskh-nav__parent-row>.rskh-nav__link,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children:hover>.rskh-nav__parent-row>.rskh-nav__arrow,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children:focus-within>.rskh-nav__parent-row>.rskh-nav__arrow,
    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children.is-open>.rskh-nav__parent-row>.rskh-nav__arrow{
        color:#6857f5!important;
    }
}

@media (prefers-reduced-motion:reduce){
    .rskh-hd__bar,
    .rskh-drawer,
    .rskh-drawer__panel,
    .rskh-search,
    .rskh-search__panel,
    .rskh-search__skeleton::after{
        animation:none!important;
        transition:none!important;
    }
}


/* =========================================================
   09) أيقونات الهيدر — النسخة المعتمدة
   - الحاسب: الحساب ← البحث ← السلة.
   - التابلت والجوال: القائمة ← الحساب ← البحث ← السلة.
   - نفس لون عناوين القائمة، مع خلفية دائرية هادئة.
   - بدون إزاحة أو تغيير لون أو نبض للأيقونات.
========================================================= */
.rskh-hd__tools{
    direction:rtl;
    gap:4px;
}

/* الترتيب في الحاسب: من اليمين إلى اليسار */
.rskh-hd__tools>.rskh-hd-account-trigger{order:1!important}
.rskh-hd__tools>#rskhSearchOpen{order:2!important}
.rskh-hd__tools>.rskh-hd-cart-trigger{order:3!important}
.rskh-hd__tools>#rskhMenuOpen{order:4!important}

.rskh-hd__tool,
.rskh-hd__tool-link,
.rskh-hd__tool>a{
    color:#535a6d!important;
    transform:none!important;
    transition:none!important;
}

.rskh-hd__tool::before,
.rskh-hd__tool-link::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:3px!important;
    border-radius:50%!important;
    background:#f2f5fa!important;
    opacity:.58;
    transform:none!important;
    transition:opacity .16s ease!important;
}

.rskh-hd__tool:hover::before,
.rskh-hd__tool:focus-visible::before,
.rskh-hd__tool-link:hover::before,
.rskh-hd__tool-link:focus-visible::before{
    background:#f2f5fa!important;
    opacity:1!important;
    transform:none!important;
}

.rskh-hd__tool:hover,
.rskh-hd__tool:focus,
.rskh-hd__tool:focus-visible,
.rskh-hd__tool:active,
.rskh-hd__tool-link:hover,
.rskh-hd__tool-link:focus,
.rskh-hd__tool-link:focus-visible,
.rskh-hd__tool-link:active{
    color:#535a6d!important;
    transform:none!important;
    box-shadow:none!important;
}

/* منع لون الحساب المسجل أو نبض السلة من تغيير شكل الأيقونات. */
body.logged-in .rskh-hd .rskh-hd-account-trigger{
    color:#535a6d!important;
}

.rskh-hd .rskh-hd-cart-trigger.aa-sqc-pulse .rskh-hd__icon{
    animation:none!important;
    transform:none!important;
}

.rskh-hd__icon{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    color:#535a6d!important;
    transform:none!important;
}

.rskh-hd__icon svg{
    width:21px!important;
    height:21px!important;
    color:#535a6d!important;
    fill:none!important;
    transform:none!important;
}

.rskh-hd__icon svg path,
.rskh-hd__icon svg circle{
    stroke:currentColor!important;
    stroke-width:1.35!important;
}

@media (max-width:1024px){
    /* الترتيب في التابلت والجوال: من اليمين إلى اليسار */
    .rskh-hd__tools>#rskhMenuOpen{order:1!important}
    .rskh-hd__tools>.rskh-hd-account-trigger{order:2!important}
    .rskh-hd__tools>#rskhSearchOpen{order:3!important}
    .rskh-hd__tools>.rskh-hd-cart-trigger{order:4!important}

    .rskh-hd__tools{
        gap:2px!important;
    }

    .rskh-hd__icon{
        width:18px!important;
        height:18px!important;
        min-width:18px!important;
    }

    .rskh-hd__icon svg{
        width:18px!important;
        height:18px!important;
    }
}

@media (max-width:1024px){
    .rskh-hd__tools{
        gap:1px!important;
    }

    .rskh-hd__icon{
        width:17.5px!important;
        height:17.5px!important;
        min-width:17.5px!important;
    }

    .rskh-hd__icon svg{
        width:17.5px!important;
        height:17.5px!important;
    }
}

/* ================================
   التحكم العام بأيقونات الهيدر
================================ */

/* حجم الأيقونة في الحاسب */
.rskh-hd__icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
}

/* حجم SVG نفسه */
.rskh-hd__icon svg{
    width:22px!important;
    height:22px!important;
}

/* سمك خطوط جميع الأيقونات */
.rskh-hd__icon svg path,
.rskh-hd__icon svg circle{
    stroke-width:1.5!important;
}


/* ================================
   الجوال والتابلت
================================ */
@media (max-width:1024px){

    .rskh-hd__icon{
        width:20px!important;
        height:20px!important;
        min-width:20px!important;
    }

    .rskh-hd__icon svg{
        width:20px!important;
        height:20px!important;
    }

    /* سمك أقل في الجوال */
    .rskh-hd__icon svg path,
    .rskh-hd__icon svg circle{
        stroke-width:1.0!important;
    }
}

/* =========================================================
   10) خلفية أيقونات الهيدر في التابلت والجوال
   - نفس تنسيق الجوال معتمد للتابلت والجوال.
========================================================= */
@media (max-width:1024px){
    .rskh-hd__tool::before,
    .rskh-hd__tool-link::before{
        inset:1px!important;
    }
}


/* =========================================================
   11) ترتيب وتباعد أيقونات الهيدر
   - الحاسب: السلة ← البحث ← الحساب
   - التابلت والجوال: السلة ← البحث ← الحساب ← القائمة
   - تباعد مريح ومتوازن فقط، دون تغيير أي شيء آخر.
========================================================= */

/* الحاسب */
@media (min-width:1025px){
    .rskh-hd__tools{
        gap:6px!important;
    }

    .rskh-hd__tools>.rskh-hd-cart-trigger{order:1!important}
    .rskh-hd__tools>#rskhSearchOpen{order:2!important}
    .rskh-hd__tools>.rskh-hd-account-trigger{order:3!important}
    .rskh-hd__tools>#rskhMenuOpen{order:4!important}
}

/* التابلت والجوال */
@media (max-width:1024px){
    .rskh-hd__tools{
        gap:4px!important;
    }

    .rskh-hd__tools>.rskh-hd-cart-trigger{order:1!important}
    .rskh-hd__tools>#rskhSearchOpen{order:2!important}
    .rskh-hd__tools>.rskh-hd-account-trigger{order:3!important}
    .rskh-hd__tools>#rskhMenuOpen{order:4!important}
}

/* التابلت والجوال: نفس التباعد المعتمد في الجوال */
@media (max-width:1024px){
    .rskh-hd__tools{
        gap:5px!important;
    }
}



/* =========================================================
   12) القائمة الجانبية — تنسيق الجوال/التابلت المعتمد
   التعديلات هنا تخص القائمة الجانبية فقط، باستثناء:
   - طمس منبثق البحث المطلوب.
   - تأثير دخول عناصر الهيدر الرئيسية.
========================================================= */

/* نفس طمس إضافة السلة حرفيًا */
.rskh-drawer__overlay,
.rskh-search__overlay{
    background:rgba(15,23,42,.26)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
}

/* رفع القائمة والبحث فوق أي شريط سفلي أو طبقات Elementor */
.rskh-drawer{
    z-index:2147483646!important;
}

.rskh-search{
    z-index:2147483645!important;
}

@media (max-width:1024px){

    /* العرض أقل قليلًا من السابق */
    .rskh-drawer__panel{
        width:min(84vw,340px)!important;
        height:100dvh!important;
        padding:10px 9px 14px!important;
        border:0!important;
        border-radius:0 0 0 26px!important;
        background:#fbfbfc!important;
        box-shadow:-10px 0 30px rgba(27,30,54,.055)!important;
        overflow:hidden!important;
    }

    /* هيدر القائمة */
    .rskh-drawer__head{
        flex:0 0 auto!important;
        min-height:58px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        margin:0!important;
        padding:5px 5px 10px!important;
        border:0!important;
        border-bottom:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    .rskh-drawer__title{
        display:flex!important;
        align-items:center!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        color:#30354b!important;
        font-family:var(--rskh-font)!important;
        font-size:14px!important;
        font-weight:750!important;
        line-height:1.2!important;
        white-space:nowrap!important;
    }

    /* زر الإغلاق: دائرة فعلية بدون تمدد من تنسيقات القالب */
    .rskh-drawer__close{
        position:relative!important;
        flex:0 0 34px!important;
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        max-width:34px!important;
        max-height:34px!important;
        aspect-ratio:1 / 1!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:#f3f4f7!important;
        color:#535a6d!important;
        box-shadow:none!important;
        line-height:0!important;
        overflow:hidden!important;
        transform:none!important;
    }

    .rskh-drawer__close::before,
    .rskh-drawer__close::after{
        display:none!important;
        content:none!important;
    }

    .rskh-drawer__close svg{
        flex:0 0 15px!important;
        width:15px!important;
        height:15px!important;
        min-width:15px!important;
        min-height:15px!important;
        margin:0!important;
        padding:0!important;
        stroke-width:1.65!important;
    }

    .rskh-drawer__close:hover,
    .rskh-drawer__close:focus,
    .rskh-drawer__close:focus-visible,
    .rskh-drawer__close:active{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        border-radius:999px!important;
        background:#eceef3!important;
        color:#535a6d!important;
        box-shadow:none!important;
        transform:none!important;
        outline:none!important;
    }

    /* مساحة القائمة: أهدأ وأخف */
    .rskh-drawer__menu{
        flex:1 1 auto!important;
        min-height:0!important;
        margin:0!important;
        padding:3px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        overflow:auto!important;
        overscroll-behavior:contain!important;
        scrollbar-width:none!important;
    }

    .rskh-drawer__menu::-webkit-scrollbar{
        display:none!important;
    }

    .rskh-drawer__menu .rskh-nav{
        width:100%!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:5px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    /* إزالة أي خطوط/حدود موروثة من القالب نهائيًا */
    .rskh-drawer__menu .rskh-nav__item,
    .rskh-drawer__menu .rskh-nav__parent-row,
    .rskh-drawer__menu .rskh-nav__link,
    .rskh-drawer__menu .rskh-nav__arrow,
    .rskh-drawer__menu .rskh-nav__submenu,
    .rskh-drawer__menu .rskh-nav__submenu li,
    .rskh-drawer__menu .rskh-nav__submenu a{
        border:0!important;
        border-top:0!important;
        border-right:0!important;
        border-bottom:0!important;
        border-left:0!important;
        box-shadow:none!important;
        text-decoration:none!important;
    }

    .rskh-drawer__menu .rskh-nav__item::before,
    .rskh-drawer__menu .rskh-nav__item::after,
    .rskh-drawer__menu .rskh-nav__parent-row::before,
    .rskh-drawer__menu .rskh-nav__parent-row::after,
    .rskh-drawer__menu .rskh-nav__link::before,
    .rskh-drawer__menu .rskh-nav__link::after{
        display:none!important;
        content:none!important;
    }

    /* عناصر المستوى الرئيسي */
    .rskh-drawer__menu .rskh-nav__item{
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }

    .rskh-drawer__menu .rskh-nav__parent-row{
        width:100%!important;
        min-height:42px!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 30px!important;
        align-items:center!important;
        gap:0!important;
        margin:0!important;
        padding:0 4px 0 0!important;
        border-radius:18px!important;
        background:#f6f7f9!important;
        overflow:hidden!important;
    }

    .rskh-drawer__menu .rskh-nav__link,
    .rskh-drawer__menu .rskh-nav__parent-row>.rskh-nav__link{
        width:100%!important;
        min-height:42px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        margin:0!important;
        padding:10px 11px 7px!important;
        border-radius:18px!important;
        background:#f6f7f9!important;
        color:#596073!important;
        font-family:var(--rskh-font)!important;
        font-size:12.8px!important;
        font-weight:620!important;
        line-height:1.35!important;
        text-align:right!important;
        transform:none!important;
    }

    .rskh-drawer__menu .rskh-nav__parent-row>.rskh-nav__link{
        background:transparent!important;
    }

    /* السهم جزء من الصف وليس زرًا بصريًا منفصلًا */
    .rskh-drawer__menu .rskh-nav__arrow{
        flex:0 0 30px!important;
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        min-height:30px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
        border-radius:50%!important;
        background:transparent!important;
        color:#8a90a0!important;
        transform:none!important;
    }

    .rskh-drawer__menu .rskh-nav__arrow:hover,
    .rskh-drawer__menu .rskh-nav__arrow:focus,
    .rskh-drawer__menu .rskh-nav__arrow:focus-visible,
    .rskh-drawer__menu .rskh-nav__arrow:active{
        background:transparent!important;
        color:#6857f5!important;
        box-shadow:none!important;
        outline:none!important;
        transform:none!important;
    }

    .rskh-drawer__menu .rskh-nav__arrow svg{
        width:9px!important;
        height:9px!important;
        stroke-width:1.8!important;
    }

    /* العنصر المفتوح */
    .rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__parent-row{
        background:rgba(104,87,245,.075)!important;
    }

    .rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__parent-row>.rskh-nav__link,
    .rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__parent-row>.rskh-nav__arrow{
        color:#6857f5!important;
    }

    /* =====================================================
       تسلسل المنسدلات — مستويات مرتبة وهادئة
    ===================================================== */
    .rskh-drawer__menu .rskh-nav__submenu{
        position:static!important;
        top:auto!important;
        right:auto!important;
        left:auto!important;
        width:calc(100% - 10px)!important;
        min-width:0!important;
        max-height:0;
        display:flex!important;
        flex-direction:column!important;
        gap:4px!important;
        margin:5px 10px 1px 0!important;
        padding:0!important;
        border-radius:16px!important;
        background:#f7f8fa!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        overflow:hidden!important;
        transform:none!important;
        transition:max-height .22s ease,padding .22s ease!important;
    }

    .rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__submenu{
        max-height:2400px!important;
        padding:4px!important;
    }

    .rskh-drawer__menu .rskh-nav__submenu::before,
    .rskh-drawer__menu .rskh-nav__submenu::after{
        display:none!important;
        content:none!important;
    }

    /* المستوى الثاني */
    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__submenu{
        width:calc(100% - 8px)!important;
        margin:4px 8px 1px 0!important;
        border-radius:14px!important;
        background:#f3f5f8!important;
    }

    /* المستوى الثالث */
    .rskh-drawer__menu .rskh-nav__submenu--level-3{
        width:calc(100% - 8px)!important;
        min-width:0!important;
        border-radius:13px!important;
        background:#eef1f5!important;
    }

    /* روابط المنسدلات */
    .rskh-drawer__menu .rskh-nav__submenu a,
    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__link,
    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__parent-row>.rskh-nav__link{
        min-height:37px!important;
        padding:8px 10px 5px!important;
        border-radius:13px!important;
        background:rgba(255,255,255,.72)!important;
        color:#697082!important;
        font-size:12px!important;
        font-weight:560!important;
        line-height:1.35!important;
        transform:none!important;
    }

    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__parent-row{
        min-height:37px!important;
        grid-template-columns:minmax(0,1fr) 28px!important;
        padding-inline-end:3px!important;
        border-radius:13px!important;
        background:rgba(255,255,255,.72)!important;
    }

    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__parent-row>.rskh-nav__link{
        background:transparent!important;
    }

    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__arrow{
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
        min-height:28px!important;
    }

    .rskh-drawer__menu .rskh-nav__submenu--level-3 a{
        min-height:35px!important;
        padding:7px 9px 4px!important;
        font-size:11.7px!important;
        font-weight:530!important;
        color:#747b8c!important;
        background:rgba(255,255,255,.68)!important;
    }

    /* حركة لمس هادئة */
    .rskh-drawer__menu .rskh-nav__link:active,
    .rskh-drawer__menu .rskh-nav__submenu a:active{
        background:rgba(104,87,245,.07)!important;
        color:#6857f5!important;
    }

    /* زر أسفل القائمة */
    .rskh-drawer__foot{
        flex:0 0 auto!important;
        margin:0!important;
        padding:10px 3px 1px!important;
        border:0!important;
        background:transparent!important;
    }

    .rskh-drawer__cta{
        min-height:42px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:8px 14px 5px!important;
        border:0!important;
        border-radius:999px!important;
        background:rgba(104,87,245,.09)!important;
        color:#6857f5!important;
        font-size:12.5px!important;
        font-weight:700!important;
        box-shadow:none!important;
    }
}


/* =========================================================
   13) دخول عناصر الهيدر — خفيف وسريع بدون Blur
   يعتمد فقط opacity + transform لتقليل التكلفة.
========================================================= */
.rskh-hd__bar{
    animation:none!important;
}

.rskh-hd__brand{
    animation:rskhHdItemEnter .34s cubic-bezier(.16,1,.3,1) both;
    animation-delay:.02s;
}

.rskh-hd__nav{
    animation:rskhHdItemEnter .34s cubic-bezier(.16,1,.3,1) both;
    animation-delay:.06s;
}

.rskh-hd__tools>*{
    animation:rskhHdItemEnter .30s cubic-bezier(.16,1,.3,1) both;
}

.rskh-hd__tools>*:nth-child(1){animation-delay:.08s}
.rskh-hd__tools>*:nth-child(2){animation-delay:.11s}
.rskh-hd__tools>*:nth-child(3){animation-delay:.14s}
.rskh-hd__tools>*:nth-child(4){animation-delay:.17s}

@keyframes rskhHdItemEnter{
    from{
        opacity:0;
        transform:translate3d(0,-6px,0) scale(.985);
    }
    to{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
    }
}

@media (prefers-reduced-motion:reduce){
    .rskh-hd__brand,
    .rskh-hd__nav,
    .rskh-hd__tools>*{
        animation:none!important;
        opacity:1!important;
        transform:none!important;
    }
}


/* =========================================================
   14) تحسينات القائمة الجانبية — النسخة V2
========================================================= */

/* خلفية أيقونات الهيدر */
.rskh-hd__tool::before,
.rskh-hd__tool-link::before,
.rskh-hd__tool:hover::before,
.rskh-hd__tool:focus-visible::before,
.rskh-hd__tool-link:hover::before,
.rskh-hd__tool-link:focus-visible::before{
    background:#f5f5f7!important;
}

@media (max-width:1024px){

    .rskh-drawer__panel{
        background:#fbfbfc!important;
    }

    /* هيدر القائمة الجانبية */
    .rskh-drawer__head{
        min-height:60px!important;
        margin:0 0 7px!important;
        padding:5px 6px 7px 10px!important;
        border:0!important;
        border-radius:22px!important;
        background:#f5f5f7!important;
        box-shadow:none!important;
    }

    .rskh-drawer__title{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        min-height:34px!important;
        padding-inline-start:9px!important;
        color:#30354b!important;
        font-size:14px!important;
        font-weight:750!important;
        letter-spacing:0!important;
    }

    .rskh-drawer__title::before{
        content:""!important;
        flex:0 0 5px!important;
        width:5px!important;
        height:5px!important;
        margin-inline-end:8px!important;
        border-radius:50%!important;
        background:#6857f5!important;
        opacity:.85!important;
    }

    .rskh-drawer__close,
    .rskh-drawer__close:hover,
    .rskh-drawer__close:focus,
    .rskh-drawer__close:focus-visible,
    .rskh-drawer__close:active{
        flex:0 0 34px!important;
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        max-width:34px!important;
        max-height:34px!important;
        aspect-ratio:1/1!important;
        border-radius:50%!important;
        background:#fbfbfc!important;
        color:#596073!important;
        box-shadow:none!important;
    }

    /* زوايا 30px */
    .rskh-drawer__menu .rskh-nav__parent-row,
    .rskh-drawer__menu .rskh-nav__link,
    .rskh-drawer__menu .rskh-nav__parent-row>.rskh-nav__link,
    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__parent-row,
    .rskh-drawer__menu .rskh-nav__submenu a,
    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__link,
    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__parent-row>.rskh-nav__link{
        border-radius:30px!important;
    }

    /* السهم داخل دائرة مستقلة */
    .rskh-drawer__menu .rskh-nav__parent-row{
        grid-template-columns:minmax(0,1fr) 34px!important;
        gap:4px!important;
        padding-inline-end:4px!important;
        overflow:visible!important;
    }

    .rskh-drawer__menu .rskh-nav__arrow,
    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__arrow{
        flex:0 0 30px!important;
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        min-height:30px!important;
        max-width:30px!important;
        max-height:30px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:50%!important;
        background:#eceef3!important;
        color:#7f8697!important;
        box-shadow:none!important;
        overflow:hidden!important;
    }

    .rskh-drawer__menu .rskh-nav__arrow svg,
    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__arrow svg{
        width:11px!important;
        height:11px!important;
        min-width:11px!important;
        min-height:11px!important;
        stroke-width:1.9!important;
    }

    .rskh-drawer__menu .rskh-nav__arrow:hover,
    .rskh-drawer__menu .rskh-nav__arrow:focus,
    .rskh-drawer__menu .rskh-nav__arrow:focus-visible,
    .rskh-drawer__menu .rskh-nav__arrow:active,
    .rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__parent-row>.rskh-nav__arrow{
        background:rgba(104,87,245,.10)!important;
        color:#6857f5!important;
        border-radius:50%!important;
        transform:none!important;
    }

    .rskh-drawer__menu .rskh-nav__submenu .rskh-nav__parent-row{
        grid-template-columns:minmax(0,1fr) 34px!important;
        gap:3px!important;
        padding-inline-end:3px!important;
    }
}


@media (max-width:1024px){
    .rskh-drawer__title{
        transform:translateY(2px)!important;
    }
}


@media (max-width:1024px){
    .rskh-drawer__title::before{
        transform:translateY(-2px)!important;
    }
}


/* =========================================================
   15) منبثق البحث — النسخة المعتمدة
   - بحث خدمات WooCommerce فقط داخل المنبثق.
   - لا يوجد انتقال لصفحة نتائج المتجر.
   - اختصارات تعبئ خانة البحث داخليًا.
   - Loader اللامع محفوظ كما هو.
========================================================= */

/* خانة الإدخال: بدون أي ظل عند التركيز/المرور */
.rskh-search__field,
.rskh-search__field:hover,
.rskh-search__field:focus-within{
    box-shadow:none!important;
    outline:none!important;
}

.rskh-search__field:focus-within{
    border-color:var(--rskh-border)!important;
}

/* النص النائب خفيف وواضح */
.rskh-search__input::placeholder{
    color:#98a2b3!important;
    font-weight:400!important;
    text-shadow:none!important;
    -webkit-text-stroke:0!important;
    opacity:1!important;
}

/* زر حذف النص: دائرة فعلية مهما كانت أنماط القالب */
.rskh-search__clear,
.rskh-search__clear:hover,
.rskh-search__clear:focus,
.rskh-search__clear:focus-visible,
.rskh-search__clear:active{
    position:absolute!important;
    left:10px!important;
    top:50%!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    aspect-ratio:1 / 1!important;
    margin:0!important;
    padding:9px!important;
    border:0!important;
    border-radius:50%!important;
    background:#f5f5f7!important;
    color:#667085!important;
    box-shadow:none!important;
    outline:none!important;
    line-height:0!important;
    transform:translateY(-50%)!important;
    overflow:hidden!important;
}

.rskh-search__clear::before,
.rskh-search__clear::after{
    display:none!important;
    content:none!important;
}

.rskh-search__clear svg{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    margin:0!important;
    padding:0!important;
}

/* زر إغلاق المنبثق: دائرة فعلية أيضًا */
.rskh-search__close,
.rskh-search__close:hover,
.rskh-search__close:focus,
.rskh-search__close:focus-visible,
.rskh-search__close:active{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    aspect-ratio:1 / 1!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#f5f5f7!important;
    color:#596073!important;
    box-shadow:none!important;
    outline:none!important;
    line-height:0!important;
    overflow:hidden!important;
}

/* الاختصارات أصبحت أزرار بحث داخلية وليست روابط */
.rskh-search__shortcuts{
    flex:0 0 auto!important;
    display:block!important;
    padding:10px 3px 8px!important;
    margin:0!important;
}

.rskh-search__shortcuts>div{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
}

.rskh-search__shortcuts button{
    width:auto!important;
    min-width:0!important;
    min-height:31px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:6px 11px 3px!important;
    border:1px solid var(--rskh-border)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#55596b!important;
    box-shadow:none!important;
    font-family:var(--rskh-font)!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1!important;
    cursor:pointer!important;
    transform:none!important;
}

.rskh-search__shortcuts button:hover,
.rskh-search__shortcuts button:focus,
.rskh-search__shortcuts button:focus-visible,
.rskh-search__shortcuts button:active{
    border-color:rgba(104,87,245,.16)!important;
    background:rgba(104,87,245,.07)!important;
    color:#6857f5!important;
    box-shadow:none!important;
    outline:none!important;
    transform:none!important;
}

/* لم يعد هناك شريط حالة أو زر لصفحة نتائج عامة */
.rskh-search__status,
.rskh-search__all{
    display:none!important;
}

/* =========================================================
   الجوال والتابلت:
   - الوضع العادي بارتفاع تلقائي قريب من الحاسب.
   - عند وجود بحث يتمدد المنبثق لعرض النتائج.
========================================================= */
@media (max-width:1024px){

    .rskh-search{
        padding:64px 10px 10px!important;
        align-items:flex-start!important;
    }

    .rskh-search__panel{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:calc(100dvh - 74px)!important;
        padding:15px!important;
        border-radius:25px!important;
        transition:
            opacity .2s ease,
            transform .24s cubic-bezier(.16,1,.3,1)!important;
    }

    .rskh-search.has-query .rskh-search__panel{
        height:calc(100dvh - 74px)!important;
    }

    .rskh-search__results{
        grid-template-columns:1fr!important;
        flex:1 1 auto!important;
        min-height:0!important;
    }

    .rskh-search:not(.has-query) .rskh-search__results{
        display:none!important;
    }

    body.admin-bar .rskh-search{
        padding-top:54px!important;
    }

    body.admin-bar .rskh-search.has-query .rskh-search__panel{
        height:calc(100dvh - 62px)!important;
        max-height:calc(100dvh - 62px)!important;
    }
}


/* =========================================================
   16) ضبط منبثق البحث — V2
========================================================= */

/* 1) الحاسب فقط: زر إغلاق المنبثق للأسفل 2px */
@media (min-width:1025px){
    .rskh-search__close{
        transform:translateY(2px)!important;
    }
}

/* 2) الحاسب: نصوص الاختصارات بدون إزاحة لأسفل */
@media (min-width:1025px){
    .rskh-search__shortcuts button{
        padding-top:4px!important;
        padding-bottom:4px!important;
    }
}

/* الجوال والتابلت: الإزاحة السفلية تبقى هنا فقط */
@media (max-width:1024px){
    .rskh-search__shortcuts button{
        padding-top:6px!important;
        padding-bottom:3px!important;
    }
}

/* 3) الجوال والتابلت: رفع المنبثق قليلًا */
@media (max-width:1024px){

    .rskh-search{
        padding:58px 10px 10px!important;
        align-items:flex-start!important;
    }

    /* قبل البحث: ارتفاع طبيعي */
    .rskh-search__panel{
        height:auto!important;
        min-height:0!important;
        max-height:calc(100dvh - 68px)!important;
    }

    /* عند وجود نتائج: يمتد حتى أسفل الشاشة ويلتصق بها */
    .rskh-search.has-query{
        padding:58px 10px 0!important;
    }

    .rskh-search.has-query .rskh-search__panel{
        height:calc(100dvh - 58px)!important;
        max-height:calc(100dvh - 58px)!important;
        border-radius:25px 25px 0 0!important;
        padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
        overflow:hidden!important;
    }

    /* النتائج هي الجزء القابل للتمرير فقط */
    .rskh-search.has-query .rskh-search__results{
        flex:1 1 auto!important;
        min-height:0!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
        padding-bottom:8px!important;
    }

    /* إبقاء الهيدر والحقل والاختصارات ثابتة داخل المنبثق */
    .rskh-search__head,
    .rskh-search__form,
    .rskh-search__shortcuts{
        flex:0 0 auto!important;
    }

    body.admin-bar .rskh-search{
        padding-top:54px!important;
    }

    body.admin-bar .rskh-search.has-query{
        padding-top:54px!important;
        padding-bottom:0!important;
    }

    body.admin-bar .rskh-search.has-query .rskh-search__panel{
        height:calc(100dvh - 54px)!important;
        max-height:calc(100dvh - 54px)!important;
    }
}


/* =========================================================
   17) منبثق البحث — مطابق بصريًا للسلة والحساب
   القيم مأخوذة من واجهة السلة/الحساب:
   BG      #F4F5F8
   Surface #FCFCFD
   Alt     #F9FAFB
   Border  #D7DDE5
   Title   #1B1E36
   Text    #667085
========================================================= */

#rskhSearchDialog{
    --rskh-search-bg:#F4F5F8;
    --rskh-search-surface:#FCFCFD;
    --rskh-search-alt:#F9FAFB;
    --rskh-search-border:#D7DDE5;
    --rskh-search-title:#1B1E36;
    --rskh-search-text:#667085;
}

/* جسم المنبثق */
.rskh-search__panel{
    background:var(--rskh-search-bg)!important;
    border:0!important;
    border-radius:34px!important;
    box-shadow:
        0 18px 40px rgba(27,30,54,.10),
        0 6px 16px rgba(27,30,54,.06)!important;
}

/* العنوان والوصف */
.rskh-search__title{
    color:var(--rskh-search-title)!important;
}

.rskh-search__sub{
    color:var(--rskh-search-text)!important;
}

/* خانة البحث — نفس خانات الحساب والدفع */
.rskh-search__field,
.rskh-search__field:hover,
.rskh-search__field:focus-within{
    min-height:48px!important;
    border:1px solid var(--rskh-search-border)!important;
    border-radius:50px!important;
    background:var(--rskh-search-surface)!important;
    box-shadow:none!important;
    outline:none!important;
}

.rskh-search__field:focus-within{
    border-color:#6857F5!important;
    background:var(--rskh-search-surface)!important;
}

.rskh-search__input{
    height:48px!important;
    color:var(--rskh-search-title)!important;
    background:transparent!important;
    box-shadow:none!important;
}

.rskh-search__input::placeholder{
    color:#98A2B3!important;
    font-weight:500!important;
}

/* أيقونة البحث داخل الحقل */
.rskh-search__field-icon{
    color:#6857F5!important;
}

/* زر الحذف */
.rskh-search__clear,
.rskh-search__clear:hover,
.rskh-search__clear:focus,
.rskh-search__clear:focus-visible,
.rskh-search__clear:active{
    background:var(--rskh-search-alt)!important;
    color:var(--rskh-search-text)!important;
    border:0!important;
    border-radius:50%!important;
    box-shadow:none!important;
}

/* زر إغلاق المنبثق */
.rskh-search__close,
.rskh-search__close:hover,
.rskh-search__close:focus,
.rskh-search__close:focus-visible,
.rskh-search__close:active{
    background:var(--rskh-search-surface)!important;
    color:var(--rskh-search-title)!important;
    border:0!important;
    border-radius:50%!important;
    box-shadow:none!important;
}

/* أزرار الاقتراحات — نفس منطق الخانات */
.rskh-search__shortcuts button{
    border:1px solid var(--rskh-search-border)!important;
    border-radius:50px!important;
    background:var(--rskh-search-surface)!important;
    color:var(--rskh-search-text)!important;
    box-shadow:none!important;
}

.rskh-search__shortcuts button:hover,
.rskh-search__shortcuts button:focus,
.rskh-search__shortcuts button:focus-visible,
.rskh-search__shortcuts button:active{
    border-color:#6857F5!important;
    background:var(--rskh-search-surface)!important;
    color:#6857F5!important;
    box-shadow:none!important;
}

/* بطاقات النتائج — نفس تدرج أسطح السلة */
.rskh-search-card{
    border:0!important;
    border-radius:26px!important;
    background:#F5F6FA!important;
    box-shadow:none!important;
}

.rskh-search-card:hover,
.rskh-search-card:focus-visible{
    border:0!important;
    background:var(--rskh-search-surface)!important;
    box-shadow:none!important;
    transform:none!important;
}

.rskh-search-card__thumb{
    border-radius:18px!important;
    background:var(--rskh-search-surface)!important;
}

.rskh-search-card__title{
    color:var(--rskh-search-title)!important;
}

.rskh-search-card__price{
    color:#6857F5!important;
}

/* رسائل عدم وجود نتائج/الخطأ */
.rskh-search__empty,
.rskh-search__error{
    border:0!important;
    border-radius:26px!important;
    background:var(--rskh-search-surface)!important;
    color:var(--rskh-search-text)!important;
    box-shadow:none!important;
}

.rskh-search__empty strong,
.rskh-search__error strong{
    color:var(--rskh-search-title)!important;
}

/* Skeleton: نحافظ على اللمعان ونطابق الخلفية فقط */
.rskh-search__skeleton{
    border:0!important;
    border-radius:26px!important;
    background:#F5F6FA!important;
    box-shadow:none!important;
}

.rskh-search__skeleton-thumb,
.rskh-search__skeleton-line{
    background:#EEF0F7!important;
}

.rskh-search__skeleton-thumb{
    border-radius:18px!important;
}

/* الجوال والتابلت: نفس هندسة السلة/الحساب */
@media (max-width:1024px){
    .rskh-search__panel{
        border-radius:34px!important;
        background:var(--rskh-search-bg)!important;
    }

    .rskh-search.has-query .rskh-search__panel{
        border-radius:50px 50px 0 0!important;
    }

    .rskh-search-card,
    .rskh-search__skeleton{
        border-radius:20px!important;
    }

    .rskh-search-card__thumb,
    .rskh-search__skeleton-thumb{
        border-radius:16px!important;
    }
}


/* =========================================================
   18) تأثير دخول الهيدر — شعار ← قائمة ← أيقونات
   هبوط ناعم من الأعلى، بدون Blur للحفاظ على الأداء.
========================================================= */

/* إلغاء أي تأثير دخول سابق على نفس العناصر فقط */
.rskh-hd__brand,
.rskh-hd__nav,
.rskh-hd__tools>*{
    animation:none!important;
}

/* 1) الشعار */
.rskh-hd__brand{
    animation:rskhHeaderDropIn .52s cubic-bezier(.16,1,.3,1) both!important;
    animation-delay:.03s!important;
}

/* 2) القائمة الرئيسية */
.rskh-hd__nav{
    animation:rskhHeaderDropIn .56s cubic-bezier(.16,1,.3,1) both!important;
    animation-delay:.15s!important;
}

/* 3) الأيقونات — تدخل واحدة بعد الأخرى */
.rskh-hd__tools>*{
    animation:rskhHeaderDropIn .46s cubic-bezier(.16,1,.3,1) both!important;
}

.rskh-hd__tools>*:nth-child(1){animation-delay:.29s!important}
.rskh-hd__tools>*:nth-child(2){animation-delay:.35s!important}
.rskh-hd__tools>*:nth-child(3){animation-delay:.41s!important}
.rskh-hd__tools>*:nth-child(4){animation-delay:.47s!important}

@keyframes rskhHeaderDropIn{
    0%{
        opacity:0;
        transform:translate3d(0,-18px,0) scale(.985);
    }

    70%{
        opacity:1;
        transform:translate3d(0,2px,0) scale(1);
    }

    100%{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
    }
}

/* التابلت والجوال:
   القائمة المكتبية مخفية، لذلك يبدأ الشعار ثم الأيقونات مباشرة. */
@media (max-width:1024px){
    .rskh-hd__tools>*:nth-child(1){animation-delay:.17s!important}
    .rskh-hd__tools>*:nth-child(2){animation-delay:.23s!important}
    .rskh-hd__tools>*:nth-child(3){animation-delay:.29s!important}
    .rskh-hd__tools>*:nth-child(4){animation-delay:.35s!important}
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion:reduce){
    .rskh-hd__brand,
    .rskh-hd__nav,
    .rskh-hd__tools>*{
        animation:none!important;
        opacity:1!important;
        transform:none!important;
    }
}


/* =========================================================
   19) تأثير دخول الهيدر — المربع كامل فقط
   - إلغاء الحركات المنفصلة عن الشعار والقائمة والأيقونات.
   - دخول خفيف يعتمد فقط على opacity + transform لتقليل الكلفة.
========================================================= */

/* إلغاء جميع تأثيرات العناصر الداخلية */
.rskh-hd__brand,
.rskh-hd__nav,
.rskh-hd__tools,
.rskh-hd__tools>*{
    animation:none!important;
    opacity:1!important;
    filter:none!important;
}

/* المربع الكامل فقط */
.rskh-hd__bar{
    animation:rskhHeaderBoxDrop .52s cubic-bezier(.16,1,.3,1) both!important;
    transform-origin:center top;
}

@keyframes rskhHeaderBoxDrop{
    0%{
        opacity:0;
        transform:translate3d(0,-22px,0) scale(.992);
    }

    68%{
        opacity:1;
        transform:translate3d(0,2px,0) scale(1);
    }

    100%{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
    }
}

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion:reduce){
    .rskh-hd__bar{
        animation:none!important;
        opacity:1!important;
        filter:none!important;
        transform:none!important;
        will-change:auto!important;
    }
}

/* =========================================================
   20) تكامل الإضافة المتكاملة — قواعد نهائية
========================================================= */
/* السلة مخفية عند الصفر خارج المتجر/المنتج، وتظهر في سياق المتجر حتى لو فارغة. */
.rskh-hd .rskh-hd-cart-trigger.aa-sqc-is-empty{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.woocommerce-shop .rskh-hd .rskh-hd-cart-trigger.aa-sqc-is-empty,
body.post-type-archive-product .rskh-hd .rskh-hd-cart-trigger.aa-sqc-is-empty,
body.single-product .rskh-hd .rskh-hd-cart-trigger.aa-sqc-is-empty{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.rskh-hd .rskh-hd-cart-count[data-aa-sqc-count="0"]{display:none!important}

/* الحساب بعد تسجيل الدخول — بنفسجي ثابت على العنصر وStroke الفعلي. */
body.logged-in #rskhCustomHeader .rskh-hd-account-trigger,
body.logged-in #rskhCustomHeader .rskh-hd-account-trigger .rskh-hd__tool-link,
body.logged-in #rskhCustomHeader .rskh-hd-account-trigger .rskh-hd__icon,
body.rskh-mm-logged-in #rskhCustomHeader .rskh-hd-account-trigger,
body.rskh-mm-logged-in #rskhCustomHeader .rskh-hd-account-trigger .rskh-hd__tool-link,
body.rskh-mm-logged-in #rskhCustomHeader .rskh-hd-account-trigger .rskh-hd__icon{
    color:#6857f5!important;
}
body.logged-in #rskhCustomHeader .rskh-hd-account-trigger .rskh-hd__icon svg path,
body.logged-in #rskhCustomHeader .rskh-hd-account-trigger .rskh-hd__icon svg circle,
body.rskh-mm-logged-in #rskhCustomHeader .rskh-hd-account-trigger .rskh-hd__icon svg path,
body.rskh-mm-logged-in #rskhCustomHeader .rskh-hd-account-trigger .rskh-hd__icon svg circle{
    stroke:#6857f5!important;
}

/* أكثر الخدمات بحثًا: 8 عناصر، تمرير أفقي بدون شريط ظاهر */
.rskh-search__shortcuts{overflow:hidden!important}
.rskh-search__shortcuts-track{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;padding:1px 0 3px!important}
.rskh-search__shortcuts-track::-webkit-scrollbar{display:none!important}
.rskh-search__shortcuts-track button{flex:0 0 auto!important;scroll-snap-align:start;white-space:nowrap!important}

/* لا يظهر أي عنصر بحث عام أو رابط أرشيف. */
.rskh-search__all,.rskh-search__status{display:none!important}

/* الشعار يأتي جاهزًا من السيرفر، فلا حاجة لسكربت إظهار. */
.rskh-hd__logo.is-ready{display:block!important}

/* =========================================================
   21) إصلاحات دقيقة — السلة / البحث / الجوال
   ========================================================= */

/*
 * بطاقات نتائج البحث: حد هادئ جدًا، وصورة بنسبة المصدر 700×800
 * بدون قص أو تكبير غير متناسب.
 */
.rskh-search-card,
.rskh-search-card:hover,
.rskh-search-card:focus-visible{
    border:1px solid rgba(102,112,133,.11)!important;
}

.rskh-search-card__thumb{
    width:64px!important;
    height:auto!important;
    aspect-ratio:7 / 8!important;
}

.rskh-search-card__thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
}

/*
 * أكثر الخدمات بحثًا: صف واحد قابل للسحب أفقيًا.
 * نرفع specificity هنا لأن قاعدة قديمة لـ >div كانت تفرض flex-wrap:wrap.
 */
.rskh-search__shortcuts{
    position:relative!important;
    overflow:hidden!important;
}

.rskh-search__shortcuts>.rskh-search__shortcuts-track{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:1px 2px 4px!important;
}

.rskh-search__shortcuts>.rskh-search__shortcuts-track::-webkit-scrollbar{
    display:none!important;
}

@media (hover:hover) and (pointer:fine){
    .rskh-search__shortcuts>.rskh-search__shortcuts-track{
        cursor:grab;
    }
    .rskh-search__shortcuts>.rskh-search__shortcuts-track.is-pointer-dragging{
        cursor:grabbing;
        user-select:none;
        scroll-snap-type:none!important;
    }
}

.rskh-search__shortcuts>.rskh-search__shortcuts-track>button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    border-radius:999px!important;
    scroll-snap-align:start!important;
}

/* تلميح بصري هادئ من الجهة اليسرى بلسان نفس خلفية المنبثق. */
.rskh-search__shortcuts::after{
    content:"";
    position:absolute;
    z-index:3;
    top:7px;
    bottom:7px;
    left:0;
    width:34px;
    pointer-events:none;
    background:linear-gradient(90deg,var(--rskh-search-bg) 12%,rgba(244,245,248,.82) 38%,rgba(244,245,248,0) 100%);
}

@media (max-width:1024px){
    /*
     * لا نحرك height أثناء تحول البحث إلى وضع النتائج؛ هذا يمنع reflow متكرر.
     * الزاويتان العلويتان تبقيان على نفس 34px في الحالتين.
     */
    .rskh-search__panel{
        transition:opacity .2s ease,transform .24s cubic-bezier(.16,1,.3,1)!important;
    }

    .rskh-search.has-query .rskh-search__panel{
        border-radius:34px 34px 0 0!important;
    }

    .rskh-search-card,
    .rskh-search__skeleton{
        min-height:82px!important;
        grid-template-columns:58px minmax(0,1fr)!important;
    }

    .rskh-search-card__thumb{
        width:58px!important;
        height:auto!important;
        aspect-ratio:7 / 8!important;
        border-radius:16px!important;
    }

    .rskh-search__skeleton-thumb{
        width:58px!important;
        height:66px!important;
        border-radius:16px!important;
    }

    /*
     * القائمة الجانبية: نلغي انتقال max-height الضخم (2400px).
     * fallback خفيف يعتمد opacity/transform، والمتصفحات الداعمة تحصل على
     * انتقال height:auto حقيقي ومحدود على القائمة فقط.
     */
    .rskh-drawer__menu .rskh-nav__submenu{
        opacity:0!important;
        transform:translate3d(0,-3px,0)!important;
        transition:opacity .12s ease,transform .15s cubic-bezier(.2,.7,.3,1)!important;
    }

    .rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__submenu{
        opacity:1!important;
        transform:translate3d(0,0,0)!important;
    }
}

/* Progressive enhancement: لا سكربت ولا قياس scrollHeight ولا MutationObserver. */
@supports (interpolate-size:allow-keywords){
    @media (max-width:1024px){
        .rskh-drawer__menu{
            interpolate-size:allow-keywords;
        }

        .rskh-drawer__menu .rskh-nav__submenu{
            height:0!important;
            max-height:none!important;
            overflow:hidden!important;
            transition:height .16s cubic-bezier(.2,.7,.3,1),opacity .12s ease,transform .15s cubic-bezier(.2,.7,.3,1)!important;
        }

        .rskh-drawer__menu .rskh-nav__item.is-open>.rskh-nav__submenu{
            height:auto!important;
            max-height:none!important;
        }
    }
}


/* =========================================================
   21) تثبيت أسهم القائمة المكتبية من أول Paint
   يمنع قواعد button العامة أو CSS المؤجل من إخفائها/إبعادها.
========================================================= */
@media (min-width:1025px){
    #rskhDesktopNav .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow{
        position:relative!important;
        inset:auto!important;
        flex:0 0 18px!important;
        width:18px!important;
        min-width:18px!important;
        max-width:18px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        appearance:none!important;
        -webkit-appearance:none!important;
    }

    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children>.rskh-nav__parent-row{
        display:inline-flex!important;
        align-items:center!important;
        gap:0!important;
    }

    #rskhDesktopNav>.rskh-nav>.rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow{
        height:42px!important;
        margin-inline-start:-4px!important;
    }

    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow{
        height:38px!important;
        margin-inline-start:-2px!important;
    }

    #rskhDesktopNav .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow::before,
    #rskhDesktopNav .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow::after{
        display:none!important;
        content:none!important;
    }

    #rskhDesktopNav .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow svg{
        display:block!important;
        width:10px!important;
        height:10px!important;
        min-width:10px!important;
        opacity:1!important;
        visibility:visible!important;
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:2!important;
    }

    #rskhDesktopNav .rskh-nav__submenu .rskh-nav__item--has-children>.rskh-nav__parent-row>.rskh-nav__arrow svg{
        width:9px!important;
        height:9px!important;
    }
}