/* BrandiMark Clients Marquee - scoped styles */
.bmk-clients,
.bmk-clients * {
    box-sizing: border-box;
}

.bmk-clients {
    --bmk-speed: 36s;
    --bmk-mobile-speed: 42s;
    --bmk-gap: 84px;
    --bmk-mobile-gap: 52px;
    --bmk-logo-width: 185px;
    --bmk-mobile-width: 132px;
    --bmk-logo-height: 78px;
    --bmk-logo-offset-y: -3px;
    --bmk-mobile-logo-offset-y: -2px;
    --bmk-padding: 34px;
    --bmk-radius: 0px;
    --bmk-bg: #050505;
    --bmk-border: #222222;
    --bmk-accent: #A9C0DF;

    position: relative;
    width: 100%;
    overflow: hidden;
    isolation: isolate;
    contain: layout paint style;
    direction: ltr;
    background: var(--bmk-bg);
    border: 0;
    box-shadow: none;
    border-radius: var(--bmk-radius);
    padding-block: var(--bmk-padding);
    touch-action: pan-y pinch-zoom;
    -webkit-tap-highlight-color: transparent;
}

.bmk-clients[data-edge-fade="yes"]::before,
.bmk-clients[data-edge-fade="yes"]::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    width: clamp(24px, 7vw, 120px);
    pointer-events: none;
}

.bmk-clients[data-edge-fade="yes"]::before {
    left: 0;
    background: linear-gradient(90deg, var(--bmk-bg) 5%, transparent 100%);
}

.bmk-clients[data-edge-fade="yes"]::after {
    right: 0;
    background: linear-gradient(270deg, var(--bmk-bg) 5%, transparent 100%);
}

.bmk-clients__viewport {
    width: 100%;
    overflow: hidden;
    touch-action: pan-y pinch-zoom;
    overscroll-behavior-inline: contain;
}

.bmk-clients__track {
    display: flex;
    width: max-content;
    min-width: 100%;
    align-items: center;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    animation: bmk-clients-scroll var(--bmk-speed) linear 0s infinite both;
    animation-play-state: running;
}

.bmk-clients[data-direction="right"] .bmk-clients__track {
    animation-direction: reverse;
}

/* توقف با موس فقط روی دستگاه‌هایی که واقعاً هاور دارند. */
@media (hover: hover) and (pointer: fine) {
    .bmk-clients[data-pause="yes"]:hover .bmk-clients__track,
    .bmk-clients[data-pause="yes"]:focus-within .bmk-clients__track {
        animation-play-state: paused;
    }
}

/* توقف موبایل فقط بعد از نگه‌داشتن واقعی انگشت فعال می‌شود، نه هنگام اسکرول. */
.bmk-clients[data-touch-continue="no"].is-touch-paused .bmk-clients__track {
    animation-play-state: paused;
}

.bmk-clients[data-touch-continue="yes"].is-touch-active .bmk-clients__track {
    animation-play-state: running !important;
}

.bmk-clients__set {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--bmk-gap);
    padding-inline-end: var(--bmk-gap);
}

.bmk-clients__item {
    position: relative;
    display: flex !important;
    flex: 0 0 auto;
    align-items: center !important;
    justify-content: center !important;
    width: var(--bmk-logo-width);
    min-width: var(--bmk-logo-width);
    height: var(--bmk-logo-height);
    padding: 4px;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    outline: none;
    border: 0 !important;
    border-radius: 999px;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible;
    isolation: isolate;
    touch-action: pan-y pinch-zoom;
    -webkit-touch-callout: none;
}

/*
 * لایه مستقل مرکزکننده باعث می‌شود استایل قالب یا قالب وردپرس نتواند
 * لوگو را از مرکز باکس خارج کند. اصلاح بصری Y روی همین لایه انجام می‌شود.
 */
