/*
 * Ganjeh Kala native single-product layout
 * Scoped to .gk-native-product so Elementor templates remain untouched.
 */
.gk-native-product {
    --gk-np-text: var(--gk-text, #111827);
    --gk-np-muted: var(--gk-neutral-600, #64748b);
    --gk-np-border: var(--gk-neutral-100, #eef1f4);
    --gk-np-soft: var(--gk-neutral-50, #f8fafc);
    --gk-np-surface: var(--gk-surface, #fff);
    --gk-np-primary: var(--gk-primary, #e11d48);
    --gk-np-success: var(--gk-success, #16a34a);
    --gk-np-warning: var(--gk-warning, #f59e0b);
    color: var(--gk-np-text);
    direction: rtl;
    padding: 18px 0 90px;
}

.gk-native-product *,
.gk-native-product *::before,
.gk-native-product *::after {
    box-sizing: border-box;
}

.gk-native-product button,
.gk-native-product input,
.gk-native-product select,
.gk-native-product textarea {
    font: inherit;
}

.gk-native-product a {
    color: inherit;
    text-decoration: none;
}

/* Generic product icons only. Never collapse chart SVGs to 1em. */
.gk-native-product svg:not(.apexcharts-svg):not(.gk-price-chart-fallback__svg) {
    display: block;
    width: 1em;
    height: 1em;
}

.gk-native-product__container {
    width: var(--gk-container-width, min(1200px, calc(100% - 48px)));
    max-width: var(--gk-site-width, 1200px);
    margin-inline: auto;
}

.gk-native-breadcrumb {
    margin-bottom: 16px;
    color: var(--gk-np-muted);
    font-size: 13px;
    overflow: hidden;
}

.gk-native-breadcrumb .woocommerce-breadcrumb {
    margin: 0;
    padding: 0;
    color: inherit;
    white-space: nowrap;
    scrollbar-width: none;
}

.gk-native-breadcrumb .woocommerce-breadcrumb::-webkit-scrollbar { display: none; }
.gk-native-breadcrumb__inner { display: flex; align-items: center; gap: 7px; }
.gk-native-breadcrumb__inner > span { flex: 0 0 auto; }
.gk-native-breadcrumb__inner a:hover { color: var(--gk-np-primary); }
.gk-native-breadcrumb__sep { color: var(--gk-neutral-400, #94a3b8); }

.gk-native-hero {
    display: grid;
    grid-template-columns: minmax(300px, 1.02fr) minmax(330px, 1.28fr) minmax(320px, 360px);
    gap: clamp(18px, 2vw, 30px);
    align-items: start;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Gallery */
.gk-native-gallery {
    position: relative;
    min-width: 0;
}

.gk-native-gallery__tools {
    position: absolute;
    z-index: 4;
    inset-inline-start: 0;
    top: 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gk-native-icon-button {
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--gk-np-border);
    border-radius: 50%;
    color: var(--gk-neutral-700, #334155);
    background: rgba(255,255,255,.96);
    cursor: pointer;
    transition: .18s ease;
}

.gk-native-icon-button svg { font-size: 21px; }
.gk-native-icon-button:hover,
.gk-native-icon-button:focus-visible {
    color: var(--gk-np-primary);
    border-color: color-mix(in srgb, var(--gk-np-primary) 35%, transparent);
    background: color-mix(in srgb, var(--gk-np-primary) 7%, white);
    transform: translateY(-1px);
}

.gk-native-icon-button.is-active {
    color: #fff;
    border-color: var(--gk-np-primary);
    background: var(--gk-np-primary);
}
.gk-native-wishlist.is-active svg { fill: currentColor; }
.gk-native-compare.is-active { color: #fff; background: var(--gk-np-primary); border-color: var(--gk-np-primary); }

.gk-native-gallery__stage {
    position: relative;
    aspect-ratio: 1 / 1;
    min-height: 340px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #fff;
    border-radius: var(--gk-radius-lg, 14px);
}

.gk-native-gallery__main-link {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    padding: 0;
}

.gk-native-gallery__main-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity .2s ease;
}
.gk-native-gallery__main-link:hover .gk-native-gallery__main-image { transform: none; }
.gk-native-gallery__main-image.is-changing { opacity: .35; }

.gk-native-gallery__zoom {
    position: absolute;
    inset-inline-end: 10px;
    bottom: 10px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--gk-neutral-700, #334155);
    background: rgba(255,255,255,.9);
    box-shadow: var(--gk-shadow-sm, 0 2px 8px rgba(0,0,0,.08));
}
.gk-native-gallery__zoom svg { font-size: 18px; }

.gk-native-gallery__sale {
    position: absolute;
    z-index: 2;
    top: 8px;
    inset-inline-end: 8px;
    padding: 7px 11px;
    border-radius: 999px;
    color: #fff;
    background: var(--gk-np-primary);
    font-size: 12px;
    font-weight: 700;
}


/* Native scheduled-sale bar. By default it participates in normal flow and
 * never covers the product image. Overlay remains available as an explicit
 * theme option for stores that want the legacy presentation. */
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot {
    --gk-native-offer-height: 46px;
    position: relative !important;
    inset: auto !important;
    z-index: 8;
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    pointer-events: auto;
}
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot[hidden] {
    display: none !important;
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-position-above .gk-native-gallery-offer-slot {
    margin: 0 0 var(--gk-native-offer-gap, 10px) !important;
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-position-below .gk-native-gallery-offer-slot {
    margin: var(--gk-native-offer-gap, 10px) 0 0 !important;
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-position-overlay .gk-native-gallery-offer-slot {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    margin: 0 !important;
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-align-start .gk-native-gallery-offer-slot { justify-content: flex-start; }
.gk-native-product .gk-native-gallery--widget.gk-native-offer-align-center .gk-native-gallery-offer-slot { justify-content: center; }
.gk-native-product .gk-native-gallery--widget.gk-native-offer-align-end .gk-native-gallery-offer-slot { justify-content: flex-end; }

.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot .gk-special-offer {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    overflow: hidden;
    color: var(--gk-native-offer-custom-text, var(--gk-np-primary));
    border: 1px solid var(--gk-native-offer-custom-border, color-mix(in srgb, var(--gk-np-primary) 14%, transparent));
    border-radius: var(--gk-native-offer-radius, 12px);
    background: var(--gk-native-offer-custom-bg, color-mix(in srgb, var(--gk-np-primary) 7%, #fff));
    box-shadow: 0 8px 24px color-mix(in srgb, var(--gk-np-primary) 7%, transparent);
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-width-compact .gk-native-gallery-offer-slot .gk-special-offer {
    width: auto !important;
    min-width: min(100%, 280px);
}
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot .gk-special-offer__inner {
    width: 100%;
    min-height: var(--gk-native-offer-height);
    padding: 8px 14px;
    gap: 14px;
    box-sizing: border-box;
}
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot .gk-special-offer__label {
    color: var(--gk-native-offer-custom-text, var(--gk-np-primary));
    font-size: var(--gk-native-offer-font-size, 13px);
    line-height: 1.7;
    text-decoration: none;
    font-weight: 800;
}
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot .gk-special-offer__timer-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot .gk-special-offer__time,
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot .gk-special-offer__clock {
    color: var(--gk-native-offer-custom-timer, var(--gk-np-primary));
}
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot .gk-special-offer__time {
    font-size: var(--gk-native-offer-font-size, 13px);
    font-weight: 800;
}
.gk-native-product .gk-native-gallery--widget .gk-native-gallery-offer-slot .gk-special-offer__clock svg {
    width: 18px;
    height: 18px;
}

/* Visual variants. Custom colors from theme settings override these defaults. */
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-solid .gk-native-gallery-offer-slot .gk-special-offer {
    background: var(--gk-native-offer-custom-bg, var(--gk-np-primary));
    border-color: var(--gk-native-offer-custom-border, var(--gk-np-primary));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--gk-np-primary) 18%, transparent);
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-solid .gk-special-offer__label,
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-solid .gk-special-offer__time,
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-solid .gk-special-offer__clock {
    color: var(--gk-native-offer-custom-text, #fff);
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-solid .gk-special-offer__time,
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-solid .gk-special-offer__clock {
    color: var(--gk-native-offer-custom-timer, #fff);
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-outline .gk-native-gallery-offer-slot .gk-special-offer {
    background: var(--gk-native-offer-custom-bg, transparent);
    border-color: var(--gk-native-offer-custom-border, color-mix(in srgb, var(--gk-np-primary) 35%, transparent));
    box-shadow: none;
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-minimal .gk-native-gallery-offer-slot .gk-special-offer {
    background: var(--gk-native-offer-custom-bg, transparent);
    border-color: var(--gk-native-offer-custom-border, transparent);
    box-shadow: none;
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-style-minimal .gk-native-gallery-offer-slot .gk-special-offer__inner {
    padding-inline: 2px;
}

/* Only the explicit overlay mode needs to move image actions/badge away from the bar. */
.gk-native-product .gk-native-gallery--widget.gk-native-offer-position-overlay .gk-featured-image.has-gk-scheduled-offer .gk-gallery-action-rail {
    top: calc(var(--gk-native-offer-height, 46px) + 16px);
}
.gk-native-product .gk-native-gallery--widget.gk-native-offer-position-overlay .gk-featured-image.has-gk-scheduled-offer .gk-native-gallery__sale {
    top: calc(var(--gk-native-offer-height, 46px) + 10px);
}

@media (max-width: 767px) {
    .gk-native-product .gk-native-gallery--widget.gk-native-offer-mobile-hidden .gk-native-gallery-offer-slot {
        display: none !important;
    }
    .gk-native-product .gk-native-gallery--widget.gk-native-offer-mobile-compact .gk-native-gallery-offer-slot .gk-special-offer__inner {
        min-height: 38px;
        padding: 6px 10px;
        gap: 8px;
    }
    .gk-native-product .gk-native-gallery--widget.gk-native-offer-mobile-compact .gk-native-gallery-offer-slot .gk-special-offer__label,
    .gk-native-product .gk-native-gallery--widget.gk-native-offer-mobile-compact .gk-native-gallery-offer-slot .gk-special-offer__time {
        font-size: min(var(--gk-native-offer-font-size, 13px), 12px);
    }
    .gk-native-product .gk-native-gallery--widget.gk-native-offer-mobile-compact .gk-native-gallery-offer-slot .gk-special-offer__clock svg {
        width: 15px;
        height: 15px;
    }
}

/* Legacy standalone native-gallery thumbnail rail removed in 1.9.225. */

/* Native gallery now uses the exact Elementor gallery widget DOM/assets. */
.gk-native-product .gk-native-gallery--widget {
    min-width: 0;
    --gk-thumb-size: 64px;
    --gk-thumb-gap: 9px;
}
.gk-native-product .gk-native-gallery--widget .gk-gallery-shell {
    width: 100%;
}
.gk-native-product .gk-native-gallery--widget .gk-gallery-root {
    gap: 14px;
}
.gk-native-product .gk-native-gallery--widget .gk-featured-image {
    position: relative;
    min-height: 340px;
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--gk-radius-lg, 14px);
    background: #fff;
}
.gk-native-product .gk-native-gallery--widget .gk-featured-image,
.gk-native-product .gk-native-gallery--widget .img-wrapper,
.gk-native-product .gk-native-gallery--widget .img-wrapper picture,
.gk-native-product .gk-native-gallery--widget .featured-image {
    margin: 0 !important;
    padding: 0 !important;
}
.gk-native-product .gk-native-gallery--widget .img-wrapper {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    cursor: zoom-in;
}
.gk-native-product .gk-native-gallery--widget .img-wrapper picture {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}
.gk-native-product .gk-native-gallery--widget .featured-image {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 520px;
    object-fit: contain;
    transform: none !important;
    transition: opacity .2s ease;
}
.gk-native-product .gk-native-gallery--widget .img-wrapper:hover .featured-image {
    transform: none !important;
}
.gk-native-product .gk-native-gallery--widget .gk-gallery-thumbnail {
    object-fit: contain;
    padding: 5px;
    border: 1px solid var(--gk-np-border);
    border-radius: min(calc(var(--gk-radius, 8px) * 1.375), 24px);
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.gk-native-product .gk-native-gallery--widget .gk-thumb a:hover .gk-gallery-thumbnail,
.gk-native-product .gk-native-gallery--widget .gk-thumb.is-active .gk-gallery-thumbnail {
    border-color: var(--gk-np-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--gk-np-primary) 12%, transparent);
}
.gk-native-product .gk-native-gallery--widget .gk-gallery-action-rail {
    top: var(--gk-gallery-actions-y, 18px);
    right: var(--gk-gallery-actions-x, 14px);
}
.gk-native-product .gk-native-gallery--widget .gk-native-icon-button {
    border: 1px solid var(--gk-gallery-action-border, #e5e7eb);
    border-radius: var(--gk-gallery-action-radius, 11px);
    background: var(--gk-gallery-action-bg, rgba(255,255,255,.96));
    color: var(--gk-gallery-action-color, #374151);
    box-shadow: 0 2px 7px rgba(15,23,42,.05);
}
.gk-native-product .gk-native-gallery--widget .gk-native-wishlist.is-active svg {
    fill: currentColor;
}
@media (max-width: 767px) {
    .gk-native-product .gk-native-gallery--widget {
        --gk-thumb-size: 58px;
        --gk-thumb-gap: 7px;
    }
    .gk-native-product .gk-native-gallery--widget .gk-featured-image {
        min-height: 285px;
    }
    .gk-native-product .gk-native-gallery--widget .img-wrapper {
        padding: 0;
    }
}

/* Main information */
.gk-native-info { min-width: 0; padding-top: 3px; }
.gk-native-info__header { padding-bottom: 18px; border-bottom: 1px solid var(--gk-np-border); }
.gk-native-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    margin-bottom: 10px;
    color: var(--gk-np-primary);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.gk-native-brand--text {
    padding: 4px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--gk-np-primary) 8%, white);
}
.gk-native-brand--logo {
    min-height: 0;
    max-width: var(--gk-native-brand-logo-width, 120px);
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.gk-native-brand__logo {
    display: block;
    width: auto;
    height: auto;
    max-width: var(--gk-native-brand-logo-width, 120px);
    max-height: var(--gk-native-brand-logo-height, 30px);
    object-fit: contain;
}
.gk-native-title {
    margin: 0;
    color: var(--gk-np-text);
    font-size: clamp(21px, 2vw, 28px);
    line-height: 1.65;
    font-weight: 800;
    letter-spacing: -.025em;
}
.gk-native-english-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 7px;
    color: var(--gk-neutral-500, #64748b);
    font-size: 12px;
    direction: ltr;
    text-align: left;
}
.gk-native-english-title::after { content: ""; height: 1px; flex: 1; background: var(--gk-np-border); }
.gk-native-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    margin-top: 14px;
    color: var(--gk-np-muted);
    font-size: 12px;
}
.gk-native-rating { display: inline-flex; align-items: center; gap: 5px; }
.gk-native-rating svg { width: 18px; height: 18px; color: #f5a623; }
.gk-native-rating strong { color: var(--gk-np-text); }
.gk-native-rating span { color: var(--gk-np-primary); }
.gk-native-sku b { color: var(--gk-neutral-700, #334155); font-weight: 600; }

.gk-native-short-description {
    margin-top: 18px;
    color: var(--gk-neutral-700, #334155);
    font-size: 14px;
    line-height: 2;
}
.gk-native-short-description p:last-child { margin-bottom: 0; }

.gk-native-highlights { margin-top: 22px; }
.gk-native-section-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.gk-native-section-label strong { font-size: 15px; }
.gk-native-section-label a { color: var(--gk-np-primary); font-size: 12px; font-weight: 600; }
.gk-native-highlights__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.gk-native-highlight {
    min-width: 0;
    padding: 11px;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px);
    background: var(--gk-np-soft);
}
.gk-native-highlight span,
.gk-native-highlight strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gk-native-highlight span { margin-bottom: 5px; color: var(--gk-np-muted); font-size: 11px; }
.gk-native-highlight strong { color: var(--gk-neutral-800, #1e293b); font-size: 12px; font-weight: 700; }

.gk-native-tiered { margin-top: 18px; }

.gk-native-alert {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 18px;
    padding: 13px 14px;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.5), 24px);
    font-size: 12px;
    line-height: 1.8;
}
.gk-native-alert > svg { flex: 0 0 23px; width: 23px; height: 23px; margin-top: 1px; }
.gk-native-alert strong,
.gk-native-alert span { display: block; }
.gk-native-alert strong { margin-bottom: 2px; font-size: 13px; }
.gk-native-alert--warning { color: #854d0e; border: 1px solid #fde68a; background: #fffbeb; }

/* Purchase panel — subtle glass surface with a very soft brand tint. */
.gk-native-purchase-wrap {
    position: sticky;
    top: calc(var(--gk-admin-offset, 0px) + var(--gk-header-visible-height, 76px) + 16px);
    min-width: 0;
    width: 100%;
    max-width: 360px;
    justify-self: end;
    align-self: start;
}
.gk-native-purchase {
    position: relative;
    top: auto;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-color: color-mix(in srgb, var(--gk-np-primary) 7%, rgba(148, 163, 184, .22));
    border-radius: min(calc(var(--gk-radius, 8px) * 1.875), 24px);
    background: rgba(255, 255, 255, .86);
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--gk-np-primary) 4%, rgba(255, 255, 255, .92)) 0%,
        rgba(255, 255, 255, .84) 48%,
        color-mix(in srgb, var(--gk-np-primary) 2%, rgba(248, 250, 252, .88)) 100%
    );
    box-shadow:
        0 14px 34px rgba(15, 23, 42, .055),
        inset 0 1px 0 rgba(255, 255, 255, .86);
    -webkit-backdrop-filter: blur(14px) saturate(112%);
    backdrop-filter: blur(14px) saturate(112%);
}
.gk-native-purchase__seller {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--gk-np-border) 82%, transparent);
}
.gk-native-purchase__seller-icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: color-mix(in srgb, var(--gk-np-primary) 62%, var(--gk-neutral-600, #5f6670));
    border: 1px solid color-mix(in srgb, var(--gk-np-primary) 6%, var(--gk-np-border));
    border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px);
    background: rgba(255, 255, 255, .6);
}
.gk-native-purchase__seller-icon svg {
    display: block;
    width: 17px;
    height: 17px;
}
.gk-native-purchase__seller div { min-width: 0; }
.gk-native-purchase__seller div span,
.gk-native-purchase__seller div strong { display: block; }
.gk-native-purchase__seller div span {
    margin-bottom: 1px;
    color: var(--gk-np-muted);
    font-size: 10.5px;
    line-height: 1.55;
}
.gk-native-purchase__seller div strong {
    overflow: hidden;
    color: var(--gk-np-text);
    font-size: 12.5px;
    font-weight: 750;
    line-height: 1.65;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gk-native-purchase__status { padding: 8px 0 0; }
.gk-native-purchase__status .stock {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--gk-np-success);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.7;
}
.gk-native-purchase__status .stock::before {
    content: '';
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 10%, transparent);
}
.gk-native-purchase__status .stock.out-of-stock { color: var(--gk-np-primary); }

.gk-native-purchase__benefits {
    margin-top: 7px;
    border-top: 1px solid color-mix(in srgb, var(--gk-np-border) 78%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--gk-np-border) 78%, transparent);
}
.gk-native-purchase-benefit {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 0;
    border: 0;
}
.gk-native-purchase-benefit + .gk-native-purchase-benefit {
    border-top: 1px solid color-mix(in srgb, var(--gk-np-border) 70%, transparent);
}
.gk-native-purchase-benefit > svg {
    grid-column: 2;
    grid-row: 1;
    display: block;
    width: 17px;
    height: 17px;
    color: color-mix(in srgb, var(--gk-np-success) 72%, var(--gk-neutral-600, #5f6670));
}
.gk-native-purchase-benefit > div {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}
.gk-native-purchase-benefit strong,
.gk-native-purchase-benefit span { display: block; }
.gk-native-purchase-benefit strong {
    margin: 0 0 1px;
    color: var(--gk-neutral-800, #1f2937);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.65;
}
.gk-native-purchase-benefit span {
    color: var(--gk-np-muted);
    font-size: 10.5px;
    line-height: 1.75;
}

.gk-native-cart-form { margin-top: 12px; }
.gk-native-cart-form .cart,
.gk-native-cart-form form.cart,
.woocommerce div.product .gk-native-purchase form.cart:not(.variations_form),
.woocommerce div.product .gk-native-purchase .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 !important;
}
.gk-native-cart-form .quantity {
    flex: 1 1 auto;
    width: auto;
    height: 100%;
    margin: 0 !important;
}
.gk-native-purchase .gk-qty-container {
    width: 100%;
    height: 50px;
    padding: 5px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gk-np-primary) 4%, var(--gk-np-border));
    border-radius: min(calc(var(--gk-radius, 8px) * 1.5), 24px);
    background: color-mix(in srgb, var(--gk-np-primary) 2.5%, rgba(244, 246, 250, .92));
    box-sizing: border-box;
}
.gk-native-purchase .gk-qty-container .gk-qty-btn {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(148, 163, 184, .08);
    border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px);
    color: var(--gk-neutral-600, #64748b);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
    transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}
.gk-native-purchase .gk-qty-container .gk-qty-btn:hover {
    border-color: color-mix(in srgb, var(--gk-np-primary) 8%, var(--gk-np-border));
    color: color-mix(in srgb, var(--gk-np-primary) 35%, var(--gk-neutral-700, #475569));
    background: #fff;
}
.gk-native-purchase .gk-qty-container .gk-qty-btn .gk-qty-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
    stroke-width: 1.7;
}
.gk-native-purchase .gk-qty-container .quantity .qty,
.gk-native-purchase .gk-qty-container input.qty {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--gk-neutral-700, #475569);
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 750;
    line-height: 1;
    text-align: center;
}
.gk-native-purchase .gk-unit-label {
    left: 50px;
    font-size: 10px;
}
.gk-native-cart-form .single_add_to_cart_button,
.gk-native-cart-form .button {
    flex: none;
    width: 100%;
    min-height: 50px;
    margin: 0 !important;
    padding: 11px 16px !important;
    border: 0 !important;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px) !important;
    color: #fff !important;
    background: var(--gk-np-primary) !important;
    font-family: var(--gk-font-base, inherit) !important;
    font-feature-settings: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
}
.gk-native-cart-form .single_add_to_cart_button:hover { filter: brightness(.95); }
.gk-native-cart-form .single_add_to_cart_button.disabled { opacity: .55; cursor: not-allowed; }
.gk-native-cart-form .variations_form { display: block !important; width: 100% !important; }
.gk-native-cart-form table.variations { width: 100%; margin: 0 0 10px; border: 0; }
.gk-native-cart-form table.variations tr { display: grid; gap: 5px; margin-bottom: 9px; }
.gk-native-cart-form table.variations th,
.gk-native-cart-form table.variations td { display: block; width: 100%; padding: 0; border: 0; text-align: right; }
.gk-native-cart-form table.variations label { color: var(--gk-neutral-700, #334155); font-size: 11.5px; font-weight: 700; }
.gk-native-cart-form table.variations select { width: 100%; min-height: 42px; padding: 7px 10px; border: 1px solid var(--gk-np-border); border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px); background: rgba(255,255,255,.88); }
.gk-native-cart-form .reset_variations { display: inline-block; margin-top: 6px; color: var(--gk-np-primary); font-size: 10.5px; }
.gk-native-cart-form .woocommerce-variation-description { color: var(--gk-np-muted); font-size: 11px; line-height: 1.8; }
.gk-native-cart-form .woocommerce-variation-price { display: none !important; }
.gk-native-cart-form .woocommerce-variation-add-to-cart { display: flex !important; flex-direction: column !important; gap: 9px !important; }
.gk-native-cart-form .group_table { margin-bottom: 10px; }
.gk-native-cart-form .group_table td { padding: 7px 3px; }

.gk-native-price-box {
    margin: 14px 0 0;
    padding: 12px 0 0;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--gk-np-border) 80%, transparent);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.gk-native-price-box__head { margin: 0 0 2px; justify-content: flex-start; min-height: 0; }
.gk-native-price-box__discount {
    color: var(--gk-np-primary);
    border-color: color-mix(in srgb, var(--gk-np-primary) 15%, transparent);
    background: color-mix(in srgb, var(--gk-np-primary) 7%, #fff);
}
.gk-native-price-box__current { display: block; padding: 0; }
.gk-native-purchase__price {
    display: block;
    min-width: 0;
    margin: 0;
    color: var(--gk-np-text);
    font-size: clamp(23px, 2vw, 28px);
    font-weight: 900;
    line-height: 1.45;
    letter-spacing: -.4px;
    text-align: left;
    direction: rtl;
}
.gk-native-purchase__price .amount,
.gk-native-purchase__price ins {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    background: transparent;
    text-decoration: none;
}
.gk-native-price-box.is-on-sale .gk-native-purchase__price { color: var(--gk-np-text); }
.gk-native-price-box__meta { margin-top: 2px; }
.gk-native-price-box__regular,
.gk-native-price-box__saving {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.gk-native-sale-countdown {
    margin-top: 8px;
    padding: 8px 0 0;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--gk-np-primary) 8%, var(--gk-np-border));
    border-radius: 0;
    background: transparent;
}
.gk-native-sale-countdown__title {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 6px;
    color: var(--gk-np-muted);
    font-size: 10px;
    font-weight: 700;
}
.gk-native-sale-countdown__title svg { flex: 0 0 13px; width: 13px; height: 13px; color: color-mix(in srgb, var(--gk-np-primary) 62%, var(--gk-neutral-600, #5f6670)); }
.gk-native-sale-countdown__units { display: flex; align-items: center; gap: 5px; direction: rtl; }
.gk-native-sale-countdown__units > span { display: inline-flex; align-items: baseline; gap: 3px; min-width: 0; }
.gk-native-sale-countdown__units b { min-width: 0; padding: 0; color: var(--gk-np-text); background: transparent; font-size: 11px; font-variant-numeric: tabular-nums; text-align: center; box-shadow: none; }
.gk-native-sale-countdown__units small { color: var(--gk-np-muted); font-size: 8.5px; }
.gk-native-sale-countdown__units > i { padding: 0; color: var(--gk-np-muted); font-size: 10px; font-style: normal; font-weight: 600; }
.gk-native-price-updated {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 4px;
    margin: 4px 0 0;
    color: var(--gk-np-muted);
    font-size: 11.5px;
    font-weight: 550;
    line-height: 1.7;
    direction: rtl;
}
.gk-native-price-updated time { color: var(--gk-neutral-600, #5f6670); font-weight: 650; }

.gk-native-better-price {
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    margin-top: 9px;
    padding: 10px 11px;
    border: 1px solid color-mix(in srgb, var(--gk-np-primary) 5%, var(--gk-np-border));
    border-radius: min(calc(var(--gk-radius, 8px) * 1.5), 24px);
    color: var(--gk-neutral-700, #475569);
    background: rgba(255, 255, 255, .58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-align: right;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}
.gk-native-better-price:hover {
    border-color: color-mix(in srgb, var(--gk-np-primary) 12%, var(--gk-np-border));
    background: rgba(255,255,255,.75);
    transform: translateY(-1px);
}
.gk-native-better-price__icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: color-mix(in srgb, var(--gk-np-primary) 48%, var(--gk-neutral-600, #5f6670));
    border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px);
    background: color-mix(in srgb, var(--gk-np-primary) 4%, rgba(255,255,255,.9));
}
.gk-native-better-price__icon svg { width: 17px; height: 17px; }
.gk-native-better-price__copy { min-width: 0; }
.gk-native-better-price__copy strong,
.gk-native-better-price__copy small { display: block; }
.gk-native-better-price__copy strong {
    color: var(--gk-neutral-800, #1f2937);
    font-size: 12.5px;
    font-weight: 760;
    line-height: 1.65;
}
.gk-native-better-price__copy small {
    margin-top: 1px;
    color: var(--gk-np-muted);
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.6;
}
.gk-native-better-price__arrow {
    display: grid;
    place-items: center;
    color: var(--gk-neutral-400, #94a3b8);
}
.gk-native-better-price__arrow svg { width: 16px; height: 16px; }

/* Purchase sections collapse completely when they have no visible content. */
.gk-native-purchase__status[hidden],
.gk-native-purchase__benefits[hidden],
.gk-native-cart-form[hidden],
.gk-native-price-box__head[hidden],
.gk-native-price-box__meta[hidden],
.gk-native-sale-countdown[hidden],
.gk-native-price-updated[hidden] { display: none !important; }
.gk-native-purchase__status:empty,
.gk-native-purchase__benefits:empty,
.gk-native-cart-form:empty,
.gk-native-price-box__meta:empty { display: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }

/* Store services */
.gk-native-services {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid var(--gk-np-border);
    border-radius: var(--gk-radius-lg, 14px);
    background: var(--gk-np-border);
}
.gk-native-service { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 17px 12px; background: var(--gk-np-surface); }
.gk-native-service > span { flex: 0 0 36px; width: 36px; height: 36px; display: grid; place-items: center; color: var(--gk-np-primary); border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px); background: color-mix(in srgb, var(--gk-np-primary) 7%, white); }
.gk-native-service svg { font-size: 20px; }
.gk-native-service strong,
.gk-native-service small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gk-native-service strong { margin-bottom: 3px; font-size: 12px; }
.gk-native-service small { color: var(--gk-np-muted); font-size: 10px; }

/* Common content sections
 * Large surfaces intentionally use a very low-contrast border so the page
 * keeps structure without looking boxed-in. */
.gk-native-section {
    margin-top: 20px;
    padding: clamp(18px, 2.2vw, 28px);
    border: 1px solid var(--gk-np-border);
    border-radius: var(--gk-radius-xl, 18px);
    background: var(--gk-np-surface);
}
.gk-native-section__heading { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.gk-native-section__icon { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; color: var(--gk-np-primary); border-radius: min(calc(var(--gk-radius, 8px) * 1.625), 24px); background: color-mix(in srgb, var(--gk-np-primary) 8%, white); }
.gk-native-section__icon svg { font-size: 23px; }
.gk-native-section__heading h2 { margin: 0; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.5; }
.gk-native-section__heading p { margin: 3px 0 0; color: var(--gk-np-muted); font-size: 11px; }

.gk-native-ai-review { background: linear-gradient(135deg, color-mix(in srgb, var(--gk-np-primary) 4%, white), #fff 52%); }
.gk-native-ai-review__text { color: var(--gk-neutral-700, #334155); font-size: 14px; line-height: 2.1; }
.gk-native-ai-review__text p:last-child { margin-bottom: 0; }
.gk-native-ai-review__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.gk-native-ai-list { padding: 16px; border: 1px solid var(--gk-np-border); border-radius: min(calc(var(--gk-radius, 8px) * 1.625), 24px); background: rgba(255,255,255,.8); }
.gk-native-ai-list h3 { margin: 0 0 11px; font-size: 14px; }
.gk-native-ai-list ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.gk-native-ai-list li { display: flex; align-items: flex-start; gap: 8px; color: var(--gk-neutral-700, #334155); font-size: 12px; line-height: 1.8; }
.gk-native-ai-list li svg { flex: 0 0 17px; width: 17px; height: 17px; margin-top: 4px; }
.gk-native-ai-list--pros li svg { color: var(--gk-np-success); }
.gk-native-ai-list--cons li svg { color: var(--gk-np-warning); }

/* Related products */
.gk-native-related__swiper { position: relative; width: 100%; min-width: 0; overflow: hidden; padding: 2px 1px 30px; touch-action: pan-y; }
.gk-native-related__track { align-items: stretch; }
.gk-native-related-card { height: auto; overflow: hidden; border: 1px solid var(--gk-np-border); border-radius: min(calc(var(--gk-radius, 8px) * 1.625), 24px); background: #fff; transition: .18s ease; box-sizing: border-box; }
.gk-native-related__swiper:not(.swiper-initialized) .gk-native-related__track { display: flex; gap: 12px; }
.gk-native-related__swiper:not(.swiper-initialized) .gk-native-related-card { flex: 0 0 calc((100% - 36px) / 4); }
.gk-native-related__pagination { position: relative !important; inset: auto !important; margin-top: 14px; min-height: 10px; }
.gk-native-related-card:hover { border-color: color-mix(in srgb, var(--gk-np-primary) 18%, var(--gk-np-border)); transform: translateY(-2px); }
.gk-native-related-card__image { position: relative; aspect-ratio: 1 / 1; display: grid; place-items: center; padding: 13px; }
.gk-native-related-card__image img { width: 100%; height: 100%; object-fit: contain; }
.gk-native-related-card__image > span { position: absolute; top: 8px; inset-inline-start: 8px; padding: 4px 7px; border-radius: 999px; color: #fff; background: var(--gk-np-primary); font-size: 9px; font-weight: 700; }
.gk-native-related-card__body { padding: 0 12px 13px; }
.gk-native-related-card__title { display: -webkit-box; min-height: 45px; overflow: hidden; color: var(--gk-neutral-800, #1e293b); font-size: 12px; line-height: 1.85; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.gk-native-related-card__price { min-height: 29px; margin-top: 9px; text-align: left; font-size: 13px; font-weight: 800; }
.gk-native-related-card__price del { color: var(--gk-neutral-400, #94a3b8); font-size: 10px; }
.gk-native-related-card__price ins { text-decoration: none; }

/* Sticky in-page navigation */
.gk-native-detail-nav {
    position: sticky;
    z-index: 12;
    /* JS continuously syncs this to the *visual* bottom edge of the sticky
     * header. Unlike a fixed header-height token this also follows transform
     * animations while the smart header hides/reappears in either direction. */
    top: var(--gk-native-detail-nav-top, var(--gk-sticky-stack-offset, 76px));
    display: flex;
    gap: 22px;
    margin-top: 20px;
    padding: 0 20px;
    border: 1px solid var(--gk-np-border);
    border-radius: min(calc(var(--gk-radius, 8px) * 1.625), 24px);
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(12px);
    scrollbar-width: none;
}
.gk-native-detail-nav::-webkit-scrollbar { display: none; }
.gk-native-detail-nav a {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    padding: 12px 2px 11px;
    color: var(--gk-np-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    transition: color .18s ease;
}
.gk-native-detail-nav__icon {
    display: inline-grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--gk-np-border) 78%, transparent);
    border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px);
    background: color-mix(in srgb, var(--gk-neutral-100, #f1f5f9) 78%, #fff);
    color: var(--gk-neutral-500, #64748b);
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}
.gk-native-detail-nav__icon svg { display: block; width: 17px; height: 17px; }
.gk-native-detail-nav__label { white-space: nowrap; }
.gk-native-detail-nav__count { display: inline-flex; align-items: center; justify-content: center; min-width: 21px; min-height: 21px; padding: 1px 6px; border-radius: min(calc(var(--gk-radius, 8px) * 0.875), 24px); background: var(--gk-neutral-100, #f1f5f9); color: var(--gk-np-muted, #64748b); font-size: 11px; line-height: 1.4; font-weight: 700; font-variant-numeric: tabular-nums; }
.gk-native-detail-nav a:hover .gk-native-detail-nav__count, .gk-native-detail-nav a.is-active .gk-native-detail-nav__count { background: color-mix(in srgb, var(--gk-np-primary) 10%, #fff); color: var(--gk-np-primary); }
.gk-native-detail-nav a::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--gk-np-primary); transform: scaleX(0); transition: .18s ease; }
.gk-native-detail-nav a:hover,
.gk-native-detail-nav a.is-active { color: var(--gk-np-primary); }
.gk-native-detail-nav a:hover .gk-native-detail-nav__icon,
.gk-native-detail-nav a.is-active .gk-native-detail-nav__icon {
    border-color: color-mix(in srgb, var(--gk-np-primary) 20%, var(--gk-np-border));
    background: color-mix(in srgb, var(--gk-np-primary) 8%, #fff);
    color: var(--gk-np-primary);
}
.gk-native-detail-nav a.is-active::after { transform: scaleX(1); }

.gk-native-product .gk-native-section[id] {
    scroll-margin-top: calc(
        var(--gk-native-detail-nav-top, var(--gk-sticky-stack-offset, 76px))
        + var(--gk-native-detail-nav-height, 54px)
        + 12px
    );
}

/* Description */
.gk-native-description .entry-content { color: var(--gk-neutral-700, #334155); font-size: 14px; line-height: 2.15; }
.gk-native-description .entry-content > :first-child { margin-top: 0; }
.gk-native-description .entry-content > :last-child { margin-bottom: 0; }
.gk-native-description .entry-content img { max-width: 100%; height: auto; border-radius: min(calc(var(--gk-radius, 8px) * 1.5), 24px); }
.gk-native-description .entry-content table { display: block; max-width: 100%; overflow-x: auto; }
.gk-native-collapsible { position: relative; }
.gk-native-collapsible.is-collapsed .gk-native-collapsible__content { max-height: var(--gk-collapse-height, 420px); overflow: hidden; }
.gk-native-collapsible__fade { display: none; position: absolute; inset-inline: 0; bottom: 43px; height: 95px; pointer-events: none; background: linear-gradient(to bottom, transparent, var(--gk-np-surface)); }
.gk-native-collapsible.is-collapsed .gk-native-collapsible__fade { display: block; }
.gk-native-collapsible__toggle {
  display: none;
  position: relative;
  z-index: 2;
  margin: 16px auto 0;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid color-mix(in srgb, var(--gk-np-primary) 16%, var(--gk-np-border));
  border-radius: min(calc(var(--gk-radius, 8px) * 1.5), 24px);
  background: #fff;
  color: var(--gk-np-primary);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.gk-native-collapsible__toggle:hover {
  border-color: color-mix(in srgb, var(--gk-np-primary) 28%, var(--gk-np-border));
  background: color-mix(in srgb, var(--gk-np-primary) 5%, #fff);
  color: var(--gk-np-primary);
  box-shadow: 0 3px 10px rgba(15, 23, 42, .045);
}
.gk-native-collapsible.has-overflow .gk-native-collapsible__toggle { display: inline-flex; }
.gk-native-collapsible__toggle.gk-product-expand-btn { align-items: center; justify-content: center; gap: 7px; width: max-content; max-width: 100%; }
.gk-native-collapsible:not(.is-collapsed) .gk-product-expand-btn__chevron { transform: rotate(180deg); }

/* Native specs adjustments */
.gk-native-product .gk-native-specs { max-width: none; margin: 0; padding: 0; border: 0; box-shadow: none; }
.gk-native-product .gk-native-specs .gk-spec-heading-row { display: none; }
.gk-native-product .gk-native-specs .gk-spec-content-wrap { padding: 0; }

/* Reviews and Q&A inside native cards */
.gk-native-product .reviews-section,
.gk-native-product .qna-section { margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; }
.gk-native-product .reviews-header,
.gk-native-product .qna-header { border-radius: min(calc(var(--gk-radius, 8px) * 1.5), 24px); }
.gk-native-product .reviews-sort-bar,
.gk-native-product .qna-sort-bar { margin-top: 18px; }
.gk-native-product .review-form-container,
.gk-native-product .qna-form-container { border-radius: min(calc(var(--gk-radius, 8px) * 1.5), 24px); }
.gk-native-product .review-form-content,
.gk-native-product .qna-textarea,
.gk-native-product .qna-input { width: 100%; border: 1px solid var(--gk-np-border); border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px); }
.gk-native-product .qna-form-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }

/* Modal system */
html.gk-native-modal-open,
body.gk-native-modal-open { overflow: hidden !important; }
.gk-native-modal[hidden] { display: none !important; }
.gk-native-modal { position: fixed; z-index: 100010; inset: 0; display: grid; place-items: center; padding: 20px; }
.gk-native-modal__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(15,23,42,.58); cursor: default; backdrop-filter: blur(4px); }
.gk-native-modal__dialog { position: relative; width: min(780px, 100%); max-height: min(760px, calc(100dvh - 40px)); overflow: auto; border-radius: min(calc(var(--gk-radius, 8px) * 2.125), 25.5px); background: #fff; box-shadow: 0 25px 80px rgba(15,23,42,.24); animation: gkNativeModalIn .2s ease; }
.gk-native-modal__dialog--compact { width: min(520px, 100%); }
.gk-native-modal__dialog > header { position: sticky; z-index: 2; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 20px; border-bottom: 1px solid var(--gk-np-border); background: rgba(255,255,255,.96); backdrop-filter: blur(10px); }
.gk-native-modal__dialog > header h2 { margin: 0; font-size: 17px; }
.gk-native-modal__dialog > header p { margin: 3px 0 0; color: var(--gk-np-muted); font-size: 11px; }
.gk-native-modal__dialog > header > button { flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid var(--gk-np-border); border-radius: 50%; color: var(--gk-neutral-700, #334155); background: #fff; font-size: 24px; cursor: pointer; }
.gk-native-modal__body { padding: 20px; }
.gk-native-chart { min-height: 300px; padding: 6px 10px 14px; direction: ltr; }
.gk-native-chart-status { padding: 20px; color: var(--gk-np-muted); text-align: center; font-size: 13px; }
.gk-native-chart-status:empty { display: none; }
.gk-native-better-form { display: grid; gap: 14px; padding: 20px; }
.gk-native-better-form label span { display: block; margin-bottom: 6px; color: var(--gk-neutral-700, #334155); font-size: 12px; font-weight: 700; }
.gk-native-better-form input { width: 100%; min-height: 45px; padding: 9px 12px; border: 1px solid var(--gk-np-border); border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px); background: #fff; }
.gk-native-better-form > button { min-height: 46px; border: 0; border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px); color: #fff; background: var(--gk-np-primary); font-weight: 800; cursor: pointer; }
.gk-native-better-form__status { min-height: 22px; margin: 0; color: var(--gk-np-success); font-size: 12px; text-align: center; }
/* Better-price modal: calmer, clearer and visually tied to the purchase glass surface. */
.gk-native-modal--better-price .gk-native-modal__backdrop {
    background: rgba(15, 23, 42, .46);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.gk-native-modal--better-price .gk-native-modal__dialog {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.66);
    border-radius: min(calc(var(--gk-radius, 8px) * 2.5), 30px);
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--gk-np-primary) 3%, rgba(255,255,255,.98)) 0%,
        rgba(255,255,255,.96) 58%,
        rgba(248,250,252,.96) 100%);
    box-shadow: 0 28px 80px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.9);
}
.gk-native-modal--better-price .gk-native-modal__dialog > header {
    position: relative;
    padding: 18px 19px 15px;
    border-bottom-color: color-mix(in srgb, var(--gk-np-primary) 5%, var(--gk-np-border));
    background: rgba(255,255,255,.72);
}
.gk-native-better-modal__heading {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}
.gk-native-better-modal__icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.375), 24px);
    color: color-mix(in srgb, var(--gk-np-primary) 52%, var(--gk-neutral-600, #5f6670));
    background: color-mix(in srgb, var(--gk-np-primary) 5%, #fff);
}
.gk-native-better-modal__icon svg { width: 19px; height: 19px; }
.gk-native-modal--better-price .gk-native-modal__dialog > header h2 {
    color: var(--gk-np-text);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.55;
}
.gk-native-modal--better-price .gk-native-modal__dialog > header p {
    margin-top: 2px;
    font-size: 10.5px;
    line-height: 1.75;
}
.gk-native-modal--better-price .gk-native-modal__dialog > header > button {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px);
    background: rgba(255,255,255,.78);
    color: var(--gk-neutral-600, #5f6670);
    font-size: 0;
}
.gk-native-modal--better-price .gk-native-modal__dialog > header > button svg { width: 17px; height: 17px; }
.gk-native-modal--better-price .gk-native-better-form {
    gap: 12px;
    padding: 18px 19px 20px;
}
.gk-native-modal--better-price .gk-native-better-form label span {
    margin-bottom: 5px;
    color: var(--gk-neutral-700, #475569);
    font-size: 11.5px;
    font-weight: 700;
}
.gk-native-modal--better-price .gk-native-better-form input {
    min-height: 44px;
    border-color: color-mix(in srgb, var(--gk-np-primary) 4%, var(--gk-np-border));
    border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px);
    background: rgba(255,255,255,.86);
    box-shadow: inset 0 1px 2px rgba(15,23,42,.025);
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.gk-native-modal--better-price .gk-native-better-form input:focus {
    border-color: color-mix(in srgb, var(--gk-np-primary) 24%, var(--gk-np-border));
    background: #fff;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gk-np-primary) 6%, transparent);
}
.gk-native-modal--better-price .gk-native-better-form > button {
    min-height: 46px;
    margin-top: 2px;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px);
    box-shadow: none;
    font-size: 12.5px;
    font-weight: 800;
}
.gk-native-modal--better-price .gk-native-better-form__status:empty {
    display: none;
    min-height: 0;
}
@keyframes gkNativeModalIn { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }

/* Mobile purchase bar */
.gk-native-mobile-buy { display: none; }

/* Keep generic WooCommerce wrapper full width for native page */
body.single-product #main.site-main > .product.gk-native-product,
body.single-product #primary.site-main > .product.gk-native-product,
body.single-product .site-main > .product.type-product.gk-native-product {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}
body.gk-native-product-enabled .woocommerce-notices-wrapper {
    width: var(--gk-container-width, min(1200px, calc(100% - 48px)));
    max-width: var(--gk-site-width, 1200px);
    margin-inline: auto;
}

@media (max-width: 1180px) {
    .gk-native-hero { grid-template-columns: minmax(280px, .95fr) minmax(320px, 1.15fr); }
    .gk-native-purchase-wrap { position: relative; top: auto; grid-column: 1 / -1; width: min(100%, 860px); max-width: 860px; justify-self: center; }
    .gk-native-purchase { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .86fr); align-content: start; gap: 0 24px; }
    .gk-native-purchase__seller,
    .gk-native-purchase__status,
    .gk-native-purchase__benefits { grid-column: 1; }
    .gk-native-cart-form,
    .gk-native-price-box { grid-column: 2; }
    .gk-native-cart-form { grid-row: 1 / span 2; margin-top: 0; }
    .gk-native-price-box { align-self: start; }
    .gk-native-purchase:not(:has(.gk-native-cart-form)) { grid-template-columns: 1fr; }
    .gk-native-purchase:not(:has(.gk-native-cart-form)) > * { grid-column: 1; }
}

@media (max-width: 900px) {
    .gk-native-product { padding-top: 12px; }
    .gk-native-product__container { width: min(100% - 28px, var(--gk-site-width, 1200px)); }
    .gk-native-hero { grid-template-columns: 1fr; padding: 0; }
    .gk-native-gallery { max-width: 600px; width: 100%; margin-inline: auto; }
    .gk-native-gallery__stage { min-height: 300px; }
    .gk-native-purchase-wrap { width: min(100%, 680px); max-width: 680px; margin-inline: auto; justify-self: center; }
    .gk-native-purchase { display: block; }
    .gk-native-cart-form { margin-top: 12px; }
    .gk-native-services { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .gk-native-service:nth-child(n+4) { border-top: 1px solid var(--gk-np-border); }
    .gk-native-highlights__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 767px) {
    .gk-native-product { padding-bottom: 20px; }
    /* When no bottom navigation exists (for example because the theme setting
       hides it on product pages), reserve space for the native purchase bar. */
    body.gk-native-mobile-buy-active:not(.gk-has-bnav) .gk-native-product {
        padding-bottom: calc(88px + env(safe-area-inset-bottom));
    }
    /* If the admin deliberately disables handoff, both fixed bars remain visible;
       reserve enough page space for the stacked arrangement. */
    body.gk-native-mobile-buy-active.gk-has-bnav:not(.gk-bnav-product-handoff-enabled) .gk-native-product {
        padding-bottom: calc(88px + var(--gk-bottom-nav-height, 60px) + env(safe-area-inset-bottom));
    }
    .gk-native-product__container { width: min(100% - 20px, var(--gk-site-width, 1200px)); }
    .gk-native-breadcrumb { margin-bottom: 10px; }
    .gk-native-hero { gap: 16px; padding: 0; border-radius: 0; }
    .gk-native-gallery__tools { top: 0; gap: 7px; }
    .gk-native-icon-button { width: 38px; height: 38px; }
    .gk-native-gallery__stage { min-height: 280px; }
   .gk-native-gallery__main-link { padding: 0; }
    .gk-native-title { font-size: 20px; }
    .gk-native-meta-row { align-items: flex-start; flex-direction: column; gap: 8px; }
    .gk-native-highlights__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }
    .gk-native-highlight {
        padding: 8px 7px;
        border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px);
    }
    .gk-native-highlight span {
        margin-bottom: 3px;
        font-size: 10px;
    }
    .gk-native-highlight strong {
        font-size: 11px;
        line-height: 1.55;
    }
    .gk-native-purchase-wrap { width: calc(100% - 4px); max-width: none; }
    .gk-native-purchase { padding: 14px; }
    .gk-native-purchase__seller { padding-bottom: 9px; }
    .gk-native-purchase-benefit { padding-block: 9px; }
    .gk-native-purchase .gk-qty-container { height: 49px; }
    .gk-native-purchase .gk-qty-container .gk-qty-btn { flex-basis: 37px; width: 37px; height: 37px; }
    .gk-native-cart-form .single_add_to_cart_button { min-height: 50px; }
    .gk-native-better-price { margin-top: 8px; padding: 9px 10px; grid-template-columns: 32px minmax(0, 1fr) 16px; }
    .gk-native-better-price__icon { width: 32px; height: 32px; }
    .gk-native-modal--better-price .gk-native-modal__dialog { border-radius: 17px 17px 0 0; }
    .gk-native-services { display: flex; gap: 1px; }
    .gk-native-service { flex: 0 0 160px; justify-content: flex-start; }
    .gk-native-section { margin-top: 14px; padding: 16px; border-radius: min(calc(var(--gk-radius, 8px) * 1.75), 24px); }
    .gk-native-section__heading { margin-bottom: 16px; }
    .gk-native-section__icon { flex-basis: 39px; width: 39px; height: 39px; }
    .gk-native-ai-review__columns { grid-template-columns: 1fr; }
    .gk-native-related__swiper:not(.swiper-initialized) .gk-native-related-card { flex-basis: calc((100% - 24px) / 3); }
    .gk-native-detail-nav { top: var(--gk-native-detail-nav-top, var(--gk-sticky-stack-offset, 58px)); margin-top: 14px; gap: 19px; padding-inline: 13px; }
    .gk-native-detail-nav a { gap: 7px; padding-block: 10px 9px; }
    .gk-native-detail-nav__icon { flex-basis: 26px; width: 26px; height: 26px; border-radius: min(calc(var(--gk-radius, 8px) * 1), 24px); }
    .gk-native-detail-nav__icon svg { width: 16px; height: 16px; }
    .gk-native-product .reviews-header,
    .gk-native-product .qna-header { display: grid; gap: 14px; }
    .gk-native-product .qna-form-row { grid-template-columns: 1fr; }
    .gk-native-modal { padding: 10px; align-items: end; }
    .gk-native-modal__dialog { max-height: min(88dvh, 760px); border-radius: 16px 16px 0 0; }
    .gk-native-chart { min-height: 255px; }
    .gk-native-mobile-buy {
        position: fixed;
        z-index: 9997;
        inset-inline: 0;
        bottom: 0;
        display: grid;
        grid-template-columns: minmax(105px, .78fr) minmax(150px, 1.2fr);
        align-items: center;
        gap: 10px;
        padding: 10px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
        border-top: 1px solid var(--gk-np-border);
        background: rgba(255,255,255,.97);
        box-shadow: 0 -8px 25px rgba(15,23,42,.09);
        backdrop-filter: blur(12px);
        transform: translate3d(0, 115%, 0);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform .24s cubic-bezier(.4,0,.2,1), opacity .18s ease, visibility 0s linear .24s, bottom .24s cubic-bezier(.4,0,.2,1);
        will-change: transform, opacity;
    }
    .gk-native-mobile-buy.is-visible {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: transform .24s cubic-bezier(.4,0,.2,1), opacity .18s ease, visibility 0s linear 0s, bottom .24s cubic-bezier(.4,0,.2,1);
    }
    /* If the handoff setting is intentionally disabled, keep both bars usable
       by stacking the purchase bar above the bottom navigation instead of overlapping it. */
    body.gk-has-bnav:not(.gk-bnav-product-handoff-enabled) .gk-native-mobile-buy.is-visible {
        bottom: var(--gk-bottom-nav-height, 60px);
    }
    .gk-native-mobile-buy__price { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gk-np-text); font-size: 14px; font-weight: 850; text-align: right; font-variant-numeric: tabular-nums; }
    .gk-native-mobile-buy__price .woocommerce-Price-currencySymbol { margin-inline-start: 3px; color: var(--gk-np-muted); font-size: 10px; font-weight: 650; }
    .gk-native-mobile-buy__price del { display: none; }
    .gk-native-mobile-buy__price ins { text-decoration: none; }
    .gk-native-mobile-buy__button { min-height: 47px; padding: 9px 12px; border: 0; border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px); color: #fff; background: var(--gk-np-primary); font-size: 13px; font-weight: 800; cursor: pointer; }
}

@media (max-width: 390px) {
    .gk-native-highlights__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .gk-native-gallery__stage { min-height: 250px; }
    .gk-native-related__swiper:not(.swiper-initialized) .gk-native-related-card { flex-basis: 76%; }
}

@media (prefers-reduced-motion: reduce) {
    .gk-native-product *,
    .gk-native-product *::before,
    .gk-native-product *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Lightweight accessible feedback toast */
.gk-native-toast {
    position: fixed;
    z-index: 100100;
    inset-inline-start: 50%;
    bottom: 28px;
    max-width: min(90vw, 420px);
    padding: 11px 16px;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.25), 24px);
    color: #fff;
    background: #172033;
    box-shadow: 0 12px 32px rgba(15,23,42,.22);
    font-size: 12px;
    line-height: 1.7;
    opacity: 0;
    transform: translate(-50%, 10px);
    transition: .2s ease;
    direction: rtl;
    text-align: center;
}
.gk-native-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.gk-native-toast--error { background: #991b1b; }
@media (max-width: 767px) { .gk-native-toast { bottom: calc(82px + env(safe-area-inset-bottom)); } }

.gk-native-product .gk-native-honeypot {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.gk-native-price-box__head[hidden],
.gk-native-price-box__meta[hidden],
.gk-native-price-box__regular[hidden],
.gk-native-price-box__saving[hidden],
.gk-native-sale-countdown[hidden],
.gk-native-price-updated[hidden],
.gk-native-variation-value[hidden] {
    display: none !important;
}
.gk-native-price-box__current {
    padding-top: 0;
}
.gk-native-cart-form table.variations {
    margin-bottom: 6px;
}
.gk-native-cart-form table.variations tr {
    gap: 7px;
    margin-bottom: 10px;
}
.gk-native-cart-form table.variations th.label,
.gk-native-cart-form table.variations th {
    display: flex;
    align-items: center;
    gap: 7px;
}
.gk-native-variation-value {
    color: var(--gk-np-primary);
    font-size: 11px;
    font-weight: 800;
}
.gk-native-variation-value:not(:empty)::before {
    content: ":";
    margin-inline-end: 2px;
    color: var(--gk-np-muted);
}
.gk-native-cart-form .gk-swatch-group--native {
    align-items: stretch;
    gap: 0;
}
.gk-native-cart-form .gk-swatch-group--native .gk-swatch-items {
    gap: 8px;
}
.gk-native-cart-form .gk-swatch-group--native .gk-swatch:not(.is-color):not(.is-image) {
    min-height: 40px !important;
    padding-inline: 13px !important;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.gk-native-cart-form .single_variation_wrap,
.gk-native-cart-form .single_variation {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.gk-native-cart-form .single_variation:empty,
.gk-native-cart-form .woocommerce-variation-description:empty {
    display: none !important;
}
/* Stock is rendered once by .gk-native-purchase__status. Keep WooCommerce's
 * variation availability node in the DOM for its variation controller, but do
 * not render the duplicate line above the quantity selector. */
.gk-native-cart-form .woocommerce-variation-availability {
    display: none !important;
}
.gk-native-cart-form a.reset_variations {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--gk-np-muted) !important;
    font-size: 10px !important;
    font-weight: 600;
    line-height: 1.7;
    box-shadow: none !important;
}
.gk-native-cart-form a.reset_variations:hover {
    color: var(--gk-np-primary) !important;
    background: transparent !important;
}
.gk-native-cart-form a.reset_variations::before {
    content: "×" !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1;
}
.gk-native-cart-form a.reset_variations[style*="visibility: hidden"] {
    display: none !important;
}
.gk-native-cart-form .gk-final-price-box[data-measurement-enabled="0"] {
    display: none !important;
}
.gk-native-variation-state {
    margin: 2px 0 10px;
    padding: 9px 11px;
    border: 1px solid transparent;
    border-radius: min(calc(var(--gk-radius, 8px) * 1.125), 24px);
    font-size: 11px;
    line-height: 1.8;
}
.gk-native-variation-state[hidden] {
    display: none !important;
}
.gk-native-variation-state[data-state="unavailable"] {
    color: #b91c1c;
    border-color: #fecaca;
    background: #fef2f2;
}
.gk-native-cart-form .gk-swatch-group--native .gk-swatch.is-disabled,
.gk-native-cart-form .gk-swatch-group--native .gk-swatch:disabled {
    pointer-events: none;
    transform: none !important;
    box-shadow: none !important;
}

/* 1.9.146 — variation images must stay inside the exact same gallery frame. */
.gk-native-product .gk-native-gallery--widget .gk-featured-image,
.gk-native-product .gk-native-gallery--widget .img-wrapper,
.gk-native-product .gk-native-gallery--widget .img-wrapper picture {
    inline-size: 100%;
    block-size: 100%;
}
.gk-native-product .gk-native-gallery--widget .featured-image {
    inline-size: 100% !important;
    block-size: 100% !important;
    max-inline-size: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    transition: none !important;
}
.gk-native-product .gk-native-gallery--widget .featured-image.is-variation-image-loading { opacity: 1; }


/* 1.9.156 — a variable product always has one concrete variation selected. */
.gk-native-cart-form form.variations_form.gk-auto-variation .reset_variations {
    display: none !important;
}

/* WooCommerce adds a spoken "price range" sentence to wc_format_price_range().
   Keep it available to assistive technology but never let theme/global CSS make
   it consume visual space next to the price. */
.gk-price-presentation .screen-reader-text,
.gk-native-price-box .screen-reader-text {
    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;
}


/* 1.9.214 — stable first paint for native product gallery. */
.gk-native-product .gk-native-gallery--widget .gk-gallery-wrapper {
    opacity: 1 !important;
}
.gk-native-product .gk-native-gallery--widget .gk-featured-image,
.gk-native-product .gk-native-gallery--widget .img-wrapper,
.gk-native-product .gk-native-gallery--widget .img-wrapper picture {
    aspect-ratio: 1 / 1;
}
.gk-native-product .gk-native-gallery--widget .gk-gallery-shell[data-loaded="false"] .featured-image {
    opacity: 0 !important;
}
.gk-native-product .gk-native-gallery--widget .gk-gallery-shell[data-loaded="true"] .featured-image,
.gk-native-product .gk-native-gallery--widget .img-wrapper.img-loaded .featured-image {
    opacity: 1 !important;
}
.gk-native-product .gk-native-gallery--widget .skel-overlay {
    border-radius: var(--gk-radius-lg, 14px);
    background: linear-gradient(100deg, #f1f3f6 20%, #fafbfc 38%, #f1f3f6 56%);
    background-size: 300% 100%;
}

/* Mobile breadcrumb geometry; horizontal motion is owned by GKSwiperSystem. */
@media (max-width: 767px) {
    .gk-native-breadcrumb {
        display: block;
        max-width: 100%;
        overflow-y: hidden;
        scrollbar-width: none;
        cursor: grab;
    }
    .gk-native-breadcrumb::-webkit-scrollbar {
        display: none;
    }
    .gk-native-breadcrumb:active {
        cursor: grabbing;
    }
    .gk-native-breadcrumb .gk-native-breadcrumb__inner {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        inline-size: max-content;
        min-inline-size: 100%;
        white-space: nowrap;
        padding-block: 2px 5px;
    }
    .gk-native-breadcrumb .gk-native-breadcrumb__inner > * {
        flex: 0 0 auto;
    }
}


/* 1.9.215 — native gallery first-paint geometry + mobile breadcrumb rail. */
.gk-native-product .gk-native-gallery--widget .gk-gallery-container {
    min-width: 0;
    width: 100%;
}
.gk-native-product .gk-native-gallery--widget .gk-featured-image {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
.gk-native-product .gk-native-gallery--widget .gk-featured-image > .img-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: var(--gk-np-soft, #f8fafc) !important;
}
.gk-native-product .gk-native-gallery--widget .gk-featured-image > .img-wrapper > picture {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.gk-native-product .gk-native-gallery--widget .gk-featured-image > .img-wrapper .featured-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.gk-native-product .gk-native-gallery--widget .gk-gallery-thumbs {
    min-height: var(--gk-thumb-size, 60px) !important;
}

@media (max-width: 767px) {
    .gk-native-product .gk-native-breadcrumb {
        position: relative;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-y: hidden !important;
        scrollbar-width: none;
    }
    .gk-native-product .gk-native-breadcrumb::-webkit-scrollbar { display: none !important; }
    .gk-native-product .gk-native-breadcrumb .gk-native-breadcrumb__inner {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: max-content !important;
        min-width: max-content !important;
        max-width: none !important;
        white-space: nowrap !important;
        padding-inline: 1px 10px;
        padding-block: 2px 6px;
    }
    .gk-native-product .gk-native-breadcrumb .gk-native-breadcrumb__inner > * {
        flex: 0 0 auto !important;
    }
}


/* 1.9.224 — product-level custom variation attributes use real text swatches.
 * These attributes have no taxonomy term metadata, so labels must remain
 * visible and long Persian option names must be allowed to size naturally. */
.gk-native-cart-form .gk-swatch-group--native[data-swatch_type="label"] .gk-swatch:not(.is-color):not(.is-image) {
    height: auto !important;
    min-height: 42px !important;
    max-width: 100% !important;
    padding: 8px 14px !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere;
}
.gk-native-cart-form .gk-swatch-group--native[data-swatch_type="label"] .gk-swatch-text {
    display: inline !important;
    min-width: 0;
    max-width: 100%;
    color: inherit;
    font: inherit;
    line-height: inherit;
}

/* WooCommerce extension compatibility zones inside the native product page. */
.gk-native-woo-compat {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.gk-native-woo-compat > * {
    max-width: 100%;
    box-sizing: border-box;
}
.gk-native-woo-compat--summary,
.gk-native-woo-compat--product-meta,
.gk-native-woo-compat--share {
    margin-top: 12px;
}
.gk-native-woo-compat--before-summary,
.gk-native-woo-compat--after-summary {
    margin-block: 14px;
}

/* Unified product detail expand button */
.gk-native-product .gk-product-expand-btn__chevron {
  position: relative;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  transition: transform .22s ease;
}
.gk-native-product .gk-product-expand-btn__chevron::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 42%;
  width: 6px;
  height: 6px;
  border-left: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: translate(-50%, -50%) rotate(-45deg);
}