/* JETMINE Shop v4 — last approved concept, scoped to shop only. */
/* Title / subtitle: replace the original constrained copy with a centered hero. */
.jetmine-shop-v4-original-hidden { display: none !important; }
.jetmine-shop-v4-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    min-height: 185px !important;
    padding: 4px 16px 28px !important;
    margin: 0 0 12px !important;
    text-align: center !important;
    color: #f9f6ff !important;
    background: transparent !important;
    border: 0 !important;
    isolation: isolate;
}
.jetmine-shop-v4-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: center !important;
}
.jetmine-shop-v4-heading h2 {
    color: #fff !important;
    font-size: clamp(30px, 3vw, 44px) !important;
    font-weight: 800 !important;
    letter-spacing: -.025em !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.jetmine-shop-v4-basket {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 45px !important;
    height: 45px !important;
    color: #c51cff !important;
}
.jetmine-shop-v4-basket > svg,
.jetmine-shop-v4-basket > img {
    display: block !important;
    width: 45px !important;
    height: 45px !important;
    max-width: 45px !important;
    max-height: 45px !important;
    object-fit: contain !important;
}
.jetmine-shop-v4-basket svg * { color: #c51cff; }
.jetmine-shop-v4-intro {
    display: block !important;
    width: 100% !important;
    max-width: 940px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: clamp(14px, 1.12vw, 17px) !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    color: rgba(198, 184, 214, .88) !important;
    text-wrap: balance;
}
.jetmine-shop-v4-intro > span { display: block !important; text-align: center !important; }
.jetmine-shop-v4-intro strong { color: #d667ff !important; font-weight: 700 !important; }
.jetmine-shop-v4-divider {
    position: relative !important;
    display: flex !important;
    width: 210px !important;
    height: 16px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 15px auto 0 !important;
    background: transparent !important;
}
.jetmine-shop-v4-divider::before,
.jetmine-shop-v4-divider::after {
    content: '';
    display: block;
    height: 1px;
    width: 82px;
    position: absolute;
    top: 50%;
    background: linear-gradient(90deg, transparent, #b83df2);
}
.jetmine-shop-v4-divider::before { left: 0; }
.jetmine-shop-v4-divider::after { right: 0; transform: rotate(180deg); }
.jetmine-shop-v4-divider i {
    display: block !important;
    width: 11px !important;
    height: 11px !important;
    border: 1.6px solid #ba4df4 !important;
    transform: rotate(45deg) !important;
    background: transparent !important;
}
/* Shop section: opaque enough to neutralize old burgundy; never touches body/header/footer. */
.jetmine-shop-v4-surface {
    position: relative !important;
    isolation: isolate !important;
    background: transparent !important;
}
.jetmine-shop-v4-surface::before {
    content: '' !important;
    display: block !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: -1 !important;
    top: -56px !important;
    bottom: -75px !important;
    left: var(--jetmine-shop-v4-viewport-offset, 0px) !important;
    width: 100vw !important;
    transform: none !important;
    background:
        radial-gradient(ellipse 66% 44% at 50% 3%, rgba(73, 16, 131, .30), transparent 78%),
        radial-gradient(ellipse 35% 58% at 100% 85%, rgba(65, 12, 114, .20), transparent 80%),
        radial-gradient(ellipse 40% 35% at 0 100%, rgba(63, 11, 125, .15), transparent 84%),
        linear-gradient(180deg, #161027 0%, #100e20 62%, #0e0c1b 100%) !important;
}
.jetmine-shop-v4-surface::after {
    content: '' !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: -1 !important;
    top: -56px !important;
    left: var(--jetmine-shop-v4-viewport-offset, 0px) !important;
    width: 100vw !important;
    height: 260px !important;
    opacity: .18 !important;
    background-image:
        linear-gradient(90deg, rgba(125, 47, 230, .26) 1px, transparent 1px),
        linear-gradient(rgba(125, 47, 230, .26) 1px, transparent 1px) !important;
    background-size: 45px 45px !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 100%), linear-gradient(90deg, #000, transparent 27%, transparent 75%, #000) !important;
    mask-image: linear-gradient(180deg, #000 0%, transparent 100%), linear-gradient(90deg, #000, transparent 27%, transparent 75%, #000) !important;
    mask-composite: intersect;
}
/* Four translucent purple categories, equal width, with centered icons + labels. */
.jetmine-shop-v4-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    min-height: 95px !important;
    padding: 5px !important;
    margin: 0 0 48px !important;
    width: 100% !important;
    max-width: none !important;
    border: 1px solid rgba(183, 72, 251, .39) !important;
    border-radius: 22px !important;
    background: rgba(80, 27, 123, .13) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}
.jetmine-shop-v4-tabs > .jetmine-shop-v4-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    float: none !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 82px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    gap: 15px !important;
    color: #cfc0df !important;
    border: 1px solid transparent !important;
    border-radius: 17px !important;
    background: rgba(65, 25, 103, .26) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font-weight: 650 !important;
    transition: background .20s ease, border-color .20s ease, box-shadow .20s ease, color .20s ease !important;
}
.jetmine-shop-v4-tab > * { float: none !important; min-width: 0 !important; }
.jetmine-shop-v4-tab > img,
.jetmine-shop-v4-tab > svg,
.jetmine-shop-v4-tab > :first-child:not(:last-child) {
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
}
.jetmine-shop-v4-tab img,
.jetmine-shop-v4-tab svg {
    flex: 0 0 auto !important;
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain !important;
}
.jetmine-shop-v4-tab p,
.jetmine-shop-v4-tab strong,
.jetmine-shop-v4-tab span {
    margin: 0 !important;
    color: inherit !important;
}
.jetmine-shop-v4-tabs > .jetmine-shop-v4-tab.jetmine-shop-selected {
    color: #fff !important;
    border-color: rgba(231, 111, 255, .92) !important;
    background: linear-gradient(125deg, rgba(168, 21, 236, .70), rgba(110, 21, 185, .65)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 17px rgba(156, 31, 233, .12) !important;
}
.jetmine-shop-v4-tab:not(.jetmine-shop-selected):hover {
    color: #fff !important;
    border-color: rgba(194, 105, 255, .25) !important;
    background: rgba(117, 33, 177, .31) !important;
}
/* The existing product list is the grid; no product nodes are duplicated. */
.jetmine-shop-v4-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: clamp(16px, 1.7vw, 28px) !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.jetmine-shop-v4-grid > .jetmine-shop-v4-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}
/* Cards: original products/prices, same product images, dark lavender glass & tier glow. */
.jetmine-shop-v4-card {
    --jetmine-tier: 170, 96, 228;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 1px solid rgba(177, 96, 238, .36) !important;
    border-radius: 21px !important;
    background: linear-gradient(157deg, rgba(37, 23, 60, .90), rgba(17, 13, 31, .96)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 9px 28px rgba(0, 0, 0, .12) !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.jetmine-shop-v4-card[data-jetmine-tier="Silver"] { --jetmine-tier: 190, 171, 225; }
.jetmine-shop-v4-card[data-jetmine-tier="Gold"] { --jetmine-tier: 240, 183, 44; }
.jetmine-shop-v4-card[data-jetmine-tier="Diamond"] { --jetmine-tier: 32, 153, 255; }
.jetmine-shop-v4-card[data-jetmine-tier="Emerald"] { --jetmine-tier: 20, 224, 131; }
.jetmine-shop-v4-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(var(--jetmine-tier), .53) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 16px 35px rgba(0, 0, 0, .22), 0 0 24px rgba(var(--jetmine-tier), .09) !important;
}
.jetmine-shop-v4-card .jetmine-shop-artbox {
    background: radial-gradient(ellipse 63% 57% at 50% 53%, rgba(var(--jetmine-tier), .17) 0%, rgba(var(--jetmine-tier), .07) 50%, transparent 95%) !important;
    border-radius: 17px !important;
}
.jetmine-shop-v4-art {
    position: relative !important;
    filter: drop-shadow(0 12px 18px rgba(var(--jetmine-tier), .26)) !important;
    transition: transform .2s ease, filter .2s ease !important;
}
.jetmine-shop-v4-card:hover .jetmine-shop-v4-art { transform: scale(1.055) !important; }
.jetmine-shop-v4-buy {
    border-radius: 13px !important;
    background: linear-gradient(180deg, #cf0bfb, #a900e5) !important;
    border: 1px solid rgba(233, 105, 255, .45) !important;
    box-shadow: 0 6px 18px rgba(161, 20, 237, .20) !important;
    transition: filter .2s ease, box-shadow .2s ease !important;
}
.jetmine-shop-v4-buy:hover {
    filter: brightness(1.1) !important;
    box-shadow: 0 8px 24px rgba(174, 22, 238, .25) !important;
}
@media (min-width: 761px) and (max-width: 1050px) {
    .jetmine-shop-v4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
    .jetmine-shop-v4-grid { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; gap: 18px !important; }
    .jetmine-shop-v4-card { width: 100% !important; }
    .jetmine-shop-v4-hero { min-height: 160px !important; padding: 8px 8px 18px !important; }
    .jetmine-shop-v4-heading h2 { font-size: 31px !important; }
    .jetmine-shop-v4-basket, .jetmine-shop-v4-basket > svg, .jetmine-shop-v4-basket > img { width: 33px !important; height: 33px !important; }
    .jetmine-shop-v4-intro { font-size: 13px !important; line-height: 1.6 !important; }
    .jetmine-shop-v4-intro > span { display: inline !important; }
    .jetmine-shop-v4-divider { margin-top: 11px !important; }
    .jetmine-shop-v4-tabs { grid-template-columns: repeat(4, minmax(155px, 1fr)) !important; overflow-x: auto !important; min-height: 74px !important; margin-bottom: 28px !important; overscroll-behavior-x: contain; scrollbar-width: none; }
    .jetmine-shop-v4-tabs::-webkit-scrollbar { display: none; }
    .jetmine-shop-v4-tabs > .jetmine-shop-v4-tab { min-height: 64px !important; gap: 8px !important; padding: 10px 9px !important; font-size: 14px !important; }
    .jetmine-shop-v4-tab img, .jetmine-shop-v4-tab svg { width: 29px !important; height: 29px !important; }
    .jetmine-shop-v4-card { border-radius: 17px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .jetmine-shop-v4-tab, .jetmine-shop-v4-card, .jetmine-shop-v4-art, .jetmine-shop-v4-buy { transition: none !important; }
}
@media (max-width: 760px) {
    .jetmine-shop-v4-surface {
        box-sizing: border-box !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* JETMINE V4 CARD GLOW FIX BEGIN */
/* Later overrides of V4 rules, limited to shop cards only. */
.jetmine-shop-v4-card {
    --jetmine-tier: 163, 92, 233;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    border: 1px solid rgba(var(--jetmine-tier), .29) !important;
    background:
        radial-gradient(ellipse 95% 65% at 50% 49%, rgba(var(--jetmine-tier), .17), transparent 75%),
        linear-gradient(155deg, rgba(30, 19, 53, .57), rgba(14, 13, 27, .70)) !important;
    -webkit-backdrop-filter: blur(13px) !important;
    backdrop-filter: blur(13px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 10px 28px rgba(0,0,0,.16),
        0 0 17px rgba(var(--jetmine-tier), .09) !important;
    transition: transform .24s ease, border-color .24s ease,
                box-shadow .24s ease, background .24s ease !important;
}
.jetmine-shop-v4-card[data-jetmine-tier="Silver"] { --jetmine-tier: 189, 171, 229; }
.jetmine-shop-v4-card[data-jetmine-tier="Gold"] { --jetmine-tier: 245, 187, 46; }
.jetmine-shop-v4-card[data-jetmine-tier="Diamond"] { --jetmine-tier: 36, 170, 255; }
.jetmine-shop-v4-card[data-jetmine-tier="Emerald"] { --jetmine-tier: 20, 225, 129; }
.jetmine-shop-v4-card[data-jetmine-tier="Ender"] { --jetmine-tier: 174, 91, 239; }
.jetmine-shop-v4-card[data-jetmine-tier="Jet"] { --jetmine-tier: 59, 201, 248; }
.jetmine-shop-v4-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(var(--jetmine-tier), .80) !important;
    background:
        radial-gradient(ellipse 95% 75% at 50% 42%, rgba(var(--jetmine-tier), .26), transparent 75%),
        linear-gradient(155deg, rgba(38, 24, 64, .63), rgba(14, 13, 27, .74)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 20px 40px rgba(0,0,0,.27),
        0 0 37px rgba(var(--jetmine-tier), .27),
        0 0 7px rgba(var(--jetmine-tier), .17) !important;
}
.jetmine-shop-v4-card .jetmine-shop-artbox {
    position: relative !important;
    border-radius: 17px !important;
    border: 1px solid rgba(var(--jetmine-tier), .10) !important;
    background:
        radial-gradient(circle at 50% 52%, rgba(var(--jetmine-tier), .23), rgba(var(--jetmine-tier), .075) 48%, rgba(15, 12, 27, .06) 80%),
        rgba(18, 16, 31, .15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 0 22px rgba(var(--jetmine-tier), .10) !important;
    transition: background .24s ease, box-shadow .24s ease !important;
}
.jetmine-shop-v4-card:hover .jetmine-shop-artbox {
    background:
        radial-gradient(circle at 50% 52%, rgba(var(--jetmine-tier), .32), rgba(var(--jetmine-tier), .09) 52%, transparent 82%),
        rgba(18, 16, 31, .11) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 0 32px rgba(var(--jetmine-tier), .19) !important;
}
.jetmine-shop-v4-card img.jetmine-shop-v4-art {
    position: relative !important;
    filter: drop-shadow(0 8px 17px rgba(var(--jetmine-tier), .36)) !important;
    transition: transform .24s ease, filter .24s ease !important;
}
.jetmine-shop-v4-card:hover img.jetmine-shop-v4-art {
    transform: scale(1.065) !important;
    filter: drop-shadow(0 10px 23px rgba(var(--jetmine-tier), .54)) !important;
}
.jetmine-shop-v4-card .jetmine-shop-v4-buy {
    border-radius: 13px !important;
    box-shadow: 0 8px 21px rgba(171, 0, 235, .19) !important;
    transition: filter .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
.jetmine-shop-v4-card .jetmine-shop-v4-buy:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.12) !important;
    box-shadow: 0 10px 26px rgba(186, 14, 242, .32) !important;
}
@media (prefers-reduced-motion: reduce) {
    .jetmine-shop-v4-card,
    .jetmine-shop-v4-card img.jetmine-shop-v4-art,
    .jetmine-shop-v4-card .jetmine-shop-v4-buy { transition: none !important; }
}
/* JETMINE V4 CARD GLOW FIX END */

/* JETMINE SHOP CATEGORY SWITCH FIX START */
/* Native shop code hides the inactive product list via display:none.
   The V4 display:grid!important must not unhide such lists. */
.jetmine-shop-v4-grid[style*="display:none"],
.jetmine-shop-v4-grid[style*="display: none"],
.jetmine-shop-v4-grid[hidden],
.jetmine-shop-v4-grid[aria-hidden="true"],
.jetmine-shop-v4-grid.d-none,
.jetmine-shop-v4-grid.hide,
.jetmine-shop-v4-grid.hidden,
.jetmine-shop-v4-grid.is-hidden {
    display: none !important;
}

/* Slightly translucent purchase buttons. Keep existing colors, click handlers
   and the product-tier glass/glow unchanged. */
.jetmine-shop-v4-card .jetmine-shop-v4-buy {
    background: linear-gradient(135deg,
        rgba(197, 25, 248, .78),
        rgba(136, 8, 223, .72)) !important;
    border: 1px solid rgba(234, 148, 255, .42) !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    box-shadow: 0 8px 21px rgba(171, 0, 235, .16),
                inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
.jetmine-shop-v4-card .jetmine-shop-v4-buy:hover {
    background: linear-gradient(135deg,
        rgba(208, 41, 255, .87),
        rgba(150, 16, 242, .81)) !important;
}
/* JETMINE SHOP CATEGORY SWITCH FIX END */

/* JETMINE GLASS ALL CATEGORIES V1 BEGIN */
/* Applies to product cards ONLY. Native category show/hide logic stays intact. */
.jetmine-shop-unified-card {
    --jetmine-all-accent: 159, 95, 228;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    border: 1px solid rgba(var(--jetmine-all-accent), .32) !important;
    background:
        radial-gradient(ellipse 105% 72% at 50% 43%, rgba(var(--jetmine-all-accent), .16), transparent 73%),
        linear-gradient(158deg, rgba(35, 24, 59, .55), rgba(13, 11, 26, .69)) !important;
    backdrop-filter: blur(15px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(15px) saturate(1.12) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.065),
        0 8px 25px rgba(0,0,0,.14),
        0 0 17px rgba(var(--jetmine-all-accent), .075) !important;
    transition: transform .23s ease, border-color .23s ease, box-shadow .23s ease !important;
}
.jetmine-shop-unified-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(var(--jetmine-all-accent), .78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 18px 38px rgba(0,0,0,.25),
        0 0 34px rgba(var(--jetmine-all-accent), .26) !important;
}
.jetmine-shop-unified-card .jetmine-shop-unified-artbox {
    position: relative !important;
    border: 1px solid rgba(var(--jetmine-all-accent), .12) !important;
    border-radius: 17px !important;
    background:
        radial-gradient(circle at center, rgba(var(--jetmine-all-accent), .24), rgba(var(--jetmine-all-accent), .06) 53%, rgba(20,15,30,.12) 85%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 22px rgba(var(--jetmine-all-accent), .105) !important;
    transition: background .22s ease, box-shadow .22s ease !important;
}
.jetmine-shop-unified-card:hover .jetmine-shop-unified-artbox {
    background:
        radial-gradient(circle at center, rgba(var(--jetmine-all-accent), .34), rgba(var(--jetmine-all-accent), .08) 54%, transparent 85%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 30px rgba(var(--jetmine-all-accent), .20) !important;
}
.jetmine-shop-unified-card img.jetmine-shop-unified-art {
    filter: drop-shadow(0 9px 16px rgba(var(--jetmine-all-accent), .32)) !important;
    transition: transform .23s ease, filter .23s ease !important;
}
.jetmine-shop-unified-card:hover img.jetmine-shop-unified-art {
    transform: scale(1.055) !important;
    filter: drop-shadow(0 10px 22px rgba(var(--jetmine-all-accent), .50)) !important;
}
/* Purple glass, NOT pink; stronger violet contrast while still translucent. */
.jetmine-shop-unified-card .jetmine-shop-unified-buy {
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(145deg,
        rgba(109, 42, 192, .77),
        rgba(76, 27, 158, .78)) !important;
    border: 1px solid rgba(182, 125, 247, .53) !important;
    backdrop-filter: blur(11px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(11px) saturate(1.2) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 7px 19px rgba(91, 27, 167, .21) !important;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.jetmine-shop-unified-card .jetmine-shop-unified-buy:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(145deg,
        rgba(133, 61, 216, .87),
        rgba(93, 40, 181, .86)) !important;
    border-color: rgba(207, 154, 255, .82) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 10px 27px rgba(112, 41, 197, .35) !important;
}
@media (prefers-reduced-motion: reduce) {
    .jetmine-shop-unified-card,
    .jetmine-shop-unified-card .jetmine-shop-unified-artbox,
    .jetmine-shop-unified-card img.jetmine-shop-unified-art,
    .jetmine-shop-unified-card .jetmine-shop-unified-buy { transition: none !important; }
}
/* JETMINE GLASS ALL CATEGORIES V1 END */

/* JETMINE CARD ALIGNMENT V1 BEGIN */
/* Keep the existing glass/accent/shadows. Only normalize card geometry. */
.jetmine-shop-unified-card.jetmine-shop-balanced-card {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    min-height: 520px !important;
    height: 100% !important;
    align-self: stretch !important;
}
/* Two lines are reserved, but a title needing three lines can grow naturally. */
.jetmine-shop-balanced-card .jetmine-shop-balanced-title {
    display: block !important;
    box-sizing: border-box !important;
    min-height: 2.45em !important;
    line-height: 1.22 !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
}
/* The art containers share one baseline despite shorter/longer titles. */
.jetmine-shop-balanced-card .jetmine-shop-unified-artbox {
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    min-height: 166px !important;
}
/* Push the real buy button (or its direct card child wrapper) to the bottom. */
.jetmine-shop-balanced-card > .jetmine-shop-balanced-footer {
    margin-top: auto !important;
    padding-top: 19px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}
.jetmine-shop-balanced-card > .jetmine-shop-balanced-footer > .jetmine-shop-unified-buy,
.jetmine-shop-balanced-card > .jetmine-shop-unified-buy {
    width: 100% !important;
}
@media (max-width: 760px) {
    .jetmine-shop-unified-card.jetmine-shop-balanced-card {
        min-height: 465px !important;
    }
    .jetmine-shop-balanced-card .jetmine-shop-balanced-title {
        min-height: 0 !important;
    }
}
/* JETMINE CARD ALIGNMENT V1 END */

/* JETMINE TABS V2: RESPONSIVE WIDTH */
/* Only the category bar width is affected. Existing product grids are untouched. */
.jetmine-shop-v4-tabs {
    grid-template-columns: repeat(var(--jetmine-tab-count, 4), minmax(150px, 1fr)) !important;
    overflow-x: auto !important;
    scrollbar-width: none;
}
.jetmine-shop-v4-tabs::-webkit-scrollbar { display: none; }
@media (max-width: 760px) {
    .jetmine-shop-v4-tabs {
        grid-template-columns: repeat(var(--jetmine-tab-count, 4), minmax(155px, 1fr)) !important;
    }
}
/* JETMINE TABS V2 END */


/* JETMINE SIDEBADGES V1 CSS BEGIN */
/* Only cards decorated by the installed JETMINE shop scripts. Never touch the shop grid. */
.jetmine-shop-unified-card.jetmine-sidebadges-card {
    --jetmine-sidebadge-width: 72px;
    --jetmine-sidebadge-gap: 13px;
}
/* Hide the old text badge, preserving the original product DOM and event handlers. */
.jetmine-shop-unified-card .jetmine-sidebadge-source {
    display: none !important;
}
/* Give the existing art panel its own space; the original image remains centered. */
.jetmine-shop-unified-card.jetmine-sidebadges-card .jetmine-shop-unified-artbox,
.jetmine-shop-unified-card.jetmine-sidebadges-card .jetmine-shop-artbox {
    box-sizing: border-box !important;
    width: calc(100% - var(--jetmine-sidebadge-width) - var(--jetmine-sidebadge-gap)) !important;
    max-width: calc(100% - var(--jetmine-sidebadge-width) - var(--jetmine-sidebadge-gap)) !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    min-width: 0 !important;
}
.jetmine-sidebadge-rail {
    position: absolute !important;
    right: 17px !important;
    top: var(--jetmine-sidebadge-top, 150px) !important;
    width: var(--jetmine-sidebadge-width, 72px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 2 !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}
.jetmine-sidebadge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 31px !important;
    padding: 5px 5px !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    text-align: center !important;
    letter-spacing: .01em !important;
    transform: none !important;
}
.jetmine-sidebadge--discount {
    color: #aaff78 !important;
    background: rgba(60, 116, 49, .24) !important;
    border: 1px solid rgba(172, 255, 129, .24) !important;
}
.jetmine-sidebadge--hit {
    color: #ffcf75 !important;
    background: rgba(174, 89, 22, .22) !important;
    border: 1px solid rgba(255, 201, 108, .28) !important;
}
.jetmine-sidebadge--new {
    color: #aaedff !important;
    background: rgba(48, 126, 184, .21) !important;
    border: 1px solid rgba(124, 212, 255, .23) !important;
}
/* Existing alignment patch still controls the same heights and purchase button. */
@media (max-width: 420px) {
    .jetmine-shop-unified-card.jetmine-sidebadges-card {
        --jetmine-sidebadge-width: 64px;
        --jetmine-sidebadge-gap: 9px;
    }
    .jetmine-sidebadge-rail { right: 13px !important; gap: 6px !important; }
    .jetmine-sidebadge { font-size: 10px !important; min-height: 28px !important; }
}
/* JETMINE SIDEBADGES V1 CSS END */