.bmk-clients__logo {
    position: relative;
    z-index: 2;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    transform: translate3d(0, var(--bmk-logo-offset-y), 0);
    transform-origin: center center;
    pointer-events: none;
}

.bmk-clients__item img {
    position: relative;
    z-index: 2;
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    vertical-align: middle !important;
    object-fit: contain;
    object-position: 50% 50%;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-origin: center center;
    transition:
        transform 420ms cubic-bezier(.2,.75,.2,1),
        filter 420ms ease,
        opacity 420ms ease;
}

/* هاله بسیار نرم و گسترده؛ بدون لبه، کادر یا box-shadow */
.bmk-clients__item::before,
.bmk-clients__item::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.88);
    transform-origin: center;
    transition:
        opacity 480ms ease,
        transform 560ms cubic-bezier(.2,.75,.2,1),
        filter 480ms ease;
}

.bmk-clients__item::before {
    z-index: -2;
    left: -4%;
    right: -4%;
    top: -10%;
    bottom: -10%;
    filter: blur(30px);
    background: radial-gradient(
        ellipse at center,
        color-mix(in srgb, var(--bmk-accent) 22%, transparent) 0%,
        color-mix(in srgb, var(--bmk-accent) 11%, transparent) 34%,
        color-mix(in srgb, var(--bmk-accent) 4%, transparent) 56%,
        transparent 78%
    );
}

.bmk-clients__item::after {
    z-index: -1;
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    filter: blur(19px);
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,.10) 0%,
        color-mix(in srgb, var(--bmk-accent) 13%, transparent) 34%,
        color-mix(in srgb, var(--bmk-accent) 4%, transparent) 58%,
        transparent 80%
    );
}

/* لمس طولانی و فوکوس صفحه‌کلید */
.bmk-clients__item.is-touched::before,
.bmk-clients__item:focus-visible::before {
    opacity: .56;
    transform: scale(1.08);
    filter: blur(34px);
}

.bmk-clients__item.is-touched::after,
.bmk-clients__item:focus-visible::after {
    opacity: .34;
    transform: scale(1.04);
    filter: blur(22px);
}

/* هاور فقط در دسکتاپ؛ موبایل hover چسبنده نخواهد داشت. */
@media (hover: hover) and (pointer: fine) {
    .bmk-clients__item:hover::before {
        opacity: .56;
        transform: scale(1.08);
        filter: blur(34px);
    }

    .bmk-clients__item:hover::after {
        opacity: .34;
        transform: scale(1.04);
        filter: blur(22px);
    }
}

/* خاکستری به رنگی */
.bmk-effect-gray-color .bmk-clients__item img {
    filter: grayscale(1) saturate(.15) brightness(.88) contrast(1.05);
    opacity: .78;
}

.bmk-effect-gray-color .bmk-clients__item.is-touched img,
.bmk-effect-gray-color .bmk-clients__item:focus-visible img {
    filter: grayscale(0) saturate(1.18) brightness(1.08) drop-shadow(0 0 4px color-mix(in srgb, var(--bmk-accent) 32%, transparent));
    opacity: 1;
    transform: translateY(-2px) scale(1.025);
}

/* رنگی به خاکستری */
.bmk-effect-color-gray .bmk-clients__item img {
    filter: grayscale(0) saturate(1.05);
    opacity: .95;
}

.bmk-effect-color-gray .bmk-clients__item.is-touched img,
.bmk-effect-color-gray .bmk-clients__item:focus-visible img {
    filter: grayscale(1) brightness(1.1);
    opacity: .86;
    transform: translateY(-2px) scale(1.025);
}

/* درخشش */
.bmk-effect-glow .bmk-clients__item img {
    filter: grayscale(.7) brightness(.9);
    opacity: .8;
}

.bmk-effect-glow .bmk-clients__item.is-touched img,
.bmk-effect-glow .bmk-clients__item:focus-visible img {
    filter: grayscale(0) brightness(1.08) drop-shadow(0 0 5px color-mix(in srgb, var(--bmk-accent) 38%, transparent));
    opacity: 1;
    transform: translateY(-2px) scale(1.03);
}

