.gk-grid-slider {
    position: relative;
    padding: 10px 0 30px 0;
}

/* --- هدر و عنوان باکس --- */
.gk-grid-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.gk-grid-box-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--gk-text-main);
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}

/* یک خط رنگی مدرن کنار عنوان */
.gk-grid-box-title::before {
    content: "";
    display: block;
    width: 6px;
    height: 24px;
    background-color: var(--gk-primary);
    border-radius: 4px;
}

/* --- تنظیمات گرید Swiper --- */
.gk-grid-slider-swiper {
    /* ارتفاع به صورت خودکار توسط محتوا یا جاوا اسکریپت محاسبه می‌شود */
    padding-bottom: 10px; /* فضای خالی برای سایه‌ها */
}

/* --- ساختار داخلی هر کارت محصول --- */
.gk-grid-slider .swiper-slide {
    height: calc((100% - (var(--gk-rows, 3) - 1) * var(--gk-vgap, 15px)) / var(--gk-rows, 3)) !important;
    display: flex;
    box-sizing: border-box;
}

.gk-grid-item-inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    background: var(--gk-card-bg);
    border-radius: 16px; /* گوشه‌های گرد مدرن */
    border: 1px solid var(--gk-border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    gap: 16px;
}

/* افکت هاور جذاب روی کل کارت */
.gk-grid-item-inner:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-color: transparent;
}

/* --- شماره‌گذاری عمودی --- */
.gk-grid-number {
    font-size: 2.2rem;
    font-weight: 900;
    color: #e5e7eb; /* رنگ خاکستری روشن برای حالت عادی */
    min-width: 35px;
    text-align: center;
    line-height: 1;
    transition: color 0.3s ease, transform 0.3s ease;
    font-family: var(--gk-font-base, inherit);
}

/* تغییر رنگ و انیمیشن کوچک شماره در زمان هاور */
.gk-grid-item-inner:hover .gk-grid-number {
    color: var(--gk-primary);
    transform: scale(1.1);
}

/* --- تصویر محصول --- */
.gk-grid-thumb {
    flex-shrink: 0;
    width: 86px;
    height: 86px;
    border-radius: 12px;
    background: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.gk-grid-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply; /* حذف بک‌گراند سفید عکس‌ها روی پس‌زمینه کارت */
    transition: transform 0.4s ease;
}

.gk-grid-item-inner:hover .gk-grid-thumb img {
    transform: scale(1.08); /* زوم ملایم عکس در هاور */
}

/* --- محتوای متنی --- */
.gk-grid-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden; /* جلوگیری از بیرون زدگی متن */
}

.gk-grid-title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
}

.gk-grid-title a {
    color: var(--gk-text-main);
    text-decoration: none;
    transition: color 0.2s ease;
    /* ایجاد محدودیت نمایش متن در 2 خط (جلوگیری از بهم ریختگی ارتفاع کارت‌ها) */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gk-grid-title a:hover {
    color: var(--gk-primary);
}


/* --- استایل‌های مربوط به حالت Peek (نمایش بخشی از اسلاید بعدی) در موبایل --- */
@media (max-width: 767px) {
    .gk-mobile-peek .swiper-slide {
        width: 85% !important;
    }

    .gk-mobile-peek .swiper-slide:not(.swiper-slide-active) .gk-grid-item-inner {
        opacity: 0.7;
        transform: scale(0.96);
    }

    .gk-mobile-peek .swiper-slide-active .gk-grid-item-inner {
        opacity: 1;
        transform: scale(1);
    }

    .gk-grid-box-title {
        font-size: 1.25rem;
    }
}

/*
 * Yogabar Widget - Modern Redesign
 */

/* کانتینر اصلی به صورت گرید برای ایجاد کارت‌های مجزا */
.gk-yogabar-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 10px 0;
    margin: 0;
    direction: rtl;
}

/* ساختار کارت اصلی (Card-Based, Radius, Faint Borders, Soft Shadows) */
.gk-yogabar-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #f3f4f6; /* حاشیه بسیار محو */
    border-radius: 16px; /* گوشه‌های استاندارد مدرن */
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); /* سایه نرم و پخش شده */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* ترانزیشن نرم */
    display: flex;
    flex-direction: column;
    overflow: hidden; /* برای جلوگیری از بیرون زدن واترمارک */
    z-index: 1;
}

/* افکت Hover کارت: شناور شدن و افزایش عمق */
.gk-yogabar-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
    border-color: #e5e7eb;
}

/* عدد گرافیکی پس‌زمینه (Watermark) */
.gk-yogabar-watermark {
    position: absolute;
    top: -10px;
    left: -10px;
    font-size: 80px;
    font-weight: 900;
    color: #f9fafb; /* خاکستری بسیار روشن تا چشم را نزند */
    line-height: 1;
    z-index: -1;
    user-select: none;
    pointer-events: none;
}

