/*
 * Elementor Product Gallery — standalone Native Product visual parity.
 * Loaded only by the Elementor gallery widget after its legacy gallery/action styles.
 */
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery {
    --gk-el-np-text: var(--gk-text, #111827);
    --gk-el-np-muted: var(--gk-neutral-600, #64748b);
    --gk-el-np-border: var(--gk-neutral-100, #eef1f4);
    --gk-el-np-soft: var(--gk-neutral-50, #f8fafc);
    --gk-el-np-surface: var(--gk-surface, #fff);
    --gk-el-np-primary: var(--gk-primary, #e11d48);
    --gk-el-np-success: var(--gk-success, #16a34a);
    --gk-el-np-warning: var(--gk-warning, #f59e0b);
    position: relative;
    min-width: 0;
    width: 100%;
    color: var(--gk-el-np-text);
    box-sizing: border-box;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery *,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery *::before,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery *::after { box-sizing: border-box; }

/* Native gallery layout. */
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-shell {
    width: 100%;
    --gk-thumb-size: 64px;
    --gk-thumb-gap: 9px;
    --gk-thumb-radius: 11px;
    --gk-gallery-actions-x: 14px;
    --gk-gallery-actions-y: 18px;
    --gk-gallery-actions-gap: 7px;
    --gk-gallery-action-size: 40px;
    --gk-gallery-action-icon: 20px;
    --gk-gallery-action-radius: 11px;
    --gk-gallery-action-bg: rgba(255,255,255,.96);
    --gk-gallery-action-color: #374151;
    --gk-gallery-action-border: #e5e7eb;
    --gk-gallery-action-bg-hover: color-mix(in srgb, var(--gk-el-np-primary) 7%, #fff);
    --gk-gallery-action-color-hover: var(--gk-el-np-primary);
    --gk-gallery-main-bg: #fff;
    --gk-gallery-main-radius: var(--gk-radius-lg, 14px);
    --gk-gallery-main-ratio: 1 / 1;
    --gk-gallery-main-fit: contain;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-root { gap: 14px; }
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-container {
    flex: 1;
    min-width: 0;
    width: 100%;
}

/* Scheduled-sale strip: same default placement and skin as Native Product. */
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot {
    --gk-el-offer-height: 46px;
    position: relative !important;
    inset: auto !important;
    z-index: 8;
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 10px !important;
    box-sizing: border-box;
    pointer-events: auto;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot[hidden] { display: none !important; }
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer {
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    overflow: hidden;
    color: var(--gk-el-np-primary);
    border: 1px solid color-mix(in srgb, var(--gk-el-np-primary) 14%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--gk-el-np-primary) 7%, #fff);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--gk-el-np-primary) 7%, transparent);
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__inner {
    width: 100%;
    min-height: var(--gk-el-offer-height);
    padding: 8px 14px;
    gap: 14px;
    box-sizing: border-box;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__label {
    color: var(--gk-el-np-primary);
    font-size: 13px;
    line-height: 1.7;
    text-decoration: none;
    font-weight: 800;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__timer-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__time,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__clock {
    color: var(--gk-el-np-primary);
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__time {
    font-size: 13px;
    font-weight: 800;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__clock svg {
    width: 18px;
    height: 18px;
}

/* Main image frame — mirrors the final/effective Native gallery rules. */
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-featured-image {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: var(--gk-gallery-main-ratio) !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border-radius: var(--gk-gallery-main-radius);
    background: var(--gk-gallery-main-bg) !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-featured-image,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .img-wrapper,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .img-wrapper picture,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .featured-image {
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-featured-image > .img-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: var(--gk-gallery-main-ratio) !important;
    overflow: hidden !important;
    background: var(--gk-el-np-soft, #f8fafc) !important;
    cursor: zoom-in;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-featured-image > .img-wrapper > picture {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-featured-image > .img-wrapper .featured-image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: var(--gk-gallery-main-fit) !important;
    object-position: center center !important;
    transform: none !important;
    transition: opacity .2s ease !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .img-wrapper:hover .featured-image { transform: none !important; }
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .featured-image.is-variation-image-loading { opacity: 1 !important; }

/* Native sale badge. */
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery__sale {
    position: absolute;
    z-index: 8;
    top: 8px;
    inset-inline-end: 8px;
    padding: 7px 11px;
    border-radius: 999px;
    color: #fff;
    background: var(--gk-el-np-primary);
    font-size: 12px;
    font-weight: 700;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery__sale[hidden] { display: none !important; }

/* Thumbnail rail — image itself owns the Native border/padding. */
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-thumbs {
    position: relative;
    min-height: var(--gk-thumb-size, 64px);
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-thumb > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    border: 0 !important;
    border-radius: var(--gk-thumb-radius, 11px);
    background: transparent !important;
    line-height: 0;
    box-shadow: none !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-thumbnail {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 5px !important;
    border: 1px solid var(--gk-el-np-border) !important;
    border-radius: 11px !important;
    background: #fff !important;
    transition: border-color .18s ease, box-shadow .18s ease;
    pointer-events: none;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-thumb > a:hover .gk-gallery-thumbnail,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-thumb.is-active .gk-gallery-thumbnail {
    border-color: var(--gk-el-np-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--gk-el-np-primary) 12%, transparent) !important;
}

/* Product action rail — preserve each existing action engine but skin it exactly
 * like the Native gallery buttons. Extra integration wrappers are layoutless. */
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail {
    top: var(--gk-gallery-actions-y, 18px) !important;
    right: var(--gk-gallery-actions-x, 14px) !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    gap: var(--gk-gallery-actions-gap, 7px) !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-gallery-action-slot,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-share-wrapper,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-price-chart-wrapper,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-notify-widget-wrapper,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-wish-wrapper {
    width: var(--gk-gallery-action-size, 40px) !important;
    height: var(--gk-gallery-action-size, 40px) !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-gallery-action-btn,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-gallery-integrated-widget-btn,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-wish-btn,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-share-trigger,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-chart-trigger-btn,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-notify-trigger-btn,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-compare-btn {
    width: var(--gk-gallery-action-size, 40px) !important;
    height: var(--gk-gallery-action-size, 40px) !important;
    min-width: var(--gk-gallery-action-size, 40px) !important;
    min-height: var(--gk-gallery-action-size, 40px) !important;
    display: inline-grid !important;
    place-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--gk-gallery-action-border, #e5e7eb) !important;
    border-radius: var(--gk-gallery-action-radius, 11px) !important;
    color: var(--gk-gallery-action-color, #374151) !important;
    background: var(--gk-gallery-action-bg, rgba(255,255,255,.96)) !important;
    box-shadow: 0 2px 7px rgba(15,23,42,.05) !important;
    line-height: 1 !important;
    font-size: 0 !important;
    text-decoration: none !important;
    transform: none !important;
    cursor: pointer;
    transition: .18s ease;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-gallery-action-btn:hover,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-gallery-integrated-widget-btn:hover,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-wish-btn:hover,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-share-trigger:hover,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-chart-trigger-btn:hover,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-notify-trigger-btn:hover,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-compare-btn:hover,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-gallery-action-btn:focus-visible,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-gallery-integrated-widget-btn:focus-visible {
    color: var(--gk-el-np-primary) !important;
    border-color: color-mix(in srgb, var(--gk-el-np-primary) 35%, transparent) !important;
    background: color-mix(in srgb, var(--gk-el-np-primary) 7%, white) !important;
    transform: translateY(-1px) !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-wish-btn.is-active,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-gallery-action-btn.is-active {
    color: #fff !important;
    border-color: var(--gk-el-np-primary) !important;
    background: var(--gk-el-np-primary) !important;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail svg,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail i {
    width: var(--gk-gallery-action-icon, 20px) !important;
    height: var(--gk-gallery-action-icon, 20px) !important;
    font-size: var(--gk-gallery-action-icon, 20px) !important;
    display: block !important;
    margin: 0 !important;
    color: currentColor !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-action-rail .gk-wish-btn.is-active .gk-gallery-svg-icon { fill: currentColor !important; }

/* Skeleton first-paint geometry remains identical to the Native implementation. */
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-shell[data-loaded="false"] .featured-image { opacity: 0 !important; }
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-shell[data-loaded="true"] .featured-image,
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .img-wrapper.img-loaded .featured-image { opacity: 1 !important; }
.elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .skel-overlay { border-radius: var(--gk-radius-lg, 14px); background: linear-gradient(100deg, #f1f3f6 20%, #fafbfc 38%, #f1f3f6 56%); background-size: 300% 100%; }


/*
 * Gallery modal parity.
 * The controller teleports these dialogs to <body>; the Elementor-only modal
 * class keeps these rules independent from the Native product page.
 */
.gk-el-gallery-modal .gk-el-gallery-chart {
    position: relative;
    display: block;
    width: 100%;
    min-height: 300px;
    padding: 6px 10px 14px;
    overflow: hidden;
    background: #fff;
    direction: ltr;
}
.gk-el-gallery-modal .gk-el-gallery-chart-status {
    padding: 20px;
    color: var(--gk-neutral-600, #64748b);
    text-align: center;
    font-size: 13px;
}
.gk-el-gallery-modal .gk-el-gallery-chart-status:empty { display: none !important; }
.gk-el-gallery-modal .gk-price-chart-fallback {
    position: relative;
    display: block;
    width: 100%;
    min-height: 320px;
    overflow: hidden;
    background: #fff;
}
.gk-el-gallery-modal .gk-price-chart-fallback__svg {
    display: block;
    width: 100%;
    height: 300px;
}
.gk-el-gallery-modal .gk-price-chart-fallback__meta {
    position: absolute;
    z-index: 2;
    top: 14px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    direction: rtl;
    text-align: right;
}

/* Exact notification-shortcode skin used in the Native modal. */
.gk-el-gallery-modal .gk-product-notify-wrapper,
.gk-el-gallery-modal .gk-product-notify-form { margin: 0 !important; }
.gk-el-gallery-modal .gk-product-notify-heading {
    margin: 0 0 13px !important;
    color: #6f7884 !important;
    font-size: var(--gk-el-gallery-modal-subtitle-size) !important;
    line-height: 1.8 !important;
}
.gk-el-gallery-modal .gk-product-notify-field,
.gk-el-gallery-modal .gk-product-notify-options,
.gk-el-gallery-modal .gk-product-notify-submit { margin: 0 0 12px !important; }
.gk-el-gallery-modal .gk-product-notify-field label {
    display: block !important;
    margin-bottom: 5px !important;
    color: #5a6470 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}
.gk-el-gallery-modal .gk-product-notify-field input {
    width: 100% !important;
    min-height: 44px !important;
    padding: 8px 11px !important;
    border: 1px solid #e3e7ec !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.9) !important;
    outline: none !important;
}
.gk-el-gallery-modal .gk-product-notify-options label {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 7px !important;
    padding: 7px 9px !important;
    border: 1px solid #eaedf1 !important;
    border-radius: 9px !important;
    background: rgba(249,250,251,.72) !important;
    color: #4f5864 !important;
    font-size: 11.5px !important;
}
.gk-el-gallery-modal .gk-product-notify-options br { display: none !important; }
.gk-el-gallery-modal .gk-product-notify-submit button {
    width: 100% !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--gk-primary, #ed1944) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

@media (max-width: 767px) {
    .elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-shell {
        --gk-thumb-size: 58px;
        --gk-thumb-gap: 7px;
        --gk-gallery-actions-gap: 8px;
    }
    .elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-featured-image {
        min-height: 0 !important;
    }
    .gk-el-gallery-modal .gk-el-gallery-chart {
        min-height: 255px;
    }
    .elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__inner {
        min-height: 38px;
        padding: 6px 10px;
        gap: 8px;
    }
    .elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__label,
    .elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__time { font-size: 12px; }
    .elementor-widget-ganjeh-kala-gallery .gk-el-native-gallery .gk-gallery-special-offer-slot .gk-special-offer__clock svg {
        width: 15px;
        height: 15px;
    }
}

/* ========================================================================== 
 * 1.9.321 — Elementor gallery modal shell, independently mirroring Native.
 * Modals are moved under <body> when opened, therefore these selectors must
 * not depend on the Elementor widget ancestor. This block intentionally loads
 * after legacy Share/Chart/Notify styles and wins their cascade.
 * ========================================================================== */
.gk-el-gallery-modal[hidden],
.gk-el-gallery-modal[aria-hidden="true"],
.gk-el-gallery-modal:not(.is-open) {
    display: none !important;
}
.gk-el-gallery-modal.is-open[aria-hidden="false"] {
    display: grid !important;
}
.gk-el-gallery-modal {
    --gk-el-gallery-modal-border: color-mix(in srgb, var(--gk-primary, #ed1944) 4%, #e6e9ee);
    --gk-el-gallery-modal-muted: #7b8491;
    --gk-el-gallery-modal-backdrop: rgba(15, 23, 42, .46);
    --gk-el-gallery-modal-bg: linear-gradient(145deg, color-mix(in srgb, var(--gk-primary, #ed1944) 2.5%, rgba(255,255,255,.99)) 0%, rgba(255,255,255,.975) 58%, rgba(248,250,252,.98) 100%);
    --gk-el-gallery-modal-dialog-border: rgba(255,255,255,.72);
    --gk-el-gallery-modal-radius: 20px;
    --gk-el-gallery-modal-width: 520px;
    --gk-el-gallery-modal-chart-width: 780px;
    --gk-el-gallery-modal-title: #20242a;
    --gk-el-gallery-modal-icon-color: color-mix(in srgb, var(--gk-primary, #ed1944) 48%, #5f6670);
    --gk-el-gallery-modal-icon-bg: color-mix(in srgb, var(--gk-primary, #ed1944) 4%, rgba(255,255,255,.94));
    --gk-el-gallery-modal-close-color: #68717d;
    --gk-el-gallery-modal-close-bg: rgba(255,255,255,.82);
    --gk-el-gallery-modal-body-padding: 18px;
    --gk-el-gallery-modal-header-padding: 15px 17px;
    --gk-el-gallery-modal-title-size: 15.5px;
    --gk-el-gallery-modal-subtitle-size: 10.75px;
    --gk-el-gallery-modal-icon-size: 38px;
    --gk-el-gallery-modal-close-size: 34px;
    --gk-el-gallery-modal-shadow-color: rgba(15,23,42,.18);
    --gk-el-gallery-modal-shadow-blur: 85px;
    --gk-el-gallery-modal-shadow-y: 28px;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000200 !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 20px !important;
    margin: 0 !important;
    direction: rtl !important;
    isolation: isolate;
}
.gk-el-gallery-modal > .gk-gallery-unified-modal__backdrop {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--gk-el-gallery-modal-backdrop) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
    cursor: default !important;
}
.gk-el-gallery-modal > .gk-gallery-unified-modal__dialog {
    position: relative !important;
    z-index: 2 !important;
    width: min(var(--gk-el-gallery-modal-width), 100%) !important;
    max-width: 100% !important;
    max-height: min(760px, calc(100dvh - 40px)) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden auto !important;
    border: 1px solid var(--gk-el-gallery-modal-dialog-border) !important;
    border-radius: var(--gk-el-gallery-modal-radius) !important;
    background: var(--gk-el-gallery-modal-bg) !important;
    color: var(--gk-el-gallery-modal-title) !important;
    box-shadow: 0 var(--gk-el-gallery-modal-shadow-y) var(--gk-el-gallery-modal-shadow-blur) var(--gk-el-gallery-modal-shadow-color), inset 0 1px 0 rgba(255,255,255,.92) !important;
    transform: translateY(8px) scale(.985) !important;
    opacity: 0 !important;
    transition: transform .2s ease, opacity .18s ease !important;
    text-align: right !important;
}
.gk-el-gallery-modal.gk-gallery-unified-modal--chart > .gk-gallery-unified-modal__dialog {
    width: min(var(--gk-el-gallery-modal-chart-width), 100%) !important;
}
.gk-el-gallery-modal.is-open > .gk-gallery-unified-modal__dialog {
    transform: none !important;
    opacity: 1 !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__header {
    position: sticky !important;
    z-index: 4 !important;
    top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 72px !important;
    padding: var(--gk-el-gallery-modal-header-padding) !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gk-el-gallery-modal-border) !important;
    background: rgba(255,255,255,.74) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__heading {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-width: 0 !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__heading > div { min-width: 0 !important; }
.gk-el-gallery-modal .gk-gallery-unified-modal__icon {
    flex: 0 0 var(--gk-el-gallery-modal-icon-size) !important;
    width: var(--gk-el-gallery-modal-icon-size) !important;
    height: var(--gk-el-gallery-modal-icon-size) !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb, var(--gk-primary, #ed1944) 6%, #e7eaf0) !important;
    border-radius: 11px !important;
    color: var(--gk-el-gallery-modal-icon-color) !important;
    background: var(--gk-el-gallery-modal-icon-bg) !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__heading h2 {
    margin: 0 !important;
    color: #20242a !important;
    font-size: var(--gk-el-gallery-modal-title-size) !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__heading p {
    max-width: 430px !important;
    margin: 2px 0 0 !important;
    overflow: hidden !important;
    color: var(--gk-el-gallery-modal-muted) !important;
    font-size: var(--gk-el-gallery-modal-subtitle-size) !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__close {
    position: static !important;
    flex: 0 0 var(--gk-el-gallery-modal-close-size) !important;
    width: var(--gk-el-gallery-modal-close-size) !important;
    height: var(--gk-el-gallery-modal-close-size) !important;
    min-width: var(--gk-el-gallery-modal-close-size) !important;
    min-height: var(--gk-el-gallery-modal-close-size) !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #e7eaf0 !important;
    border-radius: 10px !important;
    background: var(--gk-el-gallery-modal-close-bg) !important;
    color: var(--gk-el-gallery-modal-close-color) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__icon .gk-gallery-svg-icon,
.gk-el-gallery-modal .gk-gallery-unified-modal__close .gk-gallery-svg-icon,
.gk-el-gallery-modal .gk-share-copy-btn .gk-gallery-svg-icon {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__close:hover,
.gk-el-gallery-modal .gk-gallery-unified-modal__close:focus-visible {
    color: #2f343b !important;
    border-color: #d8dde5 !important;
    background: var(--gk-surface-soft, var(--gk-surface, #fff)) !important;
    outline: none !important;
}
.gk-el-gallery-modal .gk-gallery-unified-modal__body {
    padding: var(--gk-el-gallery-modal-body-padding) !important;
}
.gk-el-gallery-modal .gk-share-networks {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
}
.gk-el-gallery-modal .gk-share-link {
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 10px !important;
    border: 1px solid #e7eaf0 !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.82) !important;
    color: #4c5561 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
}
.gk-el-gallery-modal .gk-share-link:hover {
    background: #fff !important;
    border-color: #d7dce4 !important;
    transform: none !important;
    opacity: 1 !important;
}
.gk-el-gallery-modal .gk-share-link .gk-gallery-svg-icon {
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
}
.gk-el-gallery-modal .gk-net-whatsapp .gk-gallery-svg-icon { color: #20a65a !important; }
.gk-el-gallery-modal .gk-net-telegram .gk-gallery-svg-icon { color: #2489c5 !important; }
.gk-el-gallery-modal .gk-net-twitter .gk-gallery-svg-icon { color: #22272e !important; }
.gk-el-gallery-modal .gk-share-copy-box {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 40px !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 48px !important;
    padding: 4px !important;
    border: 1px solid #e5e8ed !important;
    border-radius: 11px !important;
    background: rgba(248,250,252,.84) !important;
}
.gk-el-gallery-modal .gk-share-input {
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    padding: 0 9px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #737c88 !important;
    font-size: 11px !important;
    direction: ltr !important;
    text-align: left !important;
}
.gk-el-gallery-modal .gk-share-copy-btn {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid #e1e5ea !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #5f6874 !important;
    cursor: pointer !important;
}
@media (max-width: 767px) {
    .gk-el-gallery-modal {
        --gk-el-gallery-modal-body-padding: 15px;
        --gk-el-gallery-modal-header-padding: 13px 14px;
        --gk-el-gallery-modal-radius: 18px 18px 0 0;
        place-items: end center !important;
        padding: 8px 8px 0 !important;
    }
    .gk-el-gallery-modal > .gk-gallery-unified-modal__dialog {
        width: 100% !important;
        max-height: min(88dvh,760px) !important;
        border-radius: var(--gk-el-gallery-modal-radius) !important;
    }
    .gk-el-gallery-modal .gk-gallery-unified-modal__header {
        min-height: 66px !important;
        padding: var(--gk-el-gallery-modal-header-padding) !important;
    }
    .gk-el-gallery-modal .gk-share-networks { grid-template-columns: 1fr !important; gap: 7px !important; }
    .gk-el-gallery-modal .gk-share-link { justify-content: flex-start !important; padding-inline: 13px !important; }
    .gk-el-gallery-modal .gk-gallery-unified-modal__heading p { max-width: 250px !important; }
}