/* حرکت نرم */
.bmk-effect-lift .bmk-clients__item img {
    opacity: .86;
}

.bmk-effect-lift .bmk-clients__item.is-touched img,
.bmk-effect-lift .bmk-clients__item:focus-visible img {
    opacity: 1;
    transform: translateY(-3px) scale(1.035) rotate(-.4deg);
}

@media (hover: hover) and (pointer: fine) {
    .bmk-effect-gray-color .bmk-clients__item:hover img {
        filter: grayscale(0) saturate(1.18) brightness(1.08) drop-shadow(0 0 4px color-mix(in srgb, var(--bmk-accent) 32%, transparent));
        opacity: 1;
        transform: translateY(-2px) scale(1.025);
    }

    .bmk-effect-color-gray .bmk-clients__item:hover img {
        filter: grayscale(1) brightness(1.1);
        opacity: .86;
        transform: translateY(-2px) scale(1.025);
    }

    .bmk-effect-glow .bmk-clients__item:hover img {
        filter: grayscale(0) brightness(1.08) drop-shadow(0 0 5px color-mix(in srgb, var(--bmk-accent) 38%, transparent));
        opacity: 1;
        transform: translateY(-2px) scale(1.03);
    }

    .bmk-effect-lift .bmk-clients__item:hover img {
        opacity: 1;
        transform: translateY(-3px) scale(1.035) rotate(-.4deg);
    }
}

.bmk-clients__item:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bmk-accent) 58%, transparent);
    outline-offset: 8px;
}