/* هدر کارت (سلسله مراتب متون) */
.gk-yogabar-header {
    margin-bottom: 24px;
    position: relative;
}

.gk-yogabar-title {
    font-size: 18px;
    font-weight: 700;
    color: #111827; /* تیره و بولد برای تیتر اصلی */
    margin: 0 0 4px 0;
}

.gk-yogabar-subtitle {
    font-size: 13px;
    font-weight: 400;
    color: #6b7280; /* خاکستری ملایم (Muted) */
    margin: 0;
}

/* گرید محصولات داخل کارت */
.gk-yogabar-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    flex-grow: 1;
}

/* لینک کارت محصول */
.gk-yoga-item {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    group: hover; /* برای اعمال افکت روی فرزندان */
}

/* کادر پس‌زمینه عکس محصول (Image Wrapper) */
.gk-yoga-img-wrapper {
    background-color: #f9fafb; /* پس‌زمینه اختصاصی عکس */
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    overflow: hidden; /* جلوگیری از بیرون زدن در حالت زوم */
    margin-bottom: 8px;
    transition: background-color 0.3s ease;
}

.gk-yoga-item:hover .gk-yoga-img-wrapper {
    background-color: #f3f4f6;
}

/* عکس محصول (Mix-blend & Hover Zoom) */
.gk-yoga-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply; /* حذف سفیدی بک‌گراند عکس */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

/* زوم نرم عکس هنگام هاور شدن روی محصول */
.gk-yoga-item:hover .gk-yoga-img-wrapper img {
    transform: scale(1.08);
}

/* عنوان محصول با قابلیت Line-Clamp */
.gk-yoga-item-title {
    font-size: 12px;
    font-weight: 600;
    color: #4b5563;
    line-height: 1.6;
    margin: 0;
    /* محدود کردن به ۲ خط */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
}

.gk-yoga-item:hover .gk-yoga-item-title {
    color: #111827; /* تیره‌تر شدن عنوان در حالت هاور */
}

/* بخش فوتر کارت (دکمه مشاهده همه) */
.gk-yogabar-footer {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #f3f4f6;
    display: flex;
    justify-content: flex-end;
}

.gk-yogabar-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #3b82f6; /* رنگ لینک (آبی مدرن - می‌توانید با رنگ اصلی برند جایگزین کنید) */
    text-decoration: none;
    transition: all 0.3s ease;
}

.gk-yogabar-link svg {
    transition: transform 0.3s ease;
}

.gk-yogabar-link:hover {
    color: #2563eb;
}

.gk-yogabar-link:hover svg {
    transform: translateX(-4px); /* حرکت نرم فلش به سمت چپ در حالت هاور */
}

/* ریسپانسیو (Responsive Design) */
@media (max-width: 1024px) {
    .gk-yogabar-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .gk-yogabar-wrapper {
        grid-template-columns: 1fr; /* در موبایل همه کارت‌ها زیر هم قرار می‌گیرند */
        gap: 16px;
    }
    .gk-yogabar-card {
        padding: 16px;
    }
    .gk-yoga-item-title {
        font-size: 11px;
    }
}


