/* WPGP Points Shop — public styles. Own the component styles over the theme.
   Keyframes and their animated shadow fallback retain normal priority. */

/* gem tint for shop (gold) */
.gg-gem--shop { color: #d9a53f !important; }

:root {
    --wpgp-radius:      12px !important;
    --wpgp-radius-sm:   8px !important;
    --wpgp-radius-pill: 999px !important;
    --wpgp-shadow:      0 1px 2px rgba(38, 5, 10, .25), 0 6px 20px rgba(38, 5, 10, .28) !important;
    --wpgp-shadow-hover: 0 2px 6px rgba(38, 5, 10, .3), 0 14px 36px rgba(38, 5, 10, .38) !important;
    --wpgp-spring:      var(--gg-spring, cubic-bezier(0.34,1.56,0.64,1)) !important;
    --wpgp-ease:        var(--gg-ease, cubic-bezier(0.22,1,0.36,1)) !important;
    --wpgp-dur:         var(--gg-dur, .3s) !important;
    --wpgp-dur-fast:    var(--gg-dur-fast, .18s) !important;
    --wpgp-color-primary: #660c1b !important;
    --wpgp-color-primary-hover: #7f1226 !important;
    --wpgp-color-primary-contrast: #f7ecda !important;
    --wpgp-color-gold: #c9a24b !important;
    --wpgp-color-gold-soft: #f4e6c6 !important;
    /* Stars carry meaning, so both states clear 3:1 against the cream
       backgrounds — the border token they used to borrow was 1.35:1. */
    --wpgp-star-on: #b87d0a !important;
    --wpgp-star-off: #8f7a63 !important;
    --wpgp-color-text: #33191d !important;
    --wpgp-color-muted: #83706a !important;
    --wpgp-color-border: #e6d8c2 !important;
    --wpgp-color-bg: #fdfaf3 !important;
    --wpgp-color-bg-soft: #f5edde !important;
    --wpgp-color-success: #4a7c59 !important;
    --wpgp-color-success-bg: #edf3ea !important;
    --wpgp-color-danger: #a83244 !important;
    --wpgp-color-warning: #a87b1f !important;
    --wpgp-color-warning-bg: #f7edd2 !important;
    --wpgp-font-stack: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    --wpgp-font-serif: Georgia, "Times New Roman", serif !important;
    --wpgp-gap: 16px !important;
    --wpgp-gap-sm: 8px !important;
    --wpgp-gap-lg: 24px !important;
}

.wpgp-storefront,
.wpgp-library,
.wpgp-modal {
    font-family: var(--wpgp-font-stack) !important;
    color: var(--wpgp-color-text) !important;
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased !important;
}

.wpgp-storefront *,
.wpgp-library *,
.wpgp-modal * {
    box-sizing: border-box !important;
}

/* Header */
.wpgp-storefront__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--wpgp-gap) !important;
    margin-bottom: var(--wpgp-gap-lg) !important;
    flex-wrap: wrap !important;
}
.wpgp-balance {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: var(--wpgp-gap-sm) !important;
    background: var(--wpgp-color-bg) !important;
    border: 1px solid var(--wpgp-color-gold) !important;
    padding: 10px 18px !important;
    border-radius: var(--wpgp-radius-pill) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25) !important;
}
.wpgp-balance__label {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: var(--wpgp-color-muted) !important;
}
.wpgp-balance__value {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--wpgp-color-primary) !important;
}
.wpgp-storefront__sort {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--wpgp-color-muted) !important;
    font-size: 13px !important;
}
.wpgp-storefront__sort select {
    padding: 9px 14px !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius-pill) !important;
    background: var(--wpgp-color-bg) !important;
    color: var(--wpgp-color-text) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

.wpgp-storefront__tabs {
    display: flex !important;
    gap: 6px !important;
    margin: 0 0 var(--wpgp-gap-lg) !important;
    padding-bottom: 1px !important;
    overflow-x: auto !important;
    border-bottom: 1px solid var(--wpgp-color-border) !important;
}
.wpgp-storefront__tab {
    flex: 0 0 auto !important;
    padding: 10px 16px !important;
    border: 1px solid transparent !important;
    border-bottom: 0 !important;
    border-radius: var(--wpgp-radius-sm) var(--wpgp-radius-sm) 0 0 !important;
    color: var(--wpgp-color-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.wpgp-storefront__tab:hover,
.wpgp-storefront__tab.is-active {
    color: var(--wpgp-color-primary) !important;
    background: var(--wpgp-color-bg) !important;
    border-color: var(--wpgp-color-border) !important;
}
.wpgp-storefront__tab.is-active { box-shadow: inset 0 3px 0 var(--wpgp-color-gold) !important; }

/* Progressive blocks */
.wpgp-progress-blocks {
    display: grid !important;
    gap: 32px !important;
}
.wpgp-progress-block {
    display: grid !important;
    gap: 16px !important;
}
.wpgp-progress-block__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 14px 18px !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius) !important;
    background: var(--wpgp-color-bg-soft) !important;
}
.wpgp-progress-block__header h2,
.wpgp-progress-block__header p {
    margin: 0 !important;
}
.wpgp-progress-block__header h2 {
    font: 700 20px/1.25 var(--wpgp-font-serif) !important;
    color: var(--wpgp-color-primary) !important;
}
.wpgp-progress-block__header p {
    margin-top: 4px !important;
    color: var(--wpgp-color-primary) !important;
    font-size: 13px !important;
}
.wpgp-progress-block__status {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    color: var(--wpgp-color-warning) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
.wpgp-progress-block__status > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
}
.wpgp-progress-block__status .wpgp-progress-block__unlocked {
    color: var(--wpgp-color-success) !important;
}
.wpgp-progress-block__status button.wpgp-btn--skip,
.wpgp-progress-block__status a.wpgp-btn--skip {
    width: auto !important;
    padding: 8px 12px !important;
    background: var(--wpgp-color-primary) !important;
    color: var(--wpgp-color-primary-contrast) !important;
    font-size: 11px !important;
}
@media (max-width: 640px) {
    .wpgp-progress-block__header,
    .wpgp-progress-block__status {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* Grid */
.wpgp-storefront__grid,
.wpgp-library__grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: var(--wpgp-gap-lg) !important;
}

/* Card */
.wpgp-point-rewards { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin: 12px 0 !important; }
.wpgp-point-rewards > strong { flex-basis: 100% !important; }
.wpgp-supplement > .wpgp-point-rewards { grid-column: 1 / -1 !important; }
.wpgp-point-rewards__item { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 10px !important; border: 1px solid var(--wpgp-color-border) !important; border-radius: 999px !important; background: var(--wpgp-color-bg-soft) !important; }
.wpgp-point-rewards__icon > img, .wpgp-point-rewards__icon > svg, .wpgp-point-rewards__icon > .dashicons { width: 24px !important; height: 24px !important; object-fit: contain !important; flex-shrink: 0 !important; margin: 0 !important; }
.wpgp-card {
    background: var(--wpgp-color-bg) !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius) !important;
    overflow: hidden !important;
    box-shadow: var(--wpgp-shadow) !important;
    transition: transform var(--wpgp-dur-fast) var(--wpgp-spring), box-shadow var(--wpgp-dur-fast) var(--wpgp-ease), border-color var(--wpgp-dur-fast) var(--wpgp-ease) !important;
    display: flex !important;
    flex-direction: column !important;
}
.wpgp-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--wpgp-shadow-hover) !important;
    border-color: var(--wpgp-color-gold) !important;
}
.wpgp-card--owned {
    border-color: var(--wpgp-color-gold) !important;
}
/* Bought, but a supplement is still missing — not a complete purchase yet. */
.wpgp-card--incomplete {
    border-color: var(--wpgp-color-warning) !important;
}
.wpgp-card--locked .wpgp-card__media > img,
.wpgp-card--locked .wpgp-card__media > .wpgp-card__media-placeholder {
    filter: grayscale(.75) blur(5px) brightness(.72) !important;
    transform: scale(1.04) !important;
}