.bmk-clients__sr-list {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.bmk-clients-empty {
    padding: 14px 18px;
    border: 1px dashed #aaa;
    border-radius: 10px;
    text-align: center;
}

@keyframes bmk-clients-scroll {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 767px) {
    .bmk-clients {
        padding-block: max(18px, calc(var(--bmk-padding) * .72));
    }

    .bmk-clients__track {
        animation-duration: var(--bmk-mobile-speed);
    }

    .bmk-clients__set {
        gap: var(--bmk-mobile-gap);
        padding-inline-end: var(--bmk-mobile-gap);
    }

    .bmk-clients__item {
        width: var(--bmk-mobile-width);
        min-width: var(--bmk-mobile-width);
        height: min(var(--bmk-logo-height), 68px);
    }

    .bmk-clients__logo {
        transform: translate3d(0, var(--bmk-mobile-logo-offset-y), 0);
    }

    .bmk-clients__item img {
        max-height: 100% !important;
    }

    /* شدت پردازشی هاله موبایل کمتر است، اما ظاهر نرم آن حفظ می‌شود. */
    .bmk-clients__item::before {
        filter: blur(24px);
    }

    .bmk-clients__item::after {
        filter: blur(15px);
    }

    .bmk-clients__item.is-touched::before {
        filter: blur(27px);
        opacity: .48;
    }

    .bmk-clients__item.is-touched::after {
        filter: blur(18px);
        opacity: .28;
    }

    .bmk-clients[data-edge-fade="yes"]::before,
    .bmk-clients[data-edge-fade="yes"]::after {
        width: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bmk-clients__viewport {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .bmk-clients__track {
        animation: none !important;
        transform: none !important;
    }

    .bmk-clients__track .bmk-clients__set[aria-hidden="true"] {
        display: none;
    }

    .bmk-clients__item img,
    .bmk-clients__item::before,
    .bmk-clients__item::after {
        transition-duration: 1ms !important;
    }
}

@supports not (color: color-mix(in srgb, white, black)) {
    .bmk-clients__item::before {
        background: radial-gradient(ellipse at center, rgba(169,192,223,.22) 0%, rgba(169,192,223,.10) 34%, rgba(169,192,223,.04) 56%, transparent 78%);
    }

    .bmk-clients__item::after {
        background: radial-gradient(ellipse at center, rgba(255,255,255,.10) 0%, rgba(169,192,223,.13) 34%, rgba(169,192,223,.04) 58%, transparent 80%);
    }

    .bmk-effect-gray-color .bmk-clients__item.is-touched img,
    .bmk-effect-gray-color .bmk-clients__item:focus-visible img {
        filter: grayscale(0) saturate(1.18) brightness(1.08) drop-shadow(0 0 4px rgba(169,192,223,.32));
    }

    @media (hover: hover) and (pointer: fine) {
        .bmk-effect-gray-color .bmk-clients__item:hover img {
            filter: grayscale(0) saturate(1.18) brightness(1.08) drop-shadow(0 0 4px rgba(169,192,223,.32));
        }
    }
}

/* =========================================================
   10 قالب آماده نسخه 1.0.6
   قالب‌ها فقط داخل .bmk-clients اعمال می‌شوند و با قالب سایت تداخل ندارند.
========================================================= */
.bmk-clients__viewport {
    position: relative;
    z-index: 1;
}

.bmk-clients__decor,
.bmk-clients__decor span {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.bmk-clients__decor {
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
}

.bmk-clients__decor span {
    display: block;
}

/* 01 — مینیمال نرم: نسخه پایه بدون کادر و خط مشخص */
.bmk-template-minimal-soft .bmk-clients__decor {
    opacity: 0;
}

.bmk-template-minimal-soft .bmk-clients__item {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 02 — کارت شیشه‌ای */
.bmk-template-glass-cards {
    background:
        radial-gradient(circle at 50% -30%, color-mix(in srgb, var(--bmk-accent) 9%, transparent), transparent 48%),
        var(--bmk-bg);
}

.bmk-template-glass-cards .bmk-clients__decor span:first-child {
    inset: 12% 4%;
    opacity: .24;
    filter: blur(34px);
    background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--bmk-accent) 14%, transparent) 48%, transparent 100%);
}

.bmk-template-glass-cards .bmk-clients__item {
    padding: 12px 18px;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 30px rgba(0,0,0,.16) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    transition: border-color 360ms ease, background 360ms ease, box-shadow 360ms ease, transform 360ms ease;
}

.bmk-template-glass-cards .bmk-clients__item.is-touched,
.bmk-template-glass-cards .bmk-clients__item:focus-visible {
    border-color: color-mix(in srgb, var(--bmk-accent) 28%, transparent) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--bmk-accent) 9%, rgba(255,255,255,.055)), rgba(255,255,255,.018)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 15px 38px rgba(0,0,0,.22) !important;
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-glass-cards .bmk-clients__item:hover {
        border-color: color-mix(in srgb, var(--bmk-accent) 28%, transparent) !important;
        background: linear-gradient(145deg, color-mix(in srgb, var(--bmk-accent) 9%, rgba(255,255,255,.055)), rgba(255,255,255,.018)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 15px 38px rgba(0,0,0,.22) !important;
        transform: translateY(-2px);
    }
}

/* 03 — فریم نئونی */
.bmk-template-neon-frame {
    background: linear-gradient(180deg, color-mix(in srgb, var(--bmk-bg) 94%, #101722), var(--bmk-bg));
}

.bmk-template-neon-frame .bmk-clients__decor span:first-child {
    inset: auto 8% 7% 8%;
    height: 1px;
    opacity: .34;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--bmk-accent) 34%, transparent), transparent);
    filter: blur(.4px);
}

.bmk-template-neon-frame .bmk-clients__item {
    padding: 11px 17px;
    border: 1px solid transparent !important;
    border-radius: 16px;
    background:
        linear-gradient(var(--bmk-bg), var(--bmk-bg)) padding-box,
        linear-gradient(115deg, transparent 5%, color-mix(in srgb, var(--bmk-accent) 28%, transparent) 42%, rgba(255,255,255,.14) 58%, transparent 95%) border-box !important;
    box-shadow: inset 0 0 22px rgba(255,255,255,.012) !important;
    transition: box-shadow 380ms ease, transform 380ms ease;
}