.gk-blog{--gk-blog-accent:var(--gk-primary,#3342fd);position:relative;width:100%}
.gk-blog-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.gk-blog-head-main{display:flex;align-items:center;gap:12px;min-width:0}
.gk-blog-head-main::before{content:"";display:block;flex:0 0 6px;width:6px;height:24px;border-radius:4px;background:var(--gk-blog-accent)}
.gk-blog-heading{margin:0;color:var(--gk-text,#1f2937);font-size:22px;font-weight:900;line-height:1.4}
.gk-blog-subtitle{margin-top:4px;color:var(--gk-neutral-500,#6b7280);font-size:12px;line-height:1.8}
.gk-blog-all{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 16px;border:1px solid var(--gk-blog-accent);border-radius:10px;color:var(--gk-blog-accent);font-size:12px;font-weight:800;line-height:1.4;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.gk-blog-all span{font-size:15px;line-height:1;transition:transform .2s ease}
.gk-blog-all:hover{background:var(--gk-blog-accent);color:#fff}
.gk-blog-all:hover span{transform:translateX(-3px)}
.gk-latest-posts{position:relative;width:100%}
.gk-latest-posts-swiper{padding:8px 4px 42px!important;margin:-8px -4px -10px!important;width:calc(100% + 8px)!important}
.gk-latest-posts-swiper .swiper-slide{display:flex;height:auto}
.gk-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gk-post-item{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--gk-surface,#fff);border:1px solid var(--gk-border-color,#e5e7eb);border-radius:16px;box-shadow:0 3px 14px rgba(15,23,42,.045);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.gk-post-item:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gk-blog-accent) 38%,var(--gk-border-color,#e5e7eb));box-shadow:0 16px 34px rgba(15,23,42,.09)}
.gk-post-link{display:flex;flex:1;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.gk-post-thumbnail{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f2f4f7;border-bottom:1px solid var(--gk-border-color,#e5e7eb)}
.gk-post-thumbnail::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:transparent}
.gk-post-thumbnail img.gk-img-fluid{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.gk-post-item:hover .gk-post-thumbnail img{transform:scale(1.05)}
.gk-thumbnail-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f6f7f9,#eceff3)}
.gk-thumbnail-placeholder::before{content:"";position:absolute;left:50%;top:50%;width:42px;height:34px;transform:translate(-50%,-50%);border:2px solid #d8dde5;border-radius:8px;background:linear-gradient(145deg,transparent 46%,#d8dde5 47% 53%,transparent 54%)}
.gk-post-cat{position:absolute;z-index:2;right:12px;top:12px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(15,23,42,.08);color:var(--gk-blog-accent);font-size:10.5px;font-weight:800;line-height:1.4;backdrop-filter:blur(5px)}
.gk-post-cat--inline{position:static;align-self:flex-start;max-width:100%;margin-bottom:10px;background:color-mix(in srgb,var(--gk-blog-accent) 9%,#fff);box-shadow:none;backdrop-filter:none}
.gk-post-content{display:flex;flex:1;flex-direction:column;padding:18px 18px 16px}
.gk-post-title{display:-webkit-box;overflow:hidden;margin:0;color:var(--gk-text,#1f2937);font-size:15px;font-weight:800;line-height:1.85;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .2s ease}
.gk-post-item:hover .gk-post-title{color:var(--gk-blog-accent)}
.gk-post-excerpt{display:-webkit-box;overflow:hidden;margin:10px 0 0;color:var(--gk-neutral-500,#6b7280);font-size:12px;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.gk-post-info{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;margin-top:auto;padding-top:12px;color:var(--gk-neutral-500,#6b7280);font-size:10.5px;line-height:1.5}
.gk-post-info span{position:relative}
.gk-post-info span+span::before{content:"";position:absolute;right:-8px;top:50%;width:3px;height:3px;transform:translateY(-50%);border-radius:50%;background:#c8cdd4}
.gk-post-meta{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:14px}
.gk-post-info+.gk-post-meta{margin-top:10px;border-top:1px solid #eef0f3}.gk-post-title+.gk-post-meta,.gk-post-excerpt+.gk-post-meta{border-top:1px solid #eef0f3}
.gk-post-read-more{display:inline-flex;align-items:center;gap:5px;color:var(--gk-blog-accent);font-size:11.5px;font-weight:800;line-height:1.5;transition:gap .2s ease}
.gk-post-read-more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gk-post-item:hover .gk-post-read-more{gap:9px}
.gk-blog-controls{position:static}
.gk-blog-nav{width:40px;height:40px;margin-top:-36px;border:1px solid var(--gk-border-color,#e5e7eb);border-radius:50%;background:var(--gk-surface,#fff);color:var(--gk-text,#1f2937);box-shadow:0 5px 16px rgba(15,23,42,.08);transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.gk-blog-nav::after{font-size:14px;font-weight:900}
.gk-blog-nav:hover{background:var(--gk-blog-accent);border-color:var(--gk-blog-accent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--gk-blog-accent) 22%,transparent);transform:scale(1.04)}
.gk-blog-nav.swiper-button-disabled{opacity:0;pointer-events:none}
.gk-blog-page{bottom:2px!important}
.gk-blog-page .swiper-pagination-bullet{width:7px;height:7px;margin:0 3px!important;border-radius:999px;background:#c4c9d1;opacity:1;transition:width .2s ease,background-color .2s ease}
.gk-blog-page .swiper-pagination-bullet-active{width:24px;background:var(--gk-blog-accent)}
.gk-no-posts{margin:0;padding:20px;border:1px dashed var(--gk-border-color,#e5e7eb);border-radius:12px;color:var(--gk-neutral-500,#6b7280);text-align:center}
@media (max-width:1024px){.gk-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gk-blog-heading{font-size:20px}}
@media (max-width:767px){.gk-blog-head{align-items:center}.gk-blog-head-main{gap:10px}.gk-blog-head-main::before{width:5px;flex-basis:5px;height:22px}.gk-blog-heading{font-size:18px}.gk-blog-subtitle{font-size:11px}.gk-blog-all{padding:7px 11px;font-size:10.5px}.gk-blog-grid{grid-template-columns:1fr;gap:16px}.gk-post-content{padding:15px}.gk-post-title{font-size:14px}.gk-blog-nav{display:none}.gk-latest-posts-swiper{padding-bottom:34px!important}}
@media (max-width:480px){.gk-blog-head{gap:10px}.gk-blog-all span{display:none}.gk-blog-all{padding:7px 9px}.gk-post-cat{right:10px;top:10px}}
@media (prefers-reduced-motion:reduce){.gk-post-item,.gk-post-thumbnail img,.gk-post-read-more,.gk-blog-all,.gk-blog-all span,.gk-blog-nav{transition:none!important}.gk-post-item:hover{transform:none}.gk-post-item:hover .gk-post-thumbnail img{transform:none}}

/* ==========================================================================
   GanjehKala Stories v3 - stable Swiper rail + viewer
   ========================================================================== */

/*
 * Accessibility
 */
:focus-visible {
    outline-color: var(--gk-focus-color);
    outline-width: var(--gk-focus-width);
    outline-offset: var(--gk-focus-offset);
    outline-style: var(--gk-focus-style);
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition-duration: 0ms !important;
        animation-duration: 0ms !important;
    }
}

.gk-testimonial-item {
    background: var(--gk-surface);
    padding: 30px;
    border-radius: var(--gk-radius-lg);
    box-shadow: var(--gk-shadow);
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.gk-testimonial-img {
    margin-bottom: 20px;
}

.gk-testimonial-img img {
    border-radius: var(--gk-radius-round);
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.gk-testimonial-content {
    font-size: 14px;
    line-height: 1.8;
    color: var(--gk-neutral-600);
    margin-bottom: 15px;
    flex-grow: 1; /* باعث می‌شود باکس‌ها هم‌ارتفاع به نظر برسند */
}

.gk-testimonial-stars {
    margin-bottom: 15px;
    color: var(--gk-accent);
    font-size: 14px;
    display: flex;
    justify-content: center;
    gap: 2px;
}

.gk-testimonial-name {
    font-size: 16px;
    font-weight: var(--gk-heading-weight);
    color: var(--gk-text);
    margin: 0 0 5px;
}

.gk-testimonial-job {
    font-size: 12px;
    color: var(--gk-neutral-500);
}

/* اصلاح ناوبری برای جلوگیری از روی هم افتادن با محتوا */
.gk-testimonial-widget .swiper-button-prev,
.gk-testimonial-widget .swiper-button-next {
    width: 40px;
    height: 40px;
    background: var(--gk-surface);
    border-radius: var(--gk-radius-round);
    box-shadow: var(--gk-shadow-sm);
}
.gk-testimonial-widget .swiper-button-prev::after,
.gk-testimonial-widget .swiper-button-next::after {
    font-size: 16px;
    font-weight: bold;
}

/* Banner Carousel styles moved to assets/css/banner-carousel.css in v1.9.35. */

/* -------------------------------------------------------------------------
 * Ganjeh Kala - Category Showcase skin frontend fallback (v1.6.0)
 * Keeps the new Elementor category showcase styled on cached/public pages too.
 * ---------------------------------------------------------------------- */






























@media (max-width: 767px){
    
    
    
}


/* Ganjeh Kala v1.6.1: Category Showcase follows global theme tokens by default */










/* Ganjeh Kala v1.6.2: Category Showcase image, arrow and equal-height refinements */
















/* v1.6.3: Elementor live preview stability for category showcase */







/* Banner Carousel modern skin moved to the dedicated component stylesheet. */

/* Ganjeh Kala v1.6.7: stronger image radius + product/category widget spacing refinements */




/* Ganjeh Kala v1.6.8: amazing/category image radius + transparent image area hard-fix */
.elementor-widget-gk_swiper_widget .gk-amazing-skin-modern-demo .gk-amazing-thumb,
.gk-amazing.gk-amazing-skin-modern-demo .gk-amazing-thumb{
    background:var(--gk-amazing-modern-image-bg,transparent) !important;
    box-shadow:none !important;
    overflow:hidden !important;
    border-radius:var(--gk-amazing-modern-image-radius,18px) !important;
}
.elementor-widget-gk_swiper_widget .gk-amazing-skin-modern-demo .gk-amazing-thumb img,
.gk-amazing.gk-amazing-skin-modern-demo .gk-amazing-thumb img,
.gk-amazing-skin-modern-demo .gk-amazing-product .gk-amazing-thumb img{
    border-radius:var(--gk-amazing-modern-image-radius,18px) !important;
    overflow:hidden !important;
    display:block !important;
}
.gk-amazing-skin-modern-demo .swiper-wrapper{align-items:stretch;}
.gk-amazing-skin-modern-demo .swiper-slide{height:auto;}



/* Ganjeh Kala v1.6.9: real image radius clipping for category showcase + amazing offer */



.gk-amazing-skin-modern-demo .gk-amazing-thumb,
.gk-amazing-skin-modern-demo .gk-amazing-thumb picture,
.gk-amazing-skin-modern-demo .gk-amazing-thumb img,
.gk-amazing-skin-modern-demo .gk-amazing-thumb img.gk-amazing-product-image{
    border-radius:var(--gk-amazing-modern-image-radius,18px) !important;
    overflow:hidden !important;
}
.gk-amazing-skin-modern-demo .gk-amazing-thumb picture,
.gk-amazing-skin-modern-demo .gk-amazing-thumb img,
.gk-amazing-skin-modern-demo .gk-amazing-thumb img.gk-amazing-product-image{
    clip-path:inset(0 round var(--gk-amazing-modern-image-radius,18px)) !important;
    -webkit-clip-path:inset(0 round var(--gk-amazing-modern-image-radius,18px)) !important;
}



/* Ganjeh Kala v1.7.0: Category Showcase footer alignment + real Amazing image clipping */









.gk-amazing-skin-modern-demo .gk-amazing-thumb{
    background:transparent !important;
    box-shadow:none !important;
    border-radius:var(--gk-amazing-modern-image-radius,18px) !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.gk-amazing-skin-modern-demo .gk-amazing-image-clip{
    width:100% !important;
    height:100% !important;
    display:block !important;
    line-height:0 !important;
    border-radius:var(--gk-amazing-modern-image-radius,18px) !important;
    overflow:hidden !important;
    clip-path:inset(0 round var(--gk-amazing-modern-image-radius,18px)) !important;
    -webkit-clip-path:inset(0 round var(--gk-amazing-modern-image-radius,18px)) !important;
}
.gk-amazing-skin-modern-demo .gk-amazing-image-clip img,
.gk-amazing-skin-modern-demo .gk-amazing-thumb > img.gk-amazing-product-image{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    display:block !important;
    object-fit:var(--gk-amazing-modern-image-fit,cover) !important;
    border-radius:inherit !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
}
.gk-amazing-skin-modern-demo .gk-amazing-inner:hover .gk-amazing-image-clip img{
    transform:scale(var(--gk-amazing-modern-image-hover-scale,1.05));
}

/* Ganjeh Kala v1.7.1: hard fix for category footer alignment and real image clipping */









.gk-amazing-skin-modern-demo .gk-amazing-thumb{
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
    border-radius:var(--gk-amazing-modern-image-radius,18px) !important;
}
.gk-amazing-skin-modern-demo .gk-amazing-image-clip,
.gk-amazing-skin-modern-demo .gk-amazing-thumb > picture,
.gk-amazing-skin-modern-demo .gk-amazing-thumb > img.gk-amazing-product-image{
    width:100% !important;
    height:100% !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:var(--gk-amazing-modern-image-radius,18px) !important;
    background:transparent !important;
    line-height:0 !important;
}
.gk-amazing-skin-modern-demo .gk-amazing-image-clip > img.gk-amazing-product-image,
.gk-amazing-skin-modern-demo .gk-amazing-image-clip picture,
.gk-amazing-skin-modern-demo .gk-amazing-image-clip picture > img,
.gk-amazing-skin-modern-demo .gk-amazing-thumb > img.gk-amazing-product-image{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    display:block !important;
    object-fit:var(--gk-amazing-modern-image-fit,cover) !important;
    border-radius:var(--gk-amazing-modern-image-radius,18px) !important;
    overflow:hidden !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
}


/* GK v1.8.9: stories/brands/amazing hardening */
.gk-amazing .gk-countdown{display:flex;align-items:center;justify-content:center;max-width:100%;min-width:0;overflow:visible;gap:clamp(3px,1vw,8px)!important;}
.gk-amazing .gk-countdown-item{box-sizing:border-box;min-width:0!important;flex:1 1 0;max-width:52px;padding-inline:3px!important;}
.gk-amazing .gk-countdown-number{font-size:clamp(12px,3vw,18px)!important;line-height:1.15;white-space:nowrap;}
.gk-amazing .gk-countdown-label{font-size:clamp(8px,2vw,10px)!important;white-space:nowrap;}
@media (max-width:640px){.gk-amazing-skin-modern-demo .gk-amazing-intro-content{min-width:0;width:100%;}.gk-amazing-skin-modern-demo .gk-countdown{width:100%;}.gk-amazing-skin-modern-demo .gk-countdown-item{max-width:42px;}}
.gk-brands-carousel.is-colored .gk-brand-logo-wrap img{filter:none!important;}
.gk-brand-card .gk-brand-info:empty{display:none;}

/* GK v1.9.1: disable brand hover action/animations on mobile touch devices */
@media (max-width: 767.98px), (hover: none), (pointer: coarse) {
    .gk-brands-carousel .gk-brand-action {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        bottom: auto !important;
        transform: none !important;
        transition: none !important;
    }
    .gk-brands-carousel .gk-brand-card,
    .gk-brands-carousel .gk-brand-card:hover,
    .gk-brands-carousel .gk-brand-card:active,
    .gk-brands-carousel .gk-brand-card:focus {
        transform: none !important;
        transition: none !important;
        box-shadow: var(--gk-shadow-sm, 0 4px 15px rgba(0,0,0,0.03)) !important;
    }
    .gk-brands-carousel .gk-brand-card:hover .gk-brand-logo-wrap,
    .gk-brands-carousel .gk-brand-card:active .gk-brand-logo-wrap,
    .gk-brands-carousel .gk-brand-card:hover .gk-brand-logo-wrap img,
    .gk-brands-carousel .gk-brand-card:active .gk-brand-logo-wrap img,
    .gk-brands-carousel .gk-brand-card:hover .gk-brand-count,
    .gk-brands-carousel .gk-brand-card:active .gk-brand-count {
        transform: none !important;
        opacity: 1 !important;
        transition: none !important;
    }
    .gk-brands-carousel .gk-brand-card:hover .gk-brand-name,
    .gk-brands-carousel .gk-brand-card:active .gk-brand-name {
        color: var(--gk-text, #222) !important;
    }
    .gk-brands-carousel .gk-brand-card:hover .gk-brand-count,
    .gk-brands-carousel .gk-brand-card:active .gk-brand-count {
        background: color-mix(in srgb, var(--gk-primary) 10%, transparent) !important;
        color: var(--gk-primary) !important;
    }
}


/* =========================================================
   GK v1.9.5 - Yogabar: clean product images + mobile carousel skin
   ========================================================= */
.gk-yogabar-wrapper {
    --gk-yogabar-product-gap: 16px;
}

/* تصویر محصول در Yogabar نباید پس‌زمینه/پدینگ مصنوعی داشته باشد؛ فقط خود عکس محصول نمایش داده شود. */
.gk-yoga-img-wrapper {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.gk-yogabar-image-bg-yes .gk-yoga-img-wrapper {
    background: var(--gk-yogabar-image-bg, #f9fafb) !important;
}

.gk-yoga-item:hover .gk-yoga-img-wrapper {
    background: transparent !important;
}

.gk-yogabar-image-bg-yes .gk-yoga-item:hover .gk-yoga-img-wrapper {
    background: var(--gk-yogabar-image-bg-hover, var(--gk-yogabar-image-bg, #f3f4f6)) !important;
}

.gk-yoga-img-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: normal !important;
    background: transparent !important;
}

.gk-yogabar-products {
    position: relative;
    min-width: 0;
}

.gk-yogabar-has-mobile-carousel .gk-yogabar-grid.swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gk-yogabar-product-gap, 16px);
    transform: none !important;
    box-sizing: border-box;
}

.gk-yogabar-has-mobile-carousel .gk-yoga-item.swiper-slide {
    width: auto;
    height: auto;
}

.gk-yogabar-mobile-pagination,
.gk-yogabar-mobile-nav {
    display: none;
}

@media (max-width: 767px) {
    .gk-yogabar-skin-mobile_carousel .gk-yogabar-card {
        overflow: hidden;
    }

    .gk-yogabar-skin-mobile_carousel .gk-yogabar-products {
        overflow: hidden;
        padding-bottom: 22px;
    }

    .gk-yogabar-skin-mobile_carousel .gk-yogabar-grid.swiper-wrapper {
        display: flex;
        gap: 0;
        grid-template-columns: none;
        transform: translate3d(0, 0, 0);
    }

    .gk-yogabar-skin-mobile_carousel .gk-yoga-item.swiper-slide {
        width: auto;
        min-width: 0;
        flex-shrink: 0;
    }

    .gk-yogabar-skin-mobile_carousel .gk-yogabar-mobile-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        position: static;
        margin-top: 12px;
        line-height: 1;
    }

    .gk-yogabar-skin-mobile_carousel .gk-yogabar-mobile-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 !important;
        opacity: 0.35;
        background: currentColor;
        transition: width .2s ease, opacity .2s ease;
    }

    .gk-yogabar-skin-mobile_carousel .gk-yogabar-mobile-pagination .swiper-pagination-bullet-active {
        width: 16px;
        border-radius: 999px;
        opacity: 1;
        background: var(--gk-primary, #3b82f6);
    }

    .gk-yogabar-skin-mobile_carousel .gk-yogabar-mobile-nav {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: calc(50% - 14px);
        z-index: 5;
        width: 30px;
        height: 30px;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        color: #111827;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.10);
        cursor: pointer;
    }

    .gk-yogabar-skin-mobile_carousel .gk-yogabar-mobile-prev { right: 4px; }
    .gk-yogabar-skin-mobile_carousel .gk-yogabar-mobile-next { left: 4px; }

    .gk-yogabar-no-mobile-hover-yes .gk-yogabar-card:hover,
    .gk-yogabar-no-mobile-hover-yes .gk-yoga-item:hover .gk-yoga-img-wrapper img {
        transform: none !important;
    }
}
.gk-brands-carousel{position:relative;width:100%;overflow:hidden;padding:20px 0}
.gk-brands-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:15px}
.gk-brands-title-wrap{display:flex;align-items:center;gap:12px;flex-grow:1}
.gk-brands-icon{width:32px;height:32px;object-fit:contain}
.gk-brands-title-text{margin:0;font-size:22px;font-weight:800;color:var(--gk-text,#111);letter-spacing:-.5px}
.gk-brands-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;padding:10px 20px;border-radius:50px;background:var(--gk-surface,#f4f6f8);color:var(--gk-text,#444);transition:all var(--gk-duration,.3s) ease;border:1px solid transparent}
.gk-brands-link:hover{background:var(--gk-primary);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--gk-primary) 30%,transparent);transform:translateY(-2px)}
.gk-brands-link i{font-size:14px;transition:transform .3s ease}
.gk-brands-link:hover i{transform:translateX(-4px)}
.gk-brands-carousel .swiper{padding:20px 10px!important;margin:-20px -10px!important}
.gk-brand-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--gk-surface,#fff);border-radius:var(--gk-radius-lg,20px);padding:24px 16px;border:1px solid var(--gk-border,#eaeaea);transition:all var(--gk-duration-slow,.4s) cubic-bezier(.175,.885,.32,1.275);position:relative;text-decoration:none;overflow:hidden;box-shadow:var(--gk-shadow-sm,0 4px 15px rgba(0,0,0,.03));height:100%}
.gk-brand-logo-wrap{width:80px;height:80px;border-radius:50%;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;margin-bottom:16px;padding:12px;transition:transform var(--gk-duration,.3s) ease;border:1px solid #f5f5f5;z-index:2}
.gk-brand-logo-wrap img{max-width:100%;max-height:100%;object-fit:contain;transition:filter .3s,transform .4s;filter:none}
.gk-brand-info{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}
.gk-brand-name{margin:0;font-size:16px;font-weight:800;color:var(--gk-text,#222);transition:color .3s}
.gk-brand-count{font-size:11px;font-weight:700;background:color-mix(in srgb,var(--gk-primary) 10%,transparent);color:var(--gk-primary);padding:4px 10px;border-radius:20px;transition:all .3s ease}
.gk-brand-action{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:32px;height:32px;background:var(--gk-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.gk-brand-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--gk-primary) 40%,transparent);box-shadow:0 15px 35px color-mix(in srgb,var(--gk-primary) 15%,rgba(0,0,0,.05))}
.gk-brand-card:hover .gk-brand-logo-wrap{transform:scale(1.1) translateY(-5px);box-shadow:0 10px 20px color-mix(in srgb,var(--gk-primary) 10%,transparent)}
.gk-brands-carousel.is-grayscale .gk-brand-logo-wrap img{filter:grayscale(80%)}
.gk-brand-card:hover .gk-brand-logo-wrap img{filter:grayscale(0);transform:scale(1.1)}
.gk-brand-card:hover .gk-brand-name{color:var(--gk-primary)}
.gk-brand-card:hover .gk-brand-count{background:var(--gk-primary);color:#fff;transform:translateY(-5px);opacity:0}
.gk-brand-card:hover .gk-brand-action{bottom:20px;opacity:1}
.gk-brands-carousel .swiper-button-next,.gk-brands-carousel .swiper-button-prev{width:44px;height:44px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.5);border-radius:50%;color:var(--gk-text,#333);transition:all var(--gk-duration,.3s) ease}
.gk-brands-carousel .swiper-button-next::after,.gk-brands-carousel .swiper-button-prev::after{font-size:16px;font-weight:800}
.gk-brands-carousel .swiper-button-next:hover,.gk-brands-carousel .swiper-button-prev:hover{background:var(--gk-primary);color:#fff;box-shadow:0 8px 25px color-mix(in srgb,var(--gk-primary) 40%,transparent);transform:scale(1.1);border-color:var(--gk-primary)}
.gk-bgrid{--gk-bgrid-accent:#ea580c;background:#eef0f3;color:#1c242b;border-top:3px solid var(--gk-bgrid-accent)}
.gk-bgrid-inner{width:100%;max-width:none!important;margin:0;padding:26px 0;padding-inline:0!important}
.gk-bgrid-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.gk-bgrid-heading{display:flex;align-items:center;gap:14px;min-width:0}
.gk-bgrid-bar{width:6px;height:48px;border-radius:4px;background:var(--gk-bgrid-accent);flex:0 0 auto}
.gk-bgrid-title{margin:0;font-size:21px;font-weight:900;color:inherit}
.gk-bgrid-subtitle{margin:3px 0 0;font-size:12px;color:#6a737e}
.gk-bgrid-actions{display:flex;align-items:center;gap:12px}
.gk-bgrid-total{font-size:12px;color:#6a737e;background:#fff;border:1px solid #dfe4e9;border-radius:999px;padding:6px 14px;white-space:nowrap}
.gk-bgrid-all{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--gk-bgrid-accent);border:1px solid var(--gk-bgrid-accent);border-radius:10px;padding:9px 20px;text-decoration:none;white-space:nowrap;transition:.2s}
.gk-bgrid-all:hover{background:var(--gk-bgrid-accent);border-color:var(--gk-bgrid-accent);color:#fff}
.gk-bgrid-all i{font-size:12px;transition:transform .2s}
.gk-bgrid-all:hover i{transform:translateX(-3px)}
.gk-bgrid-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.gk-bgrid-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid #dfe4e9;border-radius:12px;padding:26px 12px 18px;text-decoration:none;color:inherit;text-align:center;min-width:0;transition:border-color .2s ease,box-shadow .2s ease}
.gk-bgrid.is-ready .gk-bgrid-card{opacity:0;transform:translateY(12px);transition:opacity .5s ease var(--gk-bgrid-delay,0ms),transform .6s cubic-bezier(.2,.7,.3,1) var(--gk-bgrid-delay,0ms),border-color .2s ease,box-shadow .2s ease}
.gk-bgrid.is-ready .gk-bgrid-card.is-on{opacity:1;transform:none}
.gk-bgrid-card:hover{border-color:var(--gk-bgrid-accent);box-shadow:0 12px 26px rgba(28,36,43,.08)}
.gk-bgrid-badge{position:absolute;top:10px;right:10px;font-style:normal;font-size:9.5px;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}
.gk-bgrid-badge.is-green{color:#0b6b5f;background:#e7f4f1}
.gk-bgrid-badge.is-gray{color:#5b6472;background:#eef0f3}
.gk-bgrid-badge.is-orange{color:#ea580c;background:#fef0e7}
.gk-bgrid-badge.is-blue{color:#1d4ed8;background:#e8eefc}
.gk-bgrid-logo{width:58px;height:58px;border-radius:14px;background:#f1f3f6;display:grid;place-items:center;overflow:hidden;transition:background .2s ease;color:#3f4956}
.gk-bgrid-logo img{display:block;max-width:72%;max-height:72%;width:auto;height:auto;object-fit:contain;transition:filter .2s ease,transform .2s ease}
.gk-bgrid-logo i{font-style:normal;font-weight:900;font-size:17px;letter-spacing:.5px;font-family:Tahoma,sans-serif;direction:ltr}
.gk-bgrid-card:hover .gk-bgrid-logo{background:var(--gk-bgrid-accent);color:#fff}
.gk-bgrid-card:hover .gk-bgrid-logo img{transform:scale(1.04)}
.gk-bgrid.is-logo-white .gk-bgrid-card:hover .gk-bgrid-logo img{filter:brightness(0) invert(1)}
.gk-bgrid-name{font-size:13.5px;font-weight:900;letter-spacing:.2px;line-height:1.6;color:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}
.gk-bgrid-card:hover .gk-bgrid-name{color:var(--gk-bgrid-accent)}
.gk-bgrid-desc{font-size:11.5px;color:#6a737e;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gk-bgrid-count{font-size:10.5px;color:#9aa1ab}
@media (max-width:1100px){.gk-bgrid-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.gk-bgrid-list{grid-template-columns:repeat(3,minmax(0,1fr))}.gk-bgrid-total{display:none}}
@media (max-width:560px){.gk-bgrid-inner{padding-block:20px;padding-inline:0!important}.gk-bgrid-title{font-size:17px}.gk-bgrid-all{display:none}.gk-bgrid-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gk-bgrid-card{padding:22px 8px 14px}.gk-bgrid-logo{width:48px;height:48px;border-radius:12px}.gk-bgrid-logo i{font-size:14px}.gk-bgrid-name{font-size:12px}.gk-bgrid-desc{font-size:10.5px}.gk-bgrid-badge{font-size:8.5px;padding:2px 7px}}
@media (prefers-reduced-motion:reduce){.gk-bgrid.is-ready .gk-bgrid-card{opacity:1;transform:none;transition:none}}

@media (max-width:767.98px),(hover:none),(pointer:coarse){.gk-brands-carousel .gk-brand-action{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;bottom:auto!important;transform:none!important;transition:none!important}.gk-brands-carousel .gk-brand-card,.gk-brands-carousel .gk-brand-card:hover,.gk-brands-carousel .gk-brand-card:active,.gk-brands-carousel .gk-brand-card:focus{transform:none!important;transition:none!important;box-shadow:var(--gk-shadow-sm,0 4px 15px rgba(0,0,0,.03))!important}.gk-brands-carousel .gk-brand-card:hover .gk-brand-logo-wrap,.gk-brands-carousel .gk-brand-card:active .gk-brand-logo-wrap,.gk-brands-carousel .gk-brand-card:hover .gk-brand-logo-wrap img,.gk-brands-carousel .gk-brand-card:active .gk-brand-logo-wrap img,.gk-brands-carousel .gk-brand-card:hover .gk-brand-count,.gk-brands-carousel .gk-brand-card:active .gk-brand-count{transform:none!important;opacity:1!important;transition:none!important}.gk-brands-carousel .gk-brand-card:hover .gk-brand-name,.gk-brands-carousel .gk-brand-card:active .gk-brand-name{color:var(--gk-text,#222)!important}.gk-brands-carousel .gk-brand-card:hover .gk-brand-count,.gk-brands-carousel .gk-brand-card:active .gk-brand-count{background:color-mix(in srgb,var(--gk-primary) 10%,transparent)!important;color:var(--gk-primary)!important}}