.wpgp-card__media {
    position: relative !important;
    aspect-ratio: 16 / 10 !important;
    background: radial-gradient(circle at 50% 30%, #f9f2e3, var(--wpgp-color-bg-soft)) !important;
    border-bottom: 1px solid var(--wpgp-color-border) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.wpgp-card__media > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.wpgp-card__media-placeholder {
    font-size: 48px !important;
    color: #c4ab86 !important;
    width: 48px !important;
    height: 48px !important;
}

.wpgp-card__lock-overlay {
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 44px 18px !important;
    background: rgba(38, 5, 10, .28) !important;
    color: #fff !important;
    text-align: center !important;
    text-shadow: 0 1px 5px rgba(38, 5, 10, .8) !important;
}
.wpgp-card__lock-overlay .dashicons {
    width: 28px !important;
    height: 28px !important;
    font-size: 28px !important;
}
.wpgp-card__lock-overlay strong {
    font-size: 15px !important;
}
.wpgp-card__lock-overlay > span:last-child:not(.dashicons) {
    max-width: 210px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}
.wpgp-card--locked .wpgp-card__media .wpgp-badge,
.wpgp-card--locked .wpgp-card__media .wpgp-price-pill {
    z-index: 3 !important;
}

.wpgp-price-pill {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: var(--wpgp-color-primary) !important;
    color: var(--wpgp-color-primary-contrast) !important;
    border: 1px solid rgba(201, 162, 75, .55) !important;
    padding: 5px 12px !important;
    border-radius: var(--wpgp-radius-pill) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    box-shadow: 0 2px 8px rgba(38, 5, 10, .35) !important;
}
.wpgp-price-pill .gg-gem {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    object-fit: contain !important;
}

.wpgp-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 10px !important;
    border-radius: var(--wpgp-radius-pill) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    background: var(--wpgp-color-bg-soft) !important;
    color: var(--wpgp-color-primary) !important;
}
.wpgp-card__media .wpgp-badge {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    background: rgba(253, 250, 243, .92) !important;
    border: 1px solid var(--wpgp-color-border) !important;
}
.wpgp-badge--pdf,
.wpgp-badge--audio,
.wpgp-badge--video,
.wpgp-badge--link { color: var(--wpgp-color-primary) !important; }

.wpgp-card__body {
    padding: 16px 18px 0 !important;
    flex: 1 !important;
}
.wpgp-card__title {
    font-family: var(--wpgp-font-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 6px !important;
    color: var(--wpgp-color-text) !important;
}
.wpgp-card__title-btn {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    text-align: left !important;
    color: inherit !important;
    cursor: pointer !important;
}
.wpgp-card__title-btn:hover {
    text-decoration: underline !important;
}
.wpgp-card__media[data-wpgp-details] {
    cursor: pointer !important;
}
.wpgp-card__excerpt {
    font-size: 13px !important;
    color: var(--wpgp-color-muted) !important;
    margin: 0 0 12px !important;
    line-height: 1.5 !important;
}
.voap-shop-bonus {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 2px 0 10px !important;
    padding: 4px 8px !important;
    border: 1px solid var(--wpgp-color-gold) !important;
    border-radius: var(--wpgp-radius-pill) !important;
    background: var(--wpgp-color-gold-soft) !important;
    color: var(--wpgp-color-primary) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
.voap-shop-bonus .dashicons {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
}
.wpgp-card__disclaimer {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin: 0 0 12px !important;
    padding: 8px 10px !important;
    background: var(--wpgp-color-warning-bg) !important;
    color: #7a5a10 !important;
    border-radius: var(--wpgp-radius-sm) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.wpgp-card__disclaimer a {
    color: #7a5a10 !important;
    text-decoration: underline !important;
}

.wpgp-card__disclaimer a:hover {
    color: var(--wpgp-color-text) !important;
    text-decoration: underline !important;
}

.wpgp-btn--locked {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #eee6dc !important;
    color: #660c1b !important;
    cursor: not-allowed !important;
}
.wpgp-btn--locked[href] {
    cursor: pointer !important;
}

/* "Almost affordable" nudge */
.wpgp-card a.wpgp-card__almost,
.wpgp-card button.wpgp-card__almost {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 10px 12px !important;
    background: var(--wpgp-color-gold-soft) !important;
    border: 1px dashed var(--wpgp-color-gold) !important;
    border-radius: var(--wpgp-radius-sm) !important;
    color: var(--wpgp-color-primary) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color var(--wpgp-dur-fast) var(--wpgp-ease), border-color var(--wpgp-dur-fast) var(--wpgp-ease) !important;
}
.wpgp-card a.wpgp-card__almost:hover,
.wpgp-card button.wpgp-card__almost:hover {
    background: #f0dfb4 !important;
    color: var(--wpgp-color-primary) !important;
    border-style: solid !important;
}
.wpgp-card__almost-icon {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
}
.wpgp-card__almost .gg-gem {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    object-fit: contain !important;
}
.wpgp-card__almost-copy {
    min-width: 0 !important;
}
.wpgp-card__almost-copy strong {
    display: block !important;
    color: var(--wpgp-color-primary) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
.wpgp-card__almost-link {
    display: block !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    color: #725f58 !important;
    text-decoration: underline !important;
    margin-top: 2px !important;
}

.wpgp-card__actions {
    padding: 12px 18px 18px !important;
}

/* Supplements — extras sold on top of the product they belong to */
.wpgp-card__supplements {
    display: grid !important;
    gap: 8px !important;
    padding: 12px 18px 18px !important;
    border-top: 1px dashed var(--wpgp-color-border) !important;
    background: var(--wpgp-color-bg-soft) !important;
}
.wpgp-card__supplements-title {
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: var(--wpgp-color-muted) !important;
}
.wpgp-card__supplements-title em {
    display: block !important;
    margin-top: 2px !important;
    font: 700 11px/1.4 var(--wpgp-font-stack) !important;
    font-style: normal !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--wpgp-color-warning) !important;
}
.wpgp-supplement {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius-sm) !important;
    background: var(--wpgp-color-bg) !important;
    font-size: 13px !important;
}
.wpgp-supplement.is-owned {
    border-color: var(--wpgp-color-success) !important;
    background: var(--wpgp-color-success-bg) !important;
}
.wpgp-supplement__icon {
    grid-area: 1 / 1 !important;
    align-self: start !important;
    color: var(--wpgp-color-muted) !important;
}
.wpgp-supplement button.wpgp-supplement__name {
    grid-area: 1 / 2 !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    text-align: left !important;
    color: inherit !important;
    cursor: pointer !important;
    overflow: visible !important;
}
.wpgp-supplement__name:hover {
    text-decoration: underline !important;
}
.wpgp-supplement__price {
    grid-area: 2 / 2 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    color: var(--wpgp-color-primary) !important;
}
.wpgp-supplement .wpgp-card__actions {
    grid-column: 1 / -1 !important;
    padding: 0 !important;
}
.wpgp-supplement__disclaimer {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
}
.wpgp-supplement .wpgp-btn {
    padding: 8px 12px !important;
    font-size: 11px !important;
}

/* Buttons — selectors chained + backgrounds hard-set to beat theme/Elementor gradient rules */
.wpgp-btn,
button.wpgp-btn,
a.wpgp-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 12px 18px !important;
    border-radius: var(--wpgp-radius-sm) !important;
    border: 1px solid transparent !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background-color var(--wpgp-dur-fast) var(--wpgp-ease),
                color var(--wpgp-dur-fast) var(--wpgp-ease),
                border-color var(--wpgp-dur-fast) var(--wpgp-ease),
                transform var(--wpgp-dur-fast) var(--wpgp-spring),
                box-shadow var(--wpgp-dur-fast) var(--wpgp-ease) !important;
    line-height: 1.2 !important;
    background-image: none !important;
}
.wpgp-btn:hover,
button.wpgp-btn:hover,
a.wpgp-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(102, 12, 27, .35) !important;
}
.wpgp-btn:active,
button.wpgp-btn:active,
a.wpgp-btn:active { transform: scale(.97) !important; box-shadow: none !important; }
.wpgp-btn:disabled,
.wpgp-btn[aria-disabled="true"] {
    opacity: .55 !important;
    cursor: not-allowed !important;
}
.wpgp-btn.wpgp-btn--primary,
button.wpgp-btn.wpgp-btn--primary,
a.wpgp-btn.wpgp-btn--primary {
    background: var(--wpgp-color-primary) !important;
    color: var(--wpgp-color-primary-contrast) !important;
    border-color: rgba(201, 162, 75, .5) !important;
    box-shadow: inset 0 1px 0 rgba(255, 235, 200, .18), 0 2px 8px rgba(38, 5, 10, .3) !important;
}
.wpgp-btn.wpgp-btn--primary:hover,
.wpgp-btn.wpgp-btn--primary:focus,
button.wpgp-btn.wpgp-btn--primary:hover,
button.wpgp-btn.wpgp-btn--primary:focus,
a.wpgp-btn.wpgp-btn--primary:hover,
a.wpgp-btn.wpgp-btn--primary:focus {
    background: var(--wpgp-color-primary-hover) !important;
    color: #fff !important;
    border-color: var(--wpgp-color-gold) !important;
}
.wpgp-btn.wpgp-btn--free,
button.wpgp-btn.wpgp-btn--free,
a.wpgp-btn.wpgp-btn--free {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #eccd7c, #d3ad55 55%, #b8903f) !important;
    color: #4a2408 !important;
    border-color: #a8823a !important;
    font-size: 14px !important;
    letter-spacing: .1em !important;
    text-shadow: 0 1px 0 rgba(255, 244, 214, .5) !important;
    box-shadow: inset 0 1px 0 rgba(255, 244, 214, .65), 0 0 0 0 rgba(201, 162, 75, .55);
    animation: wpgp-free-pulse 2s var(--wpgp-ease) infinite !important;
}

.wpgp-btn.wpgp-btn--affordable,
button.wpgp-btn.wpgp-btn--affordable {
    background: var(--wpgp-color-success) !important;
    color: #fff !important;
    border-color: #376444 !important;
}
.wpgp-btn.wpgp-btn--affordable:hover,
.wpgp-btn.wpgp-btn--affordable:focus {
    background: #376a47 !important;
    color: #fff !important;
}
.wpgp-btn.wpgp-btn--unaffordable,
button.wpgp-btn.wpgp-btn--unaffordable {
    background: var(--wpgp-color-warning) !important;
    color: #fff !important;
    border-color: #805d16 !important;
}
.wpgp-btn.wpgp-btn--unaffordable:hover,
.wpgp-btn.wpgp-btn--unaffordable:focus {
    background: #8f6817 !important;
    color: #fff !important;
}
/* sweeping shine */
.wpgp-btn.wpgp-btn--free::after,
button.wpgp-btn.wpgp-btn--free::after,
a.wpgp-btn.wpgp-btn--free::after {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    bottom: -50% !important;

    width: 40% !important;
    background: linear-gradient(105deg, transparent, rgba(255, 252, 240, .75), transparent) !important;
    transform: skewX(-20deg) !important;
    animation: wpgp-free-shine 2.6s ease-in-out infinite !important;
    pointer-events: none !important;
}
@keyframes wpgp-free-shine {
    0%   { left: -45%; }
    55%, 100% { left: 115%; }
}
@keyframes wpgp-free-pulse {
    0%, 100% { box-shadow: inset 0 1px 0 rgba(255, 244, 214, .65), 0 0 0 0 rgba(201, 162, 75, .55); }
    50%      { box-shadow: inset 0 1px 0 rgba(255, 244, 214, .65), 0 0 18px 4px rgba(201, 162, 75, .45); }
}
.wpgp-btn.wpgp-btn--free:hover,
.wpgp-btn.wpgp-btn--free:focus,
button.wpgp-btn.wpgp-btn--free:hover,
button.wpgp-btn.wpgp-btn--free:focus,
a.wpgp-btn.wpgp-btn--free:hover,
a.wpgp-btn.wpgp-btn--free:focus {
    background: linear-gradient(180deg, #f4d98c, #ddb75f 55%, #c49a45) !important;
    color: #3a1c05 !important;
    border-color: var(--wpgp-color-gold) !important;
    box-shadow: 0 6px 20px rgba(201, 162, 75, .6) !important;
    animation: none !important;
}

.wpgp-btn.wpgp-btn--ghost,
button.wpgp-btn.wpgp-btn--ghost,
a.wpgp-btn.wpgp-btn--ghost {
    background: transparent !important;
    color: var(--wpgp-color-primary) !important;
    border-color: var(--wpgp-color-border) !important;
}
.wpgp-btn.wpgp-btn--ghost:hover,
.wpgp-btn.wpgp-btn--ghost:focus,
button.wpgp-btn.wpgp-btn--ghost:hover,
button.wpgp-btn.wpgp-btn--ghost:focus,
a.wpgp-btn.wpgp-btn--ghost:hover,
a.wpgp-btn.wpgp-btn--ghost:focus {
    background: var(--wpgp-color-bg-soft) !important;
    color: var(--wpgp-color-primary) !important;
    border-color: var(--wpgp-color-gold) !important;
}

/* Empty / pagination */
.wpgp-empty {
    text-align: center !important;
    padding: 48px 16px !important;
    color: var(--wpgp-color-muted) !important;
    background: var(--wpgp-color-bg-soft) !important;
    border-radius: var(--wpgp-radius) !important;
}
/* Infinite-scroll trigger */
.wpgp-load-more {
    height: 1px !important;
}

/* Library */
.wpgp-library {
    margin: var(--wpgp-gap-lg) 0 !important;
}
.wpgp-library__header {
    margin-bottom: var(--wpgp-gap) !important;
}
.wpgp-library__title {
    font-family: var(--wpgp-font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: var(--wpgp-color-text) !important;
}
.wpgp-library-item {
    background: var(--wpgp-color-bg) !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: var(--wpgp-shadow) !important;
    transition: box-shadow .12s ease !important;
}
.wpgp-library-item:hover {
    box-shadow: var(--wpgp-shadow-hover) !important;
}
.wpgp-library-item--locked {
    opacity: .85 !important;
}
.wpgp-library-item__media {
    position: relative !important;
    aspect-ratio: 16 / 10 !important;
    background: var(--wpgp-color-bg-soft) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.wpgp-library-item__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.wpgp-library-item__media .wpgp-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background: rgba(253, 250, 243, .92) !important;
    border: 1px solid var(--wpgp-color-border) !important;
}
.wpgp-library-item__body {
    padding: 14px 16px !important;
    flex: 1 !important;
}
.wpgp-library-item__title {
    font-family: var(--wpgp-font-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 0 4px !important;
}
.wpgp-library-item__meta {
    font-size: 12px !important;
    color: var(--wpgp-color-muted) !important;
    margin: 0 0 8px !important;
}
.wpgp-library-item__disclaimer {
    margin: 0 !important;
    padding: 6px 10px !important;
    background: var(--wpgp-color-warning-bg) !important;
    color: #7a5a10 !important;
    border-radius: var(--wpgp-radius-sm) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}
.wpgp-library-item__actions {
    padding: 12px 16px 16px !important;
}

/* Modal */
body.wpgp-modal-open {
    overflow: hidden !important;
}
.wpgp-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
}
.wpgp-modal[hidden] {
    display: none !important;
}
.wpgp-modal__backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(30, 4, 8, .7) !important;
    backdrop-filter: blur(2px) !important;
}
.wpgp-modal__panel {
    position: relative !important;
    background: var(--wpgp-color-bg) !important;
    border: 1px solid var(--wpgp-color-gold) !important;
    border-radius: var(--wpgp-radius) !important;
    box-shadow: 0 20px 64px rgba(20, 2, 5, .5) !important;
    max-width: 480px !important;
    width: 100% !important;
    padding: 32px 28px 24px !important;
    animation: wpgp-modal-in var(--wpgp-dur) var(--wpgp-spring) !important;
    max-height: calc(100vh - 32px) !important;
    overflow-y: auto !important;
}
@keyframes wpgp-modal-in {
    from { opacity: 0; transform: scale(.92); }
    to   { opacity: 1; transform: scale(1); }
}
.wpgp-modal__panel--wide {
    max-width: 640px !important;
    text-align: left !important;
}
.wpgp-modal button.wpgp-modal__close {
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 24px !important;
    line-height: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    color: var(--wpgp-color-muted) !important;
    cursor: pointer !important;
    padding: 4px 10px !important;
    border-radius: var(--wpgp-radius-sm) !important;
}
.wpgp-modal button.wpgp-modal__close:hover {
    background: var(--wpgp-color-bg-soft) !important;
    color: var(--wpgp-color-text) !important;
}
/* !important: the theme paints headings/buttons white-on-dark and its
   selectors outrank ours inside the Elementor wrapper */
.wpgp-modal__panel h2.wpgp-modal__title {
    font-family: var(--wpgp-font-serif) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    text-align: center !important;
    color: var(--wpgp-color-primary) !important;
    text-shadow: none !important;
}
.wpgp-modal__desc {
    text-align: center !important;
    color: var(--wpgp-color-muted) !important;
    margin: 0 0 16px !important;
}
.wpgp-modal__price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: fit-content !important;
    margin: 0 auto 10px !important;
    padding: 8px 20px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--wpgp-color-text) !important;
    background: var(--wpgp-color-bg-soft) !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius-pill) !important;
}
.wpgp-modal__price .gg-gem {
    flex: none !important;
}
.wpgp-modal__balance,
.wpgp-modal__shortfall {
    text-align: center !important;
    color: var(--wpgp-color-muted) !important;
    font-size: 13px !important;
    margin: 0 0 16px !important;
}
.wpgp-modal__disclaimer {
    background: var(--wpgp-color-warning-bg) !important;
    color: #7a5a10 !important;
    padding: 10px 12px !important;
    border-radius: var(--wpgp-radius-sm) !important;
    font-size: 13px !important;
    margin: 0 0 16px !important;
}
.wpgp-modal__message {
    text-align: center !important;
    color: var(--wpgp-color-text) !important;
    margin: 0 0 20px !important;
    line-height: 1.5 !important;
}
[data-view="success"] .wpgp-modal__message {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
.wpgp-modal__actions {
    display: flex !important;
    gap: 10px !important;
    margin-top: 16px !important;
}
.wpgp-modal__actions .wpgp-btn {
    flex: 1 !important;
    width: auto !important;
}
.wpgp-modal__check,
.wpgp-modal__warn,
.wpgp-modal__lock,
.wpgp-modal__gems {
    text-align: center !important;
    font-size: 48px !important;
    margin: 0 0 12px !important;
    line-height: 1 !important;
}
.wpgp-modal__check { color: var(--wpgp-color-success) !important; }
.wpgp-modal__warn  { color: var(--wpgp-color-warning) !important; }
.wpgp-modal__lock  { color: var(--wpgp-color-muted) !important; }

.wpgp-modal__earn-hint {
    text-align: center !important;
    font-size: 13px !important;
    margin: 0 0 8px !important;
}
.wpgp-modal .wpgp-modal__earn-hint a {
    color: var(--wpgp-color-primary) !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

/* Details (quick-view) view */
.wpgp-modal__details-media {
    margin: -32px -28px 16px !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: var(--wpgp-color-bg-soft) !important;
    border-bottom: 1px solid var(--wpgp-color-border) !important;
}
.wpgp-modal__details-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.wpgp-modal__panel [data-view="details"] h2.wpgp-modal__title {
    text-align: left !important;
}
[data-view="details"] .wpgp-modal__price {
    margin: 0 0 16px !important;
}
.wpgp-modal__deps {
    margin: 0 0 16px !important;
    padding: 12px 14px !important;
    background: var(--wpgp-color-bg-soft) !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius-sm) !important;
}
.wpgp-modal__deps-title {
    margin: 0 0 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--wpgp-color-muted) !important;
}
.wpgp-modal__deps-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 6px !important;
}
.wpgp-modal__deps-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
.wpgp-modal__deps-item.is-met {
    color: var(--wpgp-color-success) !important;
}
.wpgp-modal__deps-item.is-unmet {
    color: var(--wpgp-color-warning) !important;
}
.wpgp-modal__deps-item a {
    color: inherit !important;
    text-decoration: underline !important;
}
.wpgp-modal__details-desc {
    margin: 0 0 16px !important;
    color: var(--wpgp-color-text) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
.wpgp-modal__details-desc :first-child {
    margin-top: 0 !important;
}
.wpgp-modal__details-desc :last-child {
    margin-bottom: 0 !important;
}

/* Earn view */
.wpgp-earn-list {
    list-style: none !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
}
.wpgp-earn-list li {
    display: flex !important;
    gap: 10px !important;
    align-items: flex-start !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    background: var(--wpgp-color-bg-soft) !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius-sm) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.wpgp-earn-list .wpgp-earn-list__icon {
    font-size: 22px !important;
    line-height: 1.2 !important;
}
.wpgp-earn-list strong {
    color: var(--wpgp-color-primary) !important;
}

.wpgp-modal__processing {
    text-align: center !important;
    color: var(--wpgp-color-muted) !important;
    margin: 12px 0 0 !important;
}
.wpgp-spinner {
    width: 40px !important;
    height: 40px !important;
    margin: 12px auto 0 !important;
    border: 3px solid var(--wpgp-color-border) !important;
    border-top-color: var(--wpgp-color-primary) !important;
    border-radius: 50% !important;
    animation: wpgp-spin .8s linear infinite !important;
}
@keyframes wpgp-spin {
    to { transform: rotate(360deg); }
}

/* Mobile */
@media (max-width: 480px) {
    .wpgp-storefront__grid,
    .wpgp-library__grid {
        grid-template-columns: 1fr !important;
    }
    .wpgp-storefront__header {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .wpgp-modal__panel {
        padding: 24px 20px !important;
    }
    .wpgp-modal__actions {
        flex-direction: column !important;
    }
    .wpgp-modal__details-media {
        margin: -24px -20px 16px !important;
    }
}

/* Embedded library on LD profile */
.wpgp-library--embedded {
    margin-top: var(--wpgp-gap-lg) !important;
}
.wpgp-profile-library-mount {
    margin-top: var(--wpgp-gap-lg) !important;
}

/* balance pill — gem inline alignment */
.wpgp-balance__value {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* library item meta — gem inline alignment */
.wpgp-library-item__meta {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .wpgp-card,
    .wpgp-btn,
    button.wpgp-btn,
    a.wpgp-btn {
        transition: none !important;
    }
    .wpgp-card:hover,
    .wpgp-btn:hover,
    button.wpgp-btn:hover,
    a.wpgp-btn:hover {
        transform: none !important;
        box-shadow: var(--wpgp-shadow) !important;
    }
    .wpgp-modal__panel {
        animation: none !important;
    }
    .wpgp-library-item {
        transition: none !important;
    }
    .wpgp-btn.wpgp-btn--free,
    .wpgp-btn.wpgp-btn--free::after {
        animation: none !important;
    }
}

/* Locked-page notice on the storefront */
.wpgp-notice--locked {
    margin: 0 0 var(--wpgp-gap) !important;
    padding: 12px 16px !important;
    border: 1px solid var(--wpgp-color-warning) !important;
    border-radius: var(--wpgp-radius-sm) !important;
    background: var(--wpgp-color-warning-bg) !important;
    color: var(--wpgp-color-text) !important;
}
.wpgp-notice--locked p { margin: 0 !important; }

/* ── Reviews ───────────────────────────────────────────────────────── */

/* Five stars painted over five outlines, filled to a % width — any fraction
   renders exactly, with no half-star sprites. */
.wpgp-stars {
    position: relative !important;
    display: inline-block !important;
    color: var(--wpgp-star-off) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
    white-space: nowrap !important;
}
.wpgp-stars::before {
    content: '★★★★★' !important;
}
.wpgp-stars__on {
    position: absolute !important;
    inset: 0 !important;
    width: var(--wpgp-stars-fill, 0%) !important;
    overflow: hidden !important;
    color: var(--wpgp-star-on) !important;
}

.wpgp-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 4px 0 8px !important;
    font-size: 14px !important;
    color: var(--wpgp-color-muted) !important;
}
.wpgp-rating:empty {
    display: none !important;
}
.wpgp-rating__value {
    font-weight: 600 !important;
    color: var(--wpgp-color-text) !important;
}
.wpgp-rating__star {
    color: #000 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.wpgp-supplement .wpgp-rating {
    grid-area: 2 / 1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.wpgp-reviews {
    margin-top: var(--wpgp-gap-lg) !important;
    padding-top: var(--wpgp-gap) !important;
    border-top: 1px solid var(--wpgp-color-border) !important;
}
.wpgp-reviews__title {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: var(--wpgp-gap-sm) !important;
    margin: 0 0 var(--wpgp-gap) !important;
    font-size: 16px !important;
}
.wpgp-reviews__avg {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--wpgp-color-muted) !important;
}
.wpgp-reviews__avg .wpgp-stars {
    font-size: 22px !important;
}
.wpgp-reviews__note {
    margin: 0 0 var(--wpgp-gap) !important;
    font-size: 13px !important;
    color: var(--wpgp-color-muted) !important;
}

.wpgp-review-form {
    margin-bottom: var(--wpgp-gap) !important;
    padding: var(--wpgp-gap) !important;
    background: var(--wpgp-color-bg-soft) !important;
    border-radius: var(--wpgp-radius-sm) !important;
}
.wpgp-rating-input {
    margin: 0 0 var(--wpgp-gap-sm) !important;
    padding: 0 !important;
    border: 0 !important;
}
.wpgp-rating-input legend {
    margin-bottom: 6px !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.wpgp-rating-input__stars {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 2px !important;
}
.wpgp-rating-input input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}
.wpgp-rating-input label {
    cursor: pointer !important;
    padding: 2px !important;
    font-size: 34px !important;
    line-height: 1 !important;
    color: var(--wpgp-star-off) !important;
    transition: color var(--wpgp-dur-fast) var(--wpgp-ease), transform var(--wpgp-dur-fast) var(--wpgp-spring) !important;
}
.wpgp-rating-input label:hover {
    transform: scale(1.12) !important;
}
/* Reverse order in the DOM (5→1) so a checked/hovered star also paints the
   lower ones via the sibling combinator. */
.wpgp-rating-input input:checked ~ label,
.wpgp-rating-input label:hover,
.wpgp-rating-input label:hover ~ label {
    color: var(--wpgp-star-on) !important;
}
.wpgp-rating-input input:focus-visible + label {
    outline: 2px solid var(--wpgp-color-primary) !important;
    outline-offset: 2px !important;
    border-radius: 3px !important;
}
.wpgp-review-form__text {
    width: 100% !important;
    padding: 8px 10px !important;
    font: inherit !important;
    font-size: 14px !important;
    color: var(--wpgp-color-text) !important;
    background: var(--wpgp-color-bg) !important;
    border: 1px solid var(--wpgp-color-border) !important;
    border-radius: var(--wpgp-radius-sm) !important;
    resize: vertical !important;
}
.wpgp-review-form__footer {
    display: flex !important;
    align-items: center !important;
    gap: var(--wpgp-gap) !important;
    margin-top: var(--wpgp-gap-sm) !important;
}
.wpgp-review-form__msg {
    margin: 0 !important;
    font-size: 13px !important;
    color: var(--wpgp-color-muted) !important;
}

.wpgp-reviews__list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.wpgp-review + .wpgp-review {
    margin-top: var(--wpgp-gap) !important;
    padding-top: var(--wpgp-gap) !important;
    border-top: 1px solid var(--wpgp-color-border) !important;
}
.wpgp-review__head {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: var(--wpgp-gap-sm) !important;
}
.wpgp-review__date {
    font-size: 12px !important;
    color: var(--wpgp-color-muted) !important;
}
.wpgp-review__text {
    margin: 4px 0 0 !important;
    font-size: 14px !important;
    white-space: pre-line !important;
}

/* Featured cards use a separate grid so pagination only appends to the catalog. */
.wpgp-featured { margin-bottom: 2rem !important; padding: clamp(1rem, 3vw, 2rem) !important; border: 1px solid #d5e8dc !important; border-radius: 20px !important; background: #f4faf6 !important; }
.wpgp-featured__section + .wpgp-featured__section { margin-top: 2rem !important; }
.wpgp-featured__grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important; gap: 1.25rem !important; }
.wpgp-featured__grid > div { min-width: 0 !important; }
.wpgp-featured__grid h4 { margin: 0 0 .5rem !important; }
.wpgp-card__discount { display: flex !important; flex-wrap: wrap !important; gap: .5rem !important; font-size: .9rem !important; }
.wpgp-card__discount strong { color: #176238 !important; }
.wpgp-card__discount del { color: #555 !important; }

/* Product map and connected collections. */
.wpgp-storefront__views { display: flex !important; gap: 4px !important; padding: 4px !important; border: 1px solid var(--wpgp-color-border) !important; border-radius: 999px !important; background: var(--wpgp-color-bg) !important; }
.wpgp-storefront__views a { padding: 7px 18px !important; border-radius: 999px !important; color: var(--wpgp-color-text) !important; text-decoration: none !important; font-size: 13px !important; }
.wpgp-storefront__views a[aria-current] { background: var(--wpgp-color-primary) !important; color: #fff !important; }
.wpgp-graph { position: relative !important; padding: 36px 24px 28px !important; border: 1px solid #e2d2b7 !important; border-radius: 28px !important; color: var(--wpgp-color-text) !important; background: radial-gradient(ellipse at 50% 42%, #fffdf8 12%, #f8f0df 70%, #f1e6d0) !important; }
.wpgp-graph, .wpgp-graph * { box-sizing: border-box !important; }
.wpgp-graph [hidden], .wpgp-orbit__source { display: none !important; }
.wpgp-graph__intro { max-width: 540px !important; margin: 0 auto 22px !important; text-align: center !important; }
.wpgp-graph__intro > span { color: #806025 !important; font-size: 10px !important; letter-spacing: .19em !important; font-weight: 700 !important; }
.wpgp-graph__intro h2 { margin: 9px 0 12px !important; color: var(--wpgp-color-primary) !important; font-family: var(--wpgp-font-serif) !important; font-size: clamp(29px, 4vw, 42px) !important; font-weight: 400 !important; line-height: 1.15 !important; }
.wpgp-graph__intro p { margin: 0 !important; font-size: 13px !important; line-height: 1.65 !important; color: #715d53 !important; }
.wpgp-graph button:focus-visible, .wpgp-family-list__item:focus-visible { outline: 3px solid var(--wpgp-color-primary) !important; outline-offset: 5px !important; }
.wpgp-graph-group { position: relative !important; max-width: 880px !important; margin: 0 auto !important; }
.wpgp-graph-group__heading { text-align: center !important; min-height: 57px !important; }
.wpgp-graph-group__heading h3 { margin: 0 0 8px !important; color: #7d5b2e !important; font: 400 20px/1.3 var(--wpgp-font-serif) !important; }
.wpgp-graph-group__heading [data-wpgp-family-progress] { color: #715d53 !important; font-size: 11px !important; letter-spacing: .04em !important; }
.wpgp-orbit { position: relative !important; isolation: isolate !important; height: var(--orbit-height, 460px) !important; min-height: 460px !important; }
.wpgp-orbit::before { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: min(70%, 360px) !important; aspect-ratio: 1 !important; transform: translate(-50%, -50%) !important; border: 1px solid #c9a24b24 !important; border-radius: 50% !important; box-shadow: 0 0 0 27px #c9a24b06, 0 0 0 28px #c9a24b12 !important; pointer-events: none !important; }
.wpgp-graph-group__hub { position: absolute !important; z-index: 2 !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; width: 190px !important; max-width: 42% !important; padding: 8px 0 !important; border: 0 !important; border-radius: 90px !important; background: transparent !important; color: var(--wpgp-color-text) !important; font: inherit !important; text-align: center !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; }
.wpgp-graph-group__hub:hover, .wpgp-graph-group__hub:focus { background: transparent !important; color: var(--wpgp-color-primary) !important; }
.wpgp-graph-group__hub strong { max-width: 100% !important; font: 400 21px/1.25 var(--wpgp-font-serif) !important; overflow-wrap: anywhere !important; }
.wpgp-graph-group__avatar { display: grid !important; place-items: center !important; position: relative !important; width: 156px !important; height: 156px !important; max-width: 100% !important; flex-shrink: 0 !important; padding: 7px !important; border: 1px solid #bea06c !important; border-radius: 50% !important; background: linear-gradient(145deg, #fffdf6, #ecdec5) !important; box-shadow: 0 0 0 10px #c9a24b0d, 0 14px 32px #660c1b17 !important; animation: wpgp-node-float 5s ease-in-out infinite !important; }
/* The list becomes a second action once the orbit is expanded. */
.wpgp-graph-group__list-icon { display: none !important; position: absolute !important; z-index: 1 !important; right: 0 !important; bottom: 0 !important; width: 32px !important; height: 32px !important; border: 3px solid #fffaf0 !important; border-radius: 50% !important; background: var(--wpgp-color-primary) !important; color: #fff !important; box-shadow: 0 2px 8px #33191d33 !important; }
.wpgp-graph-group__list-icon::before, .wpgp-graph-group__list-icon::after { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 12px !important; height: 2px !important; background: currentColor !important; transform: translate(-50%, -50%) !important; }
.wpgp-graph-group__list-icon::after { width: 2px !important; height: 12px !important; }
.is-expanded .wpgp-graph-group__list-icon { display: block !important; }
.wpgp-graph-group__avatar::before { content: '' !important; position: absolute !important; inset: -17px !important; border: 1px solid #c9a24b36 !important; border-radius: 50% !important; pointer-events: none !important; }
.wpgp-graph .wpgp-graph-group__avatar img, .wpgp-graph .wpgp-orbit__icon img { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 100% !important; aspect-ratio: 1 !important; margin: 0 !important; object-fit: cover !important; border-radius: 50% !important; }
.wpgp-graph-group__avatar > .dashicons { width: 58px !important; height: 58px !important; font-size: 58px !important; color: var(--wpgp-color-primary) !important; }
.wpgp-graph-group__hint { color: #806025 !important; font-size: 10px !important; letter-spacing: .06em !important; line-height: 1.4 !important; }
.wpgp-graph-group__hint--expanded, .is-expanded .wpgp-graph-group__hint { display: none !important; }
.is-expanded .wpgp-graph-group__hint--expanded { display: block !important; }
.wpgp-graph-group__price, .wpgp-orbit__price { display: inline-flex !important; justify-content: center !important; align-items: center !important; gap: 4px !important; color: var(--wpgp-color-primary) !important; font-size: 11px !important; line-height: 1.4 !important; }
.wpgp-orbit__price svg { width: 17px !important; height: 17px !important; }
.wpgp-orbit__item { position: absolute !important; z-index: 3 !important; left: 50% !important; top: 50% !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 7px !important; width: 122px !important; padding: 6px 3px !important; border: 0 !important; border-radius: 36px !important; color: var(--wpgp-color-text) !important; background: transparent !important; font: inherit !important; text-align: center !important; cursor: pointer !important; opacity: 0 !important; visibility: hidden !important; transform: translate(-50%, -50%) scale(.3) !important; transition: left .48s var(--wpgp-ease), top .48s var(--wpgp-ease), transform .48s var(--wpgp-spring), opacity .3s, visibility .48s !important; -webkit-tap-highlight-color: transparent !important; }
.wpgp-graph-group.is-expanded .wpgp-orbit__item { left: var(--orbit-x, 50%) !important; top: var(--orbit-y, 50%) !important; opacity: 1 !important; visibility: visible !important; transform: translate(-50%, -50%) scale(1) !important; }
.wpgp-orbit__item:hover, .wpgp-orbit__item:focus { color: var(--wpgp-color-primary) !important; background: transparent !important; }
.wpgp-orbit__icon { position: relative !important; display: grid !important; place-items: center !important; width: 62px !important; height: 62px !important; min-width: 62px !important; min-height: 62px !important; max-width: 62px !important; max-height: 62px !important; aspect-ratio: 1 !important; flex-shrink: 0 !important; padding: 5px !important; border: 1px solid #c6ab7d !important; border-radius: 50% !important; background: #fffcf4 !important; box-shadow: 0 6px 18px #660c1b0d !important; transition: transform .2s, box-shadow .2s !important; }
.wpgp-orbit__icon > .dashicons, .wpgp-orbit__icon.dashicons { font-size: 27px !important; color: var(--wpgp-color-primary) !important; }
.wpgp-orbit__icon > .dashicons { width: 27px !important; height: 27px !important; }
.wpgp-orbit__item:hover .wpgp-orbit__icon { transform: translateY(-3px) !important; box-shadow: 0 9px 20px #660c1b1c !important; }
.wpgp-orbit__name { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; max-width: 100% !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important; overflow-wrap: anywhere !important; }
.wpgp-orbit__item.is-owned .wpgp-orbit__icon { border-color: #628260 !important; background: #f0f4e8 !important; }
.wpgp-orbit__item.is-owned .wpgp-orbit__icon::after { content: '✓' !important; position: absolute !important; right: -3px !important; bottom: -3px !important; display: grid !important; place-items: center !important; width: 21px !important; height: 21px !important; border: 2px solid #fcf8ec !important; border-radius: 50% !important; color: #fff !important; background: #4a704e !important; font: 700 12px/1 var(--wpgp-font-stack) !important; }
.wpgp-graph-group__edges { position: absolute !important; z-index: 0 !important; inset: 0 !important; width: 100% !important; height: 100% !important; pointer-events: none !important; overflow: visible !important; opacity: 0 !important; transition: opacity .35s !important; }
.wpgp-graph-group.is-expanded .wpgp-graph-group__edges { opacity: 1 !important; }
.wpgp-graph-group__edges line { stroke: #b4935e !important; stroke-width: 1.25 !important; stroke-linecap: round !important; opacity: .7 !important; }
.wpgp-orbit__collapse { display: block !important; min-height: 44px !important; margin: 0 auto 14px !important; padding: 8px 16px !important; border: 0 !important; border-radius: 22px !important; color: #715d53 !important; background: transparent !important; font: inherit !important; font-size: 12px !important; text-decoration: underline !important; text-underline-offset: 4px !important; cursor: pointer !important; }
.wpgp-orbit__collapse:hover { color: var(--wpgp-color-primary) !important; background: #c9a24b12 !important; }
.wpgp-graph__locked { position: relative !important; max-width: 430px !important; margin: 24px auto 0 !important; padding: 24px 16px 4px !important; border-top: 1px solid #d5c4a5 !important; text-align: center !important; }
.wpgp-graph__locked .wpgp-progress-block__header { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.wpgp-graph__locked h3 { margin: 0 !important; color: #76522e !important; font: 400 20px/1.3 var(--wpgp-font-serif) !important; }
.wpgp-graph__locked p { max-width: 310px !important; margin: 0 !important; color: #715d53 !important; font-size: 12px !important; line-height: 1.6 !important; }
.wpgp-graph__locked .wpgp-progress-block__status { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-align: center !important; font-size: 12px !important; }
.wpgp-graph__locked-preview { display: flex !important; align-items: center !important; justify-content: center !important; gap: 22px !important; width: 100% !important; min-height: 88px !important; }
.wpgp-graph__locked-avatar { position: relative !important; flex: 0 0 64px !important; width: 64px !important; height: 64px !important; border: 1px dashed #bcae97 !important; border-radius: 50% !important; background: #efe9dc !important; box-shadow: 0 0 0 7px #c9a24b0a !important; animation: wpgp-node-float 4s ease-in-out infinite !important; }
.wpgp-graph__locked-avatar:last-child { animation-delay: -2s !important; }
.wpgp-graph__locked-avatar::before { content: '' !important; position: absolute !important; top: 13px !important; left: 50% !important; width: 15px !important; height: 15px !important; border-radius: 50% !important; background: #a89a83 !important; transform: translateX(-50%) !important; }
.wpgp-graph__locked-avatar::after { content: '' !important; position: absolute !important; bottom: 12px !important; left: 50% !important; width: 31px !important; height: 19px !important; border-radius: 50% 50% 35% 35% !important; background: #a89a83 !important; transform: translateX(-50%) !important; }
.wpgp-graph__remaining { color: var(--wpgp-color-primary) !important; font-size: 14px !important; line-height: 1.4 !important; }
.wpgp-graph__locked .wpgp-btn--skip { min-height: 44px !important; border-radius: 999px !important; }
.wpgp-graph__lock-icon { width: 36px !important; height: 36px !important; padding: 8px !important; border-radius: 50% !important; color: #81693d !important; background: #e8dbc2 !important; font-size: 20px !important; }
.is-family .wpgp-modal__price { display: none !important; }
@keyframes wpgp-node-float { 50% { transform: translateY(-6px); } }
@media (max-width: 600px) {
    .wpgp-graph { padding: 26px 10px 22px !important; border-radius: 20px !important; }
    .wpgp-graph__intro { padding: 0 10px !important; margin-bottom: 18px !important; }
    .wpgp-graph__intro > span { font-size: 9px !important; letter-spacing: .12em !important; }
    .wpgp-graph__intro p { font-size: 12px !important; }
    .wpgp-graph-group__heading h3 { font-size: 18px !important; }
    .wpgp-orbit { min-height: 420px !important; }
    .wpgp-orbit::before { width: 160px !important; box-shadow: 0 0 0 17px #c9a24b06, 0 0 0 18px #c9a24b12 !important; }
    .wpgp-graph-group__hub { width: 116px !important; gap: 10px !important; }
    .wpgp-graph-group__hub strong { font-size: 16px !important; }
    .wpgp-graph-group__avatar { width: 96px !important; height: 96px !important; padding: 5px !important; box-shadow: 0 0 0 7px #c9a24b0d, 0 10px 24px #660c1b14 !important; }
    .wpgp-graph-group__avatar::before { inset: -12px !important; }
    .wpgp-graph-group__avatar > .dashicons { width: 39px !important; height: 39px !important; font-size: 39px !important; }
    .wpgp-graph-group__hint { font-size: 9px !important; letter-spacing: 0 !important; }
    .wpgp-orbit__item { width: 92px !important; gap: 6px !important; padding: 5px 2px !important; }
    .wpgp-orbit__icon { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; max-width: 48px !important; max-height: 48px !important; padding: 4px !important; }
    .wpgp-orbit__icon > .dashicons, .wpgp-orbit__icon.dashicons { font-size: 23px !important; }
    .wpgp-orbit__icon > .dashicons { width: 23px !important; height: 23px !important; }
    .wpgp-orbit__name { font-size: 10px !important; }
    .wpgp-orbit__price { font-size: 10px !important; }
    .wpgp-graph__locked { margin-top: 18px !important; padding: 22px 8px 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
    .wpgp-graph-group__avatar { animation: none !important; }
    .wpgp-graph__locked-avatar { animation: none !important; }
    .wpgp-orbit__item, .wpgp-orbit__icon, .wpgp-graph-group__edges { transition: none !important; }
}

/* Shared physics surface, preserving the product markup and dialog targets. */
.wpgp-graph.has-physics .wpgp-graph__canvas { position: relative !important; min-height: 520px !important; isolation: isolate !important; }
.wpgp-graph.has-physics .wpgp-graph-group,
.wpgp-graph.has-physics .wpgp-orbit { display: contents !important; }
.wpgp-graph.has-physics .wpgp-graph-group__heading,
.wpgp-graph.has-physics .wpgp-orbit::before { display: none !important; }
.wpgp-graph.has-physics .wpgp-graph-group__hub { width: 150px !important; max-width: none !important; gap: 8px !important; }
.wpgp-graph.has-physics .wpgp-graph-group__avatar { width: 108px !important; height: 108px !important; animation: none !important; }
.wpgp-graph.has-physics .wpgp-graph-group__hub strong { font-size: 18px !important; }
.wpgp-graph.has-physics .wpgp-graph-group__hub,
.wpgp-graph.has-physics .wpgp-orbit__item { touch-action: none !important; user-select: none !important; transition: opacity .2s, visibility .2s !important; cursor: grab !important; }
.wpgp-graph.has-physics .wpgp-graph-group__hub:active,
.wpgp-graph.has-physics .wpgp-orbit__item:active { cursor: grabbing !important; }
.wpgp-graph.has-physics .is-current .wpgp-graph-group__avatar { border-color: var(--wpgp-color-primary) !important; }
.wpgp-graph.has-physics .wpgp-orbit__collapse { position: absolute !important; z-index: 4 !important; transform: translateX(-50%) !important; margin: 0 !important; max-width: 170px !important; padding: 5px 8px !important; font-size: 10px !important; }
.wpgp-graph.has-physics .wpgp-graph-group__edges { transition: none !important; }
/* Ordered series share a continuous route; each section keeps its own physics. */
.wpgp-map-path { position: relative !important; max-height: min(78vh, 900px) !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior-y: contain !important; scrollbar-width: thin !important; scrollbar-color: #c9a24b transparent !important; }
.wpgp-map-path:focus-visible { outline: 2px solid #c9a24b !important; outline-offset: 3px !important; }
.wpgp-map-stage { position: relative !important; padding: 14px 0 28px !important; }
.wpgp-map-stage:focus { outline: none !important; }
.wpgp-map-stage__header { position: relative !important; z-index: 1 !important; display: grid !important; justify-items: center !important; gap: 10px !important; text-align: center !important; }
.wpgp-map-stage__header h3 { margin: 0 !important; color: #7d5b2e !important; font: 400 24px/1.3 var(--wpgp-font-serif) !important; }
.wpgp-map-stage__previous { min-height: 40px !important; padding: 8px 16px !important; border: 1px solid #d5c4a5 !important; border-radius: 999px !important; background: #fffaf0 !important; color: #715d53 !important; font: 600 12px/1.4 var(--wpgp-font-stack) !important; cursor: pointer !important; }
.wpgp-map-stage__footer { position: relative !important; z-index: 1 !important; display: flex !important; justify-content: center !important; min-height: 28px !important; padding: 0 12px 18px !important; }
.wpgp-map-stage__footer::after { content: '' !important; position: absolute !important; top: 0 !important; bottom: -42px !important; left: 50% !important; width: 24px !important; transform: translateX(-50%) !important; background: var(--wpgp-path-color, #9b896c) !important; filter: blur(3px) !important; opacity: .16 !important; z-index: -1 !important; }
.wpgp-map-stage__footer .wpgp-btn { width: auto !important; border-radius: 999px !important; }
.wpgp-map-route { display: none !important; }
.wpgp-graph.has-physics .wpgp-map-route { display: block !important; position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; overflow: visible !important; pointer-events: none !important; z-index: 0 !important; color: var(--wpgp-path-color, #9b896c) !important; }
.wpgp-map-route > path { fill: none !important; stroke-linecap: round !important; }
.wpgp-map-route__verge { stroke: currentColor !important; stroke-width: 34px !important; opacity: .07 !important; filter: blur(3px) !important; }
.wpgp-map-route__road { stroke: currentColor !important; stroke-width: 22px !important; opacity: .13 !important; filter: blur(1.25px) !important; }
.wpgp-map-route__grain { stroke-width: 24px !important; opacity: .12 !important; }
.wpgp-map-route circle, .wpgp-map-route ellipse { fill: currentColor !important; stroke: none !important; }
.wpgp-graph .wpgp-graph-group[data-complete="1"] .wpgp-graph-group__avatar { background: linear-gradient(145deg, #dbefd4, #9fc799) !important; border-color: #4a7c59 !important; box-shadow: 0 0 0 10px #4a7c5914, 0 12px 28px #4a7c5924 !important; }
.wpgp-graph .wpgp-graph-group[data-complete="1"] .wpgp-graph-group__avatar::before { border-color: #4a7c5966 !important; }
.wpgp-graph-group__complete { color: #356a40 !important; font: 700 11px/1.4 var(--wpgp-font-stack) !important; }
@media (max-width: 600px) {
    .wpgp-graph.has-physics .wpgp-graph-group__hub { width: 116px !important; }
    .wpgp-graph.has-physics .wpgp-graph-group__avatar { width: 86px !important; height: 86px !important; }
    .wpgp-graph.has-physics .wpgp-graph-group__hub strong { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .wpgp-graph.has-physics .wpgp-graph-group__hub,
    .wpgp-graph.has-physics .wpgp-orbit__item { transition: none !important; }
}
/* Elementor's global button rules must not turn the graph nodes into CTAs. */
.wpgp-graph.has-physics button.wpgp-graph-group__hub,
.wpgp-graph.has-physics button.wpgp-orbit__item { display: flex !important; flex-direction: column !important; align-items: center !important; padding: 8px 3px !important; border: 0 !important; background: transparent !important; color: var(--wpgp-color-text) !important; white-space: normal !important; text-transform: none !important; line-height: 1.4 !important; }
.wpgp-graph.has-physics button.wpgp-orbit__item { width: 122px !important; }
.wpgp-graph.has-physics button.wpgp-orbit__collapse { border: 0 !important; background: transparent !important; color: #715d53 !important; text-transform: none !important; white-space: normal !important; }
@media (max-width: 600px) { .wpgp-graph.has-physics button.wpgp-orbit__item { width: 92px !important; } }

.wpgp-graph.has-physics .wpgp-graph__intro h2 { color: var(--wpgp-color-primary) !important; font-family: var(--wpgp-font-serif) !important; font-weight: 400 !important; }

/* Hidden application states must outrank component display declarations. */
.wpgp-storefront [hidden], .wpgp-library [hidden], .wpgp-modal [hidden],
.wpgp-graph [hidden] { display: none !important; }

/* Map nodes and full product cards share one catalog. */
.wpgp-graph__tabs { display: flex !important; justify-content: center !important; gap: 6px !important; margin: 0 auto 28px !important; }
.wpgp-graph__tabs button { font: inherit !important; font-weight: 600 !important; padding: 12px 24px !important; border: 1px solid #ccb48b !important; border-radius: 24px !important; background: #fffcf4 !important; color: var(--wpgp-color-primary) !important; cursor: pointer !important; }
.wpgp-graph__tabs button[aria-pressed="true"] { background: var(--wpgp-color-primary) !important; color: #fff !important; border-color: var(--wpgp-color-primary) !important; }
.wpgp-graph__tabs button:focus-visible { outline: 3px solid #ba8c47 !important; outline-offset: 3px !important; }
.wpgp-graph__products { max-width: 1240px !important; margin: 0 auto !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: start !important; }
@media (max-width: 1024px) {
    .wpgp-graph__products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
    .wpgp-graph__products { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Collections share the existing product cards and purchase controls. */
.wpgp-point-rewards__icon { display: inline-flex !important; align-items: center !important; }
.wpgp-collection { min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid var(--wpgp-color-gold) !important; border-radius: var(--wpgp-radius) !important; background: var(--wpgp-color-bg) !important; color: var(--wpgp-color-text) !important; box-shadow: var(--wpgp-shadow) !important; }
.wpgp-collection__summary { display: block !important; padding: 0 !important; margin: 0 !important; list-style: none !important; cursor: pointer !important; }
.wpgp-collection__summary::-webkit-details-marker { display: none !important; }
.wpgp-collection__summary::marker { content: '' !important; }
.wpgp-collection__summary:focus-visible { outline: 3px solid var(--wpgp-color-primary) !important; outline-offset: -4px !important; }
.wpgp-collection__image { display: flex !important; position: relative !important; align-items: center !important; justify-content: center !important; aspect-ratio: 16 / 10 !important; overflow: hidden !important; background: var(--wpgp-color-bg-soft) !important; }
.wpgp-collection__image > img { display: block !important; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; }
.wpgp-collection__image > .dashicons { font-size: 48px !important; width: 48px !important; height: 48px !important; color: #bba078 !important; }
.wpgp-collection__badge { position: absolute !important; bottom: 14px !important; left: 14px !important; padding: 7px 12px !important; border: 1px solid var(--wpgp-color-border) !important; border-radius: 99px !important; background: var(--wpgp-color-bg) !important; color: var(--wpgp-color-primary) !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
.wpgp-collection__title { display: block !important; padding: 20px 18px 10px !important; font: 700 19px/1.3 var(--wpgp-font-stack) !important; overflow-wrap: anywhere !important; }
.wpgp-collection__meta { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 0 18px 20px !important; color: var(--wpgp-color-muted) !important; font-size: 12px !important; }
.wpgp-collection__meta > span { color: var(--wpgp-color-success) !important; font-weight: 700 !important; }
.wpgp-collection__toggle { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin: 0 18px 20px !important; padding: 12px 14px !important; border: 1px solid var(--wpgp-color-primary) !important; border-radius: var(--wpgp-radius-sm) !important; color: var(--wpgp-color-primary) !important; font-size: 12px !important; font-weight: 700 !important; }
.wpgp-collection[open] > summary .wpgp-collection__toggle { background: var(--wpgp-color-primary) !important; color: #fff !important; }
.wpgp-collection[open] > summary .wpgp-collection__toggle .dashicons { transform: rotate(180deg) !important; }
.wpgp-collection > .wpgp-collection-contents { padding: 18px !important; border-top: 1px dashed var(--wpgp-color-border) !important; background: var(--wpgp-color-bg-soft) !important; }
.wpgp-collection-purchase { padding: 16px !important; margin-bottom: 18px !important; border: 1px solid var(--wpgp-color-gold) !important; border-radius: var(--wpgp-radius-sm) !important; background: #fff8e7 !important; text-align: left !important; }
.wpgp-collection-purchase__heading { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; font-size: 15px !important; }
.wpgp-collection-purchase__discount { padding: 4px 8px !important; border-radius: 99px !important; background: var(--wpgp-color-primary) !important; color: white !important; font-size: 12px !important; font-weight: 700 !important; }
.wpgp-collection-purchase p { margin: 10px 0 !important; font-size: 12px !important; line-height: 1.5 !important; color: var(--wpgp-color-muted) !important; }
.wpgp-collection-purchase__price { display: flex !important; gap: 10px !important; align-items: center !important; margin: 12px 0 !important; font-size: 24px !important; color: var(--wpgp-color-primary) !important; }
.wpgp-collection-purchase__price del { font-size: 14px !important; color: var(--wpgp-color-muted) !important; }
.wpgp-collection-purchase .wpgp-btn { width: 100% !important; font-size: 12px !important; white-space: normal !important; }
.wpgp-collection-items { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
.wpgp-collection-items .wpgp-card:hover { transform: none !important; }
.wpgp-collection-items .wpgp-card__title { font-size: 16px !important; }
.wpgp-collection-items .wpgp-card__media { aspect-ratio: 16 / 9 !important; }
.wpgp-collection-items .wpgp-card__body, .wpgp-collection-items .wpgp-card__actions { padding: 14px !important; }
.wpgp-collection-items .wpgp-card__body { padding-bottom: 0 !important; }
.wpgp-collection-items .wpgp-btn { font-size: 12px !important; }

/* Native, swipeable highlights; every package remains in the track. */
.wpgp-highlights { margin-bottom: 40px !important; }
.wpgp-highlights__section { min-width: 0 !important; margin: 0 0 28px !important; padding: 24px !important; border: 1px solid #755334 !important; border-radius: 20px !important; background: #2d0d12 !important; }
.wpgp-highlights__heading { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin-bottom: 20px !important; }
.wpgp-highlights__heading h2 { margin: 0 0 6px !important; font: 600 clamp(24px, 3vw, 34px)/1.2 var(--wpgp-font-serif) !important; color: var(--wpgp-color-bg) !important; }
.wpgp-highlights__heading p { margin: 0 !important; font-size: 13px !important; line-height: 1.5 !important; color: #d7c8b3 !important; }
.wpgp-carousel__viewport { position: relative !important; min-width: 0 !important; }
.wpgp-carousel__controls { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 4 !important; display: flex !important; gap: 8px !important; }
.wpgp-carousel__controls button { display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important; padding: 0 !important; border: 1px solid var(--wpgp-color-gold) !important; border-radius: 50% !important; background: var(--wpgp-color-bg) !important; color: var(--wpgp-color-primary) !important; cursor: pointer !important; box-shadow: none !important; }
.wpgp-carousel__controls button:disabled { opacity: .4 !important; cursor: default !important; }
.wpgp-carousel__controls button:focus-visible, .wpgp-carousel__track:focus-visible { outline: 3px solid var(--wpgp-color-gold) !important; outline-offset: 3px !important; }
.wpgp-carousel__track { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: calc((100% - 48px) / 3) !important; align-items: start !important; gap: 24px !important; overflow-x: auto !important; overscroll-behavior-x: contain !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; padding: 0 !important; }
.wpgp-carousel__item { min-width: 0 !important; scroll-snap-align: start !important; }
.wpgp-carousel__item .wpgp-card { box-shadow: none !important; }
.wpgp-carousel__item .wpgp-card:hover { transform: none !important; }
@media (max-width: 1024px) {
    .wpgp-carousel__track { grid-auto-columns: calc((100% - 24px) / 2) !important; }
}
@media (max-width: 760px) {
    .wpgp-carousel__track { grid-auto-columns: 100% !important; gap: 16px !important; }
    .wpgp-highlights__section { padding: 18px 14px !important; }
    .wpgp-highlights__heading { gap: 12px !important; }
    .wpgp-highlights__heading h2 { font-size: 24px !important; }
    .wpgp-carousel__controls button { width: 34px !important; height: 34px !important; }
}