.bmk-template-neon-frame .bmk-clients__item.is-touched,
.bmk-template-neon-frame .bmk-clients__item:focus-visible {
    box-shadow: inset 0 0 24px color-mix(in srgb, var(--bmk-accent) 7%, transparent), 0 0 26px color-mix(in srgb, var(--bmk-accent) 10%, transparent) !important;
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-neon-frame .bmk-clients__item:hover {
        box-shadow: inset 0 0 24px color-mix(in srgb, var(--bmk-accent) 7%, transparent), 0 0 26px color-mix(in srgb, var(--bmk-accent) 10%, transparent) !important;
        transform: translateY(-2px);
    }
}

/* 04 — کپسول نرم */
.bmk-template-soft-capsule .bmk-clients__decor span:first-child {
    inset: 18% 0;
    opacity: .22;
    filter: blur(48px);
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--bmk-accent) 14%, transparent), transparent 64%);
}

.bmk-template-soft-capsule .bmk-clients__item {
    padding: 12px 22px;
    border: 1px solid rgba(255,255,255,.045) !important;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.018), rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
    box-shadow: inset 0 0 22px rgba(255,255,255,.018) !important;
    transition: background 380ms ease, border-color 380ms ease, transform 380ms ease;
}

.bmk-template-soft-capsule .bmk-clients__item.is-touched,
.bmk-template-soft-capsule .bmk-clients__item:focus-visible {
    border-color: color-mix(in srgb, var(--bmk-accent) 20%, transparent) !important;
    background: linear-gradient(90deg, color-mix(in srgb, var(--bmk-accent) 4%, rgba(255,255,255,.018)), color-mix(in srgb, var(--bmk-accent) 10%, rgba(255,255,255,.055)), color-mix(in srgb, var(--bmk-accent) 4%, rgba(255,255,255,.018))) !important;
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-soft-capsule .bmk-clients__item:hover {
        border-color: color-mix(in srgb, var(--bmk-accent) 20%, transparent) !important;
        background: linear-gradient(90deg, color-mix(in srgb, var(--bmk-accent) 4%, rgba(255,255,255,.018)), color-mix(in srgb, var(--bmk-accent) 10%, rgba(255,255,255,.055)), color-mix(in srgb, var(--bmk-accent) 4%, rgba(255,255,255,.018))) !important;
        transform: scale(1.018);
    }
}

/* 05 — نورافکن */
.bmk-template-spotlight {
    background: linear-gradient(180deg, color-mix(in srgb, var(--bmk-bg) 92%, #111722), var(--bmk-bg));
}

.bmk-template-spotlight .bmk-clients__decor span:first-child {
    inset: -45% 18% 24%;
    opacity: .28;
    filter: blur(42px);
    background: radial-gradient(ellipse at top, color-mix(in srgb, var(--bmk-accent) 20%, transparent), transparent 62%);
}

.bmk-template-spotlight .bmk-clients__item {
    border-radius: 14px;
}

.bmk-template-spotlight .bmk-clients__item::before {
    left: 8%;
    right: 8%;
    top: -42%;
    bottom: 16%;
    border-radius: 45% 45% 55% 55%;
    opacity: .16;
    filter: blur(22px);
    transform: perspective(120px) rotateX(18deg) scale(.92);
    background: linear-gradient(180deg, color-mix(in srgb, var(--bmk-accent) 14%, transparent), transparent 72%);
}

.bmk-template-spotlight .bmk-clients__item::after {
    left: 12%;
    right: 12%;
    top: auto;
    bottom: -12%;
    height: 20px;
    opacity: .18;
    filter: blur(12px);
    transform: scale(.8);
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--bmk-accent) 22%, transparent), transparent 70%);
}

.bmk-template-spotlight .bmk-clients__item.is-touched::before,
.bmk-template-spotlight .bmk-clients__item:focus-visible::before {
    opacity: .46;
    transform: perspective(120px) rotateX(18deg) scale(1.05);
}

.bmk-template-spotlight .bmk-clients__item.is-touched::after,
.bmk-template-spotlight .bmk-clients__item:focus-visible::after {
    opacity: .42;
    transform: scale(1.05);
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-spotlight .bmk-clients__item:hover::before {
        opacity: .46;
        transform: perspective(120px) rotateX(18deg) scale(1.05);
    }

    .bmk-template-spotlight .bmk-clients__item:hover::after {
        opacity: .42;
        transform: scale(1.05);
    }
}

/* 06 — شبکه تکنولوژی */
.bmk-template-tech-grid {
    background: color-mix(in srgb, var(--bmk-bg) 95%, #0c1420);
}

.bmk-template-tech-grid .bmk-clients__decor span:first-child {
    opacity: .16;
    background-image:
        linear-gradient(color-mix(in srgb, var(--bmk-accent) 25%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--bmk-accent) 25%, transparent) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.bmk-template-tech-grid .bmk-clients__decor span:last-child {
    inset: 15% 6%;
    opacity: .16;
    filter: blur(30px);
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--bmk-accent) 14%, transparent), transparent);
}

.bmk-template-tech-grid .bmk-clients__item {
    padding: 10px 15px;
    border: 1px solid color-mix(in srgb, var(--bmk-accent) 13%, transparent) !important;
    border-radius: 7px;
    background: rgba(2,6,11,.58) !important;
    box-shadow: inset 0 0 18px rgba(255,255,255,.012) !important;
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
    transition: border-color 340ms ease, box-shadow 340ms ease, transform 340ms ease;
}

.bmk-template-tech-grid .bmk-clients__item.is-touched,
.bmk-template-tech-grid .bmk-clients__item:focus-visible {
    border-color: color-mix(in srgb, var(--bmk-accent) 38%, transparent) !important;
    box-shadow: inset 0 0 22px color-mix(in srgb, var(--bmk-accent) 7%, transparent), 0 0 20px color-mix(in srgb, var(--bmk-accent) 8%, transparent) !important;
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-tech-grid .bmk-clients__item:hover {
        border-color: color-mix(in srgb, var(--bmk-accent) 38%, transparent) !important;
        box-shadow: inset 0 0 22px color-mix(in srgb, var(--bmk-accent) 7%, transparent), 0 0 20px color-mix(in srgb, var(--bmk-accent) 8%, transparent) !important;
        transform: translateY(-2px);
    }
}

/* 07 — مدار */
.bmk-template-orbit .bmk-clients__decor span:first-child {
    inset: 8% 2%;
    opacity: .14;
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--bmk-accent) 14%, transparent), transparent 68%);
    filter: blur(38px);
}

.bmk-template-orbit .bmk-clients__item {
    border-radius: 50%;
}

.bmk-template-orbit .bmk-clients__item::before {
    left: 3%;
    right: 3%;
    top: 2%;
    bottom: 2%;
    opacity: .28;
    border: 1px solid color-mix(in srgb, var(--bmk-accent) 20%, transparent);
    border-radius: 50%;
    background: transparent;
    filter: none;
    transform: rotate(-7deg) scale(.91);
}

.bmk-template-orbit .bmk-clients__item::after {
    left: 14%;
    right: 14%;
    top: 16%;
    bottom: 16%;
    opacity: .10;
    border-radius: 50%;
    filter: blur(15px);
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--bmk-accent) 18%, transparent), transparent 72%);
}

.bmk-template-orbit .bmk-clients__item.is-touched::before,
.bmk-template-orbit .bmk-clients__item:focus-visible::before {
    opacity: .72;
    transform: rotate(7deg) scale(1.02);
}

.bmk-template-orbit .bmk-clients__item.is-touched::after,
.bmk-template-orbit .bmk-clients__item:focus-visible::after {
    opacity: .38;
    transform: scale(1.08);
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-orbit .bmk-clients__item:hover::before {
        opacity: .72;
        transform: rotate(7deg) scale(1.02);
    }

    .bmk-template-orbit .bmk-clients__item:hover::after {
        opacity: .38;
        transform: scale(1.08);
    }
}

/* 08 — پنل شناور */
.bmk-template-floating-panel {
    background: linear-gradient(180deg, color-mix(in srgb, var(--bmk-bg) 90%, #171717), var(--bmk-bg));
}

.bmk-template-floating-panel .bmk-clients__decor span:first-child {
    inset: 22% 4%;
    opacity: .30;
    filter: blur(44px);
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--bmk-accent) 10%, transparent), transparent 68%);
}

.bmk-template-floating-panel .bmk-clients__item {
    padding: 12px 18px;
    border: 1px solid rgba(255,255,255,.045) !important;
    border-radius: 20px 8px 20px 8px;
    background: linear-gradient(145deg, rgba(255,255,255,.048), rgba(0,0,0,.10)) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055) !important;
    transition: transform 420ms cubic-bezier(.2,.75,.2,1), box-shadow 420ms ease, border-radius 420ms ease;
}

.bmk-template-floating-panel .bmk-clients__set .bmk-clients__item:nth-child(even) {
    transform: translateY(5px);
}

.bmk-template-floating-panel .bmk-clients__set .bmk-clients__item:nth-child(odd) {
    transform: translateY(-3px);
}

.bmk-template-floating-panel .bmk-clients__item.is-touched,
.bmk-template-floating-panel .bmk-clients__item:focus-visible {
    border-radius: 10px 20px 10px 20px;
    box-shadow: 0 18px 36px rgba(0,0,0,.30), 0 0 24px color-mix(in srgb, var(--bmk-accent) 8%, transparent), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-floating-panel .bmk-clients__item:hover {
        border-radius: 10px 20px 10px 20px;
        box-shadow: 0 18px 36px rgba(0,0,0,.30), 0 0 24px color-mix(in srgb, var(--bmk-accent) 8%, transparent), inset 0 1px 0 rgba(255,255,255,.08) !important;
    }
}

/* 09 — شفق */
.bmk-template-aurora {
    background: linear-gradient(180deg, color-mix(in srgb, var(--bmk-bg) 92%, #0c1220), var(--bmk-bg));
}

.bmk-template-aurora .bmk-clients__decor span:first-child {
    inset: -85% -15%;
    opacity: .34;
    filter: blur(58px);
    background:
        radial-gradient(circle at 25% 45%, color-mix(in srgb, var(--bmk-accent) 26%, transparent), transparent 30%),
        radial-gradient(circle at 53% 52%, rgba(118,91,255,.16), transparent 31%),
        radial-gradient(circle at 78% 43%, rgba(77,211,192,.12), transparent 30%);
    animation: bmk-aurora-drift 13s ease-in-out infinite alternate;
}

.bmk-template-aurora .bmk-clients__decor span:last-child {
    inset: 17% 4%;
    opacity: .16;
    filter: blur(28px);
    background: linear-gradient(100deg, transparent, color-mix(in srgb, var(--bmk-accent) 18%, transparent), rgba(118,91,255,.10), transparent);
}

.bmk-template-aurora .bmk-clients__item {
    padding: 11px 17px;
    border: 1px solid rgba(255,255,255,.045) !important;
    border-radius: 18px;
    background: rgba(4,6,10,.30) !important;
    box-shadow: inset 0 0 24px rgba(255,255,255,.012) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.bmk-template-aurora .bmk-clients__item.is-touched,
.bmk-template-aurora .bmk-clients__item:focus-visible {
    background: rgba(8,11,18,.42) !important;
    border-color: color-mix(in srgb, var(--bmk-accent) 22%, transparent) !important;
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-aurora .bmk-clients__item:hover {
        background: rgba(8,11,18,.42) !important;
        border-color: color-mix(in srgb, var(--bmk-accent) 22%, transparent) !important;
    }
}

@keyframes bmk-aurora-drift {
    from { transform: translate3d(-3%, -1%, 0) scale(1); }
    to   { transform: translate3d(4%, 2%, 0) scale(1.08); }
}

/* 10 — مونو لوکس */
.bmk-template-luxury-mono {
    background: linear-gradient(180deg, #080808, #020202 56%, #070707);
}

.bmk-template-luxury-mono .bmk-clients__decor span:first-child {
    inset: 0 8%;
    opacity: .18;
    background: radial-gradient(ellipse at top, rgba(255,255,255,.16), transparent 56%);
    filter: blur(44px);
}

.bmk-template-luxury-mono .bmk-clients__decor span:last-child {
    inset: auto 12% 9%;
    height: 22px;
    opacity: .10;
    background: radial-gradient(ellipse at center, rgba(255,255,255,.20), transparent 72%);
    filter: blur(15px);
}

.bmk-template-luxury-mono .bmk-clients__item {
    padding: 12px 18px;
    border: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 4px;
    background: linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.008)) !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.50), 0 12px 30px rgba(0,0,0,.20) !important;
    transition: border-color 360ms ease, background 360ms ease, transform 360ms ease;
}

.bmk-template-luxury-mono .bmk-clients__item img {
    filter: grayscale(1) brightness(.95) contrast(1.08);
    opacity: .82;
}

.bmk-template-luxury-mono .bmk-clients__item.is-touched,
.bmk-template-luxury-mono .bmk-clients__item:focus-visible {
    border-color: rgba(255,255,255,.18) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.012)) !important;
}

.bmk-template-luxury-mono .bmk-clients__item.is-touched img,
.bmk-template-luxury-mono .bmk-clients__item:focus-visible img {
    filter: grayscale(1) brightness(1.2) contrast(1.04) drop-shadow(0 0 5px rgba(255,255,255,.16));
    opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
    .bmk-template-luxury-mono .bmk-clients__item:hover {
        border-color: rgba(255,255,255,.18) !important;
        background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.012)) !important;
        transform: translateY(-2px);
    }

    .bmk-template-luxury-mono .bmk-clients__item:hover img {
        filter: grayscale(1) brightness(1.2) contrast(1.04) drop-shadow(0 0 5px rgba(255,255,255,.16));
        opacity: 1;
    }
}

/* سبک‌تر کردن قالب‌های سنگین در موبایل برای جلوگیری از لرزش هنگام اسکرول */
@media (max-width: 767px) {
    .bmk-template-glass-cards .bmk-clients__item,
    .bmk-template-aurora .bmk-clients__item {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .bmk-template-glass-cards .bmk-clients__item,
    .bmk-template-neon-frame .bmk-clients__item,
    .bmk-template-soft-capsule .bmk-clients__item,
    .bmk-template-tech-grid .bmk-clients__item,
    .bmk-template-floating-panel .bmk-clients__item,
    .bmk-template-aurora .bmk-clients__item,
    .bmk-template-luxury-mono .bmk-clients__item {
        padding: 8px 12px;
    }

    .bmk-template-floating-panel .bmk-clients__set .bmk-clients__item:nth-child(even),
    .bmk-template-floating-panel .bmk-clients__set .bmk-clients__item:nth-child(odd) {
        transform: none;
    }

    .bmk-template-aurora .bmk-clients__decor span:first-child {
        animation: none;
        opacity: .22;
        filter: blur(38px);
    }

    .bmk-template-tech-grid .bmk-clients__decor span:first-child {
        opacity: .10;
        background-size: 28px 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bmk-template-aurora .bmk-clients__decor span:first-child {
        animation: none !important;
    }
}