/**
 * =========================================================
 * Gamers Things - Product Page V1
 * Clean production CSS
 * =========================================================
 */

/* =========================================================
   Product Header
========================================================= */

.gt-product-publisher {
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.gt-product-publisher a {
    color: inherit;
    opacity: .72;
    text-decoration: none;
    transition: opacity .2s ease;
}

.gt-product-publisher a:hover {
    opacity: 1;
}

.product-title {
    margin-bottom: 14px;
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 700;
}

.gt-product-meta-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 26px;
}

.gt-product-chip {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 7px 12px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.92);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.gt-product-chip:hover {
    border-color: rgba(255,255,255,.30);
    background: rgba(255,255,255,.09);
    color: #fff;
}

.single-product .product-short-description,
.single-product .product-short-description p,
.single-product .product-short-description li,
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description li {
    color: rgba(255,255,255,.86) !important;
    font-size: 12.2px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
}

.single-product .product-short-description p,
.single-product .woocommerce-product-details__short-description p {
    margin: 0 0 12px !important;
}

.single-product .product-short-description p:last-child,
.single-product .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0 !important;
}

.product-page-price,
.product-info .price {
    margin-top: 26px;
    margin-bottom: 22px;
}

.product-info .price .amount {
    font-size: 2rem;
    font-weight: 700;
}

.single_add_to_cart_button {
    min-height: 48px;
    padding-inline: 24px;
    border-radius: 14px;
    font-weight: 700;
}

@media (max-width: 849px) {
    .product-title {
        font-size: 1.7rem;
    }
}

@media (max-width: 549px) {
    .product-title {
        font-size: 1.5rem;
    }

    .single-product .product-short-description,
    .single-product .product-short-description p,
    .single-product .product-short-description li,
    .single-product .woocommerce-product-details__short-description,
    .single-product .woocommerce-product-details__short-description p,
    .single-product .woocommerce-product-details__short-description li {
        font-size: 11.8px !important;
        line-height: 1.68 !important;
    }
}

/* =========================================================
   Product Media Gallery
========================================================= */

.single-product .col-inner > p:empty,
.single-product .gt-media-gallery + p:empty {
    display: none;
}

.single-product .gt-media-gallery,
.gt-media-gallery {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    isolation: isolate;
}

.gt-media-gallery p {
    margin: 0;
}

.gt-media-stage {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 26px;
    background: radial-gradient(circle at 12% 0%, rgba(138,92,255,.10), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012)), #08090d;
    box-shadow: 0 20px 52px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.018);
}

.gt-media-slides {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.gt-media-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.015);
    transition: opacity .28s ease, visibility .28s ease, transform .35s ease;
}

.gt-media-slide.is-active {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.gt-media-slide-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.gt-media-slide-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.001);
    transition: transform .55s ease, filter .35s ease;
}

.gt-media-slide.is-active .gt-media-slide-link img {
    filter: saturate(1.02) contrast(1.01);
}

.gt-media-stage:hover .gt-media-slide.is-active .gt-media-slide-link img {
    transform: scale(1.018);
}

.gt-media-stage::before,
.gt-media-stage::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
}

.gt-media-stage::before {
    z-index: 2;
    background: linear-gradient(180deg, rgba(0,0,0,.10), transparent 26%, transparent 62%, rgba(0,0,0,.20));
}

.gt-media-stage::after {
    z-index: 3;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), inset 0 -72px 96px rgba(0,0,0,.12);
}

.gt-media-label {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 11px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(8,9,13,.62);
    color: rgba(255,255,255,.88);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .13em;
    line-height: 1;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 22px rgba(0,0,0,.24);
}

.gt-media-slide.is-active .gt-media-label {
    animation: gtMediaLabelIn .28s ease both;
}

@keyframes gtMediaLabelIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.gt-media-nav {
    position: absolute;
    top: 50%;
    z-index: 6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(8,9,13,.54);
    color: #fff;
    opacity: 0;
    cursor: pointer;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 26px rgba(0,0,0,.26);
    transform: translateY(-50%);
    transition: opacity .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.gt-media-stage:hover .gt-media-nav {
    opacity: 1;
}

.gt-media-nav:hover {
    border-color: rgba(138,92,255,.48);
    background: rgba(108,72,255,.76);
}

.gt-media-nav:focus-visible,
.gt-media-thumb:focus-visible {
    outline: 2px solid rgba(138,92,255,.72);
    outline-offset: 3px;
}

.gt-media-prev { left: 16px; }
.gt-media-next { right: 16px; }

.gt-media-nav svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.gt-media-play {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.gt-media-play::before {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(8,9,13,.66);
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 38px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.035);
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

.gt-media-slide-link.is-video:hover .gt-media-play::before {
    transform: scale(1.06);
    border-color: rgba(255,255,255,.22);
    background: rgba(108,72,255,.78);
}

.gt-media-play svg {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    fill: #fff;
}

.gt-media-rail {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 4px;
    scrollbar-width: none;
}

.gt-media-rail::-webkit-scrollbar {
    display: none;
}

.gt-media-thumb {
    flex: 0 0 clamp(104px, 16vw, 138px);
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.gt-media-thumb-inner {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 12px;
    background: rgba(255,255,255,.018);
    transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.gt-media-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .54;
    filter: saturate(.86) contrast(.96);
    transition: opacity .2s ease, filter .2s ease, transform .25s ease;
}

.gt-media-thumb.is-active .gt-media-thumb-inner {
    border-color: rgba(138,92,255,.78);
    background: rgba(138,92,255,.075);
    box-shadow: 0 0 0 1px rgba(138,92,255,.18), 0 8px 20px rgba(138,92,255,.12);
}

.gt-media-thumb.is-active img {
    opacity: 1;
    filter: saturate(1.04) contrast(1.02);
}

.gt-media-thumb:hover .gt-media-thumb-inner {
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.04);
    transform: translateY(-1px);
}

.gt-media-thumb:hover img {
    opacity: .94;
    filter: saturate(1);
    transform: scale(1.035);
}

.gt-media-thumb-play {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.gt-media-thumb-play::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(8,9,13,.62);
    backdrop-filter: blur(8px);
}

.gt-media-thumb-play svg {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 15px;
    margin-left: 2px;
    fill: #fff;
}

@media (max-width: 849px) {
    .gt-media-stage {
        border-radius: 22px;
    }

    .gt-media-stage:hover .gt-media-slide.is-active .gt-media-slide-link img {
        transform: none;
    }

    .gt-media-nav {
        display: none;
    }

    .gt-media-label {
        left: 14px;
        bottom: 14px;
        min-height: 24px;
        padding: 0 10px;
        font-size: 8.5px;
    }

    .gt-media-play::before {
        width: 58px;
        height: 58px;
    }

    .gt-media-play svg {
        width: 25px;
        height: 25px;
    }

    .gt-media-rail {
        gap: 8px;
        margin-top: 10px;
        padding-bottom: 8px;
    }

    .gt-media-thumb {
        flex-basis: 96px;
    }

    .gt-media-thumb-inner {
        border-radius: 10px;
    }
}

@media (max-width: 549px) {
    .gt-media-stage {
        border-radius: 20px;
    }

    .gt-media-thumb {
        flex-basis: 88px;
    }
}

/* =========================================================
   Product Content Rating
========================================================= */

.gt-product-rating-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    max-width: 100%;
    margin-top: 12px;
    color: rgba(255,255,255,.84);
    text-decoration: none;
}

.gt-product-rating-badge:hover {
    color: #fff;
    opacity: .95;
}

.gt-rating-logo {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gt-rating-logo img {
    display: block;
    width: auto;
    height: 56px;
    max-width: 52px;
    object-fit: contain;
}

.gt-rating-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding-top: 1px;
}

.gt-rating-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 4px;
}

.gt-rating-system {
    color: rgba(255,255,255,.48);
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: .13em;
    line-height: 1;
    text-transform: uppercase;
}

.gt-rating-label {
    color: rgba(255,255,255,.86);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.gt-rating-descriptors {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.gt-rating-descriptor {
    color: rgba(255,255,255,.68);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.32;
}

.gt-product-rating-badge:hover .gt-rating-descriptor,
.gt-product-rating-badge:hover .gt-rating-label {
    color: rgba(255,255,255,.92);
}

@media (max-width: 549px) {
    .gt-product-rating-badge {
        margin-top: 11px;
        gap: 11px;
    }

    .gt-rating-logo img {
        height: 52px;
        max-width: 48px;
    }

    .gt-rating-label,
    .gt-rating-descriptor {
        font-size: 10.5px;
    }
}

/* =========================================================
   Trust Buy Box + Bottom Sheet
========================================================= */

.gt-product-trust-system {
    margin-top: 42px;
}

.gt-product-trust-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gt-trust-action {
    width: 100%;
    display: grid;
    grid-template-columns: 38px 1fr 22px;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 18px;
    background: rgba(255,255,255,.022);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.gt-trust-action:hover {
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    transform: translateY(-1px);
}

.gt-trust-action-icon,
.gt-trust-sheet-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(138,92,255,.95);
}

.gt-trust-action-icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: rgba(138,92,255,.10);
    border: 1px solid rgba(138,92,255,.18);
}

.gt-trust-action-icon svg,
.gt-trust-sheet-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.gt-trust-action-copy {
    min-width: 0;
}

.gt-trust-action-title {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.gt-trust-action-summary {
    display: block;
    color: rgba(255,255,255,.58);
    font-size: 12.5px;
    line-height: 1.45;
}

.gt-trust-action-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    color: rgba(255,255,255,.42);
    transition: color .2s ease, transform .2s ease;
}

.gt-trust-action-arrow svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.gt-trust-action:hover .gt-trust-action-arrow {
    color: rgba(255,255,255,.8);
    transform: translateX(2px);
}

body.gt-trust-lock {
    overflow: hidden;
}

.gt-trust-sheet {
    position: fixed;
    inset: 0;
    z-index: 99999;
    pointer-events: none;
}

.gt-trust-sheet-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.52);
    opacity: 0;
    backdrop-filter: blur(3px);
    transition: opacity .25s ease;
}

.gt-trust-sheet-panel {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(720px, calc(100% - 28px));
    max-height: min(78vh, 720px);
    overflow-y: auto;
    padding: 44px 34px 34px;
    border: 1px solid rgba(255,255,255,.08);
    border-bottom: 0;
    border-radius: 30px 30px 0 0;
    background: radial-gradient(circle at top left, rgba(138,92,255,.12), transparent 32%), #08090d;
    box-shadow: 0 -24px 80px rgba(0,0,0,.55);
    transform: translate(-50%, 110%);
    transition: transform .32s ease;
}

.gt-trust-sheet-panel::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    width: 46px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    transform: translateX(-50%);
}

.gt-trust-sheet.is-open {
    pointer-events: auto;
}

.gt-trust-sheet.is-open .gt-trust-sheet-backdrop {
    opacity: 1;
}

.gt-trust-sheet.is-open .gt-trust-sheet-panel {
    transform: translate(-50%, 0);
}

.gt-trust-sheet-close {
    position: absolute;
    top: 22px;
    right: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    color: rgba(255,255,255,.86);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.gt-trust-sheet-close:hover {
    background: rgba(255,255,255,.11);
    color: #fff;
    transform: rotate(8deg);
}

.gt-trust-sheet-content[hidden] {
    display: none;
}

.gt-trust-sheet-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    border-radius: 18px;
    background: rgba(138,92,255,.12);
    border: 1px solid rgba(138,92,255,.22);
}

.gt-trust-sheet-icon svg {
    width: 24px;
    height: 24px;
}

.gt-trust-sheet-title {
    max-width: calc(100% - 54px);
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.15;
}

.gt-trust-sheet-intro {
    max-width: 620px;
    margin: 0 0 28px;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 1.8;
}

.gt-trust-sheet-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gt-trust-sheet-list li {
    position: relative;
    padding-left: 30px;
    color: rgba(255,255,255,.86);
    font-size: 14px;
    line-height: 1.7;
}

.gt-trust-sheet-list li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(138,92,255,0.95)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

@media (min-width: 850px) {
    .gt-product-trust-box {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
    }

    .gt-trust-action {
        min-height: 86px;
        height: 100%;
        grid-template-columns: 38px 1fr 18px;
        align-items: center;
        gap: 14px;
        padding: 18px 20px;
    }

    .gt-trust-action-title {
        margin: 0;
        font-size: 13px;
        line-height: 1.25;
    }

    .gt-trust-action-summary {
        display: none;
    }

    .gt-trust-action-arrow {
        opacity: .62;
    }

    .gt-trust-action:hover .gt-trust-action-arrow {
        opacity: 1;
    }
}

@media (max-width: 849px) {
    .gt-product-trust-system {
        margin-top: 34px;
    }

    .gt-trust-action {
        grid-template-columns: 34px 1fr 20px;
        padding: 15px 16px;
        gap: 12px;
    }

    .gt-trust-action-icon {
        width: 34px;
        height: 34px;
        border-radius: 12px;
    }

    .gt-trust-action-title {
        font-size: 13.5px;
    }

    .gt-trust-action-summary {
        font-size: 12px;
    }

    .gt-trust-sheet-panel {
        width: 100%;
        max-height: 82vh;
        padding: 42px 24px 34px;
        border-radius: 28px 28px 0 0;
    }

    .gt-trust-sheet-title {
        font-size: 1.4rem;
    }

    .gt-trust-sheet-intro {
        font-size: 14px;
    }
}

/* =========================================================
   Product Premium Description
========================================================= */

.gt-product-premium-description {
    position: relative;
    margin-top: 46px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 28px;
    overflow: hidden;
    background: #0b0d13;
    isolation: isolate;
}

.gt-product-premium-description-bg,
.gt-product-premium-description-layer {
    position: absolute;
    inset: 0;
}

.gt-product-premium-description-bg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.02);
}

.gt-product-premium-description-layer {
    z-index: 1;
}

.gt-product-premium-description.is-overlay-soft .gt-product-premium-description-layer {
    background: linear-gradient(90deg, rgba(5,7,12,.82) 0%, rgba(5,7,12,.68) 45%, rgba(5,7,12,.76) 100%), linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.42) 100%);
}

.gt-product-premium-description.is-overlay-medium .gt-product-premium-description-layer {
    background: linear-gradient(90deg, rgba(5,7,12,.88) 0%, rgba(5,7,12,.78) 45%, rgba(5,7,12,.84) 100%), linear-gradient(180deg, rgba(0,0,0,.26) 0%, rgba(0,0,0,.50) 100%);
}

.gt-product-premium-description.is-overlay-strong .gt-product-premium-description-layer,
.gt-product-premium-description.is-no-bg .gt-product-premium-description-layer {
    background: linear-gradient(90deg, rgba(5,7,12,.92) 0%, rgba(5,7,12,.84) 44%, rgba(5,7,12,.88) 100%), linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.58) 100%);
}

.gt-product-premium-description::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: radial-gradient(circle at top left, rgba(138,92,255,.12), transparent 32%), radial-gradient(circle at bottom right, rgba(138,92,255,.08), transparent 26%);
    pointer-events: none;
}

.gt-product-premium-description-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 48px;
    align-items: start;
    padding: 46px 42px;
}

.gt-product-premium-description-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .02em;
}

.gt-product-premium-description-headline {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 3.1vw, 3.45rem);
    font-weight: 300;
    line-height: 1.08;
    letter-spacing: -.03em;
    text-wrap: balance;
}

.gt-product-premium-description-support {
    max-width: 620px;
    padding-top: 20px;
}

.gt-product-premium-description-support,
.gt-product-premium-description-support p {
    color: rgba(255,255,255,.86);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.85;
}

.gt-product-premium-description-support p {
    margin: 0 0 16px;
}

.gt-product-premium-description-support p:last-child {
    margin-bottom: 0;
}

@media (max-width: 849px) {
    .gt-product-premium-description {
        margin-top: 38px;
        border-radius: 24px;
    }

    .gt-product-premium-description-inner {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 28px 22px;
    }

    .gt-product-premium-description-headline {
        font-size: clamp(1.9rem, 8.8vw, 2.6rem);
        line-height: 1.08;
    }

    .gt-product-premium-description-support {
        padding-top: 0;
    }

    .gt-product-premium-description-support,
    .gt-product-premium-description-support p {
        font-size: 14px;
        line-height: 1.8;
    }
}

/* =========================================================
   Product Features Highlights
========================================================= */

.gt-product-features-section {
    margin-top: 68px;
}

.gt-product-features-header {
    margin-bottom: 22px;
}

.gt-product-features-header h2 {
    margin: 0;
    color: #fff;
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.012em;
}

.gt-product-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.gt-product-feature {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.012)), #0f1013;
    box-shadow: 0 14px 34px rgba(0,0,0,.12);
    transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.gt-product-feature:hover {
    border-color: rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.014)), #101114;
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(0,0,0,.17);
}

.gt-product-feature-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #08090d;
}

.gt-product-feature-media::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(15,16,19,.72) 78%, rgba(15,16,19,1));
}

.gt-product-feature-media img,
.gt-product-feature-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.96) contrast(1);
    transition: transform .5s ease, filter .35s ease, opacity .35s ease;
}

.gt-product-feature:hover .gt-product-feature-media img,
.gt-product-feature:hover .gt-product-feature-image {
    transform: scale(1.03);
    filter: saturate(1.06) contrast(1.025);
}

.gt-product-feature-content {
    position: relative;
    z-index: 2;
    margin-top: -1px;
    padding: 16px 18px 18px;
    background: linear-gradient(180deg, rgba(15,16,19,.98), rgba(15,16,19,1));
}

.gt-product-feature-title {
    margin: 0 0 7px;
    color: rgba(255,255,255,.96);
    font-size: 12.4px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .005em;
}

.gt-product-feature-text {
    max-width: 92%;
    margin: 0;
    color: rgba(255,255,255,.68);
    font-size: 11.4px;
    font-weight: 500;
    line-height: 1.58;
}

@media (max-width: 849px) {
    .gt-product-features-section {
        margin-top: 54px;
    }

    .gt-product-features-header {
        margin-bottom: 18px;
    }

    .gt-product-features-header h2 {
        font-size: 1.08rem;
    }

    .gt-product-features {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .gt-product-feature {
        border-radius: 20px;
    }

    .gt-product-feature-content {
        padding: 15px 16px 17px;
    }

    .gt-product-feature-title {
        font-size: 12.4px;
    }

    .gt-product-feature-text {
        max-width: 100%;
        font-size: 11.3px;
        line-height: 1.58;
    }
}

@media (max-width: 549px) {
    .gt-product-features-section {
        margin-top: 48px;
    }

    .gt-product-features {
        gap: 13px;
    }

    .gt-product-feature {
        border-radius: 18px;
    }

    .gt-product-feature-content {
        padding: 14px 15px 16px;
    }
}

/* =========================================================
   Product Editions
========================================================= */

.gt-product-editions {
    margin-top: 56px;
}

.gt-product-editions-header {
    margin-bottom: 32px;
}

.gt-editions-subtitle {
    margin-bottom: 10px;
    color: rgba(255,255,255,.45);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.gt-editions-title {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}

.gt-product-editions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.gt-edition-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 28px;
    background: rgba(255,255,255,.02);
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.gt-edition-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.035);
}

.gt-edition-card.is-current {
    border-color: rgba(138,92,255,.65);
    box-shadow: 0 0 0 1px rgba(138,92,255,.2), 0 12px 32px rgba(138,92,255,.14);
}

.gt-edition-badge {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 15px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(108,72,255,.92);
    box-shadow: 0 8px 22px rgba(108,72,255,.35);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.gt-edition-media img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.gt-edition-content {
    padding: 24px;
}

.gt-edition-name {
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
}

.gt-edition-price {
    margin-bottom: 18px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
}

.gt-edition-features {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.gt-edition-features li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    line-height: 1.6;
}

.gt-edition-features li::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(138,92,255,0.9)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.gt-edition-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 20px;
    border-radius: 14px;
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}

.gt-edition-button:hover {
    background: rgba(255,255,255,.12);
    transform: translateY(-1px);
}

@media (max-width: 849px) {
    .gt-product-editions-grid {
        grid-template-columns: 1fr;
    }

    .gt-editions-title {
        font-size: 1.6rem;
    }
}

/* =========================================================
   Technical Sheet + Compatibility
========================================================= */

.gt-product-tech-sheet,
.gt-product-compatibility {
    margin-top: 48px;
}

.gt-product-compatibility {
    margin-top: 56px;
}

.gt-product-tech-sheet-header,
.gt-product-compatibility-header {
    margin-bottom: 22px;
}

.gt-product-compatibility-header {
    margin-bottom: 26px;
}

.gt-product-tech-sheet-header h2,
.gt-product-compatibility-header h2 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.2;
}

.gt-product-tech-sheet-grid,
.gt-product-compatibility-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.gt-tech-item,
.gt-compatibility-item {
    padding: 16px 18px;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 18px;
    background: rgba(255,255,255,.022);
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.gt-compatibility-item {
    background: rgba(255,255,255,.018);
}

.gt-tech-item:hover,
.gt-compatibility-item:hover {
    border-color: rgba(255,255,255,.10);
    background: rgba(255,255,255,.035);
}

.gt-tech-label,
.gt-compatibility-label {
    margin-bottom: 8px;
    color: rgba(255,255,255,.42);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.gt-tech-value,
.gt-compatibility-value {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.gt-compatibility-value {
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.7;
}

.gt-compatibility-item--full {
    grid-column: 1 / -1;
}

.gt-compatibility-item--full .gt-compatibility-value {
    color: rgba(255,255,255,.82);
}

@media (max-width: 849px) {
    .gt-product-tech-sheet-grid,
    .gt-product-compatibility-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   Product Info Accordion
========================================================= */

.gt-product-info-accordion {
    margin-top: 72px;
    border-top: 1px solid rgba(255,255,255,.07);
}

.gt-info-accordion-item {
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.gt-info-accordion-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 0;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.gt-info-accordion-title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
}

.gt-info-accordion-icon {
    flex-shrink: 0;
    color: rgba(255,255,255,.72);
    font-size: 23px;
    font-weight: 300;
    line-height: 1;
    transition: transform .25s ease, color .25s ease;
}

.gt-info-accordion-item.is-active .gt-info-accordion-icon {
    color: #fff;
    transform: rotate(45deg);
}

.gt-info-accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
}

.gt-info-accordion-inner {
    padding: 0 0 34px;
}

.gt-info-accordion-inner .gt-product-tech-sheet,
.gt-info-accordion-inner .gt-product-compatibility {
    margin-top: 0;
}

.gt-info-accordion-inner .gt-product-tech-sheet-header,
.gt-info-accordion-inner .gt-product-compatibility-header {
    display: none;
}

.gt-info-accordion-inner .gt-product-tech-sheet-grid,
.gt-info-accordion-inner .gt-product-compatibility-grid {
    margin-top: 0;
}

.gt-info-accordion-inner .gt-tech-item,
.gt-info-accordion-inner .gt-compatibility-item {
    padding: 14px 16px;
    border-radius: 16px;
}

.gt-info-accordion-inner .gt-tech-label,
.gt-info-accordion-inner .gt-compatibility-label {
    margin-bottom: 6px;
    font-size: 8.4px;
    letter-spacing: .1em;
}

.gt-info-accordion-inner .gt-tech-value,
.gt-info-accordion-inner .gt-compatibility-value {
    font-size: 11.8px;
    line-height: 1.55;
}

@media (max-width: 849px) {
    .gt-product-info-accordion {
        margin-top: 56px;
    }

    .gt-info-accordion-trigger {
        padding: 22px 0;
    }

    .gt-info-accordion-title {
        font-size: 1rem;
    }

    .gt-info-accordion-icon {
        font-size: 23px;
    }
}

@media (max-width: 549px) {
    .gt-info-accordion-trigger {
        padding: 18px 0;
    }

    .gt-info-accordion-title {
        font-size: .92rem;
    }

    .gt-info-accordion-icon {
        font-size: 22px;
    }

    .gt-info-accordion-inner {
        padding-bottom: 28px;
    }

    .gt-info-accordion-inner .gt-tech-item,
    .gt-info-accordion-inner .gt-compatibility-item {
        padding: 13px 14px;
        border-radius: 15px;
    }

    .gt-info-accordion-inner .gt-tech-value,
    .gt-info-accordion-inner .gt-compatibility-value {
        font-size: 11.6px;
        line-height: 1.55;
    }
}

/* =========================================================
   Product FAQ Visual Block
========================================================= */

.gt-product-faq-section {
    position: relative;
    margin-top: 78px;
    overflow: hidden;
    border-radius: 30px;
    background: radial-gradient(circle at left center, rgba(138,92,255,.08), transparent 32%), #090a0f;
}

.gt-product-faq-layout {
    display: grid;
    grid-template-columns: minmax(280px, .78fr) minmax(0, 1fr);
    gap: 54px;
    align-items: center;
    min-height: 520px;
    padding: 54px 58px;
}

.gt-product-faq-section.has-no-image .gt-product-faq-layout {
    grid-template-columns: 1fr;
    min-height: auto;
}

.gt-product-faq-media {
    position: relative;
    align-self: stretch;
    min-height: 420px;
    pointer-events: none;
}

.gt-product-faq-media::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    background: linear-gradient(180deg, transparent, #090a0f 88%);
}

.gt-product-faq-media img {
    position: absolute;
    left: 50%;
    bottom: -54px;
    width: min(680px, 118%);
    max-width: none;
    height: auto;
    transform: translateX(-50%);
    object-fit: contain;
    filter: drop-shadow(0 24px 44px rgba(0,0,0,.32)) saturate(.98);
}

.gt-product-faq-content {
    position: relative;
    z-index: 2;
}

.gt-product-faq-header {
    margin-bottom: 28px;
}

.gt-product-faq-header h2 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 2.5vw, 2.55rem);
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.gt-product-faq-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gt-faq-item {
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 0;
    background: rgba(255,255,255,.035);
    overflow: hidden;
    transition: border-color .2s ease, background .2s ease;
}

.gt-faq-item:hover,
.gt-faq-item.is-active {
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.055);
}

.gt-faq-question {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 26px;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.45;
    text-align: left;
    cursor: pointer;
}

.gt-faq-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.78);
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    transition: transform .2s ease, color .2s ease;
}

.gt-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .25s ease;
}

.gt-faq-answer-inner {
    overflow: hidden;
    padding: 0 20px;
    color: rgba(255,255,255,.72);
    font-size: 12.8px;
    font-weight: 500;
    line-height: 1.75;
}

.gt-faq-answer-inner p {
    margin: 0 0 14px;
}

.gt-faq-answer-inner p:last-child {
    margin-bottom: 20px;
}

.gt-faq-item.is-active .gt-faq-answer {
    grid-template-rows: 1fr;
}

.gt-faq-item.is-active .gt-faq-icon {
    color: #fff;
    transform: rotate(45deg);
}

@media (max-width: 849px) {
    .gt-product-faq-section {
        margin-top: 58px;
        border-radius: 24px;
    }

    .gt-product-faq-layout {
        grid-template-columns: 1fr;
        gap: 26px;
        min-height: auto;
        padding: 30px 20px 24px;
    }

    .gt-product-faq-media {
        min-height: 260px;
        order: -1;
    }

    .gt-product-faq-media img {
        bottom: -34px;
        width: min(520px, 112%);
    }

    .gt-product-faq-header {
        margin-bottom: 20px;
    }

    .gt-product-faq-header h2 {
        font-size: 1.45rem;
        font-weight: 600;
        letter-spacing: -.015em;
    }

    .gt-faq-question {
        padding: 16px 17px;
        font-size: 12.8px;
    }

    .gt-faq-answer-inner {
        padding: 0 17px;
        font-size: 12.2px;
        line-height: 1.7;
    }
}

@media (max-width: 549px) {
    .gt-product-faq-section {
        margin-top: 48px;
        border-radius: 20px;
    }

    .gt-product-faq-layout {
        padding: 24px 16px 20px;
    }

    .gt-product-faq-media {
        min-height: 220px;
    }

    .gt-product-faq-header h2 {
        font-size: 1.3rem;
    }

    .gt-product-faq-items {
        gap: 8px;
    }
}

/* =========================================================
   Product FAQ Visual Block - Design Fix
========================================================= */

.gt-product-faq-section {
    margin-top: 68px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 12% 78%, rgba(138,92,255,.10), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
        #090a0f;
}

.gt-product-faq-layout {
    grid-template-columns: minmax(300px, .86fr) minmax(0, 1fr);
    gap: 46px;
    min-height: 460px;
    padding: 44px 54px 42px;
}

.gt-product-faq-header {
    margin-bottom: 24px;
}

.gt-product-faq-header h2 {
    max-width: 620px;
    font-size: clamp(1.45rem, 1.8vw, 1.9rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.018em;
}

.gt-product-faq-media {
    min-height: 360px;
    align-self: end;
    overflow: hidden;
}

.gt-product-faq-media::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(9,10,15,0) 0%,
            rgba(9,10,15,.08) 48%,
            rgba(9,10,15,.72) 100%
        );
    pointer-events: none;
}

.gt-product-faq-media::after {
    z-index: 2;
    height: 46%;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(9,10,15,.72) 62%,
            #090a0f 100%
        );
}

.gt-product-faq-media img {
    left: 42%;
    bottom: -10px;
    width: min(620px, 126%);
    opacity: .9;
    filter:
        drop-shadow(0 24px 44px rgba(0,0,0,.34))
        saturate(.96)
        contrast(1.02);
}

.gt-product-faq-items {
    gap: 9px;
}

.gt-faq-item {
    border-color: rgba(255,255,255,.055);
    background: rgba(255,255,255,.028);
}

.gt-faq-question {
    min-height: 58px;
    padding: 15px 18px;
    font-size: 12.6px;
    line-height: 1.4;
}

.gt-faq-icon {
    font-size: 20px;
}

.gt-faq-answer-inner {
    font-size: 12px;
    line-height: 1.68;
}


/* Mobile */

@media (max-width: 849px) {

    .gt-product-faq-section {
        margin-top: 54px;
        border-radius: 24px;
    }

    .gt-product-faq-layout {
        gap: 22px;
        padding: 28px 18px 22px;
    }

    .gt-product-faq-media {
        min-height: 230px;
    }

    .gt-product-faq-media img {
        left: 50%;
        bottom: -18px;
        width: min(500px, 114%);
    }

    .gt-product-faq-header h2 {
        font-size: 1.22rem;
        font-weight: 700;
    }

    .gt-faq-question {
        min-height: 54px;
        padding: 14px 15px;
        font-size: 12.2px;
    }

}


/* =========================================================
   FAQ Block - Premium layout / Keyart style
========================================================= */

.gt-product-faq-section {
    margin-top: 72px;
    border-radius: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 78%, rgba(138,92,255,.10), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.006)),
        #090a0f;
}

.gt-product-faq-layout {
    display: grid;
    grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1fr);
    gap: 56px;
    align-items: stretch;
    min-height: 560px;
    padding: 48px 56px;
}

/* Columna izquierda */

.gt-product-faq-media {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    border-radius: 24px 0 0 24px;
    background: transparent;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.gt-product-faq-media::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(circle at 18% 80%, rgba(138,92,255,.12), transparent 28%),
        linear-gradient(90deg, rgba(9,10,15,0) 0%, rgba(9,10,15,.08) 58%, rgba(9,10,15,.5) 100%);
    pointer-events: none;
}

.gt-product-faq-media::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 22%;
    z-index: 2;
    background: linear-gradient(180deg, transparent 0%, rgba(9,10,15,.28) 48%, #090a0f 100%);
    pointer-events: none;
}

.gt-product-faq-media img {
    position: absolute;
    left: -2%;
    bottom: 0;
    z-index: 0;
    width: auto;
    height: 92%;
    max-width: none;
    object-fit: contain;
    object-position: left bottom;
    display: block;
    filter: drop-shadow(0 24px 40px rgba(0,0,0,.26));
}

/* Columna derecha */

.gt-product-faq-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.gt-product-faq-header {
    margin-bottom: 24px;
}

.gt-product-faq-header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.85rem, 2.25vw, 2.8rem);
    font-weight: 300;
    line-height: 1.12;
    letter-spacing: -.02em;
    max-width: 760px;
}

/* Lista */

.gt-product-faq-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gt-faq-item {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.028);
    transition: border-color .2s ease, background .2s ease;
}

.gt-faq-item:hover {
    border-color: rgba(255,255,255,.13);
    background: rgba(255,255,255,.04);
}

.gt-faq-question {
    min-height: 64px;
    padding: 18px 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.gt-faq-answer-inner {
    padding: 0 20px 20px;
    font-size: 14px;
    line-height: 1.75;
    color: rgba(255,255,255,.76);
}

.gt-faq-icon {
    font-size: 22px;
    opacity: .92;
}

/* Mobile */

@media (max-width: 849px) {

    .gt-product-faq-section {
        margin-top: 56px;
        border-radius: 24px;
    }

    .gt-product-faq-layout {
        grid-template-columns: 1fr;
        gap: 20px;
        min-height: auto;
        padding: 28px 18px 22px;
    }

    .gt-product-faq-media {
        min-height: 260px;
        border-radius: 20px;
    }

    .gt-product-faq-media img {
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        max-width: 118%;
    }

    .gt-product-faq-header {
        margin-bottom: 18px;
    }

    .gt-product-faq-header h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.15;
        max-width: none;
    }

    .gt-faq-question {
        min-height: 56px;
        padding: 15px 16px;
        font-size: 13.5px;
    }

    .gt-faq-answer-inner {
        padding: 0 16px 18px;
        font-size: 13px;
        line-height: 1.7;
    }
}


/* =========================================================
   FAQ Block - Repair / Stable Premium Layout
========================================================= */

.gt-product-faq-section {
    margin-top: 72px;
    border-radius: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 76%, rgba(138,92,255,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,.006)),
        #090a0f;
}

.gt-product-faq-layout {
    display: grid;
    grid-template-columns: minmax(420px, .95fr) minmax(0, 1fr);
    gap: 52px;
    align-items: center;
    min-height: 500px;
    padding: 46px 56px;
}

/* =========================================================
   FAQ - Keyart tuning
========================================================= */

.gt-product-faq-section {
    margin-top: 72px;
    border-radius: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 76%, rgba(138,92,255,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,.006)),
        #090a0f;
}

.gt-product-faq-layout {
    display: grid;
    grid-template-columns: minmax(460px, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
    min-height: 520px;
    padding: 42px 56px;
}

/* Columna izquierda */
.gt-product-faq-media {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    border-radius: 0;
    background: transparent;
}

/* Glow/fade general */
.gt-product-faq-media::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        radial-gradient(circle at 18% 78%, rgba(86,52,255,.14), transparent 34%),
        linear-gradient(
            90deg,
            rgba(9,10,15,0) 0%,
            rgba(9,10,15,.03) 45%,
            rgba(9,10,15,.52) 82%,
            rgba(9,10,15,.72) 100%
        ),
        linear-gradient(
            180deg,
            rgba(9,10,15,.04) 0%,
            rgba(9,10,15,0) 34%,
            rgba(9,10,15,.30) 100%
        );
    pointer-events: none;
}

/* Fade inferior */
.gt-product-faq-media::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: 22%;
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(9,10,15,.18) 35%,
        rgba(9,10,15,.62) 78%,
        #090a0f 100%
    );
    pointer-events: none;
}

/* KEYART */
.gt-product-faq-media img {
    position: absolute;
    left: -6%;
    bottom: 0;
    z-index: 1;
    width: auto;
    height: 112%;
    max-width: none;
    object-fit: contain;
    object-position: left bottom;
    opacity: .98;
    filter:
        drop-shadow(0 24px 44px rgba(0,0,0,.32))
        saturate(1)
        contrast(1.02);
}

/* Columna derecha */
.gt-product-faq-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.gt-product-faq-header {
    margin-bottom: 22px;
}

.gt-product-faq-header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.5rem, 1.85vw, 2.1rem);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -.02em;
}

/* Mobile */
@media (max-width: 849px) {

    .gt-product-faq-layout {
        grid-template-columns: 1fr;
        gap: 22px;
        min-height: auto;
        padding: 28px 18px 22px;
    }

    .gt-product-faq-media {
        min-height: 300px;
    }

    .gt-product-faq-media img {
        left: 50%;
        bottom: 0;
        height: 108%;
        transform: translateX(-50%);
    }

    .gt-product-faq-header h2 {
        font-size: 1.28rem;
        font-weight: 700;
    }
}
/* Right content */

.gt-product-faq-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.gt-product-faq-header {
    margin-bottom: 24px;
}

.gt-product-faq-header h2 {
    max-width: 680px;
    margin: 0;
    color: #fff;
    font-size: clamp(1.45rem, 1.9vw, 2.15rem);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.018em;
}

.gt-product-faq-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gt-faq-item {
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 0;
    background: rgba(255,255,255,.028);
    overflow: hidden;
    transition:
        border-color .2s ease,
        background .2s ease;
}

.gt-faq-item:hover,
.gt-faq-item.is-active {
    border-color: rgba(255,255,255,.13);
    background: rgba(255,255,255,.045);
}

.gt-faq-question {
    min-height: 58px;
    padding: 15px 18px;
    font-size: 12.8px;
    font-weight: 700;
    line-height: 1.4;
}

.gt-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .25s ease;
}

.gt-faq-answer-inner {
    min-height: 0;
    overflow: hidden;
    padding: 0 18px;
    color: rgba(255,255,255,.72);
    font-size: 12.2px;
    font-weight: 500;
    line-height: 1.7;
}

.gt-faq-answer-inner p {
    margin: 0 0 14px;
}

.gt-faq-answer-inner p:last-child {
    margin-bottom: 0;
}

.gt-faq-item.is-active .gt-faq-answer {
    grid-template-rows: 1fr;
}

.gt-faq-item.is-active .gt-faq-answer-inner {
    padding-bottom: 18px;
}

.gt-faq-item.is-active .gt-faq-icon {
    transform: rotate(45deg);
}

/* Mobile */

@media (max-width: 849px) {

    .gt-product-faq-section {
        margin-top: 56px;
        border-radius: 24px;
    }

    .gt-product-faq-layout {
        grid-template-columns: 1fr;
        gap: 22px;
        min-height: auto;
        padding: 28px 18px 22px;
    }

    .gt-product-faq-media {
        min-height: 240px;
        align-self: auto;
        border-radius: 20px;
    }

    .gt-product-faq-media img {
        width: 112%;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }

    .gt-product-faq-header {
        margin-bottom: 18px;
    }

    .gt-product-faq-header h2 {
        max-width: none;
        font-size: 1.28rem;
        font-weight: 700;
    }

    .gt-faq-question {
        min-height: 54px;
        padding: 14px 15px;
        font-size: 12.3px;
    }

    .gt-faq-answer-inner {
        padding: 0 15px;
        font-size: 12px;
        line-height: 1.68;
    }

    .gt-faq-item.is-active .gt-faq-answer-inner {
        padding-bottom: 16px;
    }
}


/* =========================================================
   FAQ Keyart - Final Position Fix
========================================================= */

.gt-product-faq-layout {
    grid-template-columns: minmax(520px, 1fr) minmax(0, 1fr);
    gap: 52px;
    min-height: 540px;
    padding: 42px 56px;
}

.gt-product-faq-media {
    min-height: 500px;
    overflow: hidden;
    border-radius: 0;
}

.gt-product-faq-media img {
    left: -18% !important;
    bottom: -2px !important;
    width: auto !important;
    height: 112% !important;
    max-width: none !important;
    transform: none !important;
    object-fit: contain !important;
    object-position: left bottom !important;
}

.gt-product-faq-media::before {
    background:
        radial-gradient(circle at 20% 74%, rgba(138,92,255,.10), transparent 32%),
        linear-gradient(
            90deg,
            rgba(9,10,15,0) 0%,
            rgba(9,10,15,.02) 48%,
            rgba(9,10,15,.46) 82%,
            rgba(9,10,15,.72) 100%
        );
}

.gt-product-faq-media::after {
    height: 24%;
}


/* =========================================================
   FAQ Block - Section Level Keyart Layout
========================================================= */

.gt-product-faq-section {
    position: relative;
    margin-top: 72px;
    min-height: 540px;
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 16% 78%, rgba(138,92,255,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,.006)),
        #090a0f;
    isolation: isolate;
}

.gt-product-faq-layout {
    position: relative;
    z-index: 2;
    display: block;
    min-height: 540px;
    padding: 48px 58px;
}

/* Keyart como pieza escénica, no como card */
.gt-product-faq-media {
    position: absolute !important;
    inset: auto auto 0 0 !important;
    z-index: 1;
    width: 56%;
    height: 100%;
    min-height: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    pointer-events: none;
}

.gt-product-faq-media::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(
            90deg,
            rgba(9,10,15,0) 0%,
            rgba(9,10,15,.05) 52%,
            rgba(9,10,15,.58) 84%,
            rgba(9,10,15,.82) 100%
        );
    pointer-events: none;
}

.gt-product-faq-media::after {
    content: '';
    position: absolute;
    left: 0;
    right: -12%;
    bottom: 0;
    z-index: 3;
    height: 34%;
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(9,10,15,.52) 68%,
            #090a0f 100%
        );
    pointer-events: none;
}

.gt-product-faq-media img {
    position: absolute !important;
    left: -6% !important;
    bottom: 0 !important;
    z-index: 1;
    width: 112% !important;
    height: auto !important;
    max-width: none !important;
    transform: none !important;
    object-fit: contain !important;
    object-position: left bottom !important;
    opacity: .95;
    filter:
        drop-shadow(0 24px 44px rgba(0,0,0,.34))
        saturate(.98)
        contrast(1.02);
}

/* FAQ a la derecha */
.gt-product-faq-content {
    position: relative;
    z-index: 4;
    width: min(620px, 48%);
    min-height: 444px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gt-product-faq-header {
    margin-bottom: 22px;
}

.gt-product-faq-header h2 {
    max-width: 620px;
    margin: 0;
    color: #fff;
    font-size: clamp(1.45rem, 1.85vw, 2.05rem);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -.018em;
}

.gt-product-faq-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gt-faq-item {
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 0;
    background: rgba(255,255,255,.028);
    overflow: hidden;
}

.gt-faq-question {
    min-height: 58px;
    padding: 15px 18px;
    font-size: 12.8px;
    font-weight: 700;
    line-height: 1.4;
}

.gt-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .25s ease;
}

.gt-faq-answer-inner {
    min-height: 0;
    overflow: hidden;
    padding: 0 18px;
    color: rgba(255,255,255,.72);
    font-size: 12.2px;
    line-height: 1.7;
}

.gt-faq-answer-inner p {
    margin: 0 0 14px;
}

.gt-faq-answer-inner p:last-child {
    margin-bottom: 0;
}

.gt-faq-item.is-active .gt-faq-answer {
    grid-template-rows: 1fr;
}

.gt-faq-item.is-active .gt-faq-answer-inner {
    padding-bottom: 18px;
}

.gt-faq-item.is-active .gt-faq-icon {
    transform: rotate(45deg);
}

/* Mobile */
@media (max-width: 849px) {

    .gt-product-faq-section {
        min-height: auto;
        margin-top: 56px;
        border-radius: 24px;
    }

    .gt-product-faq-layout {
        min-height: auto;
        padding: 24px 18px 22px;
    }

    .gt-product-faq-media {
        position: relative !important;
        width: 100%;
        height: 260px;
        margin-bottom: 22px;
        overflow: hidden !important;
    }

    .gt-product-faq-media img {
        left: 50% !important;
        bottom: 0 !important;
        width: 112% !important;
        transform: translateX(-50%) !important;
    }

    .gt-product-faq-content {
        width: 100%;
        min-height: 0;
        margin-left: 0;
    }

    .gt-product-faq-header h2 {
        font-size: 1.28rem;
    }

    .gt-faq-question {
        min-height: 54px;
        padding: 14px 15px;
        font-size: 12.3px;
    }

    .gt-faq-answer-inner {
        padding: 0 15px;
        font-size: 12px;
    }

    .gt-faq-item.is-active .gt-faq-answer-inner {
        padding-bottom: 16px;
    }
}


/* =========================================================
   FAQ Keyart - Hide Bottom Cut
========================================================= */

.gt-product-faq-section {
    overflow: hidden;
}

.gt-product-faq-media img {
    bottom: -58px !important;
    width: 118% !important;
}

.gt-product-faq-media::after {
    height: 36%;
    bottom: -1px;
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(9,10,15,.30) 52%,
            rgba(9,10,15,.78) 82%,
            #090a0f 100%
        );
}


/* =========================================================
   FAQ Final Polish
========================================================= */

.gt-product-faq-header h2 {
    font-size: clamp(1.32rem, 1.55vw, 1.75rem) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: -.015em !important;
}

.gt-faq-item {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.085) !important;
}

.gt-faq-item:hover,
.gt-faq-item.is-active {
    background: rgba(255,255,255,.065) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.gt-faq-question {
    min-height: 56px !important;
    padding: 14px 18px !important;
    font-size: 12.4px !important;
}

.gt-faq-icon {
    font-size: 19px !important;
    color: rgba(255,255,255,.82) !important;
}


/* =========================================================
   Product Premium Description
========================================================= */

.gt-product-premium-description {
    position: relative;
    margin-top: 56px;
    min-height: 420px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 30px;
    background: #090a0f;
    isolation: isolate;
}

.gt-product-premium-description-bg,
.gt-product-premium-description-layer {
    position: absolute;
    inset: 0;
}

.gt-product-premium-description-bg {
    z-index: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.025);
    filter: saturate(.95) contrast(1.02);
}

.gt-product-premium-description-layer {
    z-index: 1;
    pointer-events: none;
}

.gt-product-premium-description.is-overlay-soft .gt-product-premium-description-layer {
    background:
        radial-gradient(circle at 14% 18%, rgba(138,92,255,.14), transparent 30%),
        linear-gradient(90deg, rgba(7,8,12,.86) 0%, rgba(7,8,12,.74) 48%, rgba(7,8,12,.84) 100%),
        linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.42) 100%);
}

.gt-product-premium-description.is-overlay-medium .gt-product-premium-description-layer {
    background:
        radial-gradient(circle at 14% 18%, rgba(138,92,255,.14), transparent 30%),
        linear-gradient(90deg, rgba(7,8,12,.90) 0%, rgba(7,8,12,.80) 48%, rgba(7,8,12,.88) 100%),
        linear-gradient(180deg, rgba(0,0,0,.24) 0%, rgba(0,0,0,.52) 100%);
}

.gt-product-premium-description.is-overlay-strong .gt-product-premium-description-layer,
.gt-product-premium-description.is-no-bg .gt-product-premium-description-layer {
    background:
        radial-gradient(circle at 14% 18%, rgba(138,92,255,.15), transparent 30%),
        linear-gradient(90deg, rgba(7,8,12,.94) 0%, rgba(7,8,12,.86) 46%, rgba(7,8,12,.92) 100%),
        linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.60) 100%);
}

.gt-product-premium-description::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 22%),
        radial-gradient(circle at 86% 18%, rgba(138,92,255,.10), transparent 28%);
}

.gt-product-premium-description-inner {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    gap: 54px;
    align-items: center;
    min-height: 420px;
    padding: 50px 54px;
}

.gt-product-premium-description-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: rgba(255,255,255,.72);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.gt-product-premium-description-headline {
    max-width: 740px;
    margin: 0;
    color: #fff;
    font-size: clamp(1.85rem, 3vw, 3.15rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
}

.gt-product-premium-description-support {
    max-width: 620px;
}

.gt-product-premium-description-support,
.gt-product-premium-description-support p {
    color: rgba(255,255,255,.82);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.82;
}

.gt-product-premium-description-support p {
    margin: 0 0 16px;
}

.gt-product-premium-description-support p:last-child {
    margin-bottom: 0;
}


/* Mobile */

@media (max-width: 849px) {

    .gt-product-premium-description {
        margin-top: 42px;
        min-height: auto;
        border-radius: 24px;
    }

    .gt-product-premium-description-bg {
        background-position: center center;
    }

    .gt-product-premium-description-inner {
        grid-template-columns: 1fr;
        gap: 22px;
        min-height: auto;
        padding: 30px 22px;
    }

    .gt-product-premium-description-eyebrow {
        margin-bottom: 10px;
        font-size: 9.5px;
    }

    .gt-product-premium-description-headline {
        font-size: clamp(1.55rem, 7vw, 2.15rem);
        line-height: 1.1;
    }

    .gt-product-premium-description-support,
    .gt-product-premium-description-support p {
        font-size: 12.6px;
        line-height: 1.72;
    }

}

@media (max-width: 549px) {

    .gt-product-premium-description {
        margin-top: 36px;
        border-radius: 20px;
    }

    .gt-product-premium-description-inner {
        padding: 26px 18px;
    }

}


/* =========================================================
   Premium Description - Typography Tuning
========================================================= */

.gt-product-premium-description {
    min-height: 360px;
}

.gt-product-premium-description-inner {
    min-height: 360px;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
    gap: 46px;
    padding: 42px 54px;
}

.gt-product-premium-description-eyebrow {
    margin-bottom: 12px;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .12em;
}

.gt-product-premium-description-headline {
    max-width: 610px;
    font-size: clamp(1.8rem, 2.45vw, 2.55rem);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -.028em;
}

.gt-product-premium-description-support {
    max-width: 560px;
}

.gt-product-premium-description-support,
.gt-product-premium-description-support p {
    font-size: 12.8px;
    font-weight: 500;
    line-height: 1.78;
}

.gt-product-premium-description-support p {
    margin-bottom: 14px;
}


/* Mobile */

@media (max-width: 849px) {

    .gt-product-premium-description {
        min-height: auto;
    }

    .gt-product-premium-description-inner {
        min-height: auto;
        gap: 20px;
        padding: 28px 20px;
    }

    .gt-product-premium-description-eyebrow {
        font-size: 8.8px;
        margin-bottom: 9px;
    }

    .gt-product-premium-description-headline {
        max-width: none;
        font-size: clamp(1.45rem, 6.4vw, 1.95rem);
        line-height: 1.12;
    }

    .gt-product-premium-description-support,
    .gt-product-premium-description-support p {
        font-size: 12.1px;
        line-height: 1.7;
    }

}


/* =========================================================
   Premium Description - Final Polish
========================================================= */

.gt-product-premium-description-headline {
    max-width: 570px;
    font-size: clamp(1.72rem, 2.25vw, 2.38rem);
    font-weight: 500;
    line-height: 1.13;
}

.gt-product-premium-description-support {
    max-width: 520px;
}

.gt-product-premium-description-support,
.gt-product-premium-description-support p {
    font-size: 12.6px;
    line-height: 1.82;
}

.gt-product-premium-description-inner {
    gap: 44px;
}


/* =========================================================
   Mobile Fix - Premium Description + FAQ
========================================================= */

@media (max-width: 849px) {

    /* ------------------------------
       Premium Description Mobile
    ------------------------------ */

    .gt-product-premium-description {
        margin-top: 38px !important;
        min-height: auto !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    .gt-product-premium-description-bg {
        background-position: center center !important;
        background-size: cover !important;
        transform: scale(1.04) !important;
    }

    .gt-product-premium-description.is-overlay-strong .gt-product-premium-description-layer,
    .gt-product-premium-description.is-overlay-medium .gt-product-premium-description-layer,
    .gt-product-premium-description.is-overlay-soft .gt-product-premium-description-layer {
        background:
            radial-gradient(circle at 18% 12%, rgba(138,92,255,.14), transparent 34%),
            linear-gradient(180deg, rgba(7,8,12,.86) 0%, rgba(7,8,12,.88) 48%, rgba(7,8,12,.94) 100%) !important;
    }

    .gt-product-premium-description-inner {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 18px !important;
        min-height: auto !important;
        padding: 28px 22px 30px !important;
    }

    .gt-product-premium-description-main,
    .gt-product-premium-description-support {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .gt-product-premium-description-eyebrow {
        margin-bottom: 9px !important;
        font-size: 8.5px !important;
        line-height: 1.2 !important;
        letter-spacing: .12em !important;
    }

    .gt-product-premium-description-headline {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        font-size: clamp(1.38rem, 6.2vw, 1.85rem) !important;
        font-weight: 700 !important;
        line-height: 1.12 !important;
        letter-spacing: -.022em !important;
    }

    .gt-product-premium-description-support,
    .gt-product-premium-description-support p {
        width: 100% !important;
        max-width: none !important;
        font-size: 12px !important;
        line-height: 1.68 !important;
        font-weight: 500 !important;
        overflow-wrap: break-word !important;
    }

    .gt-product-premium-description-support p {
        margin: 0 0 12px !important;
    }

    .gt-product-premium-description-support p:last-child {
        margin-bottom: 0 !important;
    }


    /* ------------------------------
       FAQ Mobile
    ------------------------------ */

    .gt-product-faq-section {
        margin-top: 48px !important;
        min-height: auto !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    .gt-product-faq-layout {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        min-height: auto !important;
        padding: 24px 18px 0 !important;
    }

    .gt-product-faq-content {
        order: 1 !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        z-index: 4 !important;
    }

    .gt-product-faq-header {
        margin-bottom: 18px !important;
    }

    .gt-product-faq-header h2 {
        max-width: none !important;
        font-size: 1.18rem !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: -.015em !important;
    }

    .gt-product-faq-items {
        gap: 10px !important;
    }

    .gt-faq-item {
        background: rgba(255,255,255,.045) !important;
        border-color: rgba(255,255,255,.085) !important;
    }

    .gt-faq-question {
        min-height: 58px !important;
        padding: 14px 16px !important;
        font-size: 12.2px !important;
        line-height: 1.38 !important;
    }

    .gt-faq-icon {
        font-size: 19px !important;
    }

    .gt-faq-answer-inner {
        padding: 0 16px !important;
        font-size: 11.8px !important;
        line-height: 1.65 !important;
    }

    .gt-faq-item.is-active .gt-faq-answer-inner {
        padding-bottom: 16px !important;
    }

    .gt-product-faq-media {
        order: 2 !important;
        position: relative !important;
        inset: auto !important;
        width: calc(100% + 36px) !important;
        height: 220px !important;
        min-height: 220px !important;
        margin: 24px -18px 0 !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        pointer-events: none !important;
    }

    .gt-product-faq-media::before {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        background:
            linear-gradient(
                180deg,
                #090a0f 0%,
                rgba(9,10,15,.18) 28%,
                rgba(9,10,15,0) 56%
            ),
            linear-gradient(
                90deg,
                rgba(9,10,15,.28) 0%,
                rgba(9,10,15,0) 42%,
                rgba(9,10,15,.36) 100%
            ) !important;
    }

    .gt-product-faq-media::after {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 3 !important;
        height: 42% !important;
        background:
            linear-gradient(
                180deg,
                transparent 0%,
                rgba(9,10,15,.58) 70%,
                #090a0f 100%
            ) !important;
    }

    .gt-product-faq-media img {
        position: absolute !important;
        left: 50% !important;
        bottom: -34px !important;
        width: 116% !important;
        height: auto !important;
        max-width: none !important;
        transform: translateX(-50%) !important;
        object-fit: contain !important;
        object-position: center bottom !important;
        opacity: .9 !important;
    }

}


@media (max-width: 549px) {

    .gt-product-premium-description-inner {
        padding: 26px 18px 28px !important;
    }

    .gt-product-premium-description-headline {
        font-size: clamp(1.32rem, 6.6vw, 1.75rem) !important;
    }

    .gt-product-faq-layout {
        padding: 22px 16px 0 !important;
    }

    .gt-product-faq-media {
        width: calc(100% + 32px) !important;
        height: 205px !important;
        min-height: 205px !important;
        margin: 22px -16px 0 !important;
    }

    .gt-product-faq-media img {
        bottom: -30px !important;
        width: 100% !important;
    }

}


/* =========================================================
   FAQ Mobile - Keyart Blend Fix
========================================================= */

@media (max-width: 849px) {

    .gt-product-faq-section {
        position: relative !important;
        background:
            radial-gradient(circle at 50% 92%, rgba(138,92,255,.10), transparent 34%),
            linear-gradient(180deg, #090a0f 0%, #090a0f 68%, #0b0b14 100%) !important;
    }

    .gt-product-faq-section::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        pointer-events: none !important;
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.018) 0%,
                transparent 22%,
                rgba(138,92,255,.035) 78%,
                rgba(0,0,0,.10) 100%
            ) !important;
    }

    .gt-product-faq-layout {
        position: relative !important;
        z-index: 2 !important;
        padding-bottom: 0 !important;
    }

    .gt-product-faq-content {
        position: relative !important;
        z-index: 5 !important;
        padding-bottom: 8px !important;
    }

    .gt-product-faq-media {
        height: 218px !important;
        min-height: 218px !important;
        margin-top: 8px !important;
        background: transparent !important;
    }

    .gt-product-faq-media::before {
        background:
            linear-gradient(
                180deg,
                rgba(9,10,15,.10) 0%,
                rgba(9,10,15,.03) 22%,
                rgba(9,10,15,0) 48%
            ),
            linear-gradient(
                90deg,
                rgba(9,10,15,.30) 0%,
                rgba(9,10,15,0) 42%,
                rgba(9,10,15,.26) 100%
            ) !important;
    }

    .gt-product-faq-media::after {
        height: 44% !important;
        background:
            linear-gradient(
                180deg,
                transparent 0%,
                rgba(9,10,15,.34) 56%,
                #090a0f 100%
            ) !important;
    }

    .gt-product-faq-media img {
        bottom: -28px !important;
        width: 120% !important;
        opacity: .82 !important;
        filter:
            saturate(.96)
            contrast(1.02)
            brightness(.86)
            drop-shadow(0 22px 38px rgba(0,0,0,.32)) !important;
    }

}

@media (max-width: 549px) {

    .gt-product-faq-media {
        height: 198px !important;
        min-height: 198px !important;
        margin-top: 6px !important;
    }

    .gt-product-faq-media img {
        bottom: -24px !important;
        width: 100% !important;
    }

}


/* =========================================================
   FAQ Overlay - Full Section Fix
========================================================= */

.gt-product-faq-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: #090a0f !important;
}

.gt-product-faq-layout {
    position: relative !important;
    z-index: 2 !important;
}

/* Overlay general para TODO el bloque */
.gt-product-faq-layout::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
        radial-gradient(
            circle at 18% 78%,
            rgba(138,92,255,.10),
            transparent 32%
        ),
        linear-gradient(
            90deg,
            rgba(9,10,15,.08) 0%,
            rgba(9,10,15,.22) 34%,
            rgba(9,10,15,.72) 58%,
            rgba(9,10,15,.92) 100%
        ),
        linear-gradient(
            180deg,
            rgba(9,10,15,.10) 0%,
            rgba(9,10,15,.02) 38%,
            rgba(9,10,15,.62) 100%
        ) !important;
}

/* Apagamos el overlay vertical viejo de la imagen */
.gt-product-faq-media::before {
    display: none !important;
}

/* Dejamos solo el fade inferior del keyart */
.gt-product-faq-media::after {
    z-index: 3 !important;
    height: 34% !important;
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(9,10,15,.50) 68%,
            #090a0f 100%
        ) !important;
}

/* Imagen detrás del overlay */
.gt-product-faq-media {
    z-index: 1 !important;
}

/* Contenido por encima de todo */
.gt-product-faq-content {
    position: relative !important;
    z-index: 5 !important;
}


/* =========================================================
   Product Page - Premium Section Spacing System
========================================================= */

/* Trust box debajo del hero */
.gt-product-trust-system {
    margin-top: 54px !important;
    margin-bottom: 0 !important;
}

/* Descripción premium */
.gt-product-premium-description {
    margin-top: 72px !important;
    margin-bottom: 0 !important;
}

/* Características destacadas */
.gt-product-features-section {
    margin-top: 78px !important;
    margin-bottom: 0 !important;
}

/* Ediciones disponibles */
.gt-product-editions {
    margin-top: 86px !important;
    margin-bottom: 0 !important;
}

/* Acordeón técnico */
.gt-product-info-accordion {
    margin-top: 88px !important;
    margin-bottom: 0 !important;
}

/* FAQ final */
.gt-product-faq-section {
    margin-top: 76px !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   Internal Headings Spacing
========================================================= */

.gt-product-features-header,
.gt-product-editions-header,
.gt-product-faq-header {
    margin-bottom: 24px !important;
}


/* =========================================================
   Mobile Spacing
========================================================= */

@media (max-width: 849px) {

    .gt-product-trust-system {
        margin-top: 40px !important;
    }

    .gt-product-premium-description {
        margin-top: 54px !important;
    }

    .gt-product-features-section {
        margin-top: 58px !important;
    }

    .gt-product-editions {
        margin-top: 62px !important;
    }

    .gt-product-info-accordion {
        margin-top: 62px !important;
    }

    .gt-product-faq-section {
        margin-top: 56px !important;
    }

    .gt-product-features-header,
    .gt-product-editions-header,
    .gt-product-faq-header {
        margin-bottom: 18px !important;
    }

}

@media (max-width: 549px) {

    .gt-product-trust-system {
        margin-top: 36px !important;
    }

    .gt-product-premium-description {
        margin-top: 46px !important;
    }

    .gt-product-features-section {
        margin-top: 52px !important;
    }

    .gt-product-editions {
        margin-top: 56px !important;
    }

    .gt-product-info-accordion {
        margin-top: 56px !important;
    }

    .gt-product-faq-section {
        margin-top: 50px !important;
    }

}


/* =========================================================
   Product Payment Methods
========================================================= */

.gt-product-payment-methods {
    margin-top: 22px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 20px;
    background:
        radial-gradient(circle at top left, rgba(138,92,255,.08), transparent 34%),
        rgba(255,255,255,.022);
}

.gt-payment-header {
    margin-bottom: 14px;
}

.gt-payment-title {
    margin: 0 0 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.gt-payment-intro {
    max-width: 420px;
    margin: 0;
    color: rgba(255,255,255,.62);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.55;
}

.gt-payment-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gt-payment-item {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    align-items: center;
    gap: 11px;
    min-height: 54px;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 15px;
    background: rgba(255,255,255,.026);
}

.gt-payment-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(138,92,255,.18);
    border-radius: 12px;
    background: rgba(138,92,255,.10);
    color: rgba(138,92,255,.96);
}

.gt-payment-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.gt-payment-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.gt-payment-item-title {
    color: rgba(255,255,255,.94);
    font-size: 12.2px;
    font-weight: 700;
    line-height: 1.25;
}

.gt-payment-item-description {
    color: rgba(255,255,255,.58);
    font-size: 10.8px;
    font-weight: 500;
    line-height: 1.35;
}

.gt-payment-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.72);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.gt-payment-note {
    margin: 12px 0 0;
    color: rgba(255,255,255,.42);
    font-size: 10.2px;
    font-weight: 500;
    line-height: 1.55;
}


/* Mobile */

@media (max-width: 849px) {

    .gt-product-payment-methods {
        margin-top: 20px;
        padding: 16px;
        border-radius: 18px;
    }

    .gt-payment-item {
        grid-template-columns: 32px 1fr;
        gap: 10px;
    }


}

@media (max-width: 549px) {

    .gt-payment-title {
        font-size: 12.6px;
    }

    .gt-payment-intro {
        font-size: 11.2px;
    }

    .gt-payment-item-title {
        font-size: 12px;
    }

    .gt-payment-item-description {
        font-size: 10.6px;
    }

}


/* =========================================================
   Payment Methods - Buy Box Compact Polish
========================================================= */

.gt-product-payment-methods {
    margin-top: 18px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at top left, rgba(138,92,255,.075), transparent 34%),
        rgba(255,255,255,.018) !important;
}

.gt-payment-header {
    margin-bottom: 12px !important;
}

.gt-payment-title {
    margin-bottom: 4px !important;
    font-size: 12.4px !important;
    line-height: 1.2 !important;
}

.gt-payment-intro {
    max-width: 460px !important;
    font-size: 10.8px !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,.58) !important;
}

.gt-payment-list {
    gap: 7px !important;
}

.gt-payment-item {
    min-height: 48px !important;
    padding: 9px 10px !important;
    grid-template-columns: 31px 1fr auto !important;
    gap: 10px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.022) !important;
}

.gt-payment-icon {
    width: 31px !important;
    height: 31px !important;
    border-radius: 11px !important;
}

.gt-payment-icon svg {
    width: 16px !important;
    height: 16px !important;
}

.gt-payment-item-title {
    font-size: 11.5px !important;
    line-height: 1.22 !important;
}

.gt-payment-item-description {
    font-size: 10.1px !important;
    line-height: 1.3 !important;
    color: rgba(255,255,255,.54) !important;
}

.gt-payment-badge {
    min-height: 21px !important;
    padding: 0 8px !important;
    font-size: 8px !important;
    letter-spacing: .075em !important;
}

.gt-payment-note {
    margin-top: 10px !important;
    font-size: 9.5px !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,.38) !important;
}


/* =========================================================
   Payment Methods - Final Hero Fit
========================================================= */

.gt-product-payment-methods {
    max-width: 560px !important;
    margin-top: 16px !important;
}

.gt-payment-list {
    gap: 6px !important;
}

.gt-payment-item {
    min-height: 44px !important;
    padding: 8px 10px !important;
}

.gt-payment-icon {
    width: 29px !important;
    height: 29px !important;
}

.gt-payment-icon svg {
    width: 15px !important;
    height: 15px !important;
}

.gt-payment-item-title {
    font-size: 11.2px !important;
}

.gt-payment-item-description {
    font-size: 9.8px !important;
}

.gt-payment-note {
    margin-top: 9px !important;
    font-size: 9.2px !important;
}

/* =========================================================
   GT Stable Fix — Info Accordion + FAQ States
   =========================================================
   Real classes used by the current product page:
   - Info accordion panel: .gt-info-accordion-panel
   - FAQ panel: .gt-faq-answer
   These rules intentionally avoid display:none so JS can animate max-height.
========================================================= */

.gt-info-accordion-trigger,
.gt-faq-question {
    cursor: pointer;
}

.gt-info-accordion-panel,
.gt-faq-answer {
    display: block !important;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition:
        max-height var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        opacity var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
    will-change: max-height, opacity;
}

.gt-info-accordion-item.is-active .gt-info-accordion-panel,
.gt-info-accordion-item.is-open .gt-info-accordion-panel,
.gt-faq-item.is-active .gt-faq-answer,
.gt-faq-item.is-open .gt-faq-answer {
    opacity: 1;
}

.gt-info-accordion-item.is-active .gt-info-accordion-icon,
.gt-info-accordion-item.is-open .gt-info-accordion-icon,
.gt-faq-item.is-active .gt-faq-icon,
.gt-faq-item.is-open .gt-faq-icon {
    color: #fff;
    transform: rotate(45deg);
}

.gt-faq-answer-inner {
    min-height: 0;
    overflow: hidden;
}

/* Prevent old grid-based FAQ animation rules from fighting max-height JS */
.gt-faq-item.is-active .gt-faq-answer,
.gt-faq-item.is-open .gt-faq-answer {
    grid-template-rows: unset;
}

/* =========================================================
   GT V2.1 — Media Gallery Premium Cinematic Polish
   ========================================================= */

/* Main gallery shell */

.gt-media-gallery {
    isolation: isolate;
}

/* Main cinematic stage */

.gt-media-stage {
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-radius: var(--gt-radius-xl, 24px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.008)),
        var(--gt-surface-raised, #111114);
    box-shadow: var(--gt-shadow-stage, 0 24px 64px rgba(0,0,0,.45));
}

/* Slides */

.gt-media-slide {
    transform: scale(.985) translateX(8px);
    transition:
        opacity var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease),
        visibility var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease);
}

.gt-media-slide.is-active {
    transform: none;
}

.gt-media-slide-link img {
    filter: contrast(1.04) saturate(.94) brightness(.98);
    transform: scale(1.001);
    transition:
        transform var(--gt-duration-cinematic, 520ms) var(--gt-ease-out, ease),
        filter var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease);
}

.gt-media-slide.is-active .gt-media-slide-link img {
    filter: contrast(1.04) saturate(.94) brightness(.98);
}

.gt-media-stage:hover .gt-media-slide.is-active .gt-media-slide-link img {
    transform: scale(1.018);
}

/* Cinematic overlays */

.gt-media-stage::before {
    z-index: 2;
    background:
        radial-gradient(
            ellipse at center,
            transparent 58%,
            rgba(0,0,0,.28) 100%
        );
}

.gt-media-stage::after {
    z-index: 3;
    box-shadow: none;
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(10,10,12,0) 54%,
            rgba(10,10,12,.42) 82%,
            rgba(10,10,12,.82) 100%
        ),
        inset 0 0 0 1px rgba(255,255,255,.025);
}

/* Label: quieter, more editorial */

.gt-media-label {
    left: 18px;
    bottom: 16px;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-radius: var(--gt-radius-full, 999px);
    background: rgba(10,10,12,.54);
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    font-family: var(--gt-font-mono, monospace);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .14em;
    backdrop-filter: var(--gt-blur-glass, blur(20px) saturate(120%));
    box-shadow: none;
}

/* Navigation arrows */

.gt-media-nav {
    width: 42px;
    height: 42px;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    background: rgba(10,10,12,.58);
    color: rgba(255,255,255,.84);
    opacity: 0;
    backdrop-filter: var(--gt-blur-glass, blur(20px) saturate(120%));
    box-shadow: none;
    transition:
        opacity var(--gt-duration-fast, 180ms) var(--gt-ease-out, ease),
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-media-stage:hover .gt-media-nav {
    opacity: 1;
}

.gt-media-nav:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16));
    background: var(--gt-surface-overlay, #1E1E25);
    color: #fff;
}

.gt-media-prev:hover {
    transform: translateY(-50%) translateX(-2px);
}

.gt-media-next:hover {
    transform: translateY(-50%) translateX(2px);
}

.gt-media-nav:focus-visible,
.gt-media-thumb:focus-visible {
    outline: 2px solid var(--gt-border-focus, var(--gt-accent, #5B5BF5));
    outline-offset: 3px;
}

/* Play button */

.gt-media-play::before {
    width: 72px;
    height: 72px;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    background: rgba(10,10,12,.62);
    backdrop-filter: var(--gt-blur-glass, blur(20px) saturate(120%));
    box-shadow: none;
}

.gt-media-slide-link.is-video:hover .gt-media-play::before {
    transform: scale(1.04);
    border-color: var(--gt-border-strong, rgba(255,255,255,.16));
    background: var(--gt-surface-overlay, #1E1E25);
}

/* Thumbnail rail */

.gt-media-rail {
    gap: var(--gt-space-3, 12px);
    margin-top: var(--gt-space-3, 12px);
    padding: 2px 2px 6px;
}

.gt-media-thumb {
    flex-basis: clamp(104px, 15vw, 136px);
}

.gt-media-thumb-inner {
    border: 1px solid var(--gt-border-subtle, rgba(255,255,255,.06));
    border-radius: var(--gt-radius-md, 10px);
    background: var(--gt-surface-raised, #111114);
    box-shadow: none;
}

.gt-media-thumb-inner::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 7px;
    z-index: 3;
    height: 2px;
    border-radius: var(--gt-radius-full, 999px);
    background: var(--gt-accent, #5B5BF5);
    opacity: 0;
    transform: scaleX(.2);
    transform-origin: left center;
    transition:
        opacity var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-media-thumb img {
    opacity: .48;
    filter: contrast(1.02) saturate(.76) brightness(.86);
}

.gt-media-thumb:hover .gt-media-thumb-inner {
    border-color: var(--gt-border-default, rgba(255,255,255,.10));
    background: var(--gt-surface-elevated, #17171C);
    transform: translateY(-1px);
}

.gt-media-thumb:hover img {
    opacity: .86;
    filter: contrast(1.03) saturate(.9) brightness(.94);
    transform: scale(1.025);
}

.gt-media-thumb.is-active .gt-media-thumb-inner {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16));
    background: var(--gt-surface-elevated, #17171C);
    box-shadow: none;
}

.gt-media-thumb.is-active .gt-media-thumb-inner::after {
    opacity: 1;
    transform: scaleX(1);
}

.gt-media-thumb.is-active img {
    opacity: 1;
    filter: contrast(1.04) saturate(.94) brightness(.98);
}

/* Thumbnail video icon */

.gt-media-thumb-play::before {
    width: 30px;
    height: 30px;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    background: rgba(10,10,12,.62);
    backdrop-filter: blur(10px);
}

/* Mobile refinements */

@media (max-width: 849px) {
    .gt-media-stage {
        border-radius: var(--gt-radius-xl, 24px);
        box-shadow: 0 18px 44px rgba(0,0,0,.34);
    }

    .gt-media-stage:hover .gt-media-slide.is-active .gt-media-slide-link img {
        transform: none;
    }

    .gt-media-label {
        left: 14px;
        bottom: 14px;
        font-size: 8px;
    }

    .gt-media-play::before {
        width: 58px;
        height: 58px;
    }

    .gt-media-rail {
        gap: var(--gt-space-2, 8px);
        margin-top: var(--gt-space-3, 12px);
        padding-bottom: 8px;
    }

    .gt-media-thumb {
        flex-basis: 94px;
    }
}

@media (max-width: 549px) {
    .gt-media-stage {
        border-radius: 20px;
    }

    .gt-media-thumb {
        flex-basis: 86px;
    }

    .gt-media-thumb-inner {
        border-radius: 9px;
    }
}

/* =========================================================
   GT V2.2 — Media Gallery Editorial Caption
   ========================================================= */

/* Hide old in-image labels. The active media label now lives below the stage. */

.gt-media-label {
    display: none;
}

/* Caption below cinematic stage */

.gt-media-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gt-space-4, 16px);
    margin-top: var(--gt-space-3, 12px);
    padding: 0 2px;
    color: var(--gt-text-muted, rgba(255,255,255,.52));
    font-family: var(--gt-font-mono, monospace);
    font-size: var(--gt-type-micro, 12px);
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.gt-media-caption-label {
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    font-weight: 600;
}

.gt-media-caption-count {
    color: var(--gt-text-faint, rgba(255,255,255,.32));
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.gt-media-caption + .gt-media-rail {
    margin-top: var(--gt-space-3, 12px);
}

@media (max-width: 849px) {
    .gt-media-caption {
        margin-top: var(--gt-space-2, 8px);
        font-size: 10px;
        letter-spacing: .11em;
    }

    .gt-media-caption + .gt-media-rail {
        margin-top: var(--gt-space-2, 8px);
    }
}

@media (max-width: 549px) {
    .gt-media-caption {
        font-size: 9px;
    }
}

/* =========================================================
   GT V2.3 — Media Caption + Rating Refinement
   ========================================================= */

/* Caption */

.gt-media-caption {
    position: relative;
    min-height: 18px;
    margin-top: var(--gt-space-3, 12px);
    padding: 0 2px;
}

.gt-media-caption::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--gt-border-subtle, rgba(255,255,255,.06));
    opacity: .65;
    transform: translateY(-50%);
}

.gt-media-caption-label,
.gt-media-caption-count {
    position: relative;
    z-index: 1;
    background: var(--gt-surface-canvas, #0A0A0C);
}

.gt-media-caption-label {
    padding-right: var(--gt-space-3, 12px);
}

.gt-media-caption-count {
    padding-left: var(--gt-space-3, 12px);
}

/* Rail spacing after caption */

.gt-media-caption + .gt-media-rail {
    margin-top: var(--gt-space-3, 12px);
}

/* Rating below gallery */

.gt-product-rating-badge {
    margin-top: var(--gt-space-4, 16px);
    padding: 0;
    opacity: .86;
    transition:
        opacity var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-product-rating-badge:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.gt-rating-logo img {
    height: 52px;
    max-width: 48px;
}

.gt-rating-system {
    color: var(--gt-text-faint, rgba(255,255,255,.32));
    font-family: var(--gt-font-mono, monospace);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .14em;
}

.gt-rating-label {
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    font-size: 11px;
    font-weight: 700;
}

.gt-rating-descriptor {
    color: var(--gt-text-muted, rgba(255,255,255,.52));
    font-size: 10.5px;
    font-weight: 500;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-media-caption {
        margin-top: var(--gt-space-2, 8px);
    }

    .gt-media-caption-label,
    .gt-media-caption-count {
        background: var(--gt-surface-canvas, #0A0A0C);
    }

    .gt-product-rating-badge {
        margin-top: var(--gt-space-3, 12px);
    }
}

/* =========================================================
   GT V2.5 — Media Gallery Final Balance
   ========================================================= */

/* Keep keyart cinematic but not overly dimmed */

.gt-media-slide-link img,
.gt-media-slide.is-active .gt-media-slide-link img {
    filter:
        contrast(1.05)
        saturate(.94)
        brightness(.96);
}

/* Make inactive thumbs readable without becoming loud */

.gt-media-thumb img {
    opacity: .62;
    filter:
        contrast(1.03)
        saturate(.82)
        brightness(.92);
}

.gt-media-thumb:hover img {
    opacity: .92;
    filter:
        contrast(1.04)
        saturate(.92)
        brightness(.98);
}

.gt-media-thumb.is-active img {
    opacity: 1;
    filter:
        contrast(1.05)
        saturate(.96)
        brightness(1);
}

/* ESRB: still quiet, but more legible */

.gt-product-rating-badge {
    margin-top: 22px;
    opacity: .92;
}

.gt-rating-system {
    color: rgba(255,255,255,.42);
}

.gt-rating-label {
    color: rgba(255,255,255,.78);
}

.gt-rating-descriptor {
    color: rgba(255,255,255,.62);
}

/* Slightly cleaner ESRB logo rendering */

.gt-rating-logo img {
    opacity: .92;
    filter: contrast(1.02) brightness(.96);
}

.gt-product-rating-badge:hover {
    opacity: 1;
}

/* =========================================================
   GT V2.6 — Trust Box Premium Restraint
   ========================================================= */

/* Section rhythm */

.gt-product-trust-system {
    margin-top: var(--gt-space-16, 64px);
}

/* Trust grid */

.gt-product-trust-box {
    gap: var(--gt-space-3, 12px);
}

/* Trust card */

.gt-trust-action {
    min-height: 88px;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-radius: var(--gt-radius-lg, 16px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
        var(--gt-surface-raised, #111114);
    color: var(--gt-text-primary, rgba(255,255,255,.94));
    box-shadow: none;
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-trust-action:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16));
    background:
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)),
        var(--gt-surface-elevated, #17171C);
    transform: translateY(-2px);
}

/* Remove purple icon plate feeling */

.gt-trust-action-icon {
    width: 38px;
    height: 38px;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-radius: var(--gt-radius-md, 10px);
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.72);
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-trust-action:hover .gt-trust-action-icon {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16));
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.92);
}

.gt-trust-action-icon svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.8;
}

/* Copy */

.gt-trust-action-title {
    color: var(--gt-text-primary, rgba(255,255,255,.94));
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.005em;
}

.gt-trust-action-summary {
    color: var(--gt-text-muted, rgba(255,255,255,.52));
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

/* Arrow */

.gt-trust-action-arrow {
    color: var(--gt-text-faint, rgba(255,255,255,.32));
}

.gt-trust-action:hover .gt-trust-action-arrow {
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    transform: translateX(2px);
}

.gt-trust-action-arrow svg {
    width: 18px;
    height: 18px;
    stroke-width: 2;
}

/* Desktop compact refinement */

@media (min-width: 850px) {
    .gt-product-trust-box {
        gap: var(--gt-space-3, 12px);
    }

    .gt-trust-action {
        min-height: 82px;
        grid-template-columns: 38px 1fr 18px;
        padding: var(--gt-space-4, 16px) var(--gt-space-5, 20px);
    }

    .gt-trust-action-title {
        font-size: 12.8px;
    }
}

/* Mobile */

@media (max-width: 849px) {
    .gt-product-trust-system {
        margin-top: var(--gt-space-10, 40px);
    }

    .gt-trust-action {
        min-height: 74px;
        grid-template-columns: 36px 1fr 18px;
        padding: 15px 16px;
    }

    .gt-trust-action-icon {
        width: 36px;
        height: 36px;
    }

    .gt-trust-action-summary {
        display: block;
    }
}

/* =========================================================
   GT V2.6 — Trust Bottom Sheet Premium Polish
   ========================================================= */

.gt-trust-sheet-backdrop {
    background: rgba(0,0,0,.62);
    backdrop-filter: var(--gt-blur-sheet, blur(24px) saturate(120%));
    transition:
        opacity var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-trust-sheet-panel {
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-bottom: 0;
    border-radius: 28px 28px 0 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        var(--gt-surface-overlay, #1E1E25);
    box-shadow: var(--gt-shadow-floating, 0 32px 80px rgba(0,0,0,.55));
    transition:
        transform var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease);
}

.gt-trust-sheet-panel::before {
    background: rgba(255,255,255,.22);
}

.gt-trust-sheet-close {
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    background: rgba(255,255,255,.035);
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-trust-sheet-close:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16));
    background: rgba(255,255,255,.06);
    color: #fff;
    transform: rotate(0deg);
}

/* Sheet icon also becomes monochrome */

.gt-trust-sheet-icon {
    width: 48px;
    height: 48px;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-radius: var(--gt-radius-lg, 16px);
    background: rgba(255,255,255,.035);
    color: rgba(255,255,255,.82);
}

.gt-trust-sheet-icon svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.8;
}

.gt-trust-sheet-title {
    color: var(--gt-text-primary, rgba(255,255,255,.94));
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.02em;
}

.gt-trust-sheet-intro {
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    font-size: 14px;
    line-height: 1.75;
}

/* List */

.gt-trust-sheet-list {
    gap: var(--gt-space-4, 16px);
}

.gt-trust-sheet-list li {
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    font-size: 13.5px;
    line-height: 1.65;
}

.gt-trust-sheet-list li::before {
    top: 8px;
    width: 12px;
    height: 12px;
    opacity: .82;
    background: none;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: var(--gt-radius-full, 999px);
}

/* Small accent dot inside list bullet */

.gt-trust-sheet-list li::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-radius: var(--gt-radius-full, 999px);
    background: var(--gt-accent, #5B5BF5);
}

/* Mobile sheet */

@media (max-width: 849px) {
    .gt-trust-sheet-panel {
        width: 100%;
        max-height: 82vh;
        padding: 42px 24px 34px;
        border-radius: 26px 26px 0 0;
    }

    .gt-trust-sheet-title {
        font-size: 1.35rem;
    }

    .gt-trust-sheet-intro {
        font-size: 13.5px;
    }
}

/* =========================================================
   GT V2.7 — Payment Methods Premium Restraint
   ========================================================= */

.gt-product-payment-methods {
    max-width: 560px;
    margin-top: var(--gt-space-4, 16px);
    padding: var(--gt-space-5, 20px);
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-radius: var(--gt-radius-lg, 16px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
        var(--gt-surface-raised, #111114);
    box-shadow: none;
}

/* Header */

.gt-payment-header {
    margin-bottom: var(--gt-space-4, 16px);
}

.gt-payment-title {
    margin: 0 0 5px;
    color: var(--gt-text-primary, rgba(255,255,255,.94));
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.005em;
}

.gt-payment-intro {
    max-width: 440px;
    margin: 0;
    color: var(--gt-text-muted, rgba(255,255,255,.52));
    font-size: 11.2px;
    font-weight: 500;
    line-height: 1.5;
}

/* List */

.gt-payment-list {
    gap: var(--gt-space-2, 8px);
}

.gt-payment-item {
    min-height: 48px;
    padding: 9px 10px;
    grid-template-columns: 30px 1fr auto;
    gap: var(--gt-space-3, 12px);
    border: 1px solid var(--gt-border-subtle, rgba(255,255,255,.06));
    border-radius: var(--gt-radius-md, 10px);
    background: rgba(255,255,255,.018);
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-payment-item:hover {
    border-color: var(--gt-border-default, rgba(255,255,255,.10));
    background: var(--gt-surface-elevated, #17171C);
}

/* Icons: remove purple plate */

.gt-payment-icon {
    width: 30px;
    height: 30px;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-radius: var(--gt-radius-sm, 6px);
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.68);
    transition:
        color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-payment-item:hover .gt-payment-icon {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16));
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.9);
}

.gt-payment-icon svg {
    width: 15px;
    height: 15px;
    stroke-width: 1.8;
}

/* Text */

.gt-payment-copy {
    gap: 2px;
}

.gt-payment-item-title {
    color: var(--gt-text-primary, rgba(255,255,255,.94));
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.2;
}

.gt-payment-item-description {
    color: var(--gt-text-muted, rgba(255,255,255,.52));
    font-size: 10px;
    font-weight: 500;
    line-height: 1.35;
}

/* Badges */

.gt-payment-badge {
    min-height: 22px;
    padding: 0 8px;
    border: 1px solid var(--gt-border-subtle, rgba(255,255,255,.06));
    border-radius: var(--gt-radius-full, 999px);
    background: rgba(255,255,255,.032);
    color: var(--gt-text-muted, rgba(255,255,255,.52));
    font-family: var(--gt-font-mono, monospace);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .08em;
}

/* Note */

.gt-payment-note {
    margin-top: var(--gt-space-3, 12px);
    color: var(--gt-text-faint, rgba(255,255,255,.32));
    font-size: 9.5px;
    font-weight: 500;
    line-height: 1.5;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-product-payment-methods {
        margin-top: var(--gt-space-4, 16px);
        padding: var(--gt-space-4, 16px);
        border-radius: var(--gt-radius-lg, 16px);
    }

    .gt-payment-item {
        grid-template-columns: 30px 1fr;
    }

    .gt-payment-badge {
        grid-column: 2;
        justify-self: start;
        margin-top: 2px;
    }
}

/* =========================================================
   GT V2 FINAL — Hero Commercial Column / Stacked Buy Area
   ========================================================= */

/* Publisher */

.gt-product-publisher {
    margin-bottom: var(--gt-space-2, 8px);
    color: var(--gt-text-muted, rgba(255,255,255,.52));
    font-family: var(--gt-font-mono, monospace);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.gt-product-publisher a {
    color: inherit;
    opacity: 1;
    text-decoration: none;
}

.gt-product-publisher a:hover {
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
}

/* Product title */

@media (min-width: 850px) {
    .single-product .product-title,
    .single-product .product-info .product-title {
        max-width: none !important;
        width: 100% !important;
        margin: 0 0 var(--gt-space-4, 16px) !important;
        color: var(--gt-text-primary, rgba(255,255,255,.94));
        font-family: var(--gt-font-display, Inter, system-ui, sans-serif);
        font-size: clamp(1.45rem, 1.35vw, 1.7rem) !important;
        font-weight: 700;
        line-height: 1.08 !important;
        letter-spacing: -.018em !important;
        white-space: nowrap !important;
        text-wrap: normal !important;
    }
}

@media (max-width: 849px) {
    .single-product .product-title,
    .single-product .product-info .product-title {
        max-width: none !important;
        font-size: clamp(1.55rem, 6vw, 2rem) !important;
        line-height: 1.1 !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }
}

/* Hide short description in hero */

.single-product .product-short-description,
.single-product .woocommerce-product-details__short-description {
    display: none !important;
}

/* Meta chips */

.gt-product-meta-chips {
    gap: var(--gt-space-2, 8px);
    margin: 0 0 24px !important;
}

.gt-product-chip {
    min-height: 28px !important;
    padding: 0 11px !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10));
    border-radius: var(--gt-radius-full, 999px);
    background: rgba(255,255,255,.018);
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    font-size: 10px !important;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.002em;
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-product-chip:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16));
    background: var(--gt-surface-elevated, #17171C);
    color: var(--gt-text-primary, rgba(255,255,255,.94));
}

/* Price */

.product-page-price,
.product-info .price,
.single-product .summary .price,
.gt-buy-action-row .product-page-price,
.gt-buy-action-row .price {
    display: flex !important;
    align-items: baseline !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    line-height: 1 !important;
    float: none !important;
    clear: none !important;
}

.product-info .price .amount,
.single-product .price .amount,
.single-product .price bdi,
.gt-buy-action-row .price .amount,
.gt-buy-action-row .price bdi {
    color: var(--gt-text-primary, rgba(255,255,255,.94));
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif);
    font-size: clamp(1.65rem, 1.75vw, 1.95rem) !important;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    font-variant-numeric: tabular-nums;
}

.single-product .price .woocommerce-Price-currencySymbol {
    display: inline-block;
    margin-right: .18em;
    color: var(--gt-text-secondary, rgba(255,255,255,.72));
    font-size: .72em;
    font-weight: 700;
    transform: translateY(-.03em);
}

/* Stacked buy area. Supports both native WooCommerce markup and the JS wrapper. */

.gt-buy-action-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    justify-content: start !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
}

.gt-buy-action-row .product-page-price,
.gt-buy-action-row .price {
    margin-bottom: 14px !important;
}

.single-product .add-to-cart-container,
.single-product form.cart,
.gt-buy-action-row .add-to-cart-container,
.gt-buy-action-row form.cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
}

.gt-buy-action-row .add-to-cart-container,
.gt-buy-action-row form.cart {
    margin-bottom: 0 !important;
}

/* Quantity hidden for digital products */

.single-product form.cart .ux-quantity,
.single-product form.cart .quantity,
.single-product form.cart .quantity.buttons_added,
.gt-buy-action-row .ux-quantity,
.gt-buy-action-row .quantity,
.gt-buy-action-row .quantity.buttons_added {
    display: none !important;
}

/* Add to cart button */

.single-product button.single_add_to_cart_button,
.single_add_to_cart_button,
.gt-buy-action-row .single_add_to_cart_button,
.gt-buy-action-row button.single_add_to_cart_button {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 220px !important;
    max-width: none !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: var(--gt-radius-md, 10px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 40%),
        var(--gt-accent, #5B5BF5);
    color: #fff;
    font-size: 12.5px !important;
    font-weight: 800;
    line-height: 46px !important;
    letter-spacing: -.005em;
    box-shadow: none;
    overflow: hidden;
    float: none !important;
    clear: none !important;
    transition:
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        filter var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.single-product button.single_add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.gt-buy-action-row .single_add_to_cart_button:hover,
.gt-buy-action-row button.single_add_to_cart_button:hover {
    border-color: rgba(255,255,255,.18);
    filter: brightness(1.06);
    transform: translateY(-1px);
}

/* Payment block */

.gt-product-payment-methods {
    max-width: 500px !important;
    margin-top: 20px !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-buy-action-row,
    .single-product .add-to-cart-container,
    .single-product form.cart,
    .gt-buy-action-row .add-to-cart-container,
    .gt-buy-action-row form.cart {
        width: 100% !important;
        max-width: none !important;
    }

    .single-product button.single_add_to_cart_button,
    .single_add_to_cart_button,
    .gt-buy-action-row .single_add_to_cart_button,
    .gt-buy-action-row button.single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
    }

    .gt-product-payment-methods {
        max-width: none !important;
        margin-top: var(--gt-space-4, 16px) !important;
    }
}

/* =========================================================
   GT V2 — Premium Description Editorial Stage
   ========================================================= */

.gt-product-premium-description {
    position: relative !important;
    margin-top: 82px !important;
    min-height: 380px !important;
    overflow: hidden !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-xl, 24px) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.006)),
        var(--gt-surface-raised, #111114) !important;
    box-shadow: none !important;
    isolation: isolate !important;
}

/* Background art */

.gt-product-premium-description-bg {
    z-index: 0 !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transform: scale(1.035) !important;
    filter:
        contrast(1.04)
        saturate(.88)
        brightness(.72) !important;
    opacity: .78 !important;
}

/* Main scrim */

.gt-product-premium-description-layer {
    z-index: 1 !important;
    pointer-events: none !important;
}

.gt-product-premium-description.is-overlay-soft .gt-product-premium-description-layer,
.gt-product-premium-description.is-overlay-medium .gt-product-premium-description-layer,
.gt-product-premium-description.is-overlay-strong .gt-product-premium-description-layer,
.gt-product-premium-description.is-no-bg .gt-product-premium-description-layer {
    background:
        radial-gradient(
            circle at 16% 18%,
            rgba(91,91,245,.10),
            transparent 32%
        ),
        linear-gradient(
            90deg,
            rgba(10,10,12,.92) 0%,
            rgba(10,10,12,.82) 42%,
            rgba(10,10,12,.72) 68%,
            rgba(10,10,12,.88) 100%
        ),
        linear-gradient(
            180deg,
            rgba(10,10,12,.20) 0%,
            rgba(10,10,12,.46) 100%
        ) !important;
}

/* Surface finish */

.gt-product-premium-description::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.04) 0%,
            transparent 24%,
            rgba(0,0,0,.14) 100%
        ),
        inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.gt-product-premium-description::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
        radial-gradient(
            ellipse at center,
            transparent 54%,
            rgba(0,0,0,.24) 100%
        ) !important;
}

/* Content layout */

.gt-product-premium-description-inner {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(340px, .98fr) !important;
    gap: clamp(36px, 4vw, 58px) !important;
    align-items: center !important;
    min-height: 380px !important;
    padding: clamp(42px, 5vw, 58px) clamp(42px, 5vw, 62px) !important;
}

/* Left editorial column */

.gt-product-premium-description-main {
    min-width: 0 !important;
}

.gt-product-premium-description-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 14px !important;
    color: var(--gt-accent, #5B5BF5) !important;
    font-family: var(--gt-font-mono, monospace) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.gt-product-premium-description-headline {
    max-width: 620px !important;
    margin: 0 !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif) !important;
    font-size: clamp(1.85rem, 2.55vw, 2.75rem) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -.032em !important;
    text-wrap: balance !important;
}

/* Right support column */

.gt-product-premium-description-support {
    max-width: 560px !important;
    padding-top: 0 !important;
    min-width: 0 !important;
}

.gt-product-premium-description-support,
.gt-product-premium-description-support p {
    color: var(--gt-text-secondary, rgba(255,255,255,.72)) !important;
    font-size: 13.4px !important;
    font-weight: 500 !important;
    line-height: 1.78 !important;
}

.gt-product-premium-description-support p {
    margin: 0 0 14px !important;
}

.gt-product-premium-description-support p:last-child {
    margin-bottom: 0 !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-product-premium-description {
        margin-top: 54px !important;
        min-height: auto !important;
        border-radius: 22px !important;
    }

    .gt-product-premium-description-bg {
        background-position: center center !important;
        transform: scale(1.06) !important;
        filter:
            contrast(1.04)
            saturate(.86)
            brightness(.58) !important;
        opacity: .72 !important;
    }

    .gt-product-premium-description.is-overlay-soft .gt-product-premium-description-layer,
    .gt-product-premium-description.is-overlay-medium .gt-product-premium-description-layer,
    .gt-product-premium-description.is-overlay-strong .gt-product-premium-description-layer,
    .gt-product-premium-description.is-no-bg .gt-product-premium-description-layer {
        background:
            radial-gradient(
                circle at 18% 10%,
                rgba(91,91,245,.12),
                transparent 34%
            ),
            linear-gradient(
                180deg,
                rgba(10,10,12,.88) 0%,
                rgba(10,10,12,.88) 45%,
                rgba(10,10,12,.94) 100%
            ) !important;
    }

    .gt-product-premium-description-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
        min-height: auto !important;
        padding: 30px 22px 32px !important;
    }

    .gt-product-premium-description-eyebrow {
        margin-bottom: 10px !important;
        font-size: 8.8px !important;
        letter-spacing: .13em !important;
    }

    .gt-product-premium-description-headline {
        max-width: none !important;
        font-size: clamp(1.42rem, 6.4vw, 1.95rem) !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        letter-spacing: -.024em !important;
    }

    .gt-product-premium-description-support {
        max-width: none !important;
    }

    .gt-product-premium-description-support,
    .gt-product-premium-description-support p {
        font-size: 12.2px !important;
        line-height: 1.68 !important;
    }

    .gt-product-premium-description-support p {
        margin-bottom: 12px !important;
    }
}

@media (max-width: 549px) {
    .gt-product-premium-description {
        margin-top: 48px !important;
        border-radius: 20px !important;
    }

    .gt-product-premium-description-inner {
        padding: 26px 18px 28px !important;
    }

    .gt-product-premium-description-headline {
        font-size: clamp(1.34rem, 6.8vw, 1.78rem) !important;
    }

    .gt-product-premium-description-support,
    .gt-product-premium-description-support p {
        font-size: 12px !important;
    }
}

/* =========================================================
   GT V2 — Premium Description Final Balance
   ========================================================= */

.gt-product-premium-description-bg {
    opacity: .84 !important;
    filter:
        contrast(1.05)
        saturate(.9)
        brightness(.78) !important;
}

.gt-product-premium-description.is-overlay-soft .gt-product-premium-description-layer,
.gt-product-premium-description.is-overlay-medium .gt-product-premium-description-layer,
.gt-product-premium-description.is-overlay-strong .gt-product-premium-description-layer,
.gt-product-premium-description.is-no-bg .gt-product-premium-description-layer {
    background:
        radial-gradient(
            circle at 16% 18%,
            rgba(91,91,245,.09),
            transparent 32%
        ),
        linear-gradient(
            90deg,
            rgba(10,10,12,.90) 0%,
            rgba(10,10,12,.80) 42%,
            rgba(10,10,12,.68) 68%,
            rgba(10,10,12,.86) 100%
        ),
        linear-gradient(
            180deg,
            rgba(10,10,12,.18) 0%,
            rgba(10,10,12,.42) 100%
        ) !important;
}

.gt-product-premium-description-headline {
    max-width: 590px !important;
    font-size: clamp(1.78rem, 2.35vw, 2.55rem) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: -.03em !important;
}

.gt-product-premium-description-support,
.gt-product-premium-description-support p {
    color: rgba(255,255,255,.74) !important;
    font-size: 13.2px !important;
    line-height: 1.8 !important;
}

.gt-product-premium-description-eyebrow {
    color: rgba(139,139,255,.88) !important;
}

@media (max-width: 849px) {
    .gt-product-premium-description-bg {
        opacity: .76 !important;
        filter:
            contrast(1.04)
            saturate(.88)
            brightness(.62) !important;
    }

    .gt-product-premium-description-headline {
        font-size: clamp(1.38rem, 6.2vw, 1.85rem) !important;
        line-height: 1.12 !important;
    }

    .gt-product-premium-description-support,
    .gt-product-premium-description-support p {
        font-size: 12.1px !important;
        line-height: 1.7 !important;
    }
}

/* =========================================================
   GT V2 — Features Cinematic Cards
   ========================================================= */

.gt-product-features-section {
    margin-top: 84px !important;
}

/* Editorial section header */

.gt-product-features-header {
    margin-bottom: 26px !important;
}

.gt-product-features-header h2 {
    margin: 0 !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif) !important;
    font-size: clamp(1.45rem, 1.9vw, 2.05rem) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -.026em !important;
}

.gt-product-features-header h2::before {
    content: "02 — CARACTERÍSTICAS";
    display: block;
    margin-bottom: 10px;
    color: rgba(139,139,255,.88);
    font-family: var(--gt-font-mono, monospace);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .14em;
}

/* Grid */

.gt-product-features {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

/* Card as cinematic tile */

.gt-product-feature {
    position: relative !important;
    min-height: 310px !important;
    overflow: hidden !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-xl, 24px) !important;
    background: var(--gt-surface-raised, #111114) !important;
    box-shadow: none !important;
    isolation: isolate !important;
    transition:
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-product-feature:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16)) !important;
    background: var(--gt-surface-elevated, #17171C) !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
}

/* Full card image */

.gt-product-feature-media {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #08090d !important;
}

.gt-product-feature-media img,
.gt-product-feature-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: .94 !important;
    filter:
        contrast(1.04)
        saturate(.9)
        brightness(.86) !important;
    transform: scale(1.001) !important;
    transition:
        transform 620ms var(--gt-ease-out, ease),
        filter var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease),
        opacity var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease) !important;
}

.gt-product-feature:hover .gt-product-feature-media img,
.gt-product-feature:hover .gt-product-feature-image {
    opacity: 1 !important;
    filter:
        contrast(1.06)
        saturate(.96)
        brightness(.92) !important;
    transform: scale(1.035) !important;
}

/* Cinematic masks */

.gt-product-feature-media::before,
.gt-product-feature-media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}

.gt-product-feature-media::before {
    z-index: 2 !important;
    background:
        radial-gradient(
            ellipse at center,
            transparent 48%,
            rgba(0,0,0,.32) 100%
        ) !important;
}

.gt-product-feature-media::after {
    z-index: 3 !important;
    height: auto !important;
    background:
        linear-gradient(
            180deg,
            rgba(10,10,12,.04) 0%,
            rgba(10,10,12,.06) 34%,
            rgba(10,10,12,.52) 68%,
            rgba(10,10,12,.94) 100%
        ),
        linear-gradient(
            90deg,
            rgba(10,10,12,.28) 0%,
            transparent 42%,
            rgba(10,10,12,.22) 100%
        ) !important;
}

/* Content over image */

.gt-product-feature-content {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 4 !important;
    margin: 0 !important;
    padding: 76px 22px 22px !important;
    background: transparent !important;
}

.gt-product-feature-title {
    max-width: 92% !important;
    margin: 0 0 8px !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.012em !important;
}

.gt-product-feature-text {
    max-width: 88% !important;
    margin: 0 !important;
    color: var(--gt-text-secondary, rgba(255,255,255,.72)) !important;
    font-size: 12.2px !important;
    font-weight: 500 !important;
    line-height: 1.58 !important;
}

/* Hairline finish */

.gt-product-feature::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 0 0 1px rgba(255,255,255,.018) !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-product-features-section {
        margin-top: 58px !important;
    }

    .gt-product-features-header {
        margin-bottom: 20px !important;
    }

    .gt-product-features-header h2 {
        font-size: clamp(1.32rem, 6vw, 1.75rem) !important;
        line-height: 1.12 !important;
    }

    .gt-product-features-header h2::before {
        margin-bottom: 9px;
        font-size: 8.8px;
        letter-spacing: .13em;
    }

    .gt-product-features {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .gt-product-feature {
        min-height: 250px !important;
        border-radius: 22px !important;
    }

    .gt-product-feature-content {
        padding: 68px 18px 18px !important;
    }

    .gt-product-feature-title {
        max-width: 96% !important;
        font-size: 14px !important;
        line-height: 1.26 !important;
    }

    .gt-product-feature-text {
        max-width: 94% !important;
        font-size: 11.8px !important;
        line-height: 1.55 !important;
    }

    .gt-product-feature:hover {
        transform: none !important;
    }

    .gt-product-feature:hover .gt-product-feature-media img,
    .gt-product-feature:hover .gt-product-feature-image {
        transform: scale(1.001) !important;
    }
}

@media (max-width: 549px) {
    .gt-product-features-section {
        margin-top: 52px !important;
    }

    .gt-product-feature {
        min-height: 230px !important;
        border-radius: 20px !important;
    }

    .gt-product-feature-content {
        padding: 62px 16px 16px !important;
    }

    .gt-product-feature-title {
        font-size: 13.4px !important;
    }

    .gt-product-feature-text {
        font-size: 11.4px !important;
    }
}

/* =========================================================
   GT V2 — Features Final Balance
   ========================================================= */

.gt-product-features-header {
    margin-bottom: 28px !important;
}

.gt-product-features-header h2 {
    font-size: clamp(1.38rem, 1.75vw, 1.88rem) !important;
    font-weight: 700 !important;
    letter-spacing: -.022em !important;
}

.gt-product-features-header h2::before {
    margin-bottom: 9px !important;
    color: rgba(139,139,255,.82) !important;
    font-size: 9.5px !important;
}

.gt-product-features {
    gap: 20px !important;
}

.gt-product-feature {
    min-height: 300px !important;
    border-color: rgba(255,255,255,.085) !important;
}

.gt-product-feature-media img,
.gt-product-feature-image {
    opacity: .96 !important;
    filter:
        contrast(1.05)
        saturate(.92)
        brightness(.90) !important;
}

.gt-product-feature:hover .gt-product-feature-media img,
.gt-product-feature:hover .gt-product-feature-image {
    filter:
        contrast(1.06)
        saturate(.98)
        brightness(.95) !important;
}

.gt-product-feature-media::after {
    background:
        linear-gradient(
            180deg,
            rgba(10,10,12,.02) 0%,
            rgba(10,10,12,.04) 32%,
            rgba(10,10,12,.46) 66%,
            rgba(10,10,12,.92) 100%
        ),
        linear-gradient(
            90deg,
            rgba(10,10,12,.22) 0%,
            transparent 44%,
            rgba(10,10,12,.18) 100%
        ) !important;
}

.gt-product-feature-content {
    padding: 72px 22px 22px !important;
}

.gt-product-feature-title {
    font-size: 14.5px !important;
    letter-spacing: -.01em !important;
}

.gt-product-feature-text {
    max-width: 90% !important;
    color: rgba(255,255,255,.74) !important;
    font-size: 12px !important;
}

@media (max-width: 849px) {
    .gt-product-features-header h2 {
        font-size: clamp(1.28rem, 5.8vw, 1.65rem) !important;
    }

    .gt-product-feature {
        min-height: 250px !important;
    }

    .gt-product-feature-content {
        padding: 64px 18px 18px !important;
    }
}

@media (max-width: 549px) {
    .gt-product-feature {
        min-height: 230px !important;
    }

    .gt-product-feature-title {
        font-size: 13.4px !important;
    }

    .gt-product-feature-text {
        font-size: 11.4px !important;
    }
}

/* =========================================================
   GT V2 — Editions Premium Cards
   ========================================================= */

.gt-product-editions {
    margin-top: 88px !important;
}

/* Header */

.gt-product-editions-header {
    margin-bottom: 30px !important;
}

.gt-editions-subtitle {
    display: block !important;
    margin: 0 0 10px !important;
    color: rgba(139,139,255,.82) !important;
    font-family: var(--gt-font-mono, monospace) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.gt-editions-subtitle::before {
    content: "03 — ";
}

.gt-editions-title {
    max-width: 720px !important;
    margin: 0 !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif) !important;
    font-size: clamp(1.38rem, 1.75vw, 1.9rem) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -.024em !important;
}

/* Grid */

.gt-product-editions-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

/* Card */

.gt-edition-card {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-xl, 24px) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
        var(--gt-surface-raised, #111114) !important;
    box-shadow: none !important;
    isolation: isolate !important;
    transition:
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease);
}

.gt-edition-card:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16)) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)),
        var(--gt-surface-elevated, #17171C) !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
}

/* Current edition: subtle, not loud */

.gt-edition-card.is-current {
    border-color: rgba(255,255,255,.18) !important;
    box-shadow:
        inset 0 0 0 1px rgba(91,91,245,.18),
        inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.gt-edition-card.is-current::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    z-index: 5 !important;
    width: 2px !important;
    background: var(--gt-accent, #5B5BF5) !important;
    opacity: .9 !important;
}

/* Badge */

.gt-edition-badge {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 28px !important;
    padding: 0 11px !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-full, 999px) !important;
    background: rgba(10,10,12,.64) !important;
    color: var(--gt-text-secondary, rgba(255,255,255,.72)) !important;
    font-family: var(--gt-font-mono, monospace) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    backdrop-filter: var(--gt-blur-glass, blur(20px) saturate(120%)) !important;
}

.gt-edition-badge::before {
    content: "" !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 999px !important;
    background: var(--gt-accent, #5B5BF5) !important;
    box-shadow: 0 0 0 3px rgba(91,91,245,.14) !important;
}

/* Media */

.gt-edition-media {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 9 !important;
    background:
        radial-gradient(circle at center, rgba(255,255,255,.04), transparent 42%),
        var(--gt-surface-canvas, #0A0A0C) !important;
}

.gt-edition-media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            180deg,
            rgba(10,10,12,.04) 0%,
            rgba(10,10,12,.00) 38%,
            rgba(10,10,12,.46) 78%,
            rgba(10,10,12,.88) 100%
        ),
        radial-gradient(
            ellipse at center,
            transparent 52%,
            rgba(0,0,0,.26) 100%
        ) !important;
}

.gt-edition-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: .94 !important;
    filter:
        contrast(1.04)
        saturate(.92)
        brightness(.92) !important;
    transform: scale(1.001) !important;
    transition:
        transform 620ms var(--gt-ease-out, ease),
        filter var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease),
        opacity var(--gt-duration-slow, 420ms) var(--gt-ease-out, ease) !important;
}

.gt-edition-card:hover .gt-edition-media img {
    opacity: 1 !important;
    filter:
        contrast(1.06)
        saturate(.98)
        brightness(.98) !important;
    transform: scale(1.035) !important;
}

/* Content */

.gt-edition-content {
    position: relative !important;
    z-index: 4 !important;
    padding: 22px 22px 24px !important;
    background:
        linear-gradient(
            180deg,
            rgba(17,17,20,.92) 0%,
            var(--gt-surface-raised, #111114) 100%
        ) !important;
}

.gt-edition-name {
    max-width: 92% !important;
    margin: 0 0 10px !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.012em !important;
}

.gt-edition-price {
    margin: 0 0 18px !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    font-variant-numeric: tabular-nums !important;
}

/* Feature list */

.gt-edition-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    list-style: none !important;
}

.gt-edition-features li {
    position: relative !important;
    margin: 0 !important;
    padding-left: 18px !important;
    color: var(--gt-text-secondary, rgba(255,255,255,.72)) !important;
    font-size: 12.2px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

.gt-edition-features li::before {
    content: "" !important;
    position: absolute !important;
    top: .58em !important;
    left: 0 !important;
    width: 6px !important;
    height: 6px !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 999px !important;
    background: transparent !important;
}

.gt-edition-features li::after {
    content: "" !important;
    position: absolute !important;
    top: calc(.58em + 2px) !important;
    left: 2px !important;
    width: 2px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: var(--gt-accent, #5B5BF5) !important;
}

/* Button */

.gt-edition-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-md, 10px) !important;
    background: rgba(255,255,255,.035) !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
}

.gt-edition-button:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16)) !important;
    background: var(--gt-surface-elevated, #17171C) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

/* Current edition button */

.gt-edition-card.is-current .gt-edition-button {
    background:
        linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 40%),
        var(--gt-accent, #5B5BF5) !important;
    border-color: rgba(255,255,255,.10) !important;
    color: #fff !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-product-editions {
        margin-top: 62px !important;
    }

    .gt-product-editions-header {
        margin-bottom: 22px !important;
    }

    .gt-editions-subtitle {
        font-size: 8.8px !important;
        letter-spacing: .13em !important;
    }

    .gt-editions-title {
        font-size: clamp(1.28rem, 5.8vw, 1.65rem) !important;
        line-height: 1.12 !important;
    }

    .gt-product-editions-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .gt-edition-card {
        border-radius: 22px !important;
    }

    .gt-edition-content {
        padding: 20px 18px 20px !important;
    }

    .gt-edition-name {
        font-size: 15.5px !important;
    }

    .gt-edition-price {
        font-size: 18px !important;
    }

    .gt-edition-features li {
        font-size: 11.8px !important;
    }

    .gt-edition-card:hover {
        transform: none !important;
    }

    .gt-edition-card:hover .gt-edition-media img {
        transform: scale(1.001) !important;
    }
}

@media (max-width: 549px) {
    .gt-product-editions {
        margin-top: 56px !important;
    }

    .gt-edition-card {
        border-radius: 20px !important;
    }

    .gt-edition-content {
        padding: 18px 16px 18px !important;
    }

    .gt-edition-badge {
        top: 14px !important;
        left: 14px !important;
    }

    .gt-edition-button {
        width: 100% !important;
    }
}

/* =========================================================
   GT V2 — Editions Final Balance
   ========================================================= */

.gt-edition-media img {
    opacity: .92 !important;
    filter:
        contrast(1.05)
        saturate(.9)
        brightness(.84) !important;
}

.gt-edition-card:hover .gt-edition-media img {
    opacity: .98 !important;
    filter:
        contrast(1.06)
        saturate(.94)
        brightness(.9) !important;
}

.gt-edition-media::after {
    background:
        linear-gradient(
            180deg,
            rgba(10,10,12,.06) 0%,
            rgba(10,10,12,.08) 34%,
            rgba(10,10,12,.58) 74%,
            rgba(10,10,12,.94) 100%
        ),
        radial-gradient(
            ellipse at center,
            transparent 46%,
            rgba(0,0,0,.32) 100%
        ) !important;
}

.gt-edition-content {
    padding: 22px 22px 22px !important;
    background:
        linear-gradient(
            180deg,
            rgba(17,17,20,.96) 0%,
            var(--gt-surface-raised, #111114) 100%
        ) !important;
}

.gt-edition-name {
    font-size: 16.5px !important;
}

.gt-edition-price {
    margin-bottom: 16px !important;
    font-size: 19px !important;
}

.gt-edition-features {
    gap: 9px !important;
    margin-bottom: 20px !important;
}

.gt-edition-features li {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.gt-edition-badge {
    background: rgba(10,10,12,.68) !important;
    color: rgba(255,255,255,.74) !important;
}

.gt-edition-card.is-current {
    border-color: rgba(255,255,255,.16) !important;
    box-shadow:
        inset 0 0 0 1px rgba(91,91,245,.14),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.gt-edition-card.is-current::before {
    opacity: .78 !important;
}

.gt-edition-button {
    min-height: 40px !important;
    padding: 0 17px !important;
    font-size: 11.8px !important;
    line-height: 40px !important;
}

.gt-edition-card.is-current .gt-edition-button {
    background:
        linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,0) 40%),
        var(--gt-accent, #5B5BF5) !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-edition-media img {
        filter:
            contrast(1.05)
            saturate(.9)
            brightness(.86) !important;
    }

    .gt-edition-name {
        font-size: 15.2px !important;
    }

    .gt-edition-price {
        font-size: 18px !important;
    }
}

/* =========================================================
   GT V2 — Editions Equal Height Bottom Fix
   ========================================================= */

.gt-edition-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.gt-edition-media {
    flex: 0 0 auto !important;
}

.gt-edition-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Keep the CTA aligned naturally without creating a dead bottom area */

.gt-edition-button {
    margin-top: auto !important;
    align-self: flex-start !important;
}

/* Mobile: button full width as before */

@media (max-width: 549px) {
    .gt-edition-button {
        align-self: stretch !important;
    }
}

/* =========================================================
   GT V2 — Product Info Accordion Premium Dossier
   ========================================================= */

.gt-product-info-accordion {
    position: relative !important;
    margin-top: 88px !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Small editorial index */

.gt-product-info-accordion::before {
    content: "04 — INFORMACIÓN TÉCNICA";
    display: block;
    margin-bottom: 14px;
    color: rgba(139,139,255,.82);
    font-family: var(--gt-font-mono, monospace);
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* Accordion item */

.gt-info-accordion-item {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-lg, 16px) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
        var(--gt-surface-raised, #111114) !important;
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
}

.gt-info-accordion-item:last-child {
    margin-bottom: 0 !important;
}

.gt-info-accordion-item:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16)) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)),
        var(--gt-surface-elevated, #17171C) !important;
}

.gt-info-accordion-item.is-active,
.gt-info-accordion-item.is-open {
    border-color: rgba(255,255,255,.16) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)),
        var(--gt-surface-elevated, #17171C) !important;
}

/* Active accent strip */

.gt-info-accordion-item::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    width: 2px !important;
    background: var(--gt-accent, #5B5BF5) !important;
    opacity: 0 !important;
    transform: scaleY(.2) !important;
    transform-origin: top center !important;
    transition:
        opacity var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
}

.gt-info-accordion-item.is-active::before,
.gt-info-accordion-item.is-open::before {
    opacity: .9 !important;
    transform: scaleY(1) !important;
}

/* Trigger */

.gt-info-accordion-trigger {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    min-height: 68px !important;
    padding: 0 22px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    text-align: left !important;
    cursor: pointer !important;
}

.gt-info-accordion-title {
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.008em !important;
}

.gt-info-accordion-icon {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-sm, 8px) !important;
    background: rgba(255,255,255,.025) !important;
    color: var(--gt-text-muted, rgba(255,255,255,.52)) !important;
    font-size: 19px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    transition:
        color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
}

.gt-info-accordion-trigger:hover .gt-info-accordion-icon {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16)) !important;
    background: rgba(255,255,255,.04) !important;
    color: var(--gt-text-secondary, rgba(255,255,255,.72)) !important;
}

.gt-info-accordion-item.is-active .gt-info-accordion-icon,
.gt-info-accordion-item.is-open .gt-info-accordion-icon {
    border-color: rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.045) !important;
    color: #fff !important;
    transform: rotate(45deg) !important;
}

/* Panel: keep max-height JS animation intact */

.gt-info-accordion-panel {
    display: block !important;
    overflow: hidden !important;
    max-height: 0;
    opacity: 0;
    transition:
        max-height var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        opacity var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
    will-change: max-height, opacity;
}

.gt-info-accordion-item.is-active .gt-info-accordion-panel,
.gt-info-accordion-item.is-open .gt-info-accordion-panel {
    opacity: 1 !important;
}

/* Inner content */

.gt-info-accordion-inner {
    padding: 0 22px 24px !important;
}

/* Hidden internal headers stay hidden */

.gt-info-accordion-inner .gt-product-tech-sheet-header,
.gt-info-accordion-inner .gt-product-compatibility-header {
    display: none !important;
}

/* Technical grids */

.gt-info-accordion-inner .gt-product-tech-sheet,
.gt-info-accordion-inner .gt-product-compatibility {
    margin-top: 0 !important;
}

.gt-info-accordion-inner .gt-product-tech-sheet-grid,
.gt-info-accordion-inner .gt-product-compatibility-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 0 !important;
}

/* Technical fields */

.gt-info-accordion-inner .gt-tech-item,
.gt-info-accordion-inner .gt-compatibility-item {
    position: relative !important;
    padding: 14px 15px !important;
    border: 1px solid var(--gt-border-subtle, rgba(255,255,255,.06)) !important;
    border-radius: var(--gt-radius-md, 10px) !important;
    background: rgba(255,255,255,.018) !important;
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
}

.gt-info-accordion-inner .gt-tech-item:hover,
.gt-info-accordion-inner .gt-compatibility-item:hover {
    border-color: var(--gt-border-default, rgba(255,255,255,.10)) !important;
    background: rgba(255,255,255,.028) !important;
}

.gt-info-accordion-inner .gt-tech-label,
.gt-info-accordion-inner .gt-compatibility-label {
    margin: 0 0 7px !important;
    color: var(--gt-text-faint, rgba(255,255,255,.32)) !important;
    font-family: var(--gt-font-mono, monospace) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.gt-info-accordion-inner .gt-tech-value,
.gt-info-accordion-inner .gt-compatibility-value {
    color: var(--gt-text-secondary, rgba(255,255,255,.72)) !important;
    font-size: 12.2px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
}

.gt-info-accordion-inner .gt-compatibility-item--full {
    grid-column: 1 / -1 !important;
}

/* Focus */

.gt-info-accordion-trigger:focus-visible {
    outline: 2px solid var(--gt-border-focus, var(--gt-accent, #5B5BF5)) !important;
    outline-offset: 3px !important;
    border-radius: var(--gt-radius-md, 10px) !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-product-info-accordion {
        margin-top: 62px !important;
    }

    .gt-product-info-accordion::before {
        margin-bottom: 12px !important;
        font-size: 8.8px !important;
        letter-spacing: .13em !important;
    }

    .gt-info-accordion-item {
        margin-bottom: 9px !important;
        border-radius: 15px !important;
    }

    .gt-info-accordion-trigger {
        min-height: 62px !important;
        padding: 0 17px !important;
        gap: 16px !important;
    }

    .gt-info-accordion-title {
        font-size: 13.2px !important;
        line-height: 1.25 !important;
    }

    .gt-info-accordion-icon {
        width: 28px !important;
        height: 28px !important;
        font-size: 18px !important;
    }

    .gt-info-accordion-inner {
        padding: 0 17px 18px !important;
    }

    .gt-info-accordion-inner .gt-product-tech-sheet-grid,
    .gt-info-accordion-inner .gt-product-compatibility-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .gt-info-accordion-inner .gt-tech-item,
    .gt-info-accordion-inner .gt-compatibility-item {
        padding: 13px 14px !important;
        border-radius: 10px !important;
    }

    .gt-info-accordion-inner .gt-tech-value,
    .gt-info-accordion-inner .gt-compatibility-value {
        font-size: 11.8px !important;
        line-height: 1.55 !important;
    }
}

@media (max-width: 549px) {
    .gt-product-info-accordion {
        margin-top: 56px !important;
    }

    .gt-info-accordion-trigger {
        min-height: 58px !important;
        padding: 0 15px !important;
    }

    .gt-info-accordion-inner {
        padding: 0 15px 16px !important;
    }

    .gt-info-accordion-title {
        font-size: 12.8px !important;
    }

    .gt-info-accordion-inner .gt-tech-label,
    .gt-info-accordion-inner .gt-compatibility-label {
        font-size: 7.8px !important;
    }

    .gt-info-accordion-inner .gt-tech-value,
    .gt-info-accordion-inner .gt-compatibility-value {
        font-size: 11.5px !important;
    }
}

/* =========================================================
   GT V2 — Product Info Accordion Final Balance
   ========================================================= */

/* Accordion container spacing */

.gt-product-info-accordion::before {
    margin-bottom: 16px !important;
    color: rgba(139,139,255,.78) !important;
}

/* Accordion cards */

.gt-info-accordion-item {
    border-color: rgba(255,255,255,.085) !important;
}

.gt-info-accordion-item.is-active,
.gt-info-accordion-item.is-open {
    border-color: rgba(255,255,255,.14) !important;
}

/* Trigger title */

.gt-info-accordion-title {
    font-size: 13.6px !important;
    font-weight: 700 !important;
}

/* Plus / close icon: quieter */

.gt-info-accordion-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.018) !important;
    color: rgba(255,255,255,.48) !important;
    font-size: 18px !important;
}

.gt-info-accordion-trigger:hover .gt-info-accordion-icon {
    background: rgba(255,255,255,.035) !important;
    color: rgba(255,255,255,.68) !important;
}

.gt-info-accordion-item.is-active .gt-info-accordion-icon,
.gt-info-accordion-item.is-open .gt-info-accordion-icon {
    background: rgba(255,255,255,.04) !important;
    color: rgba(255,255,255,.82) !important;
}

/* Inner panel breathing */

.gt-info-accordion-inner {
    padding: 0 22px 26px !important;
}

/* Technical cards */

.gt-info-accordion-inner .gt-tech-item,
.gt-info-accordion-inner .gt-compatibility-item {
    background: rgba(255,255,255,.022) !important;
    border-color: rgba(255,255,255,.065) !important;
}

.gt-info-accordion-inner .gt-tech-item:hover,
.gt-info-accordion-inner .gt-compatibility-item:hover {
    background: rgba(255,255,255,.032) !important;
    border-color: rgba(255,255,255,.10) !important;
}

/* Labels and values */

.gt-info-accordion-inner .gt-tech-label,
.gt-info-accordion-inner .gt-compatibility-label {
    color: rgba(255,255,255,.34) !important;
    font-size: 7.8px !important;
    letter-spacing: .13em !important;
}

.gt-info-accordion-inner .gt-tech-value,
.gt-info-accordion-inner .gt-compatibility-value {
    color: rgba(255,255,255,.76) !important;
    font-size: 12.1px !important;
    font-weight: 600 !important;
}

/* Long full-width technical notes */

.gt-info-accordion-inner .gt-compatibility-item--full .gt-compatibility-value {
    color: rgba(255,255,255,.78) !important;
    line-height: 1.65 !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-info-accordion-title {
        font-size: 13px !important;
    }

    .gt-info-accordion-icon {
        width: 27px !important;
        height: 27px !important;
        font-size: 17px !important;
    }

    .gt-info-accordion-inner {
        padding: 0 17px 20px !important;
    }

    .gt-info-accordion-inner .gt-tech-value,
    .gt-info-accordion-inner .gt-compatibility-value {
        font-size: 11.7px !important;
    }
}

/* =========================================================
   GT V2 — FAQ Editorial Support Stage
   ========================================================= */

.gt-product-faq-section {
    position: relative !important;
    margin-top: 82px !important;
    min-height: 540px !important;
    overflow: hidden !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-xl, 24px) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.006)),
        var(--gt-surface-raised, #111114) !important;
    isolation: isolate !important;
    box-shadow: none !important;
}

/* Full-section atmosphere */

.gt-product-faq-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
        radial-gradient(
            circle at 18% 76%,
            rgba(91,91,245,.10),
            transparent 32%
        ),
        linear-gradient(
            90deg,
            rgba(10,10,12,.06) 0%,
            rgba(10,10,12,.20) 34%,
            rgba(10,10,12,.72) 58%,
            rgba(10,10,12,.94) 100%
        ),
        linear-gradient(
            180deg,
            rgba(10,10,12,.10) 0%,
            rgba(10,10,12,.02) 36%,
            rgba(10,10,12,.58) 100%
        ) !important;
}

.gt-product-faq-section::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.035) 0%,
            transparent 22%,
            rgba(0,0,0,.16) 100%
        ),
        inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

/* Layout */

.gt-product-faq-layout {
    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    min-height: 540px !important;
    padding: 48px 58px !important;
}

/* Keyart side */

.gt-product-faq-media {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    width: 56% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
}

.gt-product-faq-media::before {
    display: none !important;
}

.gt-product-faq-media::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: -12% !important;
    bottom: 0 !important;
    z-index: 3 !important;
    height: 38% !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(10,10,12,.40) 58%,
            var(--gt-surface-raised, #111114) 100%
        ) !important;
}

.gt-product-faq-media img {
    position: absolute !important;
    left: -6% !important;
    bottom: -42px !important;
    z-index: 1 !important;
    width: 116% !important;
    height: auto !important;
    max-width: none !important;
    opacity: .78 !important;
    transform: none !important;
    object-fit: contain !important;
    object-position: left bottom !important;
    filter:
        contrast(1.04)
        saturate(.88)
        brightness(.76)
        drop-shadow(0 24px 44px rgba(0,0,0,.34)) !important;
}

/* Content column */

.gt-product-faq-content {
    position: relative !important;
    z-index: 6 !important;
    width: min(620px, 48%) !important;
    min-height: 444px !important;
    margin-left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Header */

.gt-product-faq-header {
    margin: 0 0 24px !important;
}

.gt-product-faq-header::before {
    content: "05 — PREGUNTAS FRECUENTES";
    display: block;
    margin-bottom: 12px;
    color: rgba(139,139,255,.82);
    font-family: var(--gt-font-mono, monospace);
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.gt-product-faq-header h2 {
    max-width: 620px !important;
    margin: 0 !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-family: var(--gt-font-display, Inter, system-ui, sans-serif) !important;
    font-size: clamp(1.38rem, 1.75vw, 1.9rem) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: -.024em !important;
}

/* FAQ list */

.gt-product-faq-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* FAQ item */

.gt-faq-item {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-md, 10px) !important;
    background: rgba(255,255,255,.026) !important;
    transition:
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
}

.gt-faq-item:hover {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16)) !important;
    background: rgba(255,255,255,.04) !important;
}

.gt-faq-item.is-active,
.gt-faq-item.is-open {
    border-color: rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.045) !important;
}

/* Active accent strip */

.gt-faq-item::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    width: 2px !important;
    background: var(--gt-accent, #5B5BF5) !important;
    opacity: 0 !important;
    transform: scaleY(.2) !important;
    transform-origin: top center !important;
    transition:
        opacity var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
}

.gt-faq-item.is-active::before,
.gt-faq-item.is-open::before {
    opacity: .86 !important;
    transform: scaleY(1) !important;
}

/* Question */

.gt-faq-question {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 28px !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 58px !important;
    padding: 0 16px 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--gt-text-primary, rgba(255,255,255,.94)) !important;
    font-size: 12.6px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    text-align: left !important;
    cursor: pointer !important;
}

.gt-faq-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid var(--gt-border-default, rgba(255,255,255,.10)) !important;
    border-radius: var(--gt-radius-sm, 8px) !important;
    background: rgba(255,255,255,.018) !important;
    color: rgba(255,255,255,.52) !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    transition:
        color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        background var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        border-color var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        transform var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
}

.gt-faq-question:hover .gt-faq-icon {
    border-color: var(--gt-border-strong, rgba(255,255,255,.16)) !important;
    background: rgba(255,255,255,.035) !important;
    color: rgba(255,255,255,.72) !important;
}

.gt-faq-item.is-active .gt-faq-icon,
.gt-faq-item.is-open .gt-faq-icon {
    border-color: rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.04) !important;
    color: #fff !important;
    transform: rotate(45deg) !important;
}

/* Answer: keep JS max-height animation stable */

.gt-faq-answer {
    display: block !important;
    grid-template-rows: unset !important;
    overflow: hidden !important;
    max-height: 0;
    opacity: 0;
    transition:
        max-height var(--gt-duration-base, 280ms) var(--gt-ease-out, ease),
        opacity var(--gt-duration-base, 280ms) var(--gt-ease-out, ease) !important;
    will-change: max-height, opacity;
}

.gt-faq-item.is-active .gt-faq-answer,
.gt-faq-item.is-open .gt-faq-answer {
    opacity: 1 !important;
}

.gt-faq-answer-inner {
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 18px !important;
    color: var(--gt-text-secondary, rgba(255,255,255,.72)) !important;
    font-size: 12.1px !important;
    font-weight: 500 !important;
    line-height: 1.68 !important;
}

.gt-faq-answer-inner p {
    margin: 0 0 12px !important;
}

.gt-faq-answer-inner p:last-child {
    margin-bottom: 0 !important;
}

.gt-faq-item.is-active .gt-faq-answer-inner,
.gt-faq-item.is-open .gt-faq-answer-inner {
    padding-bottom: 18px !important;
}

/* Focus */

.gt-faq-question:focus-visible {
    outline: 2px solid var(--gt-border-focus, var(--gt-accent, #5B5BF5)) !important;
    outline-offset: 3px !important;
    border-radius: var(--gt-radius-md, 10px) !important;
}

/* No-image fallback */

.gt-product-faq-section.has-no-image {
    min-height: auto !important;
}

.gt-product-faq-section.has-no-image .gt-product-faq-layout {
    min-height: auto !important;
}

.gt-product-faq-section.has-no-image .gt-product-faq-media {
    display: none !important;
}

.gt-product-faq-section.has-no-image .gt-product-faq-content {
    width: min(760px, 100%) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-product-faq-section {
        margin-top: 56px !important;
        min-height: auto !important;
        border-radius: 22px !important;
    }

    .gt-product-faq-section::before {
        background:
            radial-gradient(
                circle at 50% 92%,
                rgba(91,91,245,.10),
                transparent 34%
            ),
            linear-gradient(
                180deg,
                rgba(10,10,12,.92) 0%,
                rgba(10,10,12,.88) 48%,
                rgba(10,10,12,.96) 100%
            ) !important;
    }

    .gt-product-faq-layout {
        display: flex !important;
        flex-direction: column !important;
        min-height: auto !important;
        padding: 26px 18px 0 !important;
    }

    .gt-product-faq-content {
        order: 1 !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    .gt-product-faq-header {
        margin-bottom: 18px !important;
    }

    .gt-product-faq-header::before {
        margin-bottom: 10px !important;
        font-size: 8.8px !important;
        letter-spacing: .13em !important;
    }

    .gt-product-faq-header h2 {
        max-width: none !important;
        font-size: clamp(1.28rem, 5.8vw, 1.65rem) !important;
        line-height: 1.12 !important;
    }

    .gt-product-faq-items {
        gap: 9px !important;
    }

    .gt-faq-item {
        border-radius: 10px !important;
    }

    .gt-faq-question {
        grid-template-columns: 1fr 27px !important;
        min-height: 56px !important;
        padding: 0 14px 0 15px !important;
        gap: 14px !important;
        font-size: 12.2px !important;
        line-height: 1.36 !important;
    }

    .gt-faq-icon {
        width: 27px !important;
        height: 27px !important;
        font-size: 17px !important;
    }

    .gt-faq-answer-inner {
        padding: 0 15px !important;
        font-size: 11.8px !important;
        line-height: 1.65 !important;
    }

    .gt-faq-item.is-active .gt-faq-answer-inner,
    .gt-faq-item.is-open .gt-faq-answer-inner {
        padding-bottom: 16px !important;
    }

    .gt-product-faq-media {
        order: 2 !important;
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        width: calc(100% + 36px) !important;
        height: 218px !important;
        min-height: 218px !important;
        margin: 22px -18px 0 !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    .gt-product-faq-media::after {
        left: 0 !important;
        right: 0 !important;
        height: 44% !important;
        background:
            linear-gradient(
                180deg,
                transparent 0%,
                rgba(10,10,12,.34) 56%,
                var(--gt-surface-raised, #111114) 100%
            ) !important;
    }

    .gt-product-faq-media img {
        left: 50% !important;
        bottom: -28px !important;
        width: 118% !important;
        height: auto !important;
        opacity: .78 !important;
        transform: translateX(-50%) !important;
        object-position: center bottom !important;
        filter:
            contrast(1.04)
            saturate(.86)
            brightness(.78)
            drop-shadow(0 22px 38px rgba(0,0,0,.32)) !important;
    }
}

@media (max-width: 549px) {
    .gt-product-faq-section {
        margin-top: 50px !important;
        border-radius: 20px !important;
    }

    .gt-product-faq-layout {
        padding: 24px 16px 0 !important;
    }

    .gt-product-faq-media {
        width: calc(100% + 32px) !important;
        height: 198px !important;
        min-height: 198px !important;
        margin: 20px -16px 0 !important;
    }

    .gt-product-faq-media img {
        bottom: -24px !important;
        width: 112% !important;
    }
}

/* =========================================================
   GT V2 — FAQ Final Balance
   ========================================================= */

.gt-product-faq-section {
    min-height: 510px !important;
}

.gt-product-faq-layout {
    min-height: 510px !important;
    padding: 44px 58px !important;
}

.gt-product-faq-media img {
    opacity: .84 !important;
    filter:
        contrast(1.05)
        saturate(.9)
        brightness(.82)
        drop-shadow(0 24px 44px rgba(0,0,0,.34)) !important;
}

.gt-product-faq-section::before {
    background:
        radial-gradient(
            circle at 18% 76%,
            rgba(91,91,245,.11),
            transparent 32%
        ),
        linear-gradient(
            90deg,
            rgba(10,10,12,.04) 0%,
            rgba(10,10,12,.16) 34%,
            rgba(10,10,12,.68) 58%,
            rgba(10,10,12,.92) 100%
        ),
        linear-gradient(
            180deg,
            rgba(10,10,12,.08) 0%,
            rgba(10,10,12,.02) 36%,
            rgba(10,10,12,.54) 100%
        ) !important;
}

.gt-product-faq-content {
    min-height: 410px !important;
}

.gt-product-faq-header {
    margin-bottom: 22px !important;
}

.gt-product-faq-header::before {
    color: rgba(139,139,255,.78) !important;
}

.gt-faq-question {
    min-height: 54px !important;
    font-size: 12.4px !important;
}

.gt-faq-icon {
    width: 27px !important;
    height: 27px !important;
    font-size: 17px !important;
}

.gt-faq-answer-inner {
    font-size: 12px !important;
    line-height: 1.66 !important;
}

/* Mobile */

@media (max-width: 849px) {
    .gt-product-faq-section {
        min-height: auto !important;
    }

    .gt-product-faq-layout {
        min-height: auto !important;
        padding: 26px 18px 0 !important;
    }

    .gt-product-faq-media img {
        opacity: .80 !important;
        filter:
            contrast(1.04)
            saturate(.88)
            brightness(.80)
            drop-shadow(0 22px 38px rgba(0,0,0,.32)) !important;
    }

    .gt-faq-question {
        min-height: 54px !important;
        font-size: 12.1px !important;
    }
}

/* =========================================================
   GT Product — AJAX Add To Cart Button State
   ========================================================= */

.single_add_to_cart_button.is-loading {
    pointer-events: none !important;
    opacity: .82 !important;
    filter: saturate(.9) brightness(.94) !important;
}

.single_add_to_cart_button.is-loading::after {
    content: "";
    width: 13px;
    height: 13px;
    margin-left: 10px;
    border: 2px solid rgba(255,255,255,.36);
    border-top-color: #fff;
    border-radius: 999px;
    animation: gtButtonSpin .7s linear infinite;
}

@keyframes gtButtonSpin {
    to {
        transform: rotate(360deg);
    }
}

/* =========================================================
   GT V2 — FAQ Mobile Keyart Position Fix
   ========================================================= */

@media (max-width: 849px) {
    .gt-product-faq-media {
        height: 250px !important;
        min-height: 250px !important;
        margin-top: 24px !important;
    }

    .gt-product-faq-media img {
        bottom: -6px !important;
        width: 122% !important;
        opacity: .82 !important;
        object-position: center bottom !important;
    }
}

@media (max-width: 549px) {
    .gt-product-faq-media {
        height: 236px !important;
        min-height: 236px !important;
        margin-top: 22px !important;
    }

    .gt-product-faq-media img {
        bottom: -4px !important;
        width: 122% !important;
    }
}

@media (max-width: 390px) {
    .gt-product-faq-media {
        height: 220px !important;
        min-height: 220px !important;
    }

    .gt-product-faq-media img {
        bottom: 0 !important;
        width: 126% !important;
    }
}

/* =========================================================
   GT Product — FAQ Keyart Real Mobile Fix
   ========================================================= */

@media (max-width: 849px) {
    .gt-product-faq,
    .gt-product-faq-section {
        overflow: hidden !important;
    }

    .gt-product-faq-media {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        height: clamp(250px, 34vh, 320px) !important;
        min-height: 250px !important;

        margin-top: 28px !important;

        overflow: hidden !important;
        border-radius: 0 0 inherit inherit !important;
    }

    .gt-product-faq-media img {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        bottom: 0 !important;
        top: auto !important;

        display: block !important;

        width: min(132%, 760px) !important;
        max-width: none !important;
        height: auto !important;

        object-fit: contain !important;
        object-position: center bottom !important;

        opacity: .82 !important;

        transform: translateX(-50%) !important;
    }
}

@media (max-width: 549px) {
    .gt-product-faq-media {
        height: clamp(260px, 36vh, 340px) !important;
        min-height: 260px !important;
        margin-top: 26px !important;
    }

    .gt-product-faq-media img {
        width: 136% !important;
        bottom: 0 !important;
    }
}

@media (max-width: 420px) {
    .gt-product-faq-media {
        height: clamp(270px, 38vh, 350px) !important;
        min-height: 270px !important;
    }

    .gt-product-faq-media img {
        width: 142% !important;
        bottom: 0 !important;
    }
}

/* =========================================================
   GT Product — FAQ Keyart Mobile Hard Reset
   Objetivo: usar el keyart como fondo atmosférico, sin espacio muerto.
   ========================================================= */

@media (max-width: 849px) {
    .gt-product-faq,
    .gt-product-faq-section,
    .gt-product-faq-card {
        overflow: hidden !important;
    }

    .gt-product-faq-media {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        height: 255px !important;
        min-height: 255px !important;
        max-height: 255px !important;

        margin-top: 22px !important;

        overflow: hidden !important;
        border-radius: 0 0 inherit inherit !important;

        background: transparent !important;
    }

    .gt-product-faq-media img {
        position: absolute !important;
        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: none !important;

        object-fit: cover !important;
        object-position: center 52% !important;

        opacity: .74 !important;

        transform: none !important;
    }

    .gt-product-faq-media::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        pointer-events: none !important;

        background:
            linear-gradient(180deg,
                rgba(8,8,12,.20) 0%,
                rgba(8,8,12,.08) 36%,
                rgba(8,8,12,.58) 100%
            ),
            radial-gradient(circle at 18% 70%,
                rgba(91,91,245,.18),
                transparent 46%
            ) !important;
    }
}

@media (max-width: 549px) {
    .gt-product-faq-media {
        height: 245px !important;
        min-height: 245px !important;
        max-height: 245px !important;
        margin-top: 20px !important;
    }

    .gt-product-faq-media img {
        object-position: center 50% !important;
    }
}

@media (max-width: 420px) {
    .gt-product-faq-media {
        height: 235px !important;
        min-height: 235px !important;
        max-height: 235px !important;
    }

    .gt-product-faq-media img {
        object-position: center 48% !important;
    }
}

/* =========================================================
   GT Product — FAQ Mobile Real Device Layout Fix
   Estructura real:
   .gt-product-faq-section > .gt-product-faq-layout
   > .gt-product-faq-media + .gt-product-faq-content
   ========================================================= */

@media (max-width: 849px) {

    section[id^="gt-product-faq-"].gt-product-faq-section {
        overflow: hidden !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-layout {
        display: flex !important;
        flex-direction: column !important;

        min-height: 0 !important;
        height: auto !important;

        overflow: hidden !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-content {
        position: relative !important;
        z-index: 2 !important;

        order: 1 !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-items {
        margin-bottom: 0 !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media {
        position: relative !important;
        inset: auto !important;

        order: 2 !important;

        display: block !important;

        width: 100% !important;
        height: 238px !important;
        min-height: 238px !important;
        max-height: 238px !important;

        margin: 24px 0 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 0 0 inherit inherit !important;

        background: transparent !important;

        transform: none !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media img {
        position: absolute !important;
        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        height: 100% !important;
        max-height: none !important;

        margin: 0 !important;

        object-fit: cover !important;
        object-position: center 44% !important;

        opacity: .76 !important;

        transform: scale(1.06) !important;

        filter:
            contrast(1.04)
            saturate(.92)
            brightness(.86) !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media::before {
        display: none !important;
        content: none !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        pointer-events: none !important;

        background:
            linear-gradient(180deg,
                rgba(8,8,12,.08) 0%,
                rgba(8,8,12,.12) 38%,
                rgba(8,8,12,.72) 100%
            ),
            radial-gradient(circle at 18% 58%,
                rgba(91,91,245,.20),
                transparent 48%
            ) !important;
    }
}

@media (max-width: 549px) {
    section[id^="gt-product-faq-"] .gt-product-faq-media {
        height: 228px !important;
        min-height: 228px !important;
        max-height: 228px !important;

        margin-top: 22px !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media img {
        object-position: center 42% !important;
        transform: scale(1.08) !important;
    }
}

@media (max-width: 420px) {
    section[id^="gt-product-faq-"] .gt-product-faq-media {
        height: 218px !important;
        min-height: 218px !important;
        max-height: 218px !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media img {
        object-position: center 40% !important;
        transform: scale(1.10) !important;
    }
}

/* =========================================================
   GT Product — FAQ Mobile Keyart 100% Width No Crop Fix
   ========================================================= */

@media (max-width: 849px) {

    section[id^="gt-product-faq-"] .gt-product-faq-layout {
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-content {
        order: 1 !important;
        position: relative !important;
        z-index: 2 !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media {
        order: 2 !important;

        position: relative !important;
        inset: auto !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 24px 0 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 0 0 inherit inherit !important;

        background: transparent !important;

        transform: none !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media img {
        position: relative !important;
        inset: auto !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        object-fit: contain !important;
        object-position: center center !important;

        opacity: .76 !important;

        transform: none !important;

        filter:
            contrast(1.04)
            saturate(.92)
            brightness(.84) !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media::before {
        display: none !important;
        content: none !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        pointer-events: none !important;

        background:
            linear-gradient(180deg,
                rgba(8,8,12,.05) 0%,
                rgba(8,8,12,.10) 42%,
                rgba(8,8,12,.62) 100%
            ),
            radial-gradient(circle at 18% 60%,
                rgba(91,91,245,.18),
                transparent 48%
            ) !important;
    }
}

@media (max-width: 420px) {
    section[id^="gt-product-faq-"] .gt-product-faq-media {
        margin-top: 22px !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   GT Product — FAQ Mobile Keyart Final Polish
   Reduce gap + remove weird overlay
   ========================================================= */

@media (max-width: 849px) {

    section[id^="gt-product-faq-"] .gt-product-faq-content {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-items {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    section[id^="gt-product-faq-"] .gt-faq-item:last-child {
        margin-bottom: 0 !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media {
        margin-top: 10px !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media::before,
    section[id^="gt-product-faq-"] .gt-product-faq-media::after {
        display: none !important;
        content: none !important;
        background: none !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media img {
        opacity: .78 !important;

        filter:
            contrast(1.04)
            saturate(.94)
            brightness(.88) !important;
    }
}

@media (max-width: 549px) {
    section[id^="gt-product-faq-"] .gt-product-faq-media {
        margin-top: 8px !important;
    }
}

/* ==========================================================
   GT Product Trust — Final Override
   Layout 1260px + Wide Premium Sheet
   ========================================================== */

/* ==========================================================
   Trust Rail
   ========================================================== */

.gt-product-trust-system {
    width: min(1260px, calc(100% - 40px)) !important;
    margin: 24px auto 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.gt-product-trust-box {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 34px 12px 12px !important;
    border: 1px solid rgba(255, 255, 255, .052) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.007)),
        rgba(4, 5, 10, .94) !important;
    box-shadow:
        0 22px 58px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255,255,255,.028) !important;
    backdrop-filter: blur(16px) !important;
    overflow: hidden !important;
}

.gt-product-trust-box::before {
    content: "Por qué comprar en Gamers Things?" !important;
    position: absolute !important;
    left: 22px !important;
    top: 14px !important;
    color: rgba(255,255,255,.46) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

.gt-product-trust-box::after {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    top: 31px !important;
    width: 112px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(143,124,255,.22), rgba(255,255,255,.045), transparent) !important;
    pointer-events: none !important;
}

.gt-trust-action {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 72px !important;
    padding: 13px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    text-align: left !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transform: none !important;
}

.gt-trust-action::before {
    content: "" !important;
    position: absolute !important;
    inset: 6px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.035) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.006)),
        rgba(255,255,255,.006) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition:
        opacity .18s ease,
        border-color .18s ease,
        background .18s ease !important;
}

.gt-trust-action:hover::before,
.gt-trust-action:focus-visible::before {
    opacity: 1 !important;
    border-color: rgba(255,255,255,.060) !important;
}

.gt-trust-action:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 16px !important;
    bottom: 16px !important;
    width: 1px !important;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,.046), transparent) !important;
}

.gt-trust-action-arrow {
    display: none !important;
}

.gt-trust-action-icon {
    position: relative !important;
    z-index: 1 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.074) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.010)),
        rgba(255,255,255,.012) !important;
    color: rgba(255,255,255,.68) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 10px 22px rgba(0,0,0,.16) !important;
    transition:
        color .18s ease,
        border-color .18s ease,
        background .18s ease !important;
}

.gt-trust-action-icon svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    filter: none !important;
}

.gt-trust-action:hover .gt-trust-action-icon,
.gt-trust-action:focus-visible .gt-trust-action-icon {
    color: rgba(190,181,255,.84) !important;
    border-color: rgba(143,124,255,.16) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.012)),
        rgba(255,255,255,.014) !important;
}

.gt-trust-action-copy {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.gt-trust-action-title {
    display: block !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    line-height: 1.18 !important;
    letter-spacing: -.01em !important;
}

.gt-trust-action-summary {
    display: block !important;
    max-width: 235px !important;
    color: rgba(255,255,255,.52) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.005em !important;
}

.gt-trust-action:hover .gt-trust-action-title {
    color: rgba(255,255,255,.98) !important;
}

.gt-trust-action:hover .gt-trust-action-summary {
    color: rgba(255,255,255,.62) !important;
}

/* ==========================================================
   Trust Sheet / Off Canvas
   ========================================================== */

body.gt-trust-lock {
    overflow: hidden !important;
}

.gt-trust-sheet {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity .22s ease !important;
}

.gt-trust-sheet.is-open,
.gt-trust-sheet[aria-hidden="false"] {
    pointer-events: auto !important;
    opacity: 1 !important;
}

.gt-trust-sheet-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 50% 100%, rgba(143,124,255,.025), transparent 44%),
        rgba(0, 0, 0, .74) !important;
    opacity: 0 !important;
    backdrop-filter: blur(12px) !important;
    transition: opacity .22s ease !important;
}

.gt-trust-sheet.is-open .gt-trust-sheet-backdrop,
.gt-trust-sheet[aria-hidden="false"] .gt-trust-sheet-backdrop {
    opacity: 1 !important;
}

.gt-trust-sheet-panel {
    position: absolute !important;
    left: 50% !important;
    bottom: 24px !important;
    width: min(1040px, calc(100vw - 64px)) !important;
    max-height: min(720px, calc(100dvh - 48px)) !important;
    overflow: auto !important;
    padding: 40px 42px 38px !important;
    border: 1px solid rgba(255,255,255,.074) !important;
    border-radius: 32px 32px 28px 28px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.012)),
        rgba(5, 6, 12, .98) !important;
    box-shadow:
        0 34px 120px rgba(0,0,0,.64),
        inset 0 1px 0 rgba(255,255,255,.045) !important;
    backdrop-filter: blur(22px) !important;
    transform: translateX(-50%) translateY(22px) !important;
    transition: transform .24s ease !important;
}

.gt-trust-sheet.is-open .gt-trust-sheet-panel,
.gt-trust-sheet[aria-hidden="false"] .gt-trust-sheet-panel {
    transform: translateX(-50%) translateY(0) !important;
}

.gt-trust-sheet-panel::before {
    content: "" !important;
    position: absolute !important;
    top: 13px !important;
    left: 50% !important;
    width: 48px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.22) !important;
    transform: translateX(-50%) !important;
}

.gt-trust-sheet-close {
    position: absolute !important;
    top: 24px !important;
    right: 26px !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(255,255,255,.078) !important;
    border-radius: 15px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.010)),
        rgba(255,255,255,.010) !important;
    color: rgba(255,255,255,.66) !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 12px 28px rgba(0,0,0,.20) !important;
    transition:
        color .18s ease,
        border-color .18s ease,
        background .18s ease,
        transform .18s ease !important;
}

.gt-trust-sheet-close span {
    display: block !important;
    font-size: 23px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

.gt-trust-sheet-close:hover {
    color: rgba(255,255,255,.94) !important;
    border-color: rgba(255,255,255,.13) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.014)),
        rgba(255,255,255,.014) !important;
    transform: translateY(-1px) !important;
}

.gt-trust-sheet-content[hidden] {
    display: none !important;
}

.gt-trust-sheet-content:not([hidden]) {
    display: grid !important;
    grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr) !important;
    column-gap: 46px !important;
    align-items: center !important;
    min-height: 300px !important;
}

.gt-trust-sheet-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 0 22px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.078) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.010)),
        rgba(255,255,255,.012) !important;
    color: rgba(255,255,255,.70) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.050),
        0 16px 34px rgba(0,0,0,.22) !important;
}

.gt-trust-sheet-icon svg {
    width: 24px !important;
    height: 24px !important;
    stroke: currentColor !important;
    stroke-width: 1.75 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    filter: none !important;
}

.gt-trust-sheet-title {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding-right: 20px !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 32px !important;
    font-weight: 850 !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
}

.gt-trust-sheet-intro {
    grid-column: 1 !important;
    grid-row: 3 !important;
    max-width: 390px !important;
    margin: 16px 0 0 !important;
    color: rgba(255,255,255,.70) !important;
    font-size: 14px !important;
    font-weight: 520 !important;
    line-height: 1.72 !important;
}

.gt-trust-sheet-list {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.gt-trust-sheet-list li {
    position: relative !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 16px 16px 16px 42px !important;
    border: 1px solid rgba(255,255,255,.058) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.007)),
        rgba(255,255,255,.007) !important;
    color: rgba(255,255,255,.68) !important;
    font-size: 13px !important;
    font-weight: 520 !important;
    line-height: 1.45 !important;
}

.gt-trust-sheet-list li::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 22px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: rgba(143,124,255,.50) !important;
    box-shadow: 0 0 10px rgba(143,124,255,.16) !important;
}

.gt-trust-sheet-list li::after {
    display: none !important;
}

.gt-trust-sheet-list li:hover {
    border-color: rgba(255,255,255,.082) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.008)),
        rgba(255,255,255,.009) !important;
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 1040px) {
    .gt-product-trust-system {
        width: min(1260px, calc(100% - 32px)) !important;
    }

    .gt-product-trust-box {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .gt-trust-action:nth-child(2)::after {
        display: none !important;
    }

    .gt-trust-sheet-panel {
        width: min(860px, calc(100vw - 44px)) !important;
    }

    .gt-trust-sheet-content:not([hidden]) {
        grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr) !important;
        column-gap: 34px !important;
    }

    .gt-trust-sheet-list {
        grid-template-columns: 1fr !important;
    }

    .gt-trust-sheet-list li {
        min-height: auto !important;
    }
}

@media (max-width: 849px) {
    .gt-product-trust-system {
        width: min(100% - 24px, 680px) !important;
        margin-top: 22px !important;
    }

    .gt-product-trust-box {
        grid-template-columns: 1fr !important;
        padding: 34px 10px 10px !important;
        border-radius: 22px !important;
    }

    .gt-product-trust-box::before {
        left: 18px !important;
        top: 14px !important;
        font-size: 9px !important;
        letter-spacing: .15em !important;
    }

    .gt-product-trust-box::after {
        left: 18px !important;
        top: 31px !important;
    }

    .gt-trust-action {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        min-height: 74px !important;
        padding: 13px 14px !important;
    }

    .gt-trust-action:not(:last-child)::after {
        left: 14px !important;
        right: 14px !important;
        top: auto !important;
        bottom: 0 !important;
        width: auto !important;
        height: 1px !important;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.052), transparent) !important;
    }

    .gt-trust-action-arrow {
        display: inline-grid !important;
        position: relative !important;
        z-index: 1 !important;
        place-items: center !important;
        width: 24px !important;
        height: 24px !important;
        color: rgba(255,255,255,.30) !important;
        background: transparent !important;
    }

    .gt-trust-action-arrow svg {
        width: 13px !important;
        height: 13px !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        fill: none !important;
    }

    .gt-trust-sheet-panel {
        bottom: 10px !important;
        width: min(640px, calc(100vw - 20px)) !important;
        max-height: min(720px, calc(100dvh - 20px)) !important;
        padding: 30px 24px 24px !important;
        border-radius: 26px 26px 22px 22px !important;
    }

    .gt-trust-sheet-content:not([hidden]) {
        display: block !important;
        min-height: 0 !important;
    }

    .gt-trust-sheet-close {
        top: 18px !important;
        right: 18px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    .gt-trust-sheet-icon {
        width: 46px !important;
        height: 46px !important;
        margin: 12px 0 18px !important;
        border-radius: 16px !important;
    }

    .gt-trust-sheet-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .gt-trust-sheet-title {
        padding-right: 54px !important;
        font-size: 25px !important;
    }

    .gt-trust-sheet-intro {
        max-width: none !important;
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    .gt-trust-sheet-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 22px !important;
    }

    .gt-trust-sheet-list li {
        min-height: auto !important;
        padding: 13px 14px 13px 38px !important;
    }

    .gt-trust-sheet-list li::before {
        left: 16px !important;
        top: 19px !important;
    }
}

@media (max-width: 520px) {
    .gt-product-trust-system {
        width: min(100% - 20px, 680px) !important;
    }

    .gt-trust-action-summary {
        max-width: none !important;
    }
}

/* ==========================================================
   GT Product Trust — Width Fix to Match 1260 Layout
   ========================================================== */

@media (min-width: 850px) {
    .single-product .gt-product-trust-system {
        width: 100% !important;
        max-width: 1260px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: auto !important;
        transform: none !important;
    }

    .single-product .gt-product-trust-box {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================
   GT Trust Sheet — Content Order Premium Fix
   Orden interno: columna editorial + puntos clave
   ========================================================== */

@media (min-width: 1050px) {

    .gt-trust-sheet-panel {
        width: min(1040px, calc(100vw - 64px)) !important;
        padding: 42px 42px 40px !important;
    }

    .gt-trust-sheet-content:not([hidden]) {
        position: relative !important;
        display: block !important;
        min-height: 320px !important;
        padding: 28px 600px 16px 0 !important;
    }

    .gt-trust-sheet-content:not([hidden])::after {
        content: "" !important;
        position: absolute !important;
        top: 38px !important;
        bottom: 18px !important;
        left: calc(100% - 570px) !important;
        width: 1px !important;
        background: linear-gradient(
            180deg,
            transparent,
            rgba(255,255,255,.055),
            transparent
        ) !important;
        pointer-events: none !important;
    }

    .gt-trust-sheet-icon {
        display: inline-grid !important;
        place-items: center !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 0 28px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(255,255,255,.078) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.010)),
            rgba(255,255,255,.012) !important;
        color: rgba(255,255,255,.70) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.050),
            0 16px 34px rgba(0,0,0,.22) !important;
    }

    .gt-trust-sheet-icon svg {
        width: 24px !important;
        height: 24px !important;
        stroke: currentColor !important;
        stroke-width: 1.75 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        fill: none !important;
        filter: none !important;
    }

    .gt-trust-sheet-title {
        max-width: 390px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: rgba(255,255,255,.96) !important;
        font-size: 32px !important;
        font-weight: 850 !important;
        line-height: 1.04 !important;
        letter-spacing: -.045em !important;
    }

    .gt-trust-sheet-intro {
        max-width: 400px !important;
        margin: 22px 0 0 !important;
        color: rgba(255,255,255,.72) !important;
        font-size: 14px !important;
        font-weight: 560 !important;
        line-height: 1.72 !important;
    }

    .gt-trust-sheet-list {
        position: absolute !important;
        top: 64px !important;
        right: 0 !important;
        width: 540px !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .gt-trust-sheet-list::before {
        content: "Puntos clave" !important;
        grid-column: 1 / -1 !important;
        display: block !important;
        margin: 0 0 2px !important;
        color: rgba(255,255,255,.42) !important;
        font-size: 9px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: .16em !important;
        text-transform: uppercase !important;
    }

    .gt-trust-sheet-list li {
        position: relative !important;
        min-height: 78px !important;
        margin: 0 !important;
        padding: 17px 18px 16px 42px !important;
        border: 1px solid rgba(255,255,255,.058) !important;
        border-radius: 16px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.007)),
            rgba(255,255,255,.007) !important;
        color: rgba(255,255,255,.70) !important;
        font-size: 13px !important;
        font-weight: 620 !important;
        line-height: 1.48 !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.020) !important;
    }

    .gt-trust-sheet-list li::before {
        content: "" !important;
        position: absolute !important;
        left: 18px !important;
        top: 23px !important;
        width: 6px !important;
        height: 6px !important;
        border-radius: 999px !important;
        background: rgba(143,124,255,.46) !important;
        box-shadow: 0 0 10px rgba(143,124,255,.14) !important;
    }

    .gt-trust-sheet-list li::after {
        display: none !important;
        content: none !important;
    }

    .gt-trust-sheet-list li:hover {
        border-color: rgba(255,255,255,.082) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.008)),
            rgba(255,255,255,.009) !important;
    }
}


/* Tablet: sin layout absoluto, pero ordenado */

@media (min-width: 850px) and (max-width: 1049px) {

    .gt-trust-sheet-panel {
        width: min(860px, calc(100vw - 44px)) !important;
        padding: 38px 36px 34px !important;
    }

    .gt-trust-sheet-content:not([hidden]) {
        display: block !important;
        min-height: 0 !important;
    }

    .gt-trust-sheet-title {
        max-width: 540px !important;
        padding-right: 54px !important;
    }

    .gt-trust-sheet-intro {
        max-width: 620px !important;
        margin-top: 16px !important;
    }

    .gt-trust-sheet-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-top: 26px !important;
    }

    .gt-trust-sheet-list::before {
        content: "Puntos clave" !important;
        grid-column: 1 / -1 !important;
        display: block !important;
        margin-bottom: 2px !important;
        color: rgba(255,255,255,.42) !important;
        font-size: 9px !important;
        font-weight: 850 !important;
        letter-spacing: .16em !important;
        text-transform: uppercase !important;
    }
}

/* ==========================================================
   GT Trust Sheet — Hard Reset Single Column Premium
   Corrige solapados heredados de layouts anteriores
   ========================================================== */

.gt-trust-sheet-content:not([hidden]),
.gt-trust-sheet-content:not([hidden]) * {
    box-sizing: border-box !important;
}

/* Panel ancho, pero contenido ordenado */
.gt-trust-sheet-panel {
    position: absolute !important;
    left: 50% !important;
    bottom: 24px !important;
    width: min(1040px, calc(100vw - 64px)) !important;
    max-height: min(720px, calc(100dvh - 48px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding: 46px 48px 46px !important;

    border: 1px solid rgba(255,255,255,.074) !important;
    border-radius: 32px 32px 28px 28px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
        rgba(5, 6, 12, .98) !important;

    box-shadow:
        0 34px 120px rgba(0,0,0,.64),
        inset 0 1px 0 rgba(255,255,255,.045) !important;

    backdrop-filter: blur(22px) !important;

    transform: translateX(-50%) translateY(22px) !important;
    transition: transform .24s ease !important;
}

.gt-trust-sheet.is-open .gt-trust-sheet-panel,
.gt-trust-sheet[aria-hidden="false"] .gt-trust-sheet-panel {
    transform: translateX(-50%) translateY(0) !important;
}

/* Handle superior */
.gt-trust-sheet-panel::before {
    content: "" !important;
    position: absolute !important;
    top: 13px !important;
    left: 50% !important;
    width: 48px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.20) !important;
    transform: translateX(-50%) !important;
}

/* Close */
.gt-trust-sheet-close {
    position: absolute !important;
    top: 24px !important;
    right: 26px !important;
    z-index: 5 !important;

    display: inline-grid !important;
    place-items: center !important;

    width: 42px !important;
    height: 42px !important;

    border: 1px solid rgba(255,255,255,.078) !important;
    border-radius: 15px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.010)),
        rgba(255,255,255,.010) !important;

    color: rgba(255,255,255,.66) !important;
    cursor: pointer !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 12px 28px rgba(0,0,0,.20) !important;
}

.gt-trust-sheet-close:hover {
    color: rgba(255,255,255,.94) !important;
    border-color: rgba(255,255,255,.13) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.014)),
        rgba(255,255,255,.014) !important;
    transform: translateY(-1px) !important;
}

.gt-trust-sheet-close span {
    display: block !important;
    font-size: 23px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

/* Contenido: reset total del layout anterior */
.gt-trust-sheet-content[hidden] {
    display: none !important;
}

.gt-trust-sheet-content:not([hidden]) {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 760px !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 22px 0 0 !important;

    grid-template-columns: none !important;
    column-gap: 0 !important;
}

/* Apaga separadores heredados */
.gt-trust-sheet-content:not([hidden])::before,
.gt-trust-sheet-content:not([hidden])::after {
    display: none !important;
    content: none !important;
}

/* Icono */
.gt-trust-sheet-icon {
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: flex-start !important;

    display: inline-grid !important;
    place-items: center !important;

    width: 52px !important;
    height: 52px !important;
    margin: 0 0 24px !important;

    border: 1px solid rgba(255,255,255,.078) !important;
    border-radius: 18px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.010)),
        rgba(255,255,255,.012) !important;

    color: rgba(255,255,255,.70) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.050),
        0 16px 34px rgba(0,0,0,.22) !important;
}

.gt-trust-sheet-icon svg {
    width: 24px !important;
    height: 24px !important;
    stroke: currentColor !important;
    stroke-width: 1.75 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    filter: none !important;
}

/* Título */
.gt-trust-sheet-title {
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: 680px !important;

    margin: 0 !important;
    padding: 0 64px 0 0 !important;

    color: rgba(255,255,255,.96) !important;
    font-size: 32px !important;
    font-weight: 850 !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
}

/* Texto principal */
.gt-trust-sheet-intro {
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: 680px !important;

    margin: 18px 0 0 !important;

    color: rgba(255,255,255,.72) !important;
    font-size: 14px !important;
    font-weight: 560 !important;
    line-height: 1.72 !important;
}

/* Lista vertical */
.gt-trust-sheet-list {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    grid-column: auto !important;
    grid-row: auto !important;
    align-self: stretch !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: none !important;

    gap: 10px !important;
    margin: 30px 0 0 !important;
    padding: 26px 0 0 !important;

    list-style: none !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;

    transform: none !important;
}

/* Título de la lista */
.gt-trust-sheet-list::before {
    content: "Puntos clave" !important;

    display: block !important;
    position: static !important;

    width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 !important;

    color: rgba(255,255,255,.42) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;

    background: none !important;
    box-shadow: none !important;
}

/* Items */
.gt-trust-sheet-list li {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 15px 18px 15px 44px !important;

    border: 1px solid rgba(255,255,255,.058) !important;
    border-radius: 16px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.007)),
        rgba(255,255,255,.007) !important;

    color: rgba(255,255,255,.70) !important;
    font-size: 13px !important;
    font-weight: 620 !important;
    line-height: 1.48 !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,.020) !important;
}

/* Bullet sobrio */
.gt-trust-sheet-list li::before {
    content: "" !important;

    position: absolute !important;
    left: 20px !important;
    top: 50% !important;

    width: 6px !important;
    height: 6px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: rgba(143,124,255,.42) !important;
    box-shadow: 0 0 10px rgba(143,124,255,.12) !important;

    transform: translateY(-50%) !important;
}

.gt-trust-sheet-list li::after {
    display: none !important;
    content: none !important;
}

.gt-trust-sheet-list li:hover {
    border-color: rgba(255,255,255,.082) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.008)),
        rgba(255,255,255,.009) !important;
}

/* Mobile */
@media (max-width: 849px) {
    .gt-trust-sheet-panel {
        bottom: 10px !important;
        width: min(640px, calc(100vw - 20px)) !important;
        max-height: min(720px, calc(100dvh - 20px)) !important;
        padding: 30px 24px 24px !important;
        border-radius: 26px 26px 22px 22px !important;
    }

    .gt-trust-sheet-content:not([hidden]) {
        max-width: none !important;
        padding: 0 !important;
    }

    .gt-trust-sheet-close {
        top: 18px !important;
        right: 18px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    .gt-trust-sheet-icon {
        width: 46px !important;
        height: 46px !important;
        margin: 12px 0 18px !important;
        border-radius: 16px !important;
    }

    .gt-trust-sheet-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .gt-trust-sheet-title {
        max-width: none !important;
        padding-right: 54px !important;
        font-size: 25px !important;
    }

    .gt-trust-sheet-intro {
        max-width: none !important;
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    .gt-trust-sheet-list {
        margin-top: 24px !important;
        padding-top: 22px !important;
    }

    .gt-trust-sheet-list::before {
        font-size: 8.5px !important;
        letter-spacing: .15em !important;
    }

    .gt-trust-sheet-list li {
        min-height: 54px !important;
        padding: 13px 14px 13px 38px !important;
    }

    .gt-trust-sheet-list li::before {
        left: 16px !important;
    }
}

/* ==========================================================
   GT Trust Icons — SVG Optical Balance
   ========================================================== */

.gt-trust-action-icon svg,
.gt-trust-sheet-icon svg {
	display: block !important;
	stroke: currentColor !important;
	stroke-width: 1.9 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	fill: none !important;
	filter: none !important;
}

.gt-trust-action-icon svg {
	width: 20px !important;
	height: 20px !important;
}

.gt-trust-sheet-icon svg {
	width: 25px !important;
	height: 25px !important;
}

.gt-trust-action-icon,
.gt-trust-sheet-icon {
	color: rgba(255,255,255,.72) !important;
}

.gt-trust-action:hover .gt-trust-action-icon,
.gt-trust-action:focus-visible .gt-trust-action-icon {
	color: rgba(205,198,255,.84) !important;
}

/* ==========================================================
   GT Product — Trust + Payment Pills Surface Balance
   Un poco más de presencia sin subir demasiado el violeta
   ========================================================== */

/* Trust rail: surface más visible */
.gt-product-trust-box {
    border-color: rgba(255,255,255,.070) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.010)),
        rgba(7, 8, 14, .88) !important;
    box-shadow:
        0 24px 64px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.038) !important;
}

/* Hover interno del trust rail */
.gt-trust-action::before {
    border-color: rgba(255,255,255,.048) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.008)),
        rgba(255,255,255,.010) !important;
}

.gt-trust-action:hover::before,
.gt-trust-action:focus-visible::before {
    opacity: 1 !important;
    border-color: rgba(255,255,255,.078) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.012)),
        rgba(255,255,255,.014) !important;
}

/* Icon pills del trust */
.gt-trust-action-icon {
    border-color: rgba(255,255,255,.090) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
        rgba(255,255,255,.018) !important;
    color: rgba(255,255,255,.74) !important;
}

.gt-trust-action:hover .gt-trust-action-icon,
.gt-trust-action:focus-visible .gt-trust-action-icon {
    color: rgba(205,198,255,.86) !important;
    border-color: rgba(143,124,255,.18) !important;
}

/* Textos del trust un poco más claros */
.gt-trust-action-title {
    color: rgba(255,255,255,.95) !important;
}

.gt-trust-action-summary {
    color: rgba(255,255,255,.60) !important;
}

.gt-trust-action:hover .gt-trust-action-summary {
    color: rgba(255,255,255,.68) !important;
}

/* Payment box: lo acercamos al mismo nivel visual */
.gt-product-payment-methods {
    border-color: rgba(255,255,255,.078) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.010)),
        rgba(7, 8, 14, .88) !important;
}

.gt-payment-item {
    border-color: rgba(255,255,255,.066) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.008)),
        rgba(255,255,255,.010) !important;
}

.gt-payment-item:hover {
    border-color: rgba(255,255,255,.105) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.010)),
        rgba(255,255,255,.016) !important;
}

.gt-payment-icon {
    border-color: rgba(255,255,255,.090) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
        rgba(255,255,255,.018) !important;
    color: rgba(255,255,255,.72) !important;
}

.gt-payment-title,
.gt-payment-item-title {
    color: rgba(255,255,255,.95) !important;
}

.gt-payment-intro,
.gt-payment-item-description {
    color: rgba(255,255,255,.60) !important;
}

/* =========================================================
   GT Product Editions - 3 Columns Layout
========================================================= */

@media (min-width: 1050px) {
    .gt-product-editions-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .gt-edition-card {
        min-width: 0 !important;
    }

    .gt-edition-media {
        aspect-ratio: 16 / 9 !important;
    }

    .gt-edition-content {
        padding: 20px 20px 22px !important;
    }

    .gt-edition-name {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .gt-edition-price {
        font-size: 18px !important;
    }

    .gt-edition-features li {
        font-size: 11.5px !important;
        line-height: 1.48 !important;
    }
}

@media (min-width: 850px) and (max-width: 1049px) {
    .gt-product-editions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 849px) {
    .gt-product-editions-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   GT Product Editions - Smart Columns by Quantity
========================================================= */

/* Default desktop: 3 ediciones */
@media (min-width: 1050px) {
    .gt-product-editions-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Cuando hay exactamente 2 ediciones */
@media (min-width: 1050px) {
    .gt-product-editions-grid:has(.gt-edition-card:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 1200px;
        margin-inline: auto;
    }
}

/* Cuando hay solo 1 edición */
@media (min-width: 1050px) {
    .gt-product-editions-grid:has(.gt-edition-card:first-child:last-child) {
        grid-template-columns: minmax(0, 520px) !important;
        max-width: 520px;
    }
}

/* =========================================================
   GT Product Title - Long Title Fix
========================================================= */

@media (min-width: 850px) {
    .single-product .product-title,
    .single-product .product-info .product-title {
        max-width: 760px !important;
        white-space: normal !important;
        text-wrap: balance !important;
        overflow-wrap: anywhere !important;
        font-size: clamp(1.35rem, 1.45vw, 1.7rem) !important;
        line-height: 1.12 !important;
        letter-spacing: -.02em !important;
    }
}

/* =========================================================
   GT Product FAQ - Keyart Top Coverage Fix
========================================================= */

@media (min-width: 850px) {
    .gt-product-faq-section .gt-product-faq-media {
        top: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        width: 58% !important;
        overflow: hidden !important;
    }

    .gt-product-faq-section .gt-product-faq-media img {
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: left center !important;
        opacity: .82 !important;
        transform: none !important;
    }

    .gt-product-faq-section .gt-product-faq-media::after {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 3 !important;
        height: auto !important;
        background:
            linear-gradient(
                90deg,
                rgba(10,10,12,.04) 0%,
                rgba(10,10,12,.14) 42%,
                rgba(10,10,12,.72) 82%,
                rgba(10,10,12,.94) 100%
            ),
            linear-gradient(
                180deg,
                rgba(10,10,12,.06) 0%,
                rgba(10,10,12,0) 42%,
                rgba(10,10,12,.52) 100%
            ) !important;
    }
}

/* =========================================================
   GT Product FAQ - Mobile Full Background Keyart
   Imagen mobile preparada para cubrir todo el row
   Ejemplo asset: 368x580px / proporcional vertical
========================================================= */

@media (max-width: 849px) {

    section[id^="gt-product-faq-"].gt-product-faq-section {
        position: relative !important;
        overflow: hidden !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-layout {
        position: relative !important;
        display: block !important;

        padding: 24px 18px 26px !important;

        overflow: hidden !important;
        border-radius: inherit !important;
        background: #090a0f !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        border-radius: inherit !important;

        z-index: 0 !important;
        pointer-events: none !important;
        background: #090a0f !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media picture,
    section[id^="gt-product-faq-"] .gt-product-faq-media img {
        position: absolute !important;
        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media img {
        object-fit: cover !important;
        object-position: center center !important;

        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-media::before,
    section[id^="gt-product-faq-"] .gt-product-faq-media::after {
        display: none !important;
        content: none !important;
        background: none !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-content {
        position: relative !important;
        z-index: 2 !important;

        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    section[id^="gt-product-faq-"] .gt-product-faq-header,
    section[id^="gt-product-faq-"] .gt-product-faq-items {
        position: relative !important;
        z-index: 2 !important;
    }
}

@media (max-width: 549px) {

    section[id^="gt-product-faq-"] .gt-product-faq-layout {
        padding: 22px 16px 24px !important;
    }
}

/* =========================================================
   GT Product FAQ - Mobile Accordion Readability
   Más presencia sobre background keyart
========================================================= */

@media (max-width: 849px) {

    section[id^="gt-product-faq-"] .gt-faq-item {
        background:
            linear-gradient(
                180deg,
                rgba(20, 21, 28, .92) 0%,
                rgba(14, 15, 21, .90) 100%
            ) !important;

        border: 1px solid rgba(255, 255, 255, .105) !important;
        box-shadow:
            0 12px 30px rgba(0, 0, 0, .22),
            inset 0 1px 0 rgba(255, 255, 255, .035) !important;

        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    section[id^="gt-product-faq-"] .gt-faq-question {
        background: transparent !important;
    }

    section[id^="gt-product-faq-"] .gt-faq-question span:first-child {
        color: rgba(255, 255, 255, .94) !important;
    }

    section[id^="gt-product-faq-"] .gt-faq-icon {
        background: rgba(255, 255, 255, .055) !important;
        border-color: rgba(255, 255, 255, .12) !important;
        color: rgba(255, 255, 255, .82) !important;
    }

    section[id^="gt-product-faq-"] .gt-faq-answer-inner {
        color: rgba(255, 255, 255, .76) !important;
    }
}

/* =========================================================
   GT Product Trust - Mobile Row Width + Block Consistency
   Hace que el trust row calce como los demás bloques mobile
========================================================= */

@media (max-width: 849px) {

    .single-product .gt-product-trust-system {
        width: 100% !important;
        max-width: none !important;

        margin-top: 22px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .single-product .gt-product-trust-box {
        width: 100% !important;
        max-width: none !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;

        padding: 34px 12px 12px !important;

        border: 1px solid rgba(255, 255, 255, .075) !important;
        border-radius: 22px !important;

        background:
            radial-gradient(circle at 0% 0%, rgba(138, 92, 255, .08), transparent 34%),
            linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.010)),
            rgba(7, 8, 14, .92) !important;

        box-shadow:
            0 20px 52px rgba(0, 0, 0, .28),
            inset 0 1px 0 rgba(255,255,255,.035) !important;

        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .single-product .gt-product-trust-box::before {
        left: 18px !important;
        top: 14px !important;
        color: rgba(255,255,255,.48) !important;
        font-size: 9px !important;
        font-weight: 850 !important;
        letter-spacing: .15em !important;
    }

    .single-product .gt-product-trust-box::after {
        left: 18px !important;
        top: 31px !important;
        width: 132px !important;
        background:
            linear-gradient(
                90deg,
                rgba(143,124,255,.28),
                rgba(255,255,255,.06),
                transparent
            ) !important;
    }

    .single-product .gt-trust-action {
        grid-template-columns: 42px minmax(0, 1fr) 24px !important;
        align-items: center !important;
        gap: 13px !important;

        min-height: 86px !important;
        padding: 14px 12px !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .single-product .gt-trust-action:not(:last-child)::after {
        left: 12px !important;
        right: 12px !important;
        bottom: 0 !important;
        top: auto !important;

        width: auto !important;
        height: 1px !important;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(255,255,255,.060),
                transparent
            ) !important;
    }

    .single-product .gt-trust-action-icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;

        border-color: rgba(255,255,255,.090) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
            rgba(255,255,255,.018) !important;

        color: rgba(255,255,255,.70) !important;
    }

    .single-product .gt-trust-action-title {
        color: rgba(255,255,255,.94) !important;
        font-size: 13px !important;
        font-weight: 820 !important;
        line-height: 1.18 !important;
    }

    .single-product .gt-trust-action-summary {
        max-width: none !important;
        color: rgba(255,255,255,.60) !important;
        font-size: 11.8px !important;
        font-weight: 520 !important;
        line-height: 1.38 !important;
    }

    .single-product .gt-trust-action-arrow {
        display: inline-grid !important;
        place-items: center !important;

        width: 24px !important;
        height: 24px !important;

        color: rgba(255,255,255,.34) !important;
        background: transparent !important;
    }

    .single-product .gt-trust-action-arrow svg {
        width: 13px !important;
        height: 13px !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        fill: none !important;
    }
}

@media (max-width: 549px) {

    .single-product .gt-product-trust-system {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .single-product .gt-product-trust-box {
        border-radius: 20px !important;
        padding: 34px 10px 10px !important;
    }

    .single-product .gt-trust-action {
        grid-template-columns: 40px minmax(0, 1fr) 22px !important;
        min-height: 84px !important;
        padding: 13px 10px !important;
        gap: 12px !important;
    }

    .single-product .gt-trust-action-icon {
        width: 40px !important;
        height: 40px !important;
    }

}

/* =========================================================
   GT Product Media Lightbox
========================================================= */

.gt-media-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: none;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background:
        radial-gradient(circle at 50% 0%, rgba(91, 91, 245, .14), transparent 36%),
        rgba(3, 4, 8, .88);

    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
}

.gt-media-lightbox.is-open {
    display: flex;
}

.gt-media-lightbox-panel {
    position: relative;

    width: min(1180px, 100%);
    max-height: calc(100vh - 48px);

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 26px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
        rgba(8, 9, 16, .96);

    box-shadow:
        0 36px 120px rgba(0, 0, 0, .68),
        inset 0 1px 0 rgba(255,255,255,.055);

    overflow: hidden;
}

.gt-media-lightbox-content {
    position: relative;
    width: 100%;
    background: #05060a;
}

.gt-media-lightbox-content img {
    display: block;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 110px);
    object-fit: contain;
    background: #05060a;
}

.gt-media-lightbox-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #05060a;
}

.gt-media-lightbox-video iframe {
    position: absolute;
    inset: 0;

    display: block;
    width: 100%;
    height: 100%;

    border: 0;
}

.gt-media-lightbox-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;

    display: inline-grid;
    place-items: center;

    width: 44px;
    height: 44px;

    border: 1px solid rgba(255,255,255,.13);
    border-radius: 14px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
        rgba(10, 11, 18, .82);

    color: rgba(255,255,255,.82);

    font-size: 24px;
    line-height: 1;

    cursor: pointer;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

.gt-media-lightbox-close:hover {
    border-color: rgba(255,255,255,.22);
    background:
        linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035)),
        rgba(14, 15, 24, .92);
    color: #fff;
    transform: translateY(-1px);
}

body.gt-media-lightbox-lock {
    overflow: hidden;
}

@media (max-width: 849px) {
    .gt-media-lightbox {
        padding: 14px;
    }

    .gt-media-lightbox-panel {
        width: 100%;
        max-height: calc(100vh - 28px);
        border-radius: 20px;
    }

    .gt-media-lightbox-content img {
        max-height: calc(100vh - 70px);
    }

    .gt-media-lightbox-close {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        border-radius: 13px;
        font-size: 22px;
    }
}

/* =========================================================
   GT Product Media Lightbox V2
   Gallery modal with arrows + thumbs
========================================================= */

.gt-media-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: none;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background:
        radial-gradient(circle at 50% 0%, rgba(91, 91, 245, .14), transparent 38%),
        rgba(3, 4, 8, .90);

    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
}

.gt-media-lightbox.is-open {
    display: flex;
}

.gt-media-lightbox-panel {
    position: relative;

    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;

    width: min(1180px, 100%);
    max-height: calc(100vh - 48px);

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 26px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
        rgba(8, 9, 16, .96);

    box-shadow:
        0 36px 120px rgba(0, 0, 0, .68),
        inset 0 1px 0 rgba(255,255,255,.055);

    overflow: hidden;
}

.gt-media-lightbox-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    min-height: 62px;
    padding: 12px 14px 12px 20px;

    border-bottom: 1px solid rgba(255,255,255,.075);

    background:
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.014)),
        rgba(9, 10, 17, .94);
}

.gt-media-lightbox-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.gt-media-lightbox-label {
    color: rgba(183, 173, 255, .92);
    font-family: var(--gt-font-mono, monospace);
    font-size: 10px;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.gt-media-lightbox-count {
    color: rgba(255,255,255,.52);
    font-family: var(--gt-font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
}

.gt-media-lightbox-close {
    flex: 0 0 auto;

    display: inline-grid;
    place-items: center;

    width: 42px;
    height: 42px;

    border: 1px solid rgba(255,255,255,.13);
    border-radius: 14px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
        rgba(14, 15, 24, .86);

    color: rgba(255,255,255,.82);

    font-size: 24px;
    line-height: 1;

    cursor: pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

.gt-media-lightbox-close:hover {
    border-color: rgba(255,255,255,.22);
    background:
        linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035)),
        rgba(18, 19, 30, .96);
    color: #fff;
    transform: translateY(-1px);
}

.gt-media-lightbox-stage {
    position: relative;

    display: grid;
    place-items: center;

    min-height: 0;
    background: #05060a;
}

.gt-media-lightbox-content {
    position: relative;

    display: grid;
    place-items: center;

    width: 100%;
    min-height: 0;

    background: #05060a;
}

.gt-media-lightbox-content img {
    display: block;

    width: 100%;
    height: auto;
    max-height: calc(100vh - 210px);

    object-fit: contain;
    background: #05060a;
}

.gt-media-lightbox-video {
    position: relative;

    width: 100%;
    aspect-ratio: 16 / 9;

    background: #05060a;
}

.gt-media-lightbox-video iframe {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}

.gt-media-lightbox-nav {
    position: absolute;
    top: 50%;
    z-index: 5;

    display: inline-grid;
    place-items: center;

    width: 46px;
    height: 46px;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.020)),
        rgba(8, 9, 15, .74);

    color: rgba(255,255,255,.78);

    cursor: pointer;

    transform: translateY(-50%);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

.gt-media-lightbox-nav:hover {
    border-color: rgba(255,255,255,.22);
    background:
        linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.030)),
        rgba(13, 14, 22, .90);
    color: #fff;
}

.gt-media-lightbox-prev {
    left: 18px;
}

.gt-media-lightbox-next {
    right: 18px;
}

.gt-media-lightbox-nav svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.gt-media-lightbox-rail {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 14px 18px;

    overflow-x: auto;
    overflow-y: hidden;

    border-top: 1px solid rgba(255,255,255,.075);

    background:
        linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.010)),
        rgba(9, 10, 17, .94);

    scrollbar-width: thin;
}

.gt-media-lightbox-thumb {
    position: relative;
    flex: 0 0 auto;

    display: block;

    width: 112px;
    aspect-ratio: 16 / 9;

    padding: 0;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;

    background: rgba(255,255,255,.035);

    overflow: hidden;
    cursor: pointer;

    opacity: .54;

    transition:
        opacity .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.gt-media-lightbox-thumb:hover,
.gt-media-lightbox-thumb.is-active {
    opacity: 1;
    border-color: rgba(143,124,255,.72);
    transform: translateY(-1px);
}

.gt-media-lightbox-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gt-media-lightbox-thumb-play {
    position: absolute;
    inset: 0;

    display: grid;
    place-items: center;

    background: rgba(0,0,0,.18);
    color: #fff;
}

.gt-media-lightbox-thumb-play svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

body.gt-media-lightbox-lock {
    overflow: hidden;
}

@media (max-width: 849px) {
    .gt-media-lightbox {
        padding: 12px;
    }

    .gt-media-lightbox-panel {
        width: 100%;
        max-height: calc(100vh - 24px);
        border-radius: 20px;
    }

    .gt-media-lightbox-topbar {
        min-height: 56px;
        padding: 10px 10px 10px 14px;
    }

    .gt-media-lightbox-close {
        width: 40px;
        height: 40px;
        border-radius: 13px;
        font-size: 22px;
    }

    .gt-media-lightbox-content img {
        max-height: calc(100vh - 190px);
    }

    .gt-media-lightbox-nav {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    .gt-media-lightbox-prev {
        left: 10px;
    }

    .gt-media-lightbox-next {
        right: 10px;
    }

    .gt-media-lightbox-rail {
        gap: 8px;
        padding: 10px 12px;
    }

    .gt-media-lightbox-thumb {
        width: 86px;
        border-radius: 10px;
    }
}

/* =========================================================
   GT Product Media Lightbox V2 - Final Position Fix
   Close arriba derecha + flechas laterales + thumbs abajo
========================================================= */

.gt-media-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;

    display: none !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 24px !important;

    background:
        radial-gradient(circle at 50% 0%, rgba(91, 91, 245, .14), transparent 38%),
        rgba(3, 4, 8, .90) !important;

    backdrop-filter: blur(18px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
}

.gt-media-lightbox.is-open {
    display: flex !important;
}

.gt-media-lightbox-panel {
    position: relative !important;

    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;

    width: min(1180px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 48px) !important;

    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 26px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
        rgba(8, 9, 16, .96) !important;

    box-shadow:
        0 36px 120px rgba(0, 0, 0, .68),
        inset 0 1px 0 rgba(255,255,255,.055) !important;

    overflow: hidden !important;
}

/* Barra superior */
.gt-media-lightbox-topbar {
    position: relative !important;
    z-index: 10 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;

    min-height: 58px !important;
    padding: 10px 12px 10px 18px !important;

    border-bottom: 1px solid rgba(255,255,255,.075) !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.014)),
        rgba(9, 10, 17, .96) !important;
}

.gt-media-lightbox-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.gt-media-lightbox-label {
    color: rgba(183, 173, 255, .92) !important;
    font-family: var(--gt-font-mono, monospace) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

.gt-media-lightbox-count {
    color: rgba(255,255,255,.52) !important;
    font-family: var(--gt-font-mono, monospace) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

/* Botón cerrar: arriba derecha, bien centrado */
.gt-media-lightbox-close {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 20 !important;

    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 14px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
        rgba(14, 15, 24, .88) !important;

    color: rgba(255,255,255,.86) !important;

    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;

    box-shadow: none !important;
    cursor: pointer !important;

    transform: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.gt-media-lightbox-close:hover {
    border-color: rgba(255,255,255,.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035)),
        rgba(18, 19, 30, .96) !important;
    color: #fff !important;
}

/* Stage */
.gt-media-lightbox-stage {
    position: relative !important;

    display: grid !important;
    place-items: center !important;

    min-height: 0 !important;
    background: #05060a !important;
}

.gt-media-lightbox-content {
    position: relative !important;

    display: grid !important;
    place-items: center !important;

    width: 100% !important;
    min-height: 0 !important;

    background: #05060a !important;
}

.gt-media-lightbox-content img {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 210px) !important;

    object-fit: contain !important;
    background: #05060a !important;
}

.gt-media-lightbox-video {
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 16 / 9 !important;

    background: #05060a !important;
}

.gt-media-lightbox-video iframe {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    border: 0 !important;
}

/* Flechas laterales */
.gt-media-lightbox-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 15 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;

    padding: 0 !important;

    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 15px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.020)),
        rgba(8, 9, 15, .78) !important;

    color: rgba(255,255,255,.82) !important;

    cursor: pointer !important;

    transform: translateY(-50%) !important;

    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

.gt-media-lightbox-nav:hover {
    border-color: rgba(255,255,255,.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.030)),
        rgba(13, 14, 22, .92) !important;
    color: #fff !important;
}

.gt-media-lightbox-prev {
    left: 18px !important;
}

.gt-media-lightbox-next {
    right: 18px !important;
}

.gt-media-lightbox-nav svg {
    width: 22px !important;
    height: 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Thumbnails abajo */
.gt-media-lightbox-rail {
    position: relative !important;
    z-index: 10 !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;
    min-height: 92px !important;

    padding: 14px 18px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    border-top: 1px solid rgba(255,255,255,.075) !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.010)),
        rgba(9, 10, 17, .96) !important;

    scrollbar-width: thin !important;
}

.gt-media-lightbox-thumb {
    position: relative !important;
    flex: 0 0 auto !important;

    display: block !important;

    width: 112px !important;
    aspect-ratio: 16 / 9 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 12px !important;

    background: rgba(255,255,255,.035) !important;

    overflow: hidden !important;
    cursor: pointer !important;

    opacity: .54 !important;

    transition:
        opacity .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}

.gt-media-lightbox-thumb:hover,
.gt-media-lightbox-thumb.is-active {
    opacity: 1 !important;
    border-color: rgba(143,124,255,.72) !important;
    transform: translateY(-1px) !important;
}

.gt-media-lightbox-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.gt-media-lightbox-thumb-play {
    position: absolute !important;
    inset: 0 !important;

    display: grid !important;
    place-items: center !important;

    background: rgba(0,0,0,.18) !important;
    color: #fff !important;
}

.gt-media-lightbox-thumb-play svg {
    width: 24px !important;
    height: 24px !important;
    fill: currentColor !important;
}

body.gt-media-lightbox-lock {
    overflow: hidden !important;
}

@media (max-width: 849px) {

    .gt-media-lightbox {
        padding: 12px !important;
    }

    .gt-media-lightbox-panel {
        width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 24px) !important;
        border-radius: 20px !important;
    }

    .gt-media-lightbox-topbar {
        min-height: 54px !important;
        padding: 9px 10px 9px 14px !important;
    }

    .gt-media-lightbox-close {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 13px !important;
        font-size: 22px !important;
    }

    .gt-media-lightbox-content img {
        max-height: calc(100vh - 186px) !important;
    }

    .gt-media-lightbox-nav {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 13px !important;
    }

    .gt-media-lightbox-prev {
        left: 10px !important;
    }

    .gt-media-lightbox-next {
        right: 10px !important;
    }

    .gt-media-lightbox-rail {
        min-height: 74px !important;
        gap: 8px !important;
        padding: 10px 12px !important;
    }

    .gt-media-lightbox-thumb {
        width: 86px !important;
        border-radius: 10px !important;
    }
}

/* =========================================================
   GT Product Media Lightbox V2 - Polish
   Oculta scrollbar fea + mejora thumbs rail
========================================================= */

.gt-media-lightbox-rail {
    min-height: 86px !important;
    padding: 12px 18px 14px !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.gt-media-lightbox-rail::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.gt-media-lightbox-thumb {
    width: 112px !important;
    border-radius: 10px !important;
    opacity: .48 !important;
}

.gt-media-lightbox-thumb:hover,
.gt-media-lightbox-thumb.is-active {
    opacity: 1 !important;
    border-color: rgba(143, 124, 255, .82) !important;
    box-shadow:
        0 0 0 1px rgba(143, 124, 255, .18),
        0 10px 24px rgba(0, 0, 0, .28) !important;
}

.gt-media-lightbox-stage {
    overflow: hidden !important;
}

.gt-media-lightbox-content img {
    border-radius: 0 !important;
}


.gt-media-lightbox-nav {
    background:
        linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.018)),
        rgba(10, 11, 18, .62) !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.gt-media-lightbox-nav {
    opacity: .88 !important;
}

.gt-media-lightbox-nav:hover {
    opacity: 1 !important;
}

.gt-media-lightbox-topbar {
    min-height: 60px !important;
}

.gt-media-lightbox-close {
    line-height: 1 !important;
}

@media (max-width: 849px) {
    .gt-media-lightbox-rail {
        min-height: 72px !important;
        padding: 10px 12px 12px !important;
    }

    .gt-media-lightbox-thumb {
        width: 84px !important;
    }
}

/* =========================================================
   GT Product Cross Sells
========================================================= */

.gt-cross-sells-section {
  width: 100%;
  margin: clamp(32px, 4vw, 56px) 0;
}

.gt-cross-sells-shell {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: clamp(18px, 2.4vw, 28px);
  background:
    radial-gradient(circle at 14% 0%, rgba(124, 92, 255, 0.22), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(0, 210, 255, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(22, 20, 34, 0.92), rgba(10, 10, 14, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
}

.gt-cross-sells-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(16px, 2vw, 22px);
}

.gt-cross-sells-heading {
  max-width: 720px;
}

.gt-cross-sells-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.16);
  border: 1px solid rgba(180, 160, 255, 0.22);
  color: rgba(225, 218, 255, 0.92);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.gt-cross-sells-title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.gt-cross-sells-subtitle {
  margin: 9px 0 0;
  max-width: 620px;
  color: rgba(238, 238, 246, 0.70);
  font-size: 0.96rem;
  line-height: 1.55;
}

.gt-cross-sells-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.gt-cross-sell-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.22);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-card:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(180, 160, 255, 0.28);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.30);
}

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: rgba(255, 255, 255, 0.04);
}

.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform 220ms ease, opacity 220ms ease;
}

.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: scale(1.055);
  opacity: 0.96;
}

.gt-cross-sell-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px;
}

.gt-cross-sell-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 24px;
  margin-bottom: 9px;
}

.gt-cross-sell-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.18);
  border: 1px solid rgba(180, 160, 255, 0.18);
  color: rgba(245, 242, 255, 0.92);
  font-size: 0.68rem;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
}

.gt-cross-sell-badge.is-muted {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(238, 238, 246, 0.76);
}

.gt-cross-sell-name {
  margin: 0;
  color: #fff;
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.025em;
}

.gt-cross-sell-name a {
  color: inherit;
  text-decoration: none;
}

.gt-cross-sell-name a:hover {
  color: #fff;
}

.gt-cross-sell-price {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.94rem;
  font-weight: 800;
}

.gt-cross-sell-price del {
  color: rgba(255, 255, 255, 0.42);
  font-weight: 600;
}

.gt-cross-sell-price ins {
  color: #fff;
  text-decoration: none;
}

.gt-cross-sell-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  margin-top: auto;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.82rem;
  font-weight: 800;
  text-decoration: none;
  transition:
    background 180ms ease,
    border-color 180ms ease,
    transform 180ms ease;
}

.gt-cross-sell-cta:hover {
  background: rgba(124, 92, 255, 0.26);
  border-color: rgba(180, 160, 255, 0.34);
  color: #fff;
  transform: translateY(-1px);
}

/* Tablet */
@media (max-width: 1024px) {
  .gt-cross-sells-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cross-sells-section {
    margin: 28px 0;
  }

  .gt-cross-sells-shell {
    border-radius: 24px;
    padding: 16px;
  }

  .gt-cross-sells-header {
    margin-bottom: 14px;
  }

  .gt-cross-sells-title {
    font-size: 1.32rem;
  }

  .gt-cross-sells-subtitle {
    font-size: 0.9rem;
  }

  .gt-cross-sells-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gt-cross-sells-grid::-webkit-scrollbar {
    display: none;
  }

  .gt-cross-sell-card {
    flex: 0 0 78%;
    scroll-snap-align: start;
    border-radius: 20px;
  }

  .gt-cross-sell-body {
    padding: 13px;
  }

  .gt-cross-sell-name {
    font-size: 0.94rem;
  }

  .gt-cross-sell-cta {
    min-height: 42px;
  }
}

/* =========================================================
   GT Product Cross Sells - Polish V2
========================================================= */

.gt-cross-sells-section {
  width: 100%;
  margin: clamp(34px, 4.2vw, 60px) 0;
}

.gt-cross-sells-shell {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: clamp(22px, 2.7vw, 30px);
  background:
    radial-gradient(circle at 10% 0%, rgba(124, 92, 255, 0.24), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(0, 174, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(20, 19, 32, 0.94), rgba(8, 9, 14, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.gt-cross-sells-header {
  margin-bottom: clamp(18px, 2.2vw, 24px);
}

.gt-cross-sells-eyebrow {
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.18);
  border: 1px solid rgba(196, 181, 253, 0.22);
  color: rgba(239, 235, 255, 0.92);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.085em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gt-cross-sells-title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.45rem, 2.2vw, 2.05rem);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -0.045em;
}

.gt-cross-sells-subtitle {
  margin: 10px 0 0;
  max-width: 650px;
  color: rgba(240, 240, 248, 0.72);
  font-size: 0.96rem;
  line-height: 1.55;
  font-weight: 500;
}

.gt-cross-sells-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.4vw, 18px);
}

.gt-cross-sell-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.045));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 36%);
  opacity: 0.8;
}

.gt-cross-sell-card:hover {
  transform: translateY(-4px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.055));
  border-color: rgba(184, 164, 255, 0.32);
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(124, 92, 255, 0.08);
}

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background:
    radial-gradient(circle at center, rgba(124, 92, 255, 0.13), transparent 62%),
    rgba(255, 255, 255, 0.035);
}

.gt-cross-sell-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  background: linear-gradient(180deg, transparent, rgba(12, 12, 18, 0.58));
  pointer-events: none;
}

.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition:
    transform 240ms ease,
    opacity 240ms ease,
    filter 240ms ease;
}

.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: scale(1.055);
  opacity: 0.97;
  filter: saturate(1.05) contrast(1.03);
}

.gt-cross-sell-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 14px 15px;
}

.gt-cross-sell-price del {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.88rem;
  font-weight: 650;
}

.gt-cross-sell-price ins {
  color: #fff;
  text-decoration: none;
}

.gt-cross-sell-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  padding: 10px 14px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.155);
  color: rgba(255, 255, 255, 0.95);
  font-size: 0.83rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 10px 24px rgba(0, 0, 0, 0.18);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-cta:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.36), rgba(124, 92, 255, 0.24));
  border-color: rgba(196, 181, 253, 0.38);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 14px 30px rgba(60, 40, 150, 0.22);
  transform: translateY(-1px);
}

/* Tablet */
@media (max-width: 1024px) {
  .gt-cross-sells-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cross-sells-section {
    margin: 30px 0;
  }

  .gt-cross-sells-shell {
    border-radius: 24px;
    padding: 16px;
  }

  .gt-cross-sells-eyebrow {
    margin-bottom: 10px;
    font-size: 0.66rem;
  }

  .gt-cross-sells-title {
    font-size: 1.34rem;
  }

  .gt-cross-sells-subtitle {
    font-size: 0.9rem;
  }

  .gt-cross-sells-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gt-cross-sells-grid::-webkit-scrollbar {
    display: none;
  }

  .gt-cross-sell-card {
    flex: 0 0 78%;
    scroll-snap-align: start;
    border-radius: 20px;
  }

  .gt-cross-sell-body {
    padding: 13px;
  }

  .gt-cross-sell-name {
    min-height: 40px;
    font-size: 0.93rem;
  }

  .gt-cross-sell-price {
    font-size: 0.98rem;
  }

  .gt-cross-sell-cta {
    min-height: 42px;
  }
}

/* =========================================================
   GT Product Cross Sells V2
   Featured Image Portrait Cards
========================================================= */

.gt-cross-sells-section {
  width: 100%;
  margin: clamp(34px, 4.2vw, 60px) 0;
}

.gt-cross-sells-shell {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: clamp(22px, 2.7vw, 30px);
  background:
    radial-gradient(circle at 10% 0%, rgba(124, 92, 255, 0.24), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(0, 174, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(20, 19, 32, 0.94), rgba(8, 9, 14, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.gt-cross-sells-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(18px, 2.2vw, 24px);
}

.gt-cross-sells-heading {
  max-width: 720px;
}

.gt-cross-sells-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.18);
  border: 1px solid rgba(196, 181, 253, 0.22);
  color: rgba(239, 235, 255, 0.92);
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.085em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gt-cross-sells-title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.45rem, 2.2vw, 2.05rem);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -0.045em;
}

.gt-cross-sells-subtitle {
  margin: 10px 0 0;
  max-width: 650px;
  color: rgba(240, 240, 248, 0.72);
  font-size: 0.96rem;
  line-height: 1.55;
  font-weight: 500;
}

.gt-cross-sells-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.45vw, 18px);
}

.gt-cross-sell-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.045));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 36%);
  opacity: 0.8;
}

.gt-cross-sell-card:hover {
  transform: translateY(-4px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.055));
  border-color: rgba(184, 164, 255, 0.32);
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(124, 92, 255, 0.08);
}

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background:
    radial-gradient(circle at center, rgba(124, 92, 255, 0.14), transparent 62%),
    rgba(255, 255, 255, 0.035);
}

.gt-cross-sell-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 46%;
  background: linear-gradient(180deg, transparent, rgba(12, 12, 18, 0.64));
  pointer-events: none;
  z-index: 2;
}

.gt-cross-sell-image,
.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.01);
  transition:
    transform 240ms ease,
    opacity 240ms ease,
    filter 240ms ease;
}

.gt-cross-sell-card:hover .gt-cross-sell-image,
.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: scale(1.055);
  opacity: 0.97;
  filter: saturate(1.05) contrast(1.03);
}

.gt-cross-sell-body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 14px 15px;
}


.gt-cross-sell-price del {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.88rem;
  font-weight: 650;
}

.gt-cross-sell-price ins {
  color: #fff;
  text-decoration: none;
}

.gt-cross-sell-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  padding: 10px 14px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.155);
  color: rgba(255, 255, 255, 0.95);
  font-size: 0.83rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 10px 24px rgba(0, 0, 0, 0.18);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-cta:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.36), rgba(124, 92, 255, 0.24));
  border-color: rgba(196, 181, 253, 0.38);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 14px 30px rgba(60, 40, 150, 0.22);
  transform: translateY(-1px);
}

/* Tablet */
@media (max-width: 1024px) {
  .gt-cross-sells-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cross-sells-section {
    margin: 30px 0;
  }

  .gt-cross-sells-shell {
    border-radius: 24px;
    padding: 16px;
  }

  .gt-cross-sells-header {
    margin-bottom: 15px;
  }

  .gt-cross-sells-eyebrow {
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 0.66rem;
  }

  .gt-cross-sells-title {
    font-size: 1.34rem;
  }

  .gt-cross-sells-subtitle {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .gt-cross-sells-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gt-cross-sells-grid::-webkit-scrollbar {
    display: none;
  }

  .gt-cross-sell-card {
    flex: 0 0 72%;
    scroll-snap-align: start;
    border-radius: 21px;
  }

  .gt-cross-sell-body {
    padding: 13px;
  }

  .gt-cross-sell-badges {
    margin-bottom: 9px;
  }

  .gt-cross-sell-name {
    min-height: 40px;
    font-size: 0.93rem;
  }

  .gt-cross-sell-price {
    font-size: 0.98rem;
  }

  .gt-cross-sell-cta {
    min-height: 42px;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  .gt-cross-sell-card {
    flex-basis: 78%;
  }
}

/* =========================================================
   GT Product Cross Sells - Portrait Covers Fix
========================================================= */

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  background:
    radial-gradient(circle at center, rgba(124, 92, 255, 0.14), transparent 62%),
    rgba(255, 255, 255, 0.035);
}

.gt-cross-sell-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(180deg, transparent, rgba(12, 12, 18, 0.38));
  pointer-events: none;
  z-index: 2;
}

.gt-cross-sell-image,
.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  transform: none;
  transition:
    transform 240ms ease,
    opacity 240ms ease,
    filter 240ms ease;
}

.gt-cross-sell-card:hover .gt-cross-sell-image,
.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: scale(1.018);
  opacity: 0.985;
  filter: saturate(1.05) contrast(1.03);
}

/* Fondo para portadas con transparencia o márgenes internos */
.gt-cross-sell-media {
  background:
    radial-gradient(circle at 50% 38%, rgba(124, 92, 255, 0.18), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
    rgba(10, 10, 14, 0.96);
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cross-sell-media {
    aspect-ratio: 2 / 3;
  }

  .gt-cross-sell-card {
    flex: 0 0 72%;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  .gt-cross-sell-card {
    flex-basis: 78%;
  }
}

/* =========================================================
   GT Product Cross Sells - Sharp Covers Polish
========================================================= */

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  background:
    radial-gradient(circle at 50% 38%, rgba(124, 92, 255, 0.14), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
    rgba(10, 10, 14, 0.98);
}

/* Overlay más liviano para no "lavar" la portada */
.gt-cross-sell-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 28%;
  background: linear-gradient(180deg, transparent, rgba(12, 12, 18, 0.22));
  pointer-events: none;
  z-index: 2;
}

.gt-cross-sell-image,
.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  transform: translateZ(0);
  backface-visibility: hidden;
  image-rendering: auto;
  filter: contrast(1.05) saturate(1.06) brightness(1.01);
  transition:
    transform 220ms ease,
    opacity 220ms ease,
    filter 220ms ease;
}

/* Hover más fino, sin exagerar */
.gt-cross-sell-card:hover .gt-cross-sell-image,
.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: scale(1.012) translateZ(0);
  opacity: 0.995;
  filter: contrast(1.08) saturate(1.08) brightness(1.02);
}

/* Card levemente más limpia */
.gt-cross-sell-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 28%);
  opacity: 0.7;
}

.gt-cross-sell-card:hover {
  transform: translateY(-3px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.082), rgba(255, 255, 255, 0.048));
  border-color: rgba(184, 164, 255, 0.28);
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.30),
    0 0 0 1px rgba(124, 92, 255, 0.06);
}

/* Si querés que la parte inferior no se vea tan pesada */
.gt-cross-sell-body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 14px 15px;
  background: linear-gradient(180deg, rgba(16, 18, 28, 0.86), rgba(10, 11, 18, 0.96));
}

/* =========================================================
   GT Product Cross Sells V3
   Sharp Native Product Covers
========================================================= */

.gt-cross-sells-section {
  width: 100%;
  margin: clamp(34px, 4.2vw, 60px) 0;
}

.gt-cross-sells-shell {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: clamp(22px, 2.7vw, 30px);
  background:
    radial-gradient(circle at 10% 0%, rgba(124, 92, 255, 0.24), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(0, 174, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(20, 19, 32, 0.94), rgba(8, 9, 14, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.gt-cross-sells-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(18px, 2.2vw, 24px);
}

.gt-cross-sells-heading {
  max-width: 720px;
}

.gt-cross-sells-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.18);
  border: 1px solid rgba(196, 181, 253, 0.22);
  color: rgba(239, 235, 255, 0.92);
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.085em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gt-cross-sells-title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.45rem, 2.2vw, 2.05rem);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -0.045em;
}

.gt-cross-sells-subtitle {
  margin: 10px 0 0;
  max-width: 650px;
  color: rgba(240, 240, 248, 0.72);
  font-size: 0.96rem;
  line-height: 1.55;
  font-weight: 500;
}

.gt-cross-sells-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.45vw, 18px);
}

.gt-cross-sell-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 28%);
  opacity: 0.65;
}

.gt-cross-sell-card:hover {
  transform: translateY(-3px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.048));
  border-color: rgba(184, 164, 255, 0.28);
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.30),
    0 0 0 1px rgba(124, 92, 255, 0.06);
}

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  background:
    radial-gradient(circle at 50% 38%, rgba(124, 92, 255, 0.10), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.012)),
    rgba(8, 9, 14, 0.98);
}

/* Overlay muy suave para no ensuciar la portada */
.gt-cross-sell-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 18%;
  background: linear-gradient(180deg, transparent, rgba(8, 9, 14, 0.14));
  pointer-events: none;
  z-index: 2;
}

.gt-cross-sell-image,
.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center center;
  image-rendering: auto;
  transform: none;
  filter: none;
  opacity: 1;
  backface-visibility: hidden;
  transition:
    opacity 180ms ease,
    filter 180ms ease;
}

/* Hover sin zoom para mantener la portada nítida */
.gt-cross-sell-card:hover .gt-cross-sell-image,
.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: none;
  opacity: 1;
  filter: none;
}

.gt-cross-sell-body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 14px 15px;
  background:
    linear-gradient(180deg, rgba(16, 18, 28, 0.88), rgba(10, 11, 18, 0.97));
}


.gt-cross-sell-price del {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.88rem;
  font-weight: 650;
}

.gt-cross-sell-price ins {
  color: #fff;
  text-decoration: none;
}

.gt-cross-sell-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  padding: 10px 14px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.155);
  color: rgba(255, 255, 255, 0.95);
  font-size: 0.83rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 10px 24px rgba(0, 0, 0, 0.18);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-cta:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.36), rgba(124, 92, 255, 0.24));
  border-color: rgba(196, 181, 253, 0.38);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 14px 30px rgba(60, 40, 150, 0.22);
  transform: translateY(-1px);
}

/* Tablet */
@media (max-width: 1024px) {
  .gt-cross-sells-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cross-sells-section {
    margin: 30px 0;
  }

  .gt-cross-sells-shell {
    border-radius: 24px;
    padding: 16px;
  }

  .gt-cross-sells-header {
    margin-bottom: 15px;
  }

  .gt-cross-sells-eyebrow {
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 0.66rem;
  }

  .gt-cross-sells-title {
    font-size: 1.34rem;
  }

  .gt-cross-sells-subtitle {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .gt-cross-sells-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gt-cross-sells-grid::-webkit-scrollbar {
    display: none;
  }

  .gt-cross-sell-card {
    flex: 0 0 72%;
    scroll-snap-align: start;
    border-radius: 21px;
  }

  .gt-cross-sell-body {
    padding: 13px;
  }

  .gt-cross-sell-name {
    min-height: 40px;
    font-size: 0.93rem;
  }

  .gt-cross-sell-price {
    font-size: 0.98rem;
  }

  .gt-cross-sell-cta {
    min-height: 42px;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  .gt-cross-sell-card {
    flex-basis: 78%;
  }
}

/* =========================================================
   GT Product Cross Sells V4
   Full Resolution Native Covers
========================================================= */

.gt-cross-sells-section {
  width: 100%;
  margin: clamp(34px, 4.2vw, 60px) 0;
}

.gt-cross-sells-shell {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: clamp(22px, 2.7vw, 30px);
  background:
    radial-gradient(circle at 10% 0%, rgba(124, 92, 255, 0.24), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(0, 174, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(20, 19, 32, 0.94), rgba(8, 9, 14, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.gt-cross-sells-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(18px, 2.2vw, 24px);
}

.gt-cross-sells-heading {
  max-width: 720px;
}

.gt-cross-sells-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.18);
  border: 1px solid rgba(196, 181, 253, 0.22);
  color: rgba(239, 235, 255, 0.92);
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.085em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gt-cross-sells-title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.45rem, 2.2vw, 2.05rem);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -0.045em;
}

.gt-cross-sells-subtitle {
  margin: 10px 0 0;
  max-width: 650px;
  color: rgba(240, 240, 248, 0.72);
  font-size: 0.96rem;
  line-height: 1.55;
  font-weight: 500;
}

.gt-cross-sells-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.45vw, 18px);
}

.gt-cross-sell-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 26%);
  opacity: 0.55;
}

.gt-cross-sell-card:hover {
  transform: translateY(-3px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.048));
  border-color: rgba(184, 164, 255, 0.28);
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.30),
    0 0 0 1px rgba(124, 92, 255, 0.06);
}

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  background:
    radial-gradient(circle at 50% 38%, rgba(124, 92, 255, 0.08), transparent 58%),
    rgba(7, 8, 12, 0.98);
}

/* Sin overlay fuerte para no ensuciar portadas */
.gt-cross-sell-media::after {
  content: none;
}

.gt-cross-sell-image,
.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center center;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  image-rendering: auto;
  backface-visibility: hidden;
}

/* Sin zoom en hover para no perder nitidez */
.gt-cross-sell-card:hover .gt-cross-sell-image,
.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.gt-cross-sell-body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 14px 15px;
  background:
    linear-gradient(180deg, rgba(16, 18, 28, 0.88), rgba(10, 11, 18, 0.97));
}

.gt-cross-sell-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 24px;
  margin-bottom: 10px;
}

.gt-cross-sell-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.20);
  border: 1px solid rgba(196, 181, 253, 0.20);
  color: rgba(248, 246, 255, 0.94);
  font-size: 0.67rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.gt-cross-sell-badge.is-muted {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(238, 238, 246, 0.75);
}

.gt-cross-sell-name {
  display: -webkit-box;
  min-height: 42px;
  margin: 0;
  overflow: hidden;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 850;
  line-height: 1.22;
  letter-spacing: -0.027em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.gt-cross-sell-name a {
  color: inherit;
  text-decoration: none;
}

.gt-cross-sell-name a:hover {
  color: #fff;
}

.gt-cross-sell-price {
  margin-top: 11px;
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.96);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.gt-cross-sell-price del {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.88rem;
  font-weight: 650;
}

.gt-cross-sell-price ins {
  color: #fff;
  text-decoration: none;
}

.gt-cross-sell-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  padding: 10px 14px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.155);
  color: rgba(255, 255, 255, 0.95);
  font-size: 0.83rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 10px 24px rgba(0, 0, 0, 0.18);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-cta:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.36), rgba(124, 92, 255, 0.24));
  border-color: rgba(196, 181, 253, 0.38);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 14px 30px rgba(60, 40, 150, 0.22);
  transform: translateY(-1px);
}

/* Tablet */
@media (max-width: 1024px) {
  .gt-cross-sells-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cross-sells-section {
    margin: 30px 0;
  }

  .gt-cross-sells-shell {
    border-radius: 24px;
    padding: 16px;
  }

  .gt-cross-sells-header {
    margin-bottom: 15px;
  }

  .gt-cross-sells-eyebrow {
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 0.66rem;
  }

  .gt-cross-sells-title {
    font-size: 1.34rem;
  }

  .gt-cross-sells-subtitle {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .gt-cross-sells-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gt-cross-sells-grid::-webkit-scrollbar {
    display: none;
  }

  .gt-cross-sell-card {
    flex: 0 0 72%;
    scroll-snap-align: start;
    border-radius: 21px;
  }

  .gt-cross-sell-body {
    padding: 13px;
  }

  .gt-cross-sell-name {
    min-height: 40px;
    font-size: 0.93rem;
  }

  .gt-cross-sell-price {
    font-size: 0.98rem;
  }

  .gt-cross-sell-cta {
    min-height: 42px;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  .gt-cross-sell-card {
    flex-basis: 78%;
  }
}

/* =========================================================
   GT Product Cross Sells V5
   Dark Navy Premium Polish
========================================================= */

.gt-cross-sells-section {
  width: 100%;
  margin: clamp(34px, 4.2vw, 60px) 0;
}

.gt-cross-sells-shell {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: clamp(22px, 2.7vw, 30px);
  background:
    radial-gradient(circle at 10% 0%, rgba(37, 99, 235, 0.10), transparent 32%),
    radial-gradient(circle at 92% 4%, rgba(14, 165, 233, 0.085), transparent 36%),
    linear-gradient(180deg, rgba(13, 17, 27, 0.97), rgba(6, 8, 13, 0.995));
  border: 1px solid rgba(148, 163, 184, 0.135);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.gt-cross-sells-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.025), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 42%);
  opacity: 0.85;
}

.gt-cross-sells-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(20px, 2.3vw, 26px);
}

.gt-cross-sells-heading {
  max-width: 760px;
}

.gt-cross-sells-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.84);
  border: 1px solid rgba(125, 211, 252, 0.17);
  color: rgba(219, 234, 254, 0.92);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.095em;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 8px 20px rgba(0, 0, 0, 0.16);
}

.gt-cross-sells-title {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: clamp(1.5rem, 2.25vw, 2.08rem);
  line-height: 1.04;
  font-weight: 850;
  letter-spacing: -0.052em;
  text-wrap: balance;
}

.gt-cross-sells-subtitle {
  margin: 10px 0 0;
  max-width: 660px;
  color: rgba(203, 213, 225, 0.78);
  font-size: 0.97rem;
  line-height: 1.55;
  font-weight: 520;
  text-wrap: pretty;
}

.gt-cross-sells-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.45vw, 18px);
}

.gt-cross-sell-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(18, 22, 33, 0.97), rgba(10, 12, 19, 0.99));
  border: 1px solid rgba(148, 163, 184, 0.125);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.255),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 25%);
  opacity: 0.6;
}

.gt-cross-sell-card:hover {
  transform: translateY(-3px);
  background:
    linear-gradient(180deg, rgba(20, 25, 38, 0.98), rgba(11, 14, 22, 0.995));
  border-color: rgba(125, 211, 252, 0.22);
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.31),
    0 0 0 1px rgba(14, 165, 233, 0.045);
}

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  background:
    radial-gradient(circle at 50% 36%, rgba(59, 130, 246, 0.06), transparent 56%),
    rgba(7, 9, 14, 0.99);
}

.gt-cross-sell-media::after {
  content: none;
}

.gt-cross-sell-image,
.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center center;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  image-rendering: auto;
  backface-visibility: hidden;
}

.gt-cross-sell-card:hover .gt-cross-sell-image,
.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.gt-cross-sell-body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 14px 15px;
  background:
    linear-gradient(180deg, rgba(13, 17, 27, 0.94), rgba(8, 10, 16, 0.99));
  border-top: 1px solid rgba(148, 163, 184, 0.075);
}

.gt-cross-sell-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 24px;
  margin-bottom: 10px;
}

.gt-cross-sell-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.82);
  border: 1px solid rgba(148, 163, 184, 0.20);
  color: rgba(226, 232, 240, 0.92);
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gt-cross-sell-badge.is-muted {
  background: rgba(30, 41, 59, 0.62);
  border-color: rgba(148, 163, 184, 0.14);
  color: rgba(203, 213, 225, 0.76);
}

.gt-cross-sell-name {
  display: -webkit-box;
  min-height: 55px;
  margin: 0;
  overflow: hidden;
  color: rgba(248, 250, 252, 0.98);
  font-size: 0.98rem;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -0.025em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-wrap: pretty;
}

.gt-cross-sell-name a {
  color: inherit;
  text-decoration: none;
  transition: color 160ms ease;
}

.gt-cross-sell-name a:hover {
  color: rgba(186, 230, 253, 0.98);
}

.gt-cross-sell-price {
  margin-top: 11px;
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.96);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.gt-cross-sell-price del {
  margin-right: 5px;
  color: rgba(148, 163, 184, 0.55);
  font-size: 0.88rem;
  font-weight: 650;
}

.gt-cross-sell-price ins {
  color: #fff;
  text-decoration: none;
}

.gt-cross-sell-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  padding: 10px 14px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(30, 41, 59, 0.88), rgba(15, 23, 42, 0.92));
  border: 1px solid rgba(148, 163, 184, 0.18);
  color: rgba(248, 250, 252, 0.94);
  font-size: 0.83rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.18);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-cta:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(14, 116, 144, 0.40), rgba(15, 23, 42, 0.94));
  border-color: rgba(125, 211, 252, 0.30);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 30px rgba(8, 47, 73, 0.24);
  transform: translateY(-1px);
}

/* Tablet */
@media (max-width: 1024px) {
  .gt-cross-sells-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cross-sells-section {
    margin: 30px 0;
  }

  .gt-cross-sells-shell {
    border-radius: 24px;
    padding: 16px;
  }

  .gt-cross-sells-header {
    margin-bottom: 16px;
  }

  .gt-cross-sells-eyebrow {
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 0.64rem;
  }

  .gt-cross-sells-title {
    font-size: 1.36rem;
    line-height: 1.08;
    letter-spacing: -0.045em;
  }

  .gt-cross-sells-subtitle {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .gt-cross-sells-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gt-cross-sells-grid::-webkit-scrollbar {
    display: none;
  }

  .gt-cross-sell-card {
    flex: 0 0 72%;
    scroll-snap-align: start;
    border-radius: 21px;
  }

  .gt-cross-sell-body {
    padding: 13px;
  }

  .gt-cross-sell-name {
    min-height: 52px;
    font-size: 0.94rem;
    line-height: 1.22;
  }

  .gt-cross-sell-price {
    font-size: 0.98rem;
  }

  .gt-cross-sell-cta {
    min-height: 42px;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  .gt-cross-sell-card {
    flex-basis: 78%;
  }
}

/* =========================================================
   GT Product Cross Sells V5.1
   Final Visual Polish
========================================================= */

.gt-cross-sells-shell {
  background:
    radial-gradient(circle at 8% 0%, rgba(37, 99, 235, 0.075), transparent 34%),
    radial-gradient(circle at 92% 2%, rgba(14, 165, 233, 0.065), transparent 38%),
    radial-gradient(circle at 50% 100%, rgba(15, 23, 42, 0.42), transparent 46%),
    linear-gradient(180deg, rgba(12, 16, 26, 0.985), rgba(5, 7, 12, 0.995));
  border-color: rgba(148, 163, 184, 0.12);
  box-shadow:
    0 24px 78px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.gt-cross-sells-shell::before {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.022), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent 44%);
  opacity: 0.75;
}

.gt-cross-sells-eyebrow {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(125, 211, 252, 0.14);
  color: rgba(219, 234, 254, 0.86);
  font-size: 0.66rem;
  letter-spacing: 0.105em;
}

.gt-cross-sells-title {
  color: rgba(248, 250, 252, 0.985);
  font-size: clamp(1.48rem, 2.15vw, 2rem);
  font-weight: 820;
  line-height: 1.05;
  letter-spacing: -0.05em;
}

.gt-cross-sells-subtitle {
  margin-top: 11px;
  max-width: 680px;
  color: rgba(203, 213, 225, 0.70);
  font-size: 0.96rem;
  font-weight: 460;
  line-height: 1.58;
}

.gt-cross-sells-grid {
  gap: clamp(15px, 1.5vw, 19px);
}

.gt-cross-sell-card {
  background:
    linear-gradient(180deg, rgba(17, 22, 34, 0.98), rgba(8, 10, 16, 0.995));
  border-color: rgba(148, 163, 184, 0.115);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.032);
}

.gt-cross-sell-card:hover {
  transform: translateY(-4px);
  border-color: rgba(125, 211, 252, 0.20);
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.33),
    0 0 0 1px rgba(14, 165, 233, 0.04);
}

.gt-cross-sell-media {
  background:
    radial-gradient(circle at 50% 35%, rgba(59, 130, 246, 0.045), transparent 58%),
    rgba(6, 8, 13, 0.995);
}

.gt-cross-sell-body {
  padding: 15px 14px 15px;
  background:
    linear-gradient(180deg, rgba(12, 16, 26, 0.95), rgba(7, 9, 15, 0.995));
  border-top: 1px solid rgba(148, 163, 184, 0.07);
}

.gt-cross-sell-badges {
  margin-bottom: 11px;
}

.gt-cross-sell-badge {
  background: rgba(15, 23, 42, 0.76);
  border-color: rgba(148, 163, 184, 0.17);
  color: rgba(226, 232, 240, 0.88);
  font-size: 0.65rem;
  font-weight: 780;
}

.gt-cross-sell-name {
  min-height: 54px;
  color: rgba(248, 250, 252, 0.97);
  font-size: 0.97rem;
  font-weight: 820;
  line-height: 1.23;
  letter-spacing: -0.023em;
}

.gt-cross-sell-name a:hover {
  color: rgba(224, 242, 254, 0.98);
}

.gt-cross-sell-price {
  margin-top: 12px;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.97);
  font-size: 1rem;
  font-weight: 830;
  letter-spacing: -0.018em;
}

.gt-cross-sell-cta {
  min-height: 43px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(30, 41, 59, 0.76), rgba(15, 23, 42, 0.90));
  border-color: rgba(148, 163, 184, 0.16);
  color: rgba(248, 250, 252, 0.92);
  font-size: 0.82rem;
  font-weight: 830;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 9px 22px rgba(0, 0, 0, 0.16);
}

.gt-cross-sell-cta:hover {
  background:
    linear-gradient(180deg, rgba(14, 116, 144, 0.34), rgba(15, 23, 42, 0.94));
  border-color: rgba(125, 211, 252, 0.27);
  color: #fff;
}

/* Ajuste fino desktop: que las cards respiren mejor dentro del bloque */
@media (min-width: 1025px) {
  .gt-cross-sells-shell {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .gt-cross-sells-header {
    margin-bottom: 28px;
  }
}

/* Mobile polish */
@media (max-width: 640px) {
  .gt-cross-sells-title {
    font-size: 1.34rem;
    letter-spacing: -0.042em;
  }

  .gt-cross-sells-subtitle {
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.9rem;
  }

  .gt-cross-sell-card {
    flex: 0 0 72%;
  }

  .gt-cross-sell-name {
    min-height: 50px;
    font-size: 0.93rem;
  }
}

/* =========================================================
   GT Product Cross Sells V6
   Gamers Things Brand Polish
========================================================= */

.gt-cross-sells-section {
  width: 100%;
  margin: clamp(34px, 4.2vw, 60px) 0;
}

.gt-cross-sells-shell {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: clamp(22px, 2.7vw, 30px);
  background:
    radial-gradient(circle at 8% 0%, rgba(124, 92, 255, 0.145), transparent 32%),
    radial-gradient(circle at 92% 2%, rgba(94, 234, 212, 0.055), transparent 38%),
    radial-gradient(circle at 50% 100%, rgba(124, 92, 255, 0.045), transparent 46%),
    linear-gradient(180deg, rgba(12, 13, 22, 0.985), rgba(5, 6, 11, 0.995));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gt-cross-sells-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.025), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent 44%);
  opacity: 0.78;
}

.gt-cross-sells-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(20px, 2.3vw, 27px);
}

.gt-cross-sells-heading {
  max-width: 760px;
}

.gt-cross-sells-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.135);
  border: 1px solid rgba(167, 139, 250, 0.24);
  color: rgba(232, 225, 255, 0.92);
  font-size: 0.66rem;
  font-weight: 820;
  line-height: 1;
  letter-spacing: 0.105em;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.18);
}

.gt-cross-sells-title {
  margin: 0;
  color: rgba(248, 250, 252, 0.99);
  font-size: clamp(1.5rem, 2.18vw, 2.04rem);
  font-weight: 840;
  line-height: 1.05;
  letter-spacing: -0.052em;
  text-wrap: balance;
}

.gt-cross-sells-subtitle {
  margin: 10px 0 0;
  max-width: 690px;
  color: rgba(226, 232, 240, 0.72);
  font-size: 0.96rem;
  font-weight: 460;
  line-height: 1.58;
  text-wrap: pretty;
}

.gt-cross-sells-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(15px, 1.5vw, 19px);
}

.gt-cross-sell-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(17, 18, 28, 0.985), rgba(8, 9, 15, 0.995));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 26%);
  opacity: 0.62;
}

.gt-cross-sell-card:hover {
  transform: translateY(-4px);
  background:
    linear-gradient(180deg, rgba(21, 22, 34, 0.99), rgba(9, 10, 17, 0.995));
  border-color: rgba(167, 139, 250, 0.28);
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(124, 92, 255, 0.07);
}

.gt-cross-sell-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  background:
    radial-gradient(circle at 50% 35%, rgba(124, 92, 255, 0.055), transparent 58%),
    rgba(6, 7, 12, 0.995);
}

.gt-cross-sell-media::after {
  content: none;
}

.gt-cross-sell-image,
.gt-cross-sell-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center center;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  image-rendering: auto;
  backface-visibility: hidden;
}

.gt-cross-sell-card:hover .gt-cross-sell-image,
.gt-cross-sell-card:hover .gt-cross-sell-media img {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.gt-cross-sell-body {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 15px 14px 15px;
  background:
    linear-gradient(180deg, rgba(12, 13, 22, 0.96), rgba(7, 8, 14, 0.995));
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.gt-cross-sell-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 24px;
  margin-bottom: 11px;
}

.gt-cross-sell-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.13);
  border: 1px solid rgba(167, 139, 250, 0.18);
  color: rgba(239, 235, 255, 0.91);
  font-size: 0.65rem;
  font-weight: 790;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.gt-cross-sell-badge.is-muted {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.11);
  color: rgba(226, 232, 240, 0.72);
}

.gt-cross-sell-name {
  display: -webkit-box;
  min-height: 54px;
  margin: 0;
  overflow: hidden;
  color: rgba(248, 250, 252, 0.98);
  font-size: 0.97rem;
  font-weight: 830;
  line-height: 1.23;
  letter-spacing: -0.024em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-wrap: pretty;
}

.gt-cross-sell-name a {
  color: inherit;
  text-decoration: none;
  transition: color 160ms ease;
}

.gt-cross-sell-name a:hover {
  color: rgba(232, 225, 255, 0.98);
}

.gt-cross-sell-price {
  margin-top: 12px;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.97);
  font-size: 1rem;
  font-weight: 840;
  line-height: 1.15;
  letter-spacing: -0.018em;
}

.gt-cross-sell-price del {
  margin-right: 5px;
  color: rgba(226, 232, 240, 0.42);
  font-size: 0.88rem;
  font-weight: 650;
}

.gt-cross-sell-price ins {
  color: #fff;
  text-decoration: none;
}

.gt-cross-sell-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 43px;
  margin-top: auto;
  padding: 10px 14px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.92), rgba(105, 78, 230, 0.92));
  border: 1px solid rgba(196, 181, 253, 0.34);
  color: rgba(255, 255, 255, 0.96);
  font-size: 0.83rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    0 12px 26px rgba(80, 56, 190, 0.22);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.gt-cross-sell-cta:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(139, 112, 255, 0.98), rgba(124, 92, 255, 0.98));
  border-color: rgba(221, 214, 254, 0.46);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 16px 34px rgba(80, 56, 190, 0.28);
  transform: translateY(-1px);
}

/* Tablet */
@media (max-width: 1024px) {
  .gt-cross-sells-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cross-sells-section {
    margin: 30px 0;
  }

  .gt-cross-sells-shell {
    border-radius: 24px;
    padding: 16px;
  }

  .gt-cross-sells-header {
    margin-bottom: 16px;
  }

  .gt-cross-sells-eyebrow {
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 0.64rem;
  }

  .gt-cross-sells-title {
    font-size: 1.36rem;
    line-height: 1.08;
    letter-spacing: -0.044em;
  }

  .gt-cross-sells-subtitle {
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .gt-cross-sells-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gt-cross-sells-grid::-webkit-scrollbar {
    display: none;
  }

  .gt-cross-sell-card {
    flex: 0 0 72%;
    scroll-snap-align: start;
    border-radius: 21px;
  }

  .gt-cross-sell-body {
    padding: 13px;
  }

  .gt-cross-sell-name {
    min-height: 50px;
    font-size: 0.93rem;
    line-height: 1.22;
  }

  .gt-cross-sell-price {
    font-size: 0.98rem;
  }

  .gt-cross-sell-cta {
    min-height: 42px;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  .gt-cross-sell-card {
    flex-basis: 78%;
  }
}

/* =========================================================
   GT Product Hero Version Selector V1
========================================================= */

.gt-version-selector {
  width: 100%;
  margin: 16px 0 18px;
}

.gt-version-selector-shell {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 14px;
  background:
    radial-gradient(circle at 8% 0%, rgba(124, 92, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.028));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.gt-version-selector-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.022), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent 45%);
  opacity: 0.75;
}

.gt-version-selector-header,
.gt-version-selector-group {
  position: relative;
  z-index: 2;
}

.gt-version-selector-header {
  margin-bottom: 13px;
}

.gt-version-selector-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.13);
  border: 1px solid rgba(167, 139, 250, 0.20);
  color: rgba(239, 235, 255, 0.90);
  font-size: 0.63rem;
  font-weight: 820;
  line-height: 1;
  letter-spacing: 0.095em;
  text-transform: uppercase;
}

.gt-version-selector-title {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.gt-version-selector-subtitle {
  margin: 5px 0 0;
  color: rgba(226, 232, 240, 0.70);
  font-size: 0.82rem;
  font-weight: 450;
  line-height: 1.42;
}

.gt-version-selector-group + .gt-version-selector-group {
  margin-top: 13px;
}

.gt-version-selector-label {
  margin-bottom: 7px;
  color: rgba(248, 250, 252, 0.86);
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.gt-version-selector-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gt-version-option {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  max-width: 100%;
  padding: 9px 11px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(17, 18, 28, 0.94), rgba(8, 9, 15, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.105);
  color: rgba(248, 250, 252, 0.90);
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 8px 20px rgba(0, 0, 0, 0.15);
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease;
}

.gt-version-option:hover {
  color: #fff;
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, 0.25);
  background:
    linear-gradient(180deg, rgba(22, 23, 36, 0.98), rgba(10, 11, 18, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 10px 24px rgba(0, 0, 0, 0.18);
}

.gt-version-option.is-active {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.95), rgba(105, 78, 230, 0.96));
  border-color: rgba(221, 214, 254, 0.44);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    0 12px 26px rgba(80, 56, 190, 0.24);
}

.gt-version-option-main {
  display: block;
  max-width: 100%;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.12;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-version-option-meta,
.gt-version-option-price {
  display: block;
  max-width: 100%;
  margin-top: 4px;
  color: rgba(226, 232, 240, 0.64);
  font-size: 0.68rem;
  font-weight: 650;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-version-option.is-active .gt-version-option-meta,
.gt-version-option.is-active .gt-version-option-price {
  color: rgba(255, 255, 255, 0.74);
}

.gt-version-option-price .amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.gt-version-option-price del {
  display: none;
}

.gt-version-option-price ins {
  color: inherit;
  text-decoration: none;
}

.gt-version-selector-admin-notice {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 16px 0 18px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(124, 92, 255, 0.10);
  border: 1px solid rgba(167, 139, 250, 0.24);
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.45;
}

.gt-version-selector-admin-notice span {
  color: rgba(255, 255, 255, 0.76);
}

/* Mobile */
@media (max-width: 640px) {
  .gt-version-selector {
    margin: 15px 0 17px;
  }

  .gt-version-selector-shell {
    border-radius: 20px;
    padding: 13px;
  }

  .gt-version-selector-title {
    font-size: 0.98rem;
  }

  .gt-version-selector-subtitle {
    font-size: 0.8rem;
  }

  .gt-version-selector-options {
    gap: 7px;
  }

  .gt-version-option {
    min-height: 42px;
    padding: 8px 10px;
    border-radius: 13px;
  }

  .gt-version-option-main {
    font-size: 0.8rem;
  }
}

/* =========================================================
   GT Product Hero Version Selector V1.1
   Compact Hero Polish
========================================================= */

.gt-version-selector {
  width: 100%;
  margin: 14px 0 16px;
}

.gt-version-selector-shell {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 13px 14px 14px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.105), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.024));
  border: 1px solid rgba(255, 255, 255, 0.105);
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gt-version-selector-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.018), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.010), transparent 46%);
  opacity: 0.65;
}

.gt-version-selector-header,
.gt-version-selector-group {
  position: relative;
  z-index: 2;
}

.gt-version-selector-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}

.gt-version-selector-eyebrow {
  display: none;
}

.gt-version-selector-title {
  margin: 0;
  color: rgba(248, 250, 252, 0.97);
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.gt-version-selector-title::after {
  content: "Antes de comprar";
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(124, 92, 255, 0.12);
  border: 1px solid rgba(167, 139, 250, 0.16);
  color: rgba(232, 225, 255, 0.72);
  font-size: 0.58rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  vertical-align: middle;
}

.gt-version-selector-subtitle {
  display: none;
}

.gt-version-selector-group + .gt-version-selector-group {
  margin-top: 12px;
}

.gt-version-selector-label {
  margin-bottom: 7px;
  color: rgba(226, 232, 240, 0.62);
  font-size: 0.64rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.095em;
  text-transform: uppercase;
}

.gt-version-selector-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gt-version-option {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 40px;
  max-width: 100%;
  padding: 9px 12px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(14, 15, 24, 0.92), rgba(7, 8, 14, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.105);
  color: rgba(248, 250, 252, 0.88);
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 7px 18px rgba(0, 0, 0, 0.14);
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease;
}

.gt-version-option:hover {
  color: #fff;
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, 0.24);
  background:
    linear-gradient(180deg, rgba(20, 21, 34, 0.98), rgba(9, 10, 17, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 10px 24px rgba(0, 0, 0, 0.18);
}

.gt-version-option.is-active {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.96), rgba(105, 78, 230, 0.98));
  border-color: rgba(221, 214, 254, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    0 12px 26px rgba(80, 56, 190, 0.24);
}

.gt-version-option-main {
  display: block;
  max-width: 100%;
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-version-option-meta {
  display: none;
}

.gt-version-option-price {
  display: inline-flex;
  align-items: center;
  margin-top: 0;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(226, 232, 240, 0.66);
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.gt-version-option.is-active .gt-version-option-price {
  color: rgba(255, 255, 255, 0.74);
  border-left-color: rgba(255, 255, 255, 0.20);
}

.gt-version-option-price .amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.gt-version-option-price del {
  display: none;
}

.gt-version-option-price ins {
  color: inherit;
  text-decoration: none;
}

/* Cuando hay muchas opciones, que no rompa el hero */
.gt-version-selector-options .gt-version-option {
  flex: 0 1 auto;
}

/* Admin notice */
.gt-version-selector-admin-notice {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 14px 0 16px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(124, 92, 255, 0.10);
  border: 1px solid rgba(167, 139, 250, 0.24);
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.45;
}

.gt-version-selector-admin-notice span {
  color: rgba(255, 255, 255, 0.76);
}

/* Mobile */
@media (max-width: 640px) {
  .gt-version-selector {
    margin: 13px 0 15px;
  }

  .gt-version-selector-shell {
    border-radius: 18px;
    padding: 12px;
  }

  .gt-version-selector-header {
    display: block;
    margin-bottom: 10px;
  }

  .gt-version-selector-title {
    font-size: 0.92rem;
  }

  .gt-version-selector-title::after {
    margin-left: 7px;
    font-size: 0.56rem;
  }

  .gt-version-selector-group + .gt-version-selector-group {
    margin-top: 11px;
  }

  .gt-version-selector-options {
    gap: 7px;
  }

  .gt-version-option {
    min-height: 39px;
    padding: 8px 10px;
    border-radius: 13px;
  }

  .gt-version-option-main {
    font-size: 0.78rem;
  }

  .gt-version-option-price {
    margin-left: 7px;
    padding-left: 7px;
    font-size: 0.64rem;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  .gt-version-selector-title::after {
    display: none;
  }

  .gt-version-option {
    flex: 1 1 auto;
  }
}

/* =========================================================
   GT Product Hero Version Selector V1.2
   Softer / Less Purple / Hero Integrated
========================================================= */

.gt-version-selector {
  width: 100%;
  margin: 12px 0 14px;
}

.gt-version-selector-shell {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 12px 13px 13px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.055), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.040), rgba(255, 255, 255, 0.020)),
    rgba(8, 9, 15, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.095);
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.gt-version-selector-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.014), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.008), transparent 48%);
  opacity: 0.55;
}

.gt-version-selector-header,
.gt-version-selector-group {
  position: relative;
  z-index: 2;
}

.gt-version-selector-header {
  margin-bottom: 10px;
}

.gt-version-selector-eyebrow {
  display: none;
}

.gt-version-selector-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: rgba(248, 250, 252, 0.96);
  font-size: 0.88rem;
  font-weight: 820;
  line-height: 1.15;
  letter-spacing: -0.018em;
}

.gt-version-selector-title::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  min-width: 28px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.11), transparent);
}

.gt-version-selector-subtitle {
  display: none;
}

.gt-version-selector-group + .gt-version-selector-group {
  margin-top: 12px;
}

.gt-version-selector-label {
  margin-bottom: 7px;
  color: rgba(226, 232, 240, 0.54);
  font-size: 0.61rem;
  font-weight: 830;
  line-height: 1;
  letter-spacing: 0.105em;
  text-transform: uppercase;
}

.gt-version-selector-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gt-version-option {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 38px;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: 13px;
  background:
    linear-gradient(180deg, rgba(13, 14, 23, 0.88), rgba(7, 8, 14, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.095);
  color: rgba(248, 250, 252, 0.84);
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.030),
    0 7px 18px rgba(0, 0, 0, 0.12);
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease;
}

.gt-version-option:hover {
  color: rgba(255, 255, 255, 0.98);
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, 0.20);
  background:
    linear-gradient(180deg, rgba(18, 19, 31, 0.94), rgba(8, 9, 16, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.040),
    0 10px 22px rgba(0, 0, 0, 0.16);
}

/* Activa: violeta como acento, no como bloque dominante */
.gt-version-option.is-active {
  color: rgba(255, 255, 255, 0.98);
  background:
    radial-gradient(circle at 50% 0%, rgba(124, 92, 255, 0.24), transparent 62%),
    linear-gradient(180deg, rgba(22, 20, 38, 0.96), rgba(10, 9, 18, 0.98));
  border-color: rgba(167, 139, 250, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.070),
    0 0 0 1px rgba(124, 92, 255, 0.065),
    0 10px 24px rgba(0, 0, 0, 0.18);
}

.gt-version-option.is-active::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 42%);
}

.gt-version-option-main {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 100%;
  font-size: 0.78rem;
  font-weight: 830;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-version-option-meta {
  display: none;
}

.gt-version-option-price {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  margin-top: 0;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.105);
  color: rgba(226, 232, 240, 0.58);
  font-size: 0.65rem;
  font-weight: 680;
  line-height: 1;
  white-space: nowrap;
}

.gt-version-option.is-active .gt-version-option-price {
  color: rgba(255, 255, 255, 0.68);
  border-left-color: rgba(255, 255, 255, 0.16);
}

.gt-version-option-price .amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.gt-version-option-price del {
  display: none;
}

.gt-version-option-price ins {
  color: inherit;
  text-decoration: none;
}

/* Si solo hay plataforma, mantenerlo bien compacto */
.gt-version-selector-group:only-child .gt-version-selector-options {
  gap: 8px;
}

.gt-version-selector-admin-notice {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 14px 0 16px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(124, 92, 255, 0.10);
  border: 1px solid rgba(167, 139, 250, 0.24);
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.45;
}

.gt-version-selector-admin-notice span {
  color: rgba(255, 255, 255, 0.76);
}

/* Mobile */
@media (max-width: 640px) {
  .gt-version-selector {
    margin: 12px 0 14px;
  }

  .gt-version-selector-shell {
    border-radius: 17px;
    padding: 12px;
  }

  .gt-version-selector-header {
    margin-bottom: 10px;
  }

  .gt-version-selector-title {
    font-size: 0.88rem;
  }

  .gt-version-selector-label {
    font-size: 0.60rem;
  }

  .gt-version-selector-options {
    gap: 7px;
  }

  .gt-version-option {
    min-height: 37px;
    padding: 8px 10px;
    border-radius: 12px;
  }

  .gt-version-option-main {
    font-size: 0.76rem;
  }

  .gt-version-option-price {
    margin-left: 7px;
    padding-left: 7px;
    font-size: 0.62rem;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  .gt-version-option {
    flex: 1 1 auto;
  }
}

/* =========================================================
   GT Product Hero Purchase Area Polish V1.3
   Selector + spacing + full width add to cart
========================================================= */

/* ---------------------------------------------------------
   Hero right column spacing
--------------------------------------------------------- */

.single-product .gt-product-publisher {
  margin-bottom: 8px;
}

.single-product .product-title-container {
  margin-bottom: 14px;
}

.single-product .gt-product-meta-chips {
  margin: 0 0 18px;
}

.single-product .product-price-container {
  margin: 0 0 14px;
}

.single-product .price-wrapper {
  margin: 0;
}

.single-product .product-page-price {
  margin: 0;
}

.single-product .product-short-description {
  margin: 14px 0 0;
}

.single-product .product-short-description p {
  margin: 0;
  color: rgba(226, 232, 240, 0.68);
  font-size: 0.9rem;
  line-height: 1.55;
}


/* ---------------------------------------------------------
   Hero Version Selector - cleaner and less purple
--------------------------------------------------------- */

.gt-version-selector {
  width: 100%;
  margin: 0 0 14px;
}

.gt-version-selector-shell {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 12px 13px 13px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.045), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.018)),
    rgba(8, 9, 15, 0.66);
  border: 1px solid rgba(255, 255, 255, 0.095);
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.032);
}

.gt-version-selector-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.012), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.007), transparent 48%);
  opacity: 0.52;
}

.gt-version-selector-header,
.gt-version-selector-group {
  position: relative;
  z-index: 2;
}

.gt-version-selector-header {
  margin-bottom: 10px;
}

.gt-version-selector-eyebrow,
.gt-version-selector-subtitle {
  display: none !important;
}

.gt-version-selector-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: rgba(248, 250, 252, 0.94);
  font-size: 0.88rem;
  font-weight: 820;
  line-height: 1.15;
  letter-spacing: -0.018em;
}

.gt-version-selector-title::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  min-width: 28px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.10), transparent);
}

.gt-version-selector-group + .gt-version-selector-group {
  margin-top: 12px;
}

.gt-version-selector-label {
  margin-bottom: 7px;
  color: rgba(226, 232, 240, 0.52);
  font-size: 0.61rem;
  font-weight: 830;
  line-height: 1;
  letter-spacing: 0.105em;
  text-transform: uppercase;
}

.gt-version-selector-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gt-version-option {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 38px;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: 13px;
  background:
    linear-gradient(180deg, rgba(13, 14, 23, 0.86), rgba(7, 8, 14, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.095);
  color: rgba(248, 250, 252, 0.84);
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    0 7px 18px rgba(0, 0, 0, 0.12);
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease;
}

.gt-version-option:hover {
  color: rgba(255, 255, 255, 0.98);
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, 0.20);
  background:
    linear-gradient(180deg, rgba(18, 19, 31, 0.94), rgba(8, 9, 16, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.038),
    0 10px 22px rgba(0, 0, 0, 0.16);
}

/* Activa: dark premium con acento violeta suave, no botón violeta completo */
.gt-version-option.is-active {
  color: rgba(255, 255, 255, 0.98);
  background:
    radial-gradient(circle at 50% 0%, rgba(124, 92, 255, 0.18), transparent 62%),
    linear-gradient(180deg, rgba(22, 20, 38, 0.94), rgba(10, 9, 18, 0.98));
  border-color: rgba(167, 139, 250, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.060),
    0 0 0 1px rgba(124, 92, 255, 0.055),
    0 9px 22px rgba(0, 0, 0, 0.17);
}

.gt-version-option.is-active::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(124, 92, 255, 0.9), rgba(167, 139, 250, 0.55));
  pointer-events: none;
}

.gt-version-option-main {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 100%;
  font-size: 0.78rem;
  font-weight: 830;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-version-option-meta {
  display: none !important;
}

.gt-version-option-price {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  margin-top: 0;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.105);
  color: rgba(226, 232, 240, 0.58);
  font-size: 0.65rem;
  font-weight: 680;
  line-height: 1;
  white-space: nowrap;
}

.gt-version-option.is-active .gt-version-option-price {
  color: rgba(255, 255, 255, 0.68);
  border-left-color: rgba(255, 255, 255, 0.16);
}

.gt-version-option-price .amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.gt-version-option-price del {
  display: none;
}

.gt-version-option-price ins {
  color: inherit;
  text-decoration: none;
}


/* ---------------------------------------------------------
   Add to cart full width
--------------------------------------------------------- */

.single-product .add-to-cart-container {
  width: 100%;
  margin: 0 0 18px;
}

.single-product .add-to-cart-container form.cart {
  display: block;
  width: 100%;
  margin: 0;
}

.single-product .add-to-cart-container .single_add_to_cart_button.button.alt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  min-height: 46px;
  margin: 0;
  padding: 13px 18px;
  border-radius: 14px;
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: -0.01em;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.98), rgba(105, 78, 230, 0.98));
  border: 1px solid rgba(221, 214, 254, 0.38);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    0 16px 34px rgba(80, 56, 190, 0.26);
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    filter 160ms ease,
    border-color 160ms ease;
}

.single-product .add-to-cart-container .single_add_to_cart_button.button.alt:hover {
  transform: translateY(-1px);
  border-color: rgba(221, 214, 254, 0.50);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 20px 42px rgba(80, 56, 190, 0.32);
  filter: brightness(1.035);
}

.single-product .add-to-cart-container .single_add_to_cart_button.button.alt:active {
  transform: translateY(0);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 12px 26px rgba(80, 56, 190, 0.22);
}


/* ---------------------------------------------------------
   Payment block spacing after CTA
--------------------------------------------------------- */

.single-product .gt-product-payment-methods {
  margin-top: 20px;
}


/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media (max-width: 640px) {
  .single-product .gt-product-meta-chips {
    margin-bottom: 16px;
  }

  .single-product .product-price-container {
    margin-bottom: 13px;
  }

  .gt-version-selector {
    margin-bottom: 13px;
  }

  .gt-version-selector-shell {
    border-radius: 17px;
    padding: 12px;
  }

  .gt-version-selector-header {
    margin-bottom: 10px;
  }

  .gt-version-selector-title {
    font-size: 0.88rem;
  }

  .gt-version-selector-label {
    font-size: 0.60rem;
  }

  .gt-version-selector-options {
    gap: 7px;
  }

  .gt-version-option {
    min-height: 37px;
    padding: 8px 10px;
    border-radius: 12px;
  }

  .gt-version-option-main {
    font-size: 0.76rem;
  }

  .gt-version-option-price {
    margin-left: 7px;
    padding-left: 7px;
    font-size: 0.62rem;
  }

  .single-product .add-to-cart-container {
    margin-bottom: 17px;
  }

  .single-product .add-to-cart-container .single_add_to_cart_button.button.alt {
    min-height: 46px;
    border-radius: 14px;
  }

  .single-product .gt-product-payment-methods {
    margin-top: 18px;
  }
}

@media (max-width: 380px) {
  .gt-version-option {
    flex: 1 1 auto;
  }
}

/* =========================================================
   GT Product Hero Purchase Area Polish V1.4
   Selector integrado + spacing fino + Add to cart full width
========================================================= */


/* ---------------------------------------------------------
   Espaciado general del hero derecho
--------------------------------------------------------- */

.single-product .gt-product-publisher {
  margin-bottom: 8px;
}

.single-product .product-title-container {
  margin-bottom: 14px;
}

.single-product .gt-product-meta-chips {
  margin: 0 0 18px;
}

.single-product .product-price-container {
  margin: 0 0 16px;
}

.single-product .price-wrapper,
.single-product .product-page-price {
  margin: 0;
}


/* ---------------------------------------------------------
   Selector de versión - integrado al hero
--------------------------------------------------------- */

.single-product .gt-version-selector {
  width: 100%;
  margin: 0 0 16px;
}

.single-product .gt-version-selector-shell {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 12px 13px 13px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.040), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.018)),
    rgba(8, 9, 15, 0.66);
  border: 1px solid rgba(255, 255, 255, 0.095);
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.032);
}

.single-product .gt-version-selector-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.012), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.007), transparent 48%);
  opacity: 0.52;
}

.single-product .gt-version-selector-header,
.single-product .gt-version-selector-group {
  position: relative;
  z-index: 2;
}

.single-product .gt-version-selector-header {
  margin-bottom: 10px;
}

.single-product .gt-version-selector-eyebrow,
.single-product .gt-version-selector-subtitle {
  display: none !important;
}

.single-product .gt-version-selector-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: rgba(248, 250, 252, 0.94);
  font-size: 0.88rem;
  font-weight: 820;
  line-height: 1.15;
  letter-spacing: -0.018em;
}

.single-product .gt-version-selector-title::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  min-width: 28px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.10), transparent);
}

.single-product .gt-version-selector-group + .gt-version-selector-group {
  margin-top: 12px;
}

.single-product .gt-version-selector-label {
  margin-bottom: 8px;
  color: rgba(226, 232, 240, 0.52);
  font-size: 0.61rem;
  font-weight: 830;
  line-height: 1;
  letter-spacing: 0.105em;
  text-transform: uppercase;
}

.single-product .gt-version-selector-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.single-product .gt-version-option {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 38px;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: 13px;
  background:
    linear-gradient(180deg, rgba(13, 14, 23, 0.86), rgba(7, 8, 14, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.095);
  color: rgba(248, 250, 252, 0.84);
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    0 7px 18px rgba(0, 0, 0, 0.12);
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease;
}

.single-product .gt-version-option:hover {
  color: rgba(255, 255, 255, 0.98);
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, 0.20);
  background:
    linear-gradient(180deg, rgba(18, 19, 31, 0.94), rgba(8, 9, 16, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.038),
    0 10px 22px rgba(0, 0, 0, 0.16);
}

.single-product .gt-version-option.is-active {
  color: rgba(255, 255, 255, 0.98);
  background:
    radial-gradient(circle at 50% 0%, rgba(124, 92, 255, 0.18), transparent 62%),
    linear-gradient(180deg, rgba(22, 20, 38, 0.94), rgba(10, 9, 18, 0.98));
  border-color: rgba(167, 139, 250, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.060),
    0 0 0 1px rgba(124, 92, 255, 0.055),
    0 9px 22px rgba(0, 0, 0, 0.17);
}

.single-product .gt-version-option.is-active::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(124, 92, 255, 0.9), rgba(167, 139, 250, 0.55));
  pointer-events: none;
}

.single-product .gt-version-option-main {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 100%;
  font-size: 0.78rem;
  font-weight: 830;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-product .gt-version-option-meta {
  display: none !important;
}

.single-product .gt-version-option-price {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  margin-top: 0;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.105);
  color: rgba(226, 232, 240, 0.58);
  font-size: 0.65rem;
  font-weight: 680;
  line-height: 1;
  white-space: nowrap;
}

.single-product .gt-version-option.is-active .gt-version-option-price {
  color: rgba(255, 255, 255, 0.68);
  border-left-color: rgba(255, 255, 255, 0.16);
}

.single-product .gt-version-option-price .amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.single-product .gt-version-option-price del {
  display: none;
}

.single-product .gt-version-option-price ins {
  color: inherit;
  text-decoration: none;
}


/* ---------------------------------------------------------
   Add to cart full width - Flatsome override fuerte
--------------------------------------------------------- */

.single-product .add-to-cart-container,
.single-product .add-to-cart-container.form-flat,
.single-product .add-to-cart-container.form-flat.is-small {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

.single-product .add-to-cart-container form.cart,
.single-product .add-to-cart-container .cart {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.single-product .add-to-cart-container .quantity,
.single-product .add-to-cart-container .ux-quantity,
.single-product .add-to-cart-container .buttons_added {
  display: none !important;
}

.single-product .add-to-cart-container .single_add_to_cart_button,
.single-product .add-to-cart-container .single_add_to_cart_button.button,
.single-product .add-to-cart-container .single_add_to_cart_button.button.alt,
.single-product button.single_add_to_cart_button.button.alt {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  border-radius: 14px !important;
  font-size: 0.9rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.98), rgba(105, 78, 230, 0.98)) !important;
  border: 1px solid rgba(221, 214, 254, 0.38) !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    0 16px 34px rgba(80, 56, 190, 0.26) !important;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    filter 160ms ease,
    border-color 160ms ease !important;
}

.single-product .add-to-cart-container .single_add_to_cart_button.button.alt:hover,
.single-product button.single_add_to_cart_button.button.alt:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(221, 214, 254, 0.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 20px 42px rgba(80, 56, 190, 0.32) !important;
  filter: brightness(1.035) !important;
}

.single-product .add-to-cart-container .single_add_to_cart_button.button.alt:active,
.single-product button.single_add_to_cart_button.button.alt:active {
  transform: translateY(0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 12px 26px rgba(80, 56, 190, 0.22) !important;
}


/* ---------------------------------------------------------
   Short description + payment spacing
--------------------------------------------------------- */

.single-product .product-short-description {
  margin: 16px 0 0;
}

.single-product .product-short-description p {
  margin: 0;
  color: rgba(226, 232, 240, 0.68);
  font-size: 0.9rem;
  line-height: 1.55;
}

.single-product .gt-product-payment-methods {
  margin-top: 22px;
}


/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media (max-width: 640px) {
  .single-product .gt-product-meta-chips {
    margin-bottom: 16px;
  }

  .single-product .product-price-container {
    margin-bottom: 14px;
  }

  .single-product .gt-version-selector {
    margin-bottom: 14px;
  }

  .single-product .gt-version-selector-shell {
    border-radius: 17px;
    padding: 12px;
  }

  .single-product .gt-version-selector-header {
    margin-bottom: 10px;
  }

  .single-product .gt-version-selector-title {
    font-size: 0.88rem;
  }

  .single-product .gt-version-selector-label {
    font-size: 0.60rem;
  }

  .single-product .gt-version-selector-options {
    gap: 7px;
  }

  .single-product .gt-version-option {
    min-height: 37px;
    padding: 8px 10px;
    border-radius: 12px;
  }

  .single-product .gt-version-option-main {
    font-size: 0.76rem;
  }

  .single-product .add-to-cart-container,
  .single-product .add-to-cart-container.form-flat,
  .single-product .add-to-cart-container.form-flat.is-small {
    margin-bottom: 18px !important;
  }

  .single-product .add-to-cart-container .single_add_to_cart_button,
  .single-product .add-to-cart-container .single_add_to_cart_button.button,
  .single-product .add-to-cart-container .single_add_to_cart_button.button.alt,
  .single-product button.single_add_to_cart_button.button.alt {
    min-height: 46px !important;
    border-radius: 14px !important;
  }

  .single-product .gt-product-payment-methods {
    margin-top: 20px;
  }
}

@media (max-width: 380px) {
  .single-product .gt-version-option {
    flex: 1 1 auto;
  }
}

/* =========================================================
   GT Product Hero Version Selector V1.5
   Final micro polish
========================================================= */

.single-product .gt-version-selector {
  margin: 0 0 14px;
}

.single-product .gt-version-selector-shell {
  border-radius: 17px;
  padding: 11px 12px 12px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.032), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.016)),
    rgba(8, 9, 15, 0.58);
  border-color: rgba(255, 255, 255, 0.085);
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.028);
}

.single-product .gt-version-selector-header {
  margin-bottom: 9px;
}

.single-product .gt-version-selector-title {
  color: rgba(248, 250, 252, 0.92);
  font-size: 0.86rem;
  font-weight: 820;
}

.single-product .gt-version-selector-title::after {
  opacity: 0.55;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.075), transparent);
}

.single-product .gt-version-selector-label {
  margin-bottom: 7px;
  color: rgba(226, 232, 240, 0.46);
  font-size: 0.59rem;
}

.single-product .gt-version-selector-options {
  gap: 7px;
}

.single-product .gt-version-option {
  min-height: 36px;
  padding: 8px 11px;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(12, 13, 21, 0.82), rgba(7, 8, 14, 0.94));
  border-color: rgba(255, 255, 255, 0.085);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.024),
    0 6px 16px rgba(0, 0, 0, 0.11);
}

.single-product .gt-version-option-main {
  font-size: 0.76rem;
  font-weight: 820;
}

.single-product .gt-version-option.is-active {
  background:
    radial-gradient(circle at 50% 0%, rgba(124, 92, 255, 0.15), transparent 62%),
    linear-gradient(180deg, rgba(20, 18, 34, 0.92), rgba(10, 9, 18, 0.97));
  border-color: rgba(167, 139, 250, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.050),
    0 0 0 1px rgba(124, 92, 255, 0.045),
    0 8px 20px rgba(0, 0, 0, 0.15);
}

.single-product .gt-version-option.is-active::before {
  left: 11px;
  right: 11px;
  bottom: 5px;
  height: 2px;
  opacity: 0.85;
}

.single-product .add-to-cart-container,
.single-product .add-to-cart-container.form-flat,
.single-product .add-to-cart-container.form-flat.is-small {
  margin-bottom: 21px !important;
}

.single-product .add-to-cart-container .single_add_to_cart_button,
.single-product .add-to-cart-container .single_add_to_cart_button.button,
.single-product .add-to-cart-container .single_add_to_cart_button.button.alt,
.single-product button.single_add_to_cart_button.button.alt {
  min-height: 47px !important;
  border-radius: 14px !important;
}

/* Mobile */
@media (max-width: 640px) {
  .single-product .gt-version-selector-shell {
    padding: 11px;
    border-radius: 16px;
  }

  .single-product .gt-version-option {
    min-height: 36px;
    padding: 8px 10px;
  }

  .single-product .gt-version-option-main {
    font-size: 0.75rem;
  }
}

/* =========================================================
   GT Product Purchase Panel V1
   Precio + selector + add to cart como unidad de compra
========================================================= */

.single-product .gt-purchase-panel {
  position: relative;
  width: 100%;
  margin: 18px 0 22px;
  padding: 16px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.045), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.018)),
    rgba(8, 9, 15, 0.54);
  border: 1px solid rgba(255, 255, 255, 0.085);
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.030);
}

.single-product .gt-purchase-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.014), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.007), transparent 48%);
  opacity: 0.55;
}

.single-product .gt-purchase-panel > * {
  position: relative;
  z-index: 2;
}

/* Precio dentro del panel */
.single-product .gt-purchase-panel .product-price-container {
  margin: 0 0 14px !important;
}

.single-product .gt-purchase-panel .price-wrapper,
.single-product .gt-purchase-panel .product-page-price {
  margin: 0 !important;
}

.single-product .gt-purchase-panel .product-page-price .amount {
  color: rgba(248, 250, 252, 0.98);
  font-weight: 850;
  letter-spacing: -0.04em;
}

/* Selector dentro del panel */
.single-product .gt-purchase-panel .gt-version-selector {
  width: 100%;
  margin: 0 0 14px !important;
}

.single-product .gt-purchase-panel .gt-version-selector-shell {
  position: relative;
  overflow: hidden;
  border-radius: 17px;
  padding: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.014)),
    rgba(5, 6, 11, 0.48);
  border: 1px solid rgba(255, 255, 255, 0.078);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.024),
    0 8px 22px rgba(0, 0, 0, 0.11);
}

.single-product .gt-purchase-panel .gt-version-selector-shell::before {
  opacity: 0.42;
}

.single-product .gt-purchase-panel .gt-version-selector-header {
  margin-bottom: 10px;
}

.single-product .gt-purchase-panel .gt-version-selector-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: rgba(248, 250, 252, 0.92);
  font-size: 0.86rem;
  font-weight: 820;
  line-height: 1.15;
  letter-spacing: -0.018em;
}

.single-product .gt-purchase-panel .gt-version-selector-title::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  min-width: 28px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.070), transparent);
}

.single-product .gt-purchase-panel .gt-version-selector-label {
  margin-bottom: 8px;
  color: rgba(226, 232, 240, 0.48);
  font-size: 0.59rem;
  font-weight: 830;
  line-height: 1;
  letter-spacing: 0.105em;
  text-transform: uppercase;
}

.single-product .gt-purchase-panel .gt-version-selector-options {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.single-product .gt-purchase-panel .gt-version-option {
  min-height: 36px;
  padding: 8px 11px;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(12, 13, 21, 0.82), rgba(7, 8, 14, 0.94));
  border: 1px solid rgba(255, 255, 255, 0.083);
  color: rgba(248, 250, 252, 0.84);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.024),
    0 6px 16px rgba(0, 0, 0, 0.10);
}

.single-product .gt-purchase-panel .gt-version-option:hover {
  color: rgba(255, 255, 255, 0.98);
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, 0.19);
  background:
    linear-gradient(180deg, rgba(18, 19, 31, 0.94), rgba(8, 9, 16, 0.98));
}

.single-product .gt-purchase-panel .gt-version-option.is-active {
  color: rgba(255, 255, 255, 0.98);
  background:
    radial-gradient(circle at 50% 0%, rgba(124, 92, 255, 0.14), transparent 62%),
    linear-gradient(180deg, rgba(20, 18, 34, 0.92), rgba(10, 9, 18, 0.97));
  border-color: rgba(167, 139, 250, 0.27);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.050),
    0 0 0 1px rgba(124, 92, 255, 0.040),
    0 8px 20px rgba(0, 0, 0, 0.14);
}

.single-product .gt-purchase-panel .gt-version-option.is-active::before {
  content: "";
  position: absolute;
  left: 11px;
  right: 11px;
  bottom: 5px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(124, 92, 255, 0.82), rgba(167, 139, 250, 0.46));
  pointer-events: none;
  opacity: 0.82;
}

.single-product .gt-purchase-panel .gt-version-option-main {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 100%;
  color: inherit;
  font-size: 0.76rem;
  font-weight: 820;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-product .gt-purchase-panel .gt-version-option-meta,
.single-product .gt-purchase-panel .gt-version-selector-subtitle,
.single-product .gt-purchase-panel .gt-version-selector-eyebrow {
  display: none !important;
}

/* Add to cart dentro del panel */
.single-product .gt-purchase-panel .add-to-cart-container,
.single-product .gt-purchase-panel .add-to-cart-container.form-flat,
.single-product .gt-purchase-panel .add-to-cart-container.form-flat.is-small {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.single-product .gt-purchase-panel .add-to-cart-container form.cart,
.single-product .gt-purchase-panel .add-to-cart-container .cart {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.single-product .gt-purchase-panel .add-to-cart-container .quantity,
.single-product .gt-purchase-panel .add-to-cart-container .ux-quantity,
.single-product .gt-purchase-panel .add-to-cart-container .buttons_added {
  display: none !important;
}

.single-product .gt-purchase-panel .single_add_to_cart_button,
.single-product .gt-purchase-panel .single_add_to_cart_button.button,
.single-product .gt-purchase-panel .single_add_to_cart_button.button.alt,
.single-product .gt-purchase-panel button.single_add_to_cart_button.button.alt {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  min-height: 47px !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-size: 0.9rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  background:
    linear-gradient(180deg, rgba(124, 92, 255, 0.98), rgba(105, 78, 230, 0.98)) !important;
  border: 1px solid rgba(221, 214, 254, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    0 16px 34px rgba(80, 56, 190, 0.26) !important;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    filter 160ms ease,
    border-color 160ms ease !important;
}

.single-product .gt-purchase-panel .single_add_to_cart_button.button.alt:hover,
.single-product .gt-purchase-panel button.single_add_to_cart_button.button.alt:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(221, 214, 254, 0.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 20px 42px rgba(80, 56, 190, 0.32) !important;
  filter: brightness(1.035) !important;
}

/* Evitar márgenes duplicados viejos fuera del panel */
.single-product .gt-purchase-panel + .product-short-description {
  margin-top: 16px;
}

.single-product .gt-purchase-panel + .gt-product-payment-methods,
.single-product .product-short-description + .gt-product-payment-methods {
  margin-top: 22px;
}

/* Mobile */
@media (max-width: 640px) {
  .single-product .gt-purchase-panel {
    margin: 16px 0 20px;
    padding: 14px;
    border-radius: 20px;
  }

  .single-product .gt-purchase-panel .product-price-container {
    margin-bottom: 13px !important;
  }

  .single-product .gt-purchase-panel .gt-version-selector {
    margin-bottom: 13px !important;
  }

  .single-product .gt-purchase-panel .gt-version-selector-shell {
    padding: 11px;
    border-radius: 16px;
  }

  .single-product .gt-purchase-panel .gt-version-option {
    min-height: 36px;
    padding: 8px 10px;
  }

  .single-product .gt-purchase-panel .gt-version-option-main {
    font-size: 0.75rem;
  }

  .single-product .gt-purchase-panel .single_add_to_cart_button,
  .single-product .gt-purchase-panel .single_add_to_cart_button.button,
  .single-product .gt-purchase-panel .single_add_to_cart_button.button.alt,
  .single-product .gt-purchase-panel button.single_add_to_cart_button.button.alt {
    min-height: 46px !important;
  }
}

@media (max-width: 380px) {
  .single-product .gt-purchase-panel .gt-version-option {
    flex: 1 1 auto;
  }
}

/* =========================================================
   GT Payment Methods V4.3
   Barra más integrada + drawer fuera del layout
========================================================= */

/* ---------------------------------------------------------
   Barra compacta más integrada al bloque de compra
--------------------------------------------------------- */

.single-product .gt-product-payment-methods.is-minimal-v41,
.single-product .gt-product-payment-methods.is-minimal-v4 {
  position: relative;
  width: 100%;
  margin: 18px 0 0;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41::before,
.single-product .gt-product-payment-methods.is-minimal-v4::before {
  content: none !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-bar,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-bar {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 58px;
  padding: 12px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.018), transparent 40%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.020)),
    rgba(14, 15, 24, 0.56);
  border: 1px solid rgba(255, 255, 255, 0.096);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.032);
}

.gt-payment-minimal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 11px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.068), rgba(255, 255, 255, 0.034));
  border: 1px solid rgba(255, 255, 255, 0.092);
  color: rgba(226, 232, 240, 0.84);
}

.gt-payment-minimal-icon svg,
.gt-payment-drawer-item-icon svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gt-payment-minimal-icon svg {
  width: 15px;
  height: 15px;
}

.gt-payment-minimal-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-title,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-title {
  display: block;
  margin: 0;
  color: rgba(248, 250, 252, 0.95);
  font-size: 0.82rem;
  font-weight: 830;
  line-height: 1.12;
  letter-spacing: -0.012em;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-intro,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-intro {
  display: block;
  max-width: none;
  margin: 4px 0 0;
  color: rgba(226, 232, 240, 0.60);
  font-size: 0.70rem;
  font-weight: 450;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-payment-details-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 7px 11px;
  border-radius: 11px;
  background:
    linear-gradient(180deg, rgba(18, 19, 30, 0.74), rgba(8, 9, 16, 0.92));
  border: 1px solid rgba(255, 255, 255, 0.11);
  color: rgba(248, 250, 252, 0.86);
  font-size: 0.68rem;
  font-weight: 820;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.026),
    0 6px 15px rgba(0, 0, 0, 0.10);
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}

.gt-payment-details-trigger:hover {
  color: #fff;
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, 0.15);
  background:
    linear-gradient(180deg, rgba(22, 23, 36, 0.88), rgba(10, 11, 18, 0.98));
}

/* ---------------------------------------------------------
   Drawer robusto
--------------------------------------------------------- */

.gt-payment-drawer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.gt-payment-drawer.is-open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.gt-payment-drawer-backdrop {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.64);
  backdrop-filter: blur(8px);
}

.gt-payment-drawer-panel {
  position: fixed !important;
  top: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  left: auto !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(430px, calc(100vw - 28px)) !important;
  height: calc(100vh - 28px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: 26px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.030), transparent 36%),
    linear-gradient(180deg, rgba(18, 19, 30, 0.988), rgba(7, 8, 14, 0.998));
  border: 1px solid rgba(255, 255, 255, 0.108);
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.038);
  transform: translateX(18px);
  animation: gtPaymentDrawerV43In 180ms ease forwards;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

@keyframes gtPaymentDrawerV43In {
  to {
    transform: translateX(0);
  }
}

.gt-payment-drawer-header {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  gap: 14px;
  align-items: start;
  margin: 0 !important;
  padding: 22px 22px 18px !important;
  background:
    linear-gradient(180deg, rgba(18, 19, 30, 0.995), rgba(18, 19, 30, 0.96));
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.gt-payment-drawer-title {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 1.24rem;
  font-weight: 860;
  line-height: 1.08;
  letter-spacing: -0.038em;
}

.gt-payment-drawer-intro {
  margin: 8px 0 0;
  color: rgba(226, 232, 240, 0.62);
  font-size: 0.84rem;
  line-height: 1.5;
}

.gt-payment-drawer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  padding: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.090);
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.gt-payment-drawer-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.080);
}

.gt-payment-drawer-list {
  flex: 0 0 auto;
  display: grid;
  gap: 10px;
  padding: 18px 22px 0 !important;
}

.gt-payment-drawer-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(12, 13, 21, 0.72), rgba(7, 8, 14, 0.92));
  border: 1px solid rgba(255, 255, 255, 0.074);
}

.gt-payment-drawer-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.050), rgba(255, 255, 255, 0.026));
  border: 1px solid rgba(255, 255, 255, 0.080);
  color: rgba(226, 232, 240, 0.78);
}

.gt-payment-drawer-item-icon svg {
  width: 17px;
  height: 17px;
}

.gt-payment-drawer-item-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.gt-payment-drawer-item-title {
  color: rgba(248, 250, 252, 0.94);
  font-size: 0.88rem;
  font-weight: 830;
  line-height: 1.18;
}

.gt-payment-drawer-item-description {
  margin-top: 5px;
  color: rgba(226, 232, 240, 0.61);
  font-size: 0.78rem;
  line-height: 1.45;
}

.gt-payment-drawer-item-badge,
.gt-payment-drawer-eyebrow {
  display: none !important;
}

.gt-payment-drawer-note {
  flex: 0 0 auto;
  margin: 14px 22px 22px !important;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.038);
  border: 1px solid rgba(255, 255, 255, 0.070);
  color: rgba(226, 232, 240, 0.58);
  font-size: 0.76rem;
  line-height: 1.45;
}

html.gt-payment-drawer-lock,
body.gt-payment-drawer-lock {
  overflow: hidden !important;
}

/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media (max-width: 640px) {
  .single-product .gt-product-payment-methods.is-minimal-v41,
  .single-product .gt-product-payment-methods.is-minimal-v4 {
    margin-top: 18px;
  }

  .single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-bar,
  .single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-bar {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 9px;
    min-height: 56px;
    padding: 12px;
    border-radius: 17px;
  }

  .gt-payment-minimal-icon {
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  .single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-title,
  .single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-title {
    font-size: 0.80rem;
  }

  .single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-intro,
  .single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-intro {
    white-space: normal;
    font-size: 0.68rem;
  }

  .gt-payment-details-trigger {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 32px;
    margin-top: 2px;
    font-size: 0.68rem;
  }

  .gt-payment-drawer-panel {
    top: auto !important;
    right: 10px !important;
    left: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh - 22px) !important;
    border-radius: 24px;
    transform: translateY(18px);
    animation: gtPaymentDrawerV43MobileIn 180ms ease forwards;
  }

  @keyframes gtPaymentDrawerV43MobileIn {
    to {
      transform: translateY(0);
    }
  }

  .gt-payment-drawer-header {
    padding: 18px 18px 16px !important;
  }

  .gt-payment-drawer-list {
    padding: 16px 18px 0 !important;
  }

  .gt-payment-drawer-item {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 13px;
  }

  .gt-payment-drawer-item-icon {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  .gt-payment-drawer-note {
    margin: 14px 18px 18px !important;
  }
}

/* =========================================================
   GT Payment Methods - Fine tuning final
   - mismo ancho que el box de compra
   - cierre X más cuadrado redondeado
========================================================= */

/* ---------------------------------------------------------
   1) Payment methods: mismo ancho que el box de compra
--------------------------------------------------------- */

.single-product .gt-product-payment-methods.is-minimal-v41,
.single-product .gt-product-payment-methods.is-minimal-v4 {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-bar,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-bar {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Si el contenedor padre llegara a meter rarezas, esto ayuda */
.single-product .gt-product-payment-methods.is-minimal-v41,
.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-bar,
.single-product .gt-product-payment-methods.is-minimal-v4,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-bar {
  align-self: stretch !important;
}

/* Un poquito más integrado visualmente con el box de arriba */
.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-bar,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-bar {
  min-height: 66px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.015), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.040), rgba(255, 255, 255, 0.020)),
    rgba(16, 17, 27, 0.58) !important;
  border: 1px solid rgba(255, 255, 255, 0.095) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.030) !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-title,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-title {
  font-size: 0.84rem !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-intro,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-intro {
  font-size: 0.72rem !important;
  color: rgba(226, 232, 240, 0.62) !important;
}

/* ---------------------------------------------------------
   2) Botón "Ver detalles"
--------------------------------------------------------- */

.gt-payment-details-trigger {
  min-height: 36px !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
}

/* ---------------------------------------------------------
   3) Off canvas close button:
      más cuadrado redondeado
--------------------------------------------------------- */

.gt-payment-drawer-close {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border-radius: 12px !important; /* más cuadrado */
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.070),
    rgba(255, 255, 255, 0.035)
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    0 8px 20px rgba(0, 0, 0, 0.12) !important;
}

.gt-payment-drawer-close:hover {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.090),
    rgba(255, 255, 255, 0.045)
  ) !important;
  color: #ffffff !important;
}

/* Para centrar mejor la X visualmente */
.gt-payment-drawer-close span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  transform: translateY(-1px) !important;
}

/* ---------------------------------------------------------
   4) Mobile
--------------------------------------------------------- */

@media (max-width: 640px) {
  .single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-bar,
  .single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-bar {
    min-height: 64px !important;
    padding: 13px 14px !important;
    border-radius: 17px !important;
  }

  .gt-payment-details-trigger {
    min-height: 34px !important;
    border-radius: 11px !important;
  }

  .gt-payment-drawer-close {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 11px !important;
  }
}

/* =========================================================
   GT Payment Methods - icono más grande + botón centrado
========================================================= */

/* Desktop */
.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-bar,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-bar {
  grid-template-columns: 42px minmax(0, 1fr) 136px !important;
  gap: 12px !important;
  min-height: 72px !important;
  padding: 14px 16px !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-icon,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.034)) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: rgba(240, 244, 255, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    0 6px 16px rgba(0, 0, 0, 0.10) !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-icon svg,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-icon svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.8 !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-title,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-title {
  font-size: 0.88rem !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-intro,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-intro {
  font-size: 0.73rem !important;
  margin-top: 5px !important;
}

.single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-details-trigger,
.single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-details-trigger {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  justify-self: center !important;
  align-self: center !important;
  font-size: 0.72rem !important;
  font-weight: 820 !important;
}

/* Mobile */
@media (max-width: 640px) {
  .single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-bar,
  .single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-bar {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 70px !important;
    padding: 14px !important;
  }

  .single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-icon,
  .single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
  }

  .single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-minimal-icon svg,
  .single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-minimal-icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  .single-product .gt-product-payment-methods.is-minimal-v41 .gt-payment-details-trigger,
  .single-product .gt-product-payment-methods.is-minimal-v4 .gt-payment-details-trigger {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 38px !important;
    margin-top: 4px !important;
    border-radius: 12px !important;
  }
}

/* =========================================================
   GT Product Guarantee Minimal V1
   Compact bar + off canvas
========================================================= */

/* ---------------------------------------------------------
   Compact hero bar
--------------------------------------------------------- */

.single-product .gt-product-guarantee.is-minimal-v1 {
  position: relative;
  width: 100%;
  margin: 12px 0 0;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.single-product .gt-product-guarantee.is-minimal-v1 .gt-guarantee-minimal-bar {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 136px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 72px;
  padding: 14px 16px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.014), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.020)),
    rgba(16, 17, 27, 0.56);
  border: 1px solid rgba(255, 255, 255, 0.095);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.030);
}

.gt-guarantee-minimal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.034));
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: rgba(240, 244, 255, 0.88);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    0 6px 16px rgba(0, 0, 0, 0.10);
}

.gt-guarantee-minimal-icon svg,
.gt-guarantee-drawer-item-icon svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gt-guarantee-minimal-icon svg {
  width: 18px;
  height: 18px;
}

.gt-guarantee-minimal-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.gt-guarantee-title {
  display: block;
  margin: 0;
  color: rgba(248, 250, 252, 0.95);
  font-size: 0.88rem;
  font-weight: 830;
  line-height: 1.12;
  letter-spacing: -0.012em;
}

.gt-guarantee-intro {
  display: block;
  max-width: none;
  margin: 5px 0 0;
  color: rgba(226, 232, 240, 0.62);
  font-size: 0.73rem;
  font-weight: 450;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-guarantee-details-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 13px;
  background:
    linear-gradient(180deg, rgba(18, 19, 30, 0.74), rgba(8, 9, 16, 0.92));
  border: 1px solid rgba(255, 255, 255, 0.11);
  color: rgba(248, 250, 252, 0.86);
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.026),
    0 6px 15px rgba(0, 0, 0, 0.10);
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}

.gt-guarantee-details-trigger:hover {
  color: #fff;
  transform: translateY(-1px);
  border-color: rgba(167, 139, 250, 0.15);
  background:
    linear-gradient(180deg, rgba(22, 23, 36, 0.88), rgba(10, 11, 18, 0.98));
}

/* ---------------------------------------------------------
   Drawer robusto
--------------------------------------------------------- */

.gt-guarantee-drawer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.gt-guarantee-drawer.is-open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.gt-guarantee-drawer-backdrop {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.64);
  backdrop-filter: blur(8px);
}

.gt-guarantee-drawer-panel {
  position: fixed !important;
  top: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  left: auto !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(430px, calc(100vw - 28px)) !important;
  height: calc(100vh - 28px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: 26px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.030), transparent 36%),
    linear-gradient(180deg, rgba(18, 19, 30, 0.988), rgba(7, 8, 14, 0.998));
  border: 1px solid rgba(255, 255, 255, 0.108);
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.038);
  transform: translateX(18px);
  animation: gtGuaranteeDrawerV1In 180ms ease forwards;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

@keyframes gtGuaranteeDrawerV1In {
  to {
    transform: translateX(0);
  }
}

.gt-guarantee-drawer-header {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 14px;
  align-items: start;
  margin: 0 !important;
  padding: 22px 22px 18px !important;
  background:
    linear-gradient(180deg, rgba(18, 19, 30, 0.995), rgba(18, 19, 30, 0.96));
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.gt-guarantee-drawer-title {
  margin: 0;
  color: rgba(248, 250, 252, 0.98);
  font-size: 1.24rem;
  font-weight: 860;
  line-height: 1.08;
  letter-spacing: -0.038em;
}

.gt-guarantee-drawer-intro {
  margin: 8px 0 0;
  color: rgba(226, 232, 240, 0.62);
  font-size: 0.84rem;
  line-height: 1.5;
}

.gt-guarantee-drawer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.070), rgba(255, 255, 255, 0.035));
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.84);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    0 8px 20px rgba(0, 0, 0, 0.12);
}

.gt-guarantee-drawer-close:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.090), rgba(255, 255, 255, 0.045));
}

.gt-guarantee-drawer-close span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transform: translateY(-1px);
}

.gt-guarantee-drawer-list {
  flex: 0 0 auto;
  display: grid;
  gap: 10px;
  padding: 18px 22px 0 !important;
}

.gt-guarantee-drawer-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(12, 13, 21, 0.72), rgba(7, 8, 14, 0.92));
  border: 1px solid rgba(255, 255, 255, 0.074);
}

.gt-guarantee-drawer-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.050), rgba(255, 255, 255, 0.026));
  border: 1px solid rgba(255, 255, 255, 0.080);
  color: rgba(226, 232, 240, 0.78);
}

.gt-guarantee-drawer-item-icon svg {
  width: 17px;
  height: 17px;
}

.gt-guarantee-drawer-item-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.gt-guarantee-drawer-item-title {
  color: rgba(248, 250, 252, 0.94);
  font-size: 0.88rem;
  font-weight: 830;
  line-height: 1.18;
}

.gt-guarantee-drawer-item-description {
  margin-top: 5px;
  color: rgba(226, 232, 240, 0.61);
  font-size: 0.78rem;
  line-height: 1.45;
}

.gt-guarantee-drawer-note {
  flex: 0 0 auto;
  margin: 14px 22px 22px !important;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.038);
  border: 1px solid rgba(255, 255, 255, 0.070);
  color: rgba(226, 232, 240, 0.58);
  font-size: 0.76rem;
  line-height: 1.45;
}

html.gt-guarantee-drawer-lock,
body.gt-guarantee-drawer-lock {
  overflow: hidden !important;
}

/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media (max-width: 640px) {
  .single-product .gt-product-guarantee.is-minimal-v1 .gt-guarantee-minimal-bar {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    min-height: 70px;
    padding: 14px;
    border-radius: 17px;
  }

  .gt-guarantee-minimal-icon {
    width: 38px;
    height: 38px;
    border-radius: 13px;
  }

  .gt-guarantee-minimal-icon svg {
    width: 17px;
    height: 17px;
  }

  .gt-guarantee-title {
    font-size: 0.82rem;
  }

  .gt-guarantee-intro {
    white-space: normal;
    font-size: 0.69rem;
  }

  .gt-guarantee-details-trigger {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 38px;
    margin-top: 4px;
    border-radius: 12px;
    font-size: 0.70rem;
  }

  .gt-guarantee-drawer-panel {
    top: auto !important;
    right: 10px !important;
    left: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh - 22px) !important;
    border-radius: 24px;
    transform: translateY(18px);
    animation: gtGuaranteeDrawerV1MobileIn 180ms ease forwards;
  }

  @keyframes gtGuaranteeDrawerV1MobileIn {
    to {
      transform: translateY(0);
    }
  }

  .gt-guarantee-drawer-header {
    padding: 18px 18px 16px !important;
  }

  .gt-guarantee-drawer-list {
    padding: 16px 18px 0 !important;
  }

  .gt-guarantee-drawer-item {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 13px;
  }

  .gt-guarantee-drawer-item-icon {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  .gt-guarantee-drawer-note {
    margin: 14px 18px 18px !important;
  }
}

/* =========================================================
   GT Trust Rows Spacing
   Espaciado entre métodos de pago y compra protegida
========================================================= */

.single-product .gt-product-payment-methods.is-minimal-v41,
.single-product .gt-product-payment-methods.is-minimal-v4 {
  margin-bottom: 24px !important;
}

.single-product .gt-product-guarantee.is-minimal-v1 {
  margin-top: 0 !important;
}

/* Un poco más de aire si ambos bloques están uno debajo del otro */
.single-product .gt-product-payment-methods + .gt-product-guarantee {
  margin-top: 14px !important;
}

/* Mobile */
@media (max-width: 640px) {
  .single-product .gt-product-payment-methods.is-minimal-v41,
  .single-product .gt-product-payment-methods.is-minimal-v4 {
    margin-bottom: 20px !important;
  }

  .single-product .gt-product-payment-methods + .gt-product-guarantee {
    margin-top: 12px !important;
  }
}

/* =========================================================
   GT Product Editions Width Sync with FAQ
   Igualar ancho del bloque de ediciones al FAQ
========================================================= */

:root {
  --gt-layout-wide: 1269px;
  --gt-layout-gutter: clamp(16px, 3vw, 32px);
}

/* Contenedor principal de ediciones */
.single-product .gt-product-editions {
  width: min(
    var(--gt-layout-wide),
    calc(100% - (var(--gt-layout-gutter) * 2))
  ) !important;
  max-width: var(--gt-layout-wide) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Header y grid dentro del mismo ancho */
.single-product .gt-product-editions-header,
.single-product .gt-product-editions-grid {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Seguridad para que las cards no empujen fuera del layout */
.single-product .gt-edition-card {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Si hay 2 ediciones, que ocupen bien el ancho disponible */
.single-product .gt-product-editions-grid:has(.gt-edition-card:nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Mobile */
@media (max-width: 849px) {
  :root {
    --gt-layout-gutter: 12px;
  }

  .single-product .gt-product-editions {
    width: min(680px, calc(100% - 24px)) !important;
    max-width: 680px !important;
  }
}

@media (max-width: 640px) {
  .single-product .gt-product-editions-grid,
  .single-product .gt-product-editions-grid:has(.gt-edition-card:nth-child(2):last-child) {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   GT Product Editions - Row Width Fix
   Usar agregando la clase gt-product-editions-row-wide
   al Row de UX Builder que contiene el bloque de ediciones.
========================================================= */

:root {
  --gt-product-wide-row-width: 1392px;
  --gt-product-wide-row-gutter: clamp(24px, 8vw, 132px);
}

/* Row puntual de ediciones */
.single-product .row.gt-product-editions-row-wide,
.single-product .gt-product-editions-row-wide {
  width: min(
    var(--gt-product-wide-row-width),
    calc(100vw - (var(--gt-product-wide-row-gutter) * 2))
  ) !important;
  max-width: var(--gt-product-wide-row-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Columnas internas del row: que no achiquen el bloque */
.single-product .gt-product-editions-row-wide > .col,
.single-product .gt-product-editions-row-wide > .columns,
.single-product .gt-product-editions-row-wide .col,
.single-product .gt-product-editions-row-wide .columns {
  max-width: 100% !important;
  flex-basis: 100% !important;
  box-sizing: border-box !important;
}

/* El col-inner debe dejar respirar al bloque */
.single-product .gt-product-editions-row-wide .col-inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Contenedor real del bloque */
.single-product .gt-product-editions-row-wide .gt-product-editions {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Header y grid alineados al row */
.single-product .gt-product-editions-row-wide .gt-product-editions-header,
.single-product .gt-product-editions-row-wide .gt-product-editions-grid {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Cards */
.single-product .gt-product-editions-row-wide .gt-product-editions-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.single-product .gt-product-editions-row-wide .gt-edition-card {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Tablet */
@media (max-width: 849px) {
  :root {
    --gt-product-wide-row-gutter: 24px;
  }

  .single-product .row.gt-product-editions-row-wide,
  .single-product .gt-product-editions-row-wide {
    width: min(680px, calc(100vw - var(--gt-product-wide-row-gutter))) !important;
    max-width: 680px !important;
  }

  .single-product .gt-product-editions-row-wide .gt-product-editions-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile */
@media (max-width: 520px) {
  :root {
    --gt-product-wide-row-gutter: 20px;
  }
}

/* =========================================================
   GT Product Version Selector V2
   Plataforma + Edición
========================================================= */

.single-product .gt-version-selector.is-v2 .gt-version-selector-group + .gt-version-selector-group {
  margin-top: 13px !important;
  padding-top: 13px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.065) !important;
}

.single-product .gt-version-selector.is-v2 .gt-version-selector-group-edition .gt-version-option {
  min-width: 0 !important;
}

.single-product .gt-version-selector.is-v2 .gt-version-selector-admin-hint {
  margin-top: 12px;
  padding: 10px 11px;
  border-radius: 13px;
  background: rgba(124, 92, 255, 0.075);
  border: 1px solid rgba(167, 139, 250, 0.13);
  color: rgba(226, 232, 240, 0.68);
  font-size: 0.72rem;
  line-height: 1.4;
}

.single-product .gt-version-selector.is-v2 .gt-version-selector-admin-hint strong {
  color: rgba(255, 255, 255, 0.86);
  font-weight: 800;
}

@media (max-width: 640px) {
  .single-product .gt-version-selector.is-v2 .gt-version-selector-group + .gt-version-selector-group {
    margin-top: 12px !important;
    padding-top: 12px !important;
  }
}

/* =========================================================
   GT Product Breadcrumbs V2
   Breadcrumb premium más integrado al hero
========================================================= */

.single-product .product-breadcrumb-container {
  width: 100%;
  max-width: 100%;
  margin: 0 0 22px !important;
  padding: 0 !important;
  position: relative;
  z-index: 5;
}

/* Rail principal */
.single-product .woocommerce-breadcrumb.breadcrumbs {
  position: relative;

  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;

  width: auto !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 6px !important;

  border-radius: 999px !important;

  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.012)),
    rgba(8, 9, 15, 0.34) !important;

  border: 1px solid rgba(255, 255, 255, 0.066) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.020),
    0 8px 22px rgba(0, 0, 0, 0.08) !important;

  color: rgba(226, 232, 240, 0.50) !important;

  font-size: 0 !important;
  line-height: 1 !important;

  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Links base */
.single-product .woocommerce-breadcrumb.breadcrumbs a {
  position: relative;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 27px !important;

  margin: 0 !important;
  padding: 0 9px !important;

  border-radius: 999px !important;

  color: rgba(226, 232, 240, 0.58) !important;

  font-size: 0.70rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;

  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;

  transition:
    color 160ms ease,
    background 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

.single-product .woocommerce-breadcrumb.breadcrumbs a:hover {
  color: rgba(255, 255, 255, 0.94) !important;
  background: rgba(255, 255, 255, 0.038) !important;
}

/* Inicio: pequeño acento de marca */
.single-product .woocommerce-breadcrumb.breadcrumbs a:first-of-type {
  color: rgba(196, 181, 253, 0.86) !important;
}

.single-product .woocommerce-breadcrumb.breadcrumbs a:first-of-type::before {
  content: "";
  display: inline-block;

  width: 5px;
  height: 5px;

  margin-right: 7px;

  border-radius: 999px;

  background: rgba(124, 92, 255, 0.95);
  box-shadow:
    0 0 0 3px rgba(124, 92, 255, 0.10),
    0 0 14px rgba(124, 92, 255, 0.35);
}

/* Último item: estado actual */
.single-product .woocommerce-breadcrumb.breadcrumbs a:last-of-type {
  color: rgba(248, 250, 252, 0.86) !important;

  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.020)),
    rgba(255, 255, 255, 0.018) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

/* Separadores */
.single-product .woocommerce-breadcrumb.breadcrumbs .divider {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 16px !important;
  height: 27px !important;

  margin: 0 -2px !important;
  padding: 0 !important;

  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.single-product .woocommerce-breadcrumb.breadcrumbs .divider::before {
  content: "";
  display: block;

  width: 5px;
  height: 5px;

  border-top: 1.5px solid rgba(226, 232, 240, 0.25);
  border-right: 1.5px solid rgba(226, 232, 240, 0.25);

  transform: rotate(45deg);
}

/* Evita uppercase heredado */
.single-product .product-breadcrumb-container,
.single-product .product-breadcrumb-container *,
.single-product .woocommerce-breadcrumb.breadcrumbs,
.single-product .woocommerce-breadcrumb.breadcrumbs * {
  text-transform: none !important;
}

/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media (max-width: 640px) {
  .single-product .product-breadcrumb-container {
    margin-bottom: 16px !important;
    overflow: hidden !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 6px !important;
    border-radius: 15px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    white-space: nowrap !important;
    scrollbar-width: none !important;

    -webkit-overflow-scrolling: touch;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs::-webkit-scrollbar {
    display: none !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a {
    flex: 0 0 auto !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 0.68rem !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs .divider {
    flex: 0 0 15px !important;
  }
}

/* =========================================================
   GT Product Breadcrumbs Mobile V3
   Breadcrumb compacto en mobile
   Desktop queda igual
========================================================= */

@media (max-width: 640px) {

  .single-product .product-breadcrumb-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 6px !important;

    border-radius: 16px !important;

    overflow: hidden !important;
    white-space: nowrap !important;

    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.014)),
      rgba(8, 9, 15, 0.36) !important;

    border: 1px solid rgba(255, 255, 255, 0.070) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.022),
      0 8px 22px rgba(0, 0, 0, 0.08) !important;
  }

  /* En mobile ocultamos los breadcrumbs intermedios */
  .single-product .woocommerce-breadcrumb.breadcrumbs a {
    display: none !important;
  }

  /* Mostramos solo Inicio + último contexto */
  .single-product .woocommerce-breadcrumb.breadcrumbs a:first-of-type,
  .single-product .woocommerce-breadcrumb.breadcrumbs a:last-of-type {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 30px !important;
    margin: 0 !important;

    font-size: 0.70rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;

    text-transform: none !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;

    white-space: nowrap !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a:first-of-type {
    flex: 0 0 auto !important;
    padding: 0 10px !important;
    color: rgba(196, 181, 253, 0.88) !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a:first-of-type::before {
    width: 5px !important;
    height: 5px !important;
    margin-right: 7px !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a:last-of-type {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    justify-content: flex-start !important;

    padding: 0 11px !important;

    color: rgba(248, 250, 252, 0.90) !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.054), rgba(255, 255, 255, 0.022)),
      rgba(255, 255, 255, 0.020) !important;

    border-radius: 999px !important;
  }

  /* Ocultamos todos los separadores menos el primero */
  .single-product .woocommerce-breadcrumb.breadcrumbs .divider {
    display: none !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs .divider:first-of-type {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 18px !important;
    width: 18px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: transparent !important;
    font-size: 0 !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs .divider:first-of-type::before {
    content: "";
    display: block;

    width: 5px;
    height: 5px;

    border-top: 1.5px solid rgba(226, 232, 240, 0.30);
    border-right: 1.5px solid rgba(226, 232, 240, 0.30);

    transform: rotate(45deg);
  }
}

/* =========================================================
   GT Product Breadcrumbs Mobile V4
   Inicio + últimas 3 categorías
========================================================= */

@media (max-width: 640px) {

  .single-product .product-breadcrumb-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 6px !important;

    border-radius: 16px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    white-space: nowrap !important;
    scrollbar-width: none !important;

    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.014)),
      rgba(8, 9, 15, 0.36) !important;

    border: 1px solid rgba(255, 255, 255, 0.070) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.022),
      0 8px 22px rgba(0, 0, 0, 0.08) !important;

    -webkit-overflow-scrolling: touch;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs::-webkit-scrollbar {
    display: none !important;
  }

  /* Ocultamos todos por defecto en mobile */
  .single-product .woocommerce-breadcrumb.breadcrumbs a,
  .single-product .woocommerce-breadcrumb.breadcrumbs .divider {
    display: none !important;
  }

  /* JS marca los visibles */
  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-height: 30px !important;
    max-width: 145px !important;

    margin: 0 !important;
    padding: 0 9px !important;

    border-radius: 999px !important;

    color: rgba(226, 232, 240, 0.68) !important;

    font-size: 0.68rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;

    text-transform: none !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:hover {
    color: rgba(255, 255, 255, 0.94) !important;
    background: rgba(255, 255, 255, 0.038) !important;
  }

  /* Inicio */
  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:first-of-type {
    color: rgba(196, 181, 253, 0.88) !important;
    max-width: none !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:first-of-type::before {
    content: "";
    display: inline-block;

    width: 5px !important;
    height: 5px !important;

    margin-right: 7px !important;

    border-radius: 999px;

    background: rgba(124, 92, 255, 0.95);
    box-shadow:
      0 0 0 3px rgba(124, 92, 255, 0.10),
      0 0 14px rgba(124, 92, 255, 0.35);
  }

  /* Último contexto activo */
  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:last-of-type {
    color: rgba(248, 250, 252, 0.92) !important;

    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.054), rgba(255, 255, 255, 0.022)),
      rgba(255, 255, 255, 0.020) !important;
  }

  /* Separadores visibles */
  .single-product .woocommerce-breadcrumb.breadcrumbs .divider.gt-breadcrumb-mobile-visible {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 14px !important;

    width: 14px !important;
    height: 30px !important;

    margin: 0 -1px !important;
    padding: 0 !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs .divider.gt-breadcrumb-mobile-visible::before {
    content: "";
    display: block;

    width: 5px;
    height: 5px;

    border-top: 1.5px solid rgba(226, 232, 240, 0.28);
    border-right: 1.5px solid rgba(226, 232, 240, 0.28);

    transform: rotate(45deg);
  }
}

@media (max-width: 380px) {
  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible {
    max-width: 118px !important;
    font-size: 0.66rem !important;
    padding: 0 8px !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:first-of-type {
    max-width: none !important;
  }
}

/* =========================================================
   GT Product Breadcrumbs Mobile - Current Pill Polish
   Mejora visual del último breadcrumb activo
========================================================= */

@media (max-width: 640px) {

  /* Última subcategoría / contexto actual */
  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:last-of-type {
    position: relative !important;

    min-height: 31px !important;
    max-width: 168px !important;

    padding: 0 13px !important;

    border-radius: 999px !important;

    color: rgba(255, 255, 255, 0.92) !important;

    background:
      radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.105), transparent 54%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.024)),
      rgba(255, 255, 255, 0.026) !important;

    border: 1px solid rgba(167, 139, 250, 0.16) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.034),
      0 8px 18px rgba(0, 0, 0, 0.10),
      0 0 0 1px rgba(124, 92, 255, 0.030) !important;

    font-weight: 820 !important;
    letter-spacing: -0.012em !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:last-of-type::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 5px;

    height: 1px;
    border-radius: 999px;

    background: linear-gradient(
      90deg,
      transparent,
      rgba(167, 139, 250, 0.42),
      transparent
    );

    opacity: 0.65;
    pointer-events: none;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:last-of-type:hover {
    color: #ffffff !important;

    border-color: rgba(196, 181, 253, 0.22) !important;

    background:
      radial-gradient(circle at 0% 0%, rgba(124, 92, 255, 0.13), transparent 54%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.078), rgba(255, 255, 255, 0.030)),
      rgba(255, 255, 255, 0.030) !important;
  }

  /* Links intermedios más tranquilos para que el último destaque */
  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:not(:first-of-type):not(:last-of-type) {
    color: rgba(226, 232, 240, 0.58) !important;
    font-weight: 740 !important;
  }

  /* Separadores un poco más sutiles */
  .single-product .woocommerce-breadcrumb.breadcrumbs .divider.gt-breadcrumb-mobile-visible::before {
    border-top-color: rgba(226, 232, 240, 0.22) !important;
    border-right-color: rgba(226, 232, 240, 0.22) !important;
  }
}

@media (max-width: 380px) {
  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:last-of-type {
    max-width: 145px !important;
    padding: 0 11px !important;
  }
}

/* =========================================================
   GT Breadcrumb Mobile Responsive Width Fix
   Ajusta el ancho al contenido sin dejar espacio sobrante
========================================================= */

@media (max-width: 640px) {

  .single-product .product-breadcrumb-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs::-webkit-scrollbar {
    display: none !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible {
    max-width: clamp(72px, 24vw, 138px) !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:first-of-type {
    max-width: none !important;
    flex-shrink: 0 !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:last-of-type {
    max-width: clamp(130px, 38vw, 190px) !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 390px) {
  .single-product .woocommerce-breadcrumb.breadcrumbs {
    padding: 5px !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible {
    max-width: clamp(62px, 22vw, 112px) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs a.gt-breadcrumb-mobile-visible:last-of-type {
    max-width: clamp(118px, 40vw, 160px) !important;
  }

  .single-product .woocommerce-breadcrumb.breadcrumbs .divider.gt-breadcrumb-mobile-visible {
    flex-basis: 12px !important;
    width: 12px !important;
  }
}

/* =========================================================
   GT PRODUCT REVIEWS
========================================================= */

.gt-product-reviews-section{
    position:relative;
    margin:80px auto 0;
    padding:42px;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at top left,
        rgba(120,92,255,.14),
        transparent 38%),
        linear-gradient(180deg,
        rgba(15,18,30,.92) 0%,
        rgba(7,9,18,.96) 100%);
    overflow:hidden;
}

.gt-product-reviews-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(to right,
        rgba(255,255,255,.02) 1px,
        transparent 1px),
        linear-gradient(to bottom,
        rgba(255,255,255,.02) 1px,
        transparent 1px);
    background-size:32px 32px;
    opacity:.18;
    pointer-events:none;
}

.gt-product-reviews-header{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:32px;
    margin-bottom:34px;
}

.gt-product-reviews-subtitle{
    display:inline-flex;
    margin-bottom:14px;
    padding:8px 14px;
    border-radius:999px;
    border:1px solid rgba(140,116,255,.22);
    background:rgba(126,95,255,.08);
    color:#a991ff;
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.gt-product-reviews-title{
    margin:0 0 10px;
    color:#fff;
    font-size:44px;
    line-height:1;
    font-weight:800;
}

.gt-product-reviews-description{
    margin:0;
    max-width:620px;
    color:rgba(255,255,255,.66);
    font-size:16px;
    line-height:1.7;
}

.gt-product-reviews-metrics{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.gt-review-metric{
    min-width:120px;
    padding:16px 18px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(14px);
}

.gt-review-metric strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:24px;
    line-height:1;
    font-weight:800;
}

.gt-review-metric span{
    color:rgba(255,255,255,.56);
    font-size:13px;
}

.gt-product-reviews-slider{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.gt-review-card{
    position:relative;
    padding:28px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg,
        rgba(20,23,37,.92) 0%,
        rgba(9,11,20,.96) 100%);
    overflow:hidden;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.gt-review-card:hover{
    transform:translateY(-4px);
    border-color:rgba(140,116,255,.28);
    box-shadow:0 16px 40px rgba(0,0,0,.32);
}

.gt-review-stars{
    margin-bottom:18px;
    color:#a991ff;
    font-size:15px;
    letter-spacing:2px;
}

.gt-review-text{
    margin:0 0 28px;
    color:rgba(255,255,255,.88);
    font-size:16px;
    line-height:1.8;
}

.gt-review-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.gt-review-user{
    display:flex;
    align-items:center;
    gap:14px;
}

.gt-review-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg,
        rgba(126,95,255,.24),
        rgba(255,255,255,.04));
    color:#fff;
    font-size:13px;
    font-weight:700;
}

.gt-review-meta strong{
    display:block;
    margin-bottom:2px;
    color:#fff;
    font-size:15px;
}

.gt-review-meta span{
    color:rgba(255,255,255,.54);
    font-size:13px;
}

.gt-review-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(140,116,255,.18);
    background:rgba(126,95,255,.08);
    color:#b09cff;
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
    white-space:nowrap;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 849px){

    .gt-product-reviews-section{
        margin-top:60px;
        padding:28px 22px;
        border-radius:28px;
    }

    .gt-product-reviews-header{
        flex-direction:column;
        align-items:flex-start;
        margin-bottom:26px;
    }

    .gt-product-reviews-title{
        font-size:34px;
    }

    .gt-product-reviews-description{
        font-size:15px;
    }

    .gt-product-reviews-metrics{
        width:100%;
        display:grid;
        grid-template-columns:repeat(3,1fr);
    }

    .gt-review-metric{
        min-width:unset;
        padding:14px;
        border-radius:18px;
    }

    .gt-review-metric strong{
        font-size:20px;
    }

    .gt-review-metric span{
        font-size:12px;
    }

    .gt-product-reviews-slider{
        display:flex;
        gap:18px;
        overflow-x:auto;
        padding-bottom:8px;
        scroll-snap-type:x mandatory;
    }

    .gt-product-reviews-slider::-webkit-scrollbar{
        display:none;
    }

    .gt-review-card{
        min-width:86%;
        scroll-snap-align:start;
        padding:24px;
    }

    .gt-review-text{
        font-size:15px;
    }

    .gt-review-footer{
        flex-direction:column;
        align-items:flex-start;
    }

}

/* =========================================================
   GT Product Reviews - Polish V2
   No modifica el ancho del row
========================================================= */

.gt-product-reviews-section{
    padding:38px 40px 36px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(124,92,255,.075), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.010)),
        rgba(8,10,18,.86) !important;
    border-color:rgba(255,255,255,.075) !important;
}

.gt-product-reviews-subtitle{
    margin-bottom:16px !important;
    padding:7px 13px !important;
    background:rgba(124,92,255,.060) !important;
    border-color:rgba(167,139,250,.16) !important;
    color:rgba(196,181,253,.82) !important;
    font-size:10px !important;
}

.gt-product-reviews-title{
    max-width:760px;
    font-size:40px !important;
    letter-spacing:-.045em !important;
}

.gt-product-reviews-description{
    color:rgba(226,232,240,.70) !important;
    font-size:15px !important;
    line-height:1.55 !important;
}

.gt-product-reviews-header{
    align-items:flex-start !important;
    margin-bottom:30px !important;
}

.gt-product-reviews-metrics{
    padding-top:42px;
}

.gt-review-metric{
    min-width:112px !important;
    padding:14px 16px !important;
    border-radius:18px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(255,255,255,.018) !important;
    border-color:rgba(255,255,255,.075) !important;
}

.gt-review-metric strong{
    font-size:22px !important;
    letter-spacing:-.035em !important;
}

.gt-review-metric span{
    color:rgba(226,232,240,.58) !important;
    font-size:12px !important;
}

.gt-product-reviews-slider{
    gap:20px !important;
}

.gt-review-card{
    min-height:238px;
    padding:25px 26px 24px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(124,92,255,.030), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.020), rgba(255,255,255,.008)),
        rgba(9,11,20,.78) !important;
    border-color:rgba(255,255,255,.075) !important;
    box-shadow:none !important;
}

.gt-review-card:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(167,139,250,.18) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.20) !important;
}

.gt-review-stars{
    margin-bottom:18px !important;
    color:rgba(196,181,253,.88) !important;
    font-size:12px !important;
    letter-spacing:3px !important;
}

.gt-review-text{
    margin-bottom:26px !important;
    color:rgba(248,250,252,.86) !important;
    font-size:15px !important;
    line-height:1.75 !important;
    font-weight:620 !important;
    letter-spacing:-.015em !important;
}

.gt-review-avatar{
    width:42px !important;
    height:42px !important;
    border-radius:15px !important;
    background:
        linear-gradient(180deg, rgba(124,92,255,.18), rgba(255,255,255,.035)) !important;
    color:rgba(255,255,255,.92) !important;
}

.gt-review-meta strong{
    font-size:14px !important;
}

.gt-review-meta span{
    color:rgba(226,232,240,.52) !important;
    font-size:12px !important;
}

.gt-review-badge{
    padding:9px 13px !important;
    background:rgba(124,92,255,.055) !important;
    border-color:rgba(167,139,250,.13) !important;
    color:rgba(196,181,253,.78) !important;
    font-size:10px !important;
}

/* Mobile */
@media (max-width:849px){
    .gt-product-reviews-section{
        padding:28px 18px !important;
    }

    .gt-product-reviews-title{
        font-size:31px !important;
    }

    .gt-product-reviews-metrics{
        padding-top:0;
    }

    .gt-review-card{
        min-width:88% !important;
        min-height:250px;
    }
}

/* =========================================================
   GT Product Reviews - Badge Alignment Fix
   Alinea footer/badge de todas las cards
========================================================= */

.gt-review-card {
    display: flex !important;
    flex-direction: column !important;
}

.gt-review-text {
    flex: 1 1 auto !important;
}

.gt-review-footer {
    margin-top: auto !important;
    min-height: 48px !important;
}

.gt-review-badge {
    align-self: center !important;
}

/* Desktop: mantiene badge siempre alineado a la derecha */
@media (min-width: 850px) {
    .gt-review-footer {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
    }
}

/* =========================================================
   GT Product Reviews - Avatar Polish
   Avatar más visual sin cambiar HTML
========================================================= */

.gt-review-avatar {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 30% 22%, rgba(255,255,255,.38), transparent 18%),
        radial-gradient(circle at 50% 48%, rgba(167,139,250,.32), transparent 28%),
        linear-gradient(135deg, rgba(124,92,255,.42), rgba(16,18,32,.92)) !important;
}

.gt-review-avatar::before {
    content: "";
    position: absolute;
    inset: 5px 7px 16px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 34%, rgba(255,255,255,.78), rgba(226,232,240,.38) 34%, transparent 36%),
        radial-gradient(circle at 50% 88%, rgba(226,232,240,.42), rgba(167,139,250,.18) 44%, transparent 46%);
    opacity: .48;
    z-index: -1;
}

.gt-review-avatar::after {
    content: "";
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 6px;
    height: 11px;
    border-radius: 999px 999px 8px 8px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.03));
    opacity: .45;
    z-index: -1;
}

.gt-review-avatar {
    color: rgba(255,255,255,.94) !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.45);
    font-weight: 850 !important;
}

/* =========================================================
   GT Product Reviews - Avatar V2
   Avatar más premium / humano sin cambiar HTML
========================================================= */

.gt-review-avatar {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;

    background:
        radial-gradient(circle at 35% 24%, rgba(255,255,255,.24), transparent 20%),
        linear-gradient(145deg, rgba(124,92,255,.36), rgba(17,19,34,.96)) !important;

    border: 1px solid rgba(167,139,250,.24) !important;

    color: rgba(255,255,255,.96) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .02em !important;

    text-shadow: 0 2px 8px rgba(0,0,0,.50);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -10px 18px rgba(0,0,0,.28),
        0 8px 18px rgba(0,0,0,.16) !important;
}

.gt-review-avatar::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 8px;

    width: 14px;
    height: 14px;

    border-radius: 999px;
    transform: translateX(-50%);

    background:
        radial-gradient(circle at 36% 30%, rgba(255,255,255,.72), rgba(226,232,240,.34) 38%, rgba(167,139,250,.18) 70%);
    opacity: .34;
    z-index: -1;
}

.gt-review-avatar::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 6px;

    width: 25px;
    height: 14px;

    border-radius: 999px 999px 9px 9px;
    transform: translateX(-50%);

    background:
        linear-gradient(180deg, rgba(226,232,240,.28), rgba(124,92,255,.10));
    opacity: .30;
    z-index: -1;
}

/* Variante sutil por posición para que no parezcan todos iguales */
.gt-review-card:nth-child(2) .gt-review-avatar {
    background:
        radial-gradient(circle at 35% 24%, rgba(255,255,255,.22), transparent 20%),
        linear-gradient(145deg, rgba(96,165,250,.20), rgba(124,92,255,.30), rgba(17,19,34,.96)) !important;
}

.gt-review-card:nth-child(3) .gt-review-avatar {
    background:
        radial-gradient(circle at 35% 24%, rgba(255,255,255,.22), transparent 20%),
        linear-gradient(145deg, rgba(244,114,182,.18), rgba(124,92,255,.30), rgba(17,19,34,.96)) !important;
}

/* =========================================================
   GT Product Reviews - Final Polish
========================================================= */

.gt-product-reviews-section{
    background:
        radial-gradient(circle at 0% 0%, rgba(124,92,255,.045), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
        rgba(8,10,18,.90) !important;
}

.gt-review-text{
    font-weight:600 !important;
    color:rgba(255,255,255,.82) !important;
}

.gt-review-stars{
    margin-bottom:24px !important;
}

.gt-review-badge{
    background:rgba(124,92,255,.035) !important;
    border-color:rgba(167,139,250,.10) !important;
    color:rgba(196,181,253,.62) !important;
    font-size:9px !important;
    letter-spacing:.08em !important;
}

.gt-review-card{
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease !important;
}

.gt-review-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(167,139,250,.16) !important;
    background:
        radial-gradient(circle at top left,
        rgba(124,92,255,.04),
        transparent 42%),
        linear-gradient(180deg,
        rgba(255,255,255,.024),
        rgba(255,255,255,.010)),
        rgba(10,12,22,.92) !important;
}

/* Mantiene footer/badge alineado */
.gt-review-card {
    display: flex !important;
    flex-direction: column !important;
}

.gt-review-text {
    flex: 1 1 auto !important;
}

.gt-review-footer {
    margin-top: auto !important;
    min-height: 48px !important;
}

.gt-review-badge {
    align-self: center !important;
}

@media (min-width: 850px) {
    .gt-review-footer {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
    }
}

/* =========================================================
   GT Product Reviews - Final Micro Polish
========================================================= */

.gt-product-reviews-section{
    background:
        radial-gradient(circle at 0% 0%, rgba(124,92,255,.032), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.020), rgba(255,255,255,.008)),
        rgba(8,10,18,.92) !important;
}

.gt-product-reviews-description{
    max-width:560px !important;
}

.gt-product-reviews-metrics{
    gap:10px !important;
}

.gt-review-metric{
    backdrop-filter:blur(10px) !important;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.028),
        rgba(255,255,255,.010)) !important;
}

.gt-review-card{
    padding:30px 30px 26px !important;
}

/* =========================================================
   GT Sticky Add To Cart V1
========================================================= */

.gt-sticky-atc {
  position: fixed;
  left: 50%;
  bottom: 22px;
  z-index: 99990;

  width: min(920px, calc(100vw - 32px));

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateX(-50%) translateY(18px);

  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease;
}

.gt-sticky-atc.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.gt-sticky-atc-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  padding: 12px 14px;

  border-radius: 22px;

  background:
    radial-gradient(circle at 0% 0%, rgba(124,92,255,.09), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.018)),
    rgba(10,11,20,.88);

  border: 1px solid rgba(255,255,255,.105);

  box-shadow:
    0 22px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.040);

  backdrop-filter: blur(18px);
}

.gt-sticky-atc-product {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.gt-sticky-atc-image {
  width: 52px;
  height: 52px;
  border-radius: 15px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.10);
}

.gt-sticky-atc-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.gt-sticky-atc-label {
  margin-bottom: 4px;
  color: rgba(196,181,253,.78);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.gt-sticky-atc-title {
  max-width: 430px;
  color: rgba(255,255,255,.94);
  font-size: 15px;
  font-weight: 820;
  line-height: 1.2;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-sticky-atc-action {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
}

.gt-sticky-atc-price {
  color: rgba(255,255,255,.96);
  font-size: 20px;
  font-weight: 850;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.gt-sticky-atc-price .amount {
  color: inherit;
}

.gt-sticky-atc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 190px;
  min-height: 46px;

  padding: 0 22px;

  border: 0;
  border-radius: 15px;

  background:
    linear-gradient(135deg, #7c5cff 0%, #6d4df4 48%, #8b5cf6 100%);

  color: #fff;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;

  cursor: pointer;

  box-shadow:
    0 14px 34px rgba(124,92,255,.30),
    inset 0 1px 0 rgba(255,255,255,.18);

  transition:
    transform .18s ease,
    filter .18s ease,
    box-shadow .18s ease;
}

.gt-sticky-atc-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow:
    0 18px 42px rgba(124,92,255,.36),
    inset 0 1px 0 rgba(255,255,255,.20);
}

/* Mobile */
@media (max-width: 640px) {
  body.gt-sticky-atc-visible {
    padding-bottom: 92px;
  }

  .gt-sticky-atc {
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;

    transform: translateY(100%);
  }

  .gt-sticky-atc.is-visible {
    transform: translateY(0);
  }

  .gt-sticky-atc-inner {
    border-radius: 22px 22px 0 0;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom));

    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .gt-sticky-atc-image {
    display: none;
  }

  .gt-sticky-atc-label {
    display: none;
  }

  .gt-sticky-atc-title {
    max-width: 42vw;
    font-size: 12px;
  }

  .gt-sticky-atc-price {
    font-size: 18px;
  }

  .gt-sticky-atc-action {
    gap: 10px;
  }

  .gt-sticky-atc-button {
    min-width: 142px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 13px;
  }
}

@media (max-width: 390px) {
  .gt-sticky-atc-inner {
    gap: 10px;
  }

  .gt-sticky-atc-title {
    max-width: 38vw;
  }

  .gt-sticky-atc-price {
    font-size: 16px;
  }

  .gt-sticky-atc-button {
    min-width: 128px;
  }
}

/* =========================================================
   GT Sticky Add To Cart - Full Width Bottom Bar
   Reemplaza visual flotante por barra integrada
========================================================= */

.gt-sticky-atc {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;

  transform: translateY(100%) !important;
}

.gt-sticky-atc.is-visible {
  transform: translateY(0) !important;
}

.gt-sticky-atc-inner {
  width: 100% !important;
  max-width: none !important;

  display: flex !important;
  justify-content: center !important;

  padding: 12px clamp(18px, 4vw, 42px) !important;

  border-radius: 0 !important;

  background:
    linear-gradient(180deg, rgba(18, 19, 30, 0.94), rgba(8, 9, 16, 0.98)),
    rgba(8, 9, 16, 0.98) !important;

  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-top: 1px solid rgba(255,255,255,.095) !important;

  box-shadow:
    0 -20px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.gt-sticky-atc-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(circle at 50% 0%, rgba(124,92,255,.10), transparent 36%);
}

.gt-sticky-atc-inner > * {
  position: relative;
  z-index: 2;
}

.gt-sticky-atc-product,
.gt-sticky-atc-action {
  max-width: none;
}

.gt-sticky-atc-inner {
  gap: 20px !important;
}

.gt-sticky-atc-product {
  width: min(520px, 42vw) !important;
}

.gt-sticky-atc-action {
  width: min(520px, 42vw) !important;
  justify-content: flex-end !important;
}

.gt-sticky-atc-button {
  min-width: 220px !important;
}

/* Espacio para que no tape contenido cuando está visible */
body.gt-sticky-atc-visible {
  padding-bottom: 78px;
}

/* Mobile */
@media (max-width: 640px) {
  body.gt-sticky-atc-visible {
    padding-bottom: 86px;
  }

  .gt-sticky-atc-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;

    padding:
      12px 14px
      calc(12px + env(safe-area-inset-bottom)) !important;
  }

  .gt-sticky-atc-product {
    width: auto !important;
    min-width: 0 !important;
  }

  .gt-sticky-atc-action {
    width: auto !important;
    min-width: 0 !important;
    gap: 10px !important;
  }

  .gt-sticky-atc-title {
    max-width: 44vw !important;
  }

  .gt-sticky-atc-button {
    min-width: 138px !important;
  }
}

@media (max-width: 390px) {
  .gt-sticky-atc-price {
    display: none !important;
  }

  .gt-sticky-atc-button {
    min-width: 148px !important;
  }

  .gt-sticky-atc-title {
    max-width: 48vw !important;
  }
}

/* =========================================================
   GT Sticky ATC - Back To Top Offset
   Sube el botón volver arriba cuando está visible la barra sticky
========================================================= */

body.single-product.gt-sticky-atc-visible #top-link.back-to-top {
  bottom: 92px !important;
  z-index: 99991 !important;
}

@media (max-width: 640px) {
  body.single-product.gt-sticky-atc-visible #top-link.back-to-top {
    bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 390px) {
  body.single-product.gt-sticky-atc-visible #top-link.back-to-top {
    bottom: calc(90px + env(safe-area-inset-bottom)) !important;
  }
}

/* =========================================================
   GT Sticky ATC - Back To Top Offset Fine Tune
========================================================= */

body.single-product.gt-sticky-atc-visible #top-link.back-to-top {
  bottom: 118px !important;
}

@media (max-width: 640px) {
  body.single-product.gt-sticky-atc-visible #top-link.back-to-top {
    bottom: calc(122px + env(safe-area-inset-bottom)) !important;
  }
}

/* =========================================================
   GT Sticky Add To Cart - Inner Layout Width Sync
   Barra full width + contenido alineado al layout general
========================================================= */

.gt-sticky-atc {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
}

.gt-sticky-atc-inner {
  position: relative !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;

  width: min(1392px, calc(100vw - 96px)) !important;
  max-width: 1392px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 12px 0 !important;

  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.gt-sticky-atc::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(circle at 50% 0%, rgba(124,92,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(18,19,30,.94), rgba(8,9,16,.98)),
    rgba(8,9,16,.98);

  border-top: 1px solid rgba(255,255,255,.095);
  box-shadow:
    0 -20px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.035);

  pointer-events: none;
}

.gt-sticky-atc-product {
  width: auto !important;
  min-width: 0 !important;
}

.gt-sticky-atc-action {
  width: auto !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
}

.gt-sticky-atc-title {
  max-width: 620px !important;
}

/* Desktop medio */
@media (max-width: 1440px) {
  .gt-sticky-atc-inner {
    width: min(1269px, calc(100vw - 64px)) !important;
  }
}

/* Mobile / tablet */
@media (max-width: 849px) {
  .gt-sticky-atc-inner {
    width: calc(100vw - 28px) !important;
    max-width: 680px !important;

    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;

    padding:
      12px 0
      calc(12px + env(safe-area-inset-bottom)) !important;
  }

  .gt-sticky-atc-title {
    max-width: 44vw !important;
  }
}

@media (max-width: 390px) {
  .gt-sticky-atc-inner {
    width: calc(100vw - 22px) !important;
  }
}

/* =========================================================
   GT Sticky ATC - Button Polish + Cart Confirmation
========================================================= */

/* Botón sticky más compacto */
.gt-sticky-atc-button {
  min-width: 190px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

.gt-sticky-atc-price {
  font-size: 20px !important;
}

@media (max-width: 640px) {
  .gt-sticky-atc-button {
    min-width: 132px !important;
    min-height: 42px !important;
    padding: 0 15px !important;
    font-size: 12.5px !important;
  }
}

/* Confirmación */
.gt-cart-confirmation {
  position: fixed;
  left: 50%;
  bottom: 88px;
  z-index: 99992;

  width: min(760px, calc(100vw - 32px));

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateX(-50%) translateY(14px);

  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease;
}

.gt-cart-confirmation.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.gt-cart-confirmation-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  padding: 14px 16px;

  border-radius: 20px;

  background:
    radial-gradient(circle at 0% 0%, rgba(124,92,255,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(10,11,20,.94);

  border: 1px solid rgba(255,255,255,.105);

  box-shadow:
    0 22px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04);

  backdrop-filter: blur(18px);
}

.gt-cart-confirmation-copy {
  min-width: 0;
}

.gt-cart-confirmation-label {
  display: block;
  margin-bottom: 4px;

  color: rgba(196,181,253,.76);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.gt-cart-confirmation-copy strong {
  display: block;

  color: rgba(255,255,255,.94);
  font-size: 15px;
  font-weight: 820;
  line-height: 1.2;
}

.gt-cart-confirmation-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
}

.gt-cart-confirmation-primary,
.gt-cart-confirmation-secondary,
.gt-cart-confirmation-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 38px;
  padding: 0 14px;

  border-radius: 12px;

  font-size: 12px;
  font-weight: 820;
  line-height: 1;

  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.gt-cart-confirmation-primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #7c5cff 0%, #6d4df4 48%, #8b5cf6 100%);
  box-shadow: 0 12px 26px rgba(124,92,255,.24);
}

.gt-cart-confirmation-secondary,
.gt-cart-confirmation-close {
  color: rgba(248,250,252,.78);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  border: 1px solid rgba(255,255,255,.085);
}

.gt-cart-confirmation-close {
  font-family: inherit;
}

.gt-cart-confirmation-primary:hover,
.gt-cart-confirmation-secondary:hover,
.gt-cart-confirmation-close:hover {
  color: #fff;
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cart-confirmation {
    bottom: calc(86px + env(safe-area-inset-bottom));
    width: calc(100vw - 24px);
  }

  .gt-cart-confirmation-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
  }

  .gt-cart-confirmation-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .gt-cart-confirmation-primary {
    grid-column: 1 / -1;
  }

  .gt-cart-confirmation-primary,
  .gt-cart-confirmation-secondary,
  .gt-cart-confirmation-close {
    width: 100%;
    min-height: 40px;
  }
}

/* =========================================================
   GT Cart Confirmation - Readability Polish
========================================================= */

.gt-cart-confirmation {
  width: min(820px, calc(100vw - 32px)) !important;
}

.gt-cart-confirmation-inner {
  align-items: center !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;

  background:
    radial-gradient(circle at 0% 0%, rgba(124,92,255,.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
    rgba(11,12,22,.96) !important;

  border-color: rgba(167,139,250,.16) !important;
}

.gt-cart-confirmation-copy {
  position: relative;
  padding-left: 34px;
}

.gt-cart-confirmation-copy::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  border-radius: 999px;

  background: rgba(124,92,255,.18);
  border: 1px solid rgba(167,139,250,.22);

  color: rgba(255,255,255,.94);
  font-size: 13px;
  font-weight: 900;
}

.gt-cart-confirmation-label {
  margin-bottom: 5px !important;
  color: rgba(196,181,253,.86) !important;
  font-size: 10px !important;
  letter-spacing: .17em !important;
}

.gt-cart-confirmation-copy strong {
  color: rgba(255,255,255,.96) !important;
  font-size: 16px !important;
  letter-spacing: -.02em !important;
}

.gt-cart-confirmation-actions {
  gap: 10px !important;
}

.gt-cart-confirmation-primary,
.gt-cart-confirmation-secondary,
.gt-cart-confirmation-close {
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 13px !important;
  font-size: 12.5px !important;
}

.gt-cart-confirmation-primary {
  min-width: 156px !important;
}

.gt-cart-confirmation-secondary,
.gt-cart-confirmation-close {
  min-width: 124px !important;
}

/* Mobile */
@media (max-width: 640px) {
  .gt-cart-confirmation {
    width: calc(100vw - 24px) !important;
  }

  .gt-cart-confirmation-inner {
    padding: 16px !important;
  }

  .gt-cart-confirmation-copy {
    padding-left: 32px;
  }

  .gt-cart-confirmation-copy strong {
    font-size: 15px !important;
  }

  .gt-cart-confirmation-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .gt-cart-confirmation-primary {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
  }

  .gt-cart-confirmation-secondary,
  .gt-cart-confirmation-close {
    min-width: 0 !important;
  }
}

/* =========================================================
   GT Sticky ATC + Confirmation Alignment Fix
========================================================= */

/* ---------------------------------------------------------
   Popup agregado al carrito: alinear botones
--------------------------------------------------------- */

.gt-cart-confirmation-inner {
  align-items: center !important;
}

.gt-cart-confirmation-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.gt-cart-confirmation-primary,
.gt-cart-confirmation-secondary,
.gt-cart-confirmation-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  min-height: 42px !important;
  line-height: 1 !important;
  margin: 0 !important;
  transform: none !important;
  vertical-align: middle !important;
}

.gt-cart-confirmation-close {
  position: relative !important;
  top: 0 !important;
}

/* ---------------------------------------------------------
   Sticky add to cart: precio + botón mejor alineados
--------------------------------------------------------- */

.gt-sticky-atc-inner {
  grid-template-columns: minmax(0, 1fr) minmax(420px, auto) !important;
  gap: clamp(28px, 5vw, 72px) !important;
}

.gt-sticky-atc-action {
  display: grid !important;
  grid-template-columns: auto 220px !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 26px !important;
}

.gt-sticky-atc-price {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 150px !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.gt-sticky-atc-button {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* ---------------------------------------------------------
   Tablet / mobile
--------------------------------------------------------- */

@media (max-width: 849px) {
  .gt-sticky-atc-inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
  }

  .gt-sticky-atc-action {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
  }

  .gt-sticky-atc-price {
    min-width: auto !important;
  }

  .gt-sticky-atc-button {
    width: auto !important;
    min-width: 138px !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
  }
}

@media (max-width: 640px) {
  .gt-cart-confirmation-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
  }

  .gt-cart-confirmation-primary {
    grid-column: 1 / -1 !important;
  }

  .gt-cart-confirmation-primary,
  .gt-cart-confirmation-secondary,
  .gt-cart-confirmation-close {
    width: 100% !important;
  }
}

/* =========================================================
   GT Sticky Add To Cart - Clean Final
========================================================= */

.gt-sticky-atc {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99990;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(100%);
  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease;
}

.gt-sticky-atc.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.gt-sticky-atc::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(124,92,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(18,19,30,.94), rgba(8,9,16,.98)),
    rgba(8,9,16,.98);
  border-top: 1px solid rgba(255,255,255,.095);
  box-shadow:
    0 -20px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.035);
  pointer-events: none;
}

.gt-sticky-atc-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  width: min(1269px, calc(100vw - 64px));
  max-width: 1269px;
  margin: 0 auto;
  padding: 12px 0;
}

.gt-sticky-atc-product {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.gt-sticky-atc-image {
  width: 52px;
  height: 52px;
  border-radius: 15px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.10);
}

.gt-sticky-atc-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.gt-sticky-atc-label {
  margin-bottom: 4px;
  color: rgba(196,181,253,.78);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.gt-sticky-atc-title {
  max-width: 620px;
  color: rgba(255,255,255,.94);
  font-size: 15px;
  font-weight: 820;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gt-sticky-atc-action {
  display: grid;
  grid-template-columns: auto 220px;
  align-items: center;
  justify-content: end;
  gap: 26px;
}

.gt-sticky-atc-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 150px;
  margin: 0;
  color: rgba(255,255,255,.96);
  font-size: 20px;
  font-weight: 850;
  letter-spacing: -.035em;
  line-height: 1;
  white-space: nowrap;
}

.gt-sticky-atc-price .amount {
  color: inherit;
}

.gt-sticky-atc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  height: 46px;
  min-height: 46px;
  margin: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #7c5cff 0%, #6d4df4 48%, #8b5cf6 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  box-shadow:
    0 14px 34px rgba(124,92,255,.30),
    inset 0 1px 0 rgba(255,255,255,.18);
  transition:
    transform .18s ease,
    filter .18s ease,
    box-shadow .18s ease;
}

.gt-sticky-atc-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow:
    0 18px 42px rgba(124,92,255,.36),
    inset 0 1px 0 rgba(255,255,255,.20);
}

body.single-product.gt-sticky-atc-visible {
  padding-bottom: 78px;
}

body.single-product.gt-sticky-atc-visible #top-link.back-to-top {
  bottom: 118px !important;
  z-index: 99991 !important;
}

/* =========================================================
   GT Cart Confirmation - Clean Final
========================================================= */

.gt-cart-confirmation {
  position: fixed;
  left: 50%;
  bottom: 88px;
  z-index: 99992;
  width: min(820px, calc(100vw - 32px));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(14px);
  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease;
}

.gt-cart-confirmation.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.gt-cart-confirmation-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 0% 0%, rgba(124,92,255,.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
    rgba(11,12,22,.96);
  border: 1px solid rgba(167,139,250,.16);
  box-shadow:
    0 22px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(18px);
}

.gt-cart-confirmation-copy {
  position: relative;
  min-width: 0;
  padding-left: 34px;
}

.gt-cart-confirmation-copy::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(124,92,255,.18);
  border: 1px solid rgba(167,139,250,.22);
  color: rgba(255,255,255,.94);
  font-size: 13px;
  font-weight: 900;
}

.gt-cart-confirmation-label {
  display: block;
  margin-bottom: 5px;
  color: rgba(196,181,253,.86);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.gt-cart-confirmation-copy strong {
  display: block;
  color: rgba(255,255,255,.96);
  font-size: 16px;
  font-weight: 820;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.gt-cart-confirmation-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
}

.gt-cart-confirmation-primary,
.gt-cart-confirmation-secondary,
.gt-cart-confirmation-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0 18px;
  border-radius: 13px;
  font-size: 12.5px;
  font-weight: 820;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transform: none;
}

.gt-cart-confirmation-primary {
  min-width: 156px;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #7c5cff 0%, #6d4df4 48%, #8b5cf6 100%);
  box-shadow: 0 12px 26px rgba(124,92,255,.24);
}

.gt-cart-confirmation-secondary,
.gt-cart-confirmation-close {
  min-width: 124px;
  color: rgba(248,250,252,.78);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  border: 1px solid rgba(255,255,255,.085);
  font-family: inherit;
}

.gt-cart-confirmation-primary:hover,
.gt-cart-confirmation-secondary:hover,
.gt-cart-confirmation-close:hover {
  color: #fff;
}

/* =========================================================
   Mobile
========================================================= */

@media (max-width: 640px) {
  body.single-product.gt-sticky-atc-visible {
    padding-bottom: calc(82px + env(safe-area-inset-bottom));
  }

  .gt-sticky-atc-inner {
    width: 100%;
    max-width: none;
    min-height: 76px;
    display: block;
    padding:
      12px 16px
      calc(12px + env(safe-area-inset-bottom));
  }

  .gt-sticky-atc-product {
    display: none;
  }

  .gt-sticky-atc-action {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr);
    align-items: center;
    gap: 14px;
  }

  .gt-sticky-atc-price {
    min-width: 0;
    justify-content: flex-start;
    font-size: 22px;
    letter-spacing: -.045em;
  }

  .gt-sticky-atc-button {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 52px;
    min-height: 52px;
    border-radius: 16px;
    font-size: 14px;
  }

  body.single-product.gt-sticky-atc-visible #top-link.back-to-top {
    bottom: calc(122px + env(safe-area-inset-bottom)) !important;
  }

  .gt-cart-confirmation {
    bottom: calc(94px + env(safe-area-inset-bottom));
    width: calc(100vw - 24px);
  }

  .gt-cart-confirmation-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 16px;
    border-radius: 18px;
  }

  .gt-cart-confirmation-copy {
    padding-left: 32px;
  }

  .gt-cart-confirmation-copy strong {
    font-size: 15px;
  }

  .gt-cart-confirmation-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .gt-cart-confirmation-primary {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .gt-cart-confirmation-secondary,
  .gt-cart-confirmation-close {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 390px) {
  .gt-sticky-atc-action {
    grid-template-columns: auto minmax(132px, 1fr);
    gap: 10px;
  }

  .gt-sticky-atc-price {
    font-size: 20px;
  }

  .gt-sticky-atc-button {
    height: 50px;
    min-height: 50px;
    font-size: 13.5px;
  }
}

/* =========================================================
   GT Sticky ATC Mobile - Final Price/Button Balance
   Corrige espaciado entre precio y CTA en mobile
========================================================= */

@media (max-width: 640px) {
  .gt-sticky-atc-inner {
    min-height: 78px !important;
    width: 100% !important;
    max-width: none !important;

    padding:
      11px 14px
      calc(11px + env(safe-area-inset-bottom)) !important;
  }

  .gt-sticky-atc-action {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: minmax(118px, .78fr) minmax(156px, 1fr) !important;
    align-items: center !important;

    gap: 10px !important;
  }

  .gt-sticky-atc-price {
    min-width: 0 !important;
    max-width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.045em !important;

    white-space: nowrap !important;
  }

  .gt-sticky-atc-price .amount,
  .gt-sticky-atc-price bdi {
    white-space: nowrap !important;
  }

  .gt-sticky-atc-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 52px !important;
    min-height: 52px !important;

    padding: 0 12px !important;
    border-radius: 16px !important;

    font-size: 13.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
  }
}

@media (max-width: 390px) {
  .gt-sticky-atc-inner {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .gt-sticky-atc-action {
    grid-template-columns: minmax(108px, .72fr) minmax(148px, 1fr) !important;
    gap: 8px !important;
  }

  .gt-sticky-atc-price {
    font-size: 19px !important;
  }

  .gt-sticky-atc-button {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 13px !important;
    border-radius: 15px !important;
  }
}

/* ==========================================================
   Gamers Things - Product Editions Grid Final V1
   2 ediciones = 2 columnas
   3 ediciones = 3 columnas en una sola fila
   Color alineado a identidad Gamers Things
========================================================== */

:root {
	--gt-editions-accent: #7c5cff;
	--gt-editions-accent-soft: rgba(124, 92, 255, .18);
	--gt-editions-accent-mid: rgba(124, 92, 255, .36);
	--gt-editions-accent-strong: rgba(124, 92, 255, .72);
	--gt-editions-card-bg: rgba(8, 10, 19, .78);
	--gt-editions-card-border: rgba(255, 255, 255, .072);
}

/* Wrapper del bloque */
.gt-product-editions-row-wide {
	width: 100%;
	max-width: 1200px;
	margin-inline: auto;
}

/* Grid base: por defecto 2 columnas premium */
.gt-product-editions .gt-product-editions-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 22px !important;
	align-items: stretch !important;
}

/* Si hay exactamente 3 ediciones, se muestran 3 en una sola fila */
.gt-product-editions .gt-product-editions-grid:has(> .gt-edition-card:nth-child(3):last-child) {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 18px !important;
}

/* Card base */
.gt-product-editions .gt-edition-card {
	position: relative !important;
	overflow: hidden !important;

	display: flex !important;
	flex-direction: column !important;

	min-width: 0 !important;
	height: 100% !important;

	background:
		linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .010)),
		var(--gt-editions-card-bg) !important;

	border: 1px solid var(--gt-editions-card-border) !important;
	border-radius: 22px !important;

	box-shadow:
		0 22px 58px rgba(0, 0, 0, .26),
		inset 0 1px 0 rgba(255, 255, 255, .034) !important;

	transition:
		transform .22s ease,
		border-color .22s ease,
		box-shadow .22s ease,
		background .22s ease !important;
}

.gt-product-editions .gt-edition-card:hover {
	transform: translateY(-2px) !important;
	border-color: rgba(124, 92, 255, .24) !important;

	box-shadow:
		0 26px 70px rgba(0, 0, 0, .32),
		0 0 0 1px rgba(124, 92, 255, .055) inset,
		inset 0 1px 0 rgba(255, 255, 255, .046) !important;
}

/* Card actual/recomendada */
.gt-product-editions .gt-edition-card.is-current {
	border-color: rgba(124, 92, 255, .44) !important;

	box-shadow:
		0 26px 76px rgba(0, 0, 0, .34),
		0 0 0 1px rgba(124, 92, 255, .16) inset,
		0 0 34px rgba(124, 92, 255, .08) !important;
}

/* Imagen */
.gt-product-editions .gt-edition-media {
	position: relative !important;
	overflow: hidden !important;

	aspect-ratio: 16 / 9 !important;
	border-radius: 21px 21px 0 0 !important;

	background: #060812 !important;
}

.gt-product-editions .gt-edition-media img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;

	object-fit: cover !important;
	object-position: center center !important;

	transition:
		transform .26s ease,
		filter .26s ease !important;
}

.gt-product-editions .gt-edition-card:hover .gt-edition-media img {
	transform: scale(1.018) !important;
	filter: brightness(1.04) contrast(1.02) !important;
}

/* Badge superior */
.gt-product-editions .gt-edition-badge {
	position: absolute !important;
	top: 16px !important;
	left: 16px !important;
	z-index: 3 !important;

	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;

	min-height: 24px !important;
	padding: 6px 11px !important;

	border: 1px solid rgba(255, 255, 255, .075) !important;
	border-radius: 999px !important;

	background:
		linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
		rgba(8, 10, 19, .66) !important;

	backdrop-filter: blur(14px) !important;

	color: rgba(245, 244, 255, .78) !important;

	font-size: 9px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;

	box-shadow:
		0 12px 28px rgba(0, 0, 0, .26),
		inset 0 1px 0 rgba(255, 255, 255, .046) !important;
}

.gt-product-editions .gt-edition-badge::before {
	content: "" !important;
	display: inline-flex !important;

	width: 6px !important;
	height: 6px !important;

	border-radius: 999px !important;

	background: var(--gt-editions-accent) !important;
	box-shadow: 0 0 14px rgba(124, 92, 255, .70) !important;
}

/* Contenido */
.gt-product-editions .gt-edition-content {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;

	padding: 22px !important;
	min-width: 0 !important;
}

.gt-product-editions .gt-edition-name {
	margin: 0 0 10px !important;

	color: rgba(255, 255, 255, .94) !important;

	font-size: 15px !important;
	font-weight: 820 !important;
	line-height: 1.22 !important;
	letter-spacing: -.018em !important;
}

.gt-product-editions .gt-edition-price {
	margin: 0 0 14px !important;

	color: #fff !important;

	font-size: 20px !important;
	font-weight: 850 !important;
	line-height: 1.1 !important;
	letter-spacing: -.026em !important;
}

/* Features */
.gt-product-editions .gt-edition-features {
	display: grid !important;
	gap: 8px !important;

	margin: 0 0 20px !important;
	padding: 0 !important;

	list-style: none !important;
}

.gt-product-editions .gt-edition-features li {
	position: relative !important;

	margin: 0 !important;
	padding-left: 16px !important;

	color: rgba(255, 255, 255, .62) !important;

	font-size: 13px !important;
	font-weight: 560 !important;
	line-height: 1.45 !important;
}

.gt-product-editions .gt-edition-features li::before {
	content: "" !important;

	position: absolute !important;
	left: 0 !important;
	top: .62em !important;

	width: 5px !important;
	height: 5px !important;

	border-radius: 999px !important;

	background: rgba(124, 92, 255, .78) !important;
	box-shadow: 0 0 12px rgba(124, 92, 255, .46) !important;
}

/* Botón */
.gt-product-editions .gt-edition-button {
	margin-top: auto !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: fit-content !important;
	min-height: 42px !important;
	padding: 0 18px !important;

	border-radius: 11px !important;
	border: 1px solid rgba(255, 255, 255, .080) !important;

	background:
		linear-gradient(180deg, rgba(255, 255, 255, .040), rgba(255, 255, 255, .012)),
		rgba(255, 255, 255, .028) !important;

	color: rgba(255, 255, 255, .88) !important;

	font-size: 13px !important;
	font-weight: 820 !important;
	line-height: 1 !important;
	text-decoration: none !important;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .045) !important;

	transition:
		transform .18s ease,
		background .18s ease,
		border-color .18s ease,
		color .18s ease,
		box-shadow .18s ease !important;
}

.gt-product-editions .gt-edition-card.is-current .gt-edition-button {
	border-color: rgba(124, 92, 255, .34) !important;

	background:
		linear-gradient(180deg, rgba(143, 124, 255, .96), rgba(107, 76, 255, .96)) !important;

	color: #fff !important;

	box-shadow:
		0 14px 34px rgba(124, 92, 255, .24),
		inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

.gt-product-editions .gt-edition-button:hover {
	transform: translateY(-1px) !important;

	border-color: rgba(124, 92, 255, .38) !important;

	background:
		linear-gradient(180deg, rgba(143, 124, 255, .92), rgba(107, 76, 255, .92)) !important;

	color: #fff !important;

	box-shadow:
		0 16px 38px rgba(124, 92, 255, .20),
		inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

/* Ajuste específico cuando hay 3 cards: más compacto para que respiren */
.gt-product-editions .gt-product-editions-grid:has(> .gt-edition-card:nth-child(3):last-child) .gt-edition-content {
	padding: 20px !important;
}

.gt-product-editions .gt-product-editions-grid:has(> .gt-edition-card:nth-child(3):last-child) .gt-edition-name {
	font-size: 14px !important;
}

.gt-product-editions .gt-product-editions-grid:has(> .gt-edition-card:nth-child(3):last-child) .gt-edition-price {
	font-size: 18px !important;
}

.gt-product-editions .gt-product-editions-grid:has(> .gt-edition-card:nth-child(3):last-child) .gt-edition-features li {
	font-size: 12.5px !important;
}

/* Responsive */
@media (max-width: 1180px) {
	.gt-product-editions .gt-product-editions-grid,
	.gt-product-editions .gt-product-editions-grid:has(> .gt-edition-card:nth-child(3):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 720px) {
	.gt-product-editions-row-wide {
		max-width: 100% !important;
	}

	.gt-product-editions .gt-product-editions-grid,
	.gt-product-editions .gt-product-editions-grid:has(> .gt-edition-card:nth-child(3):last-child) {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}

	.gt-product-editions .gt-edition-content {
		padding: 18px !important;
	}

	.gt-product-editions .gt-edition-name {
		font-size: 14px !important;
	}

	.gt-product-editions .gt-edition-price {
		font-size: 18px !important;
	}
}

/* ==========================================================
   Gamers Things - Mobile Editions Alignment Fix Real
   El row ya hereda gutter izquierdo; solo compensamos derecha
========================================================== */

@media (max-width: 720px) {

  .gt-product-editions-row-wide {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 56px !important;

    padding-left: 0 !important;
    padding-right: 14px !important;

    box-sizing: border-box !important;
    overflow: visible !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .gt-product-editions-row-wide > .gt-product-editions {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  .gt-product-editions-row-wide .gt-product-editions-grid {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }

  .gt-product-editions-row-wide .gt-edition-card {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }

  .gt-cross-sells-section {
    margin-top: 0 !important;
  }
}

/* =========================================================
   Gamers Things - Product Reviews & Q&A Block V1
   Shortcode: [gt_product_reviews_qa]
   ========================================================= */

.gt-product-community-section {
  position: relative;
  width: 100%;
  margin: 72px 0;
  color: #f7f4ff;
}

.gt-product-community-shell {
  width: min(1200px, calc(100% - 32px));
  margin-inline: auto;
}

.gt-product-community-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 22px;
}

.gt-product-community-kicker {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #a996ff;
}

.gt-product-community-head h2 {
  margin: 0;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #ffffff;
}

.gt-product-community-head p:not(.gt-product-community-kicker) {
  max-width: 680px;
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(247, 244, 255, .72);
}

.gt-product-community-score {
  min-width: 220px;
  padding: 18px 20px;
  border: 1px solid rgba(124, 92, 255, .22);
  border-radius: 24px;
  background:
    radial-gradient(circle at 20% 0%, rgba(124, 92, 255, .24), transparent 52%),
    rgba(16, 13, 28, .76);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
}

.gt-product-community-score__number {
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.05em;
  color: #ffffff;
}

.gt-product-community-score__meta {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.gt-product-community-score__meta span:last-child {
  font-size: 12px;
  color: rgba(247, 244, 255, .68);
}

.gt-rating-stars {
  position: relative;
  display: inline-block;
  width: max-content;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .08em;
  color: rgba(255, 255, 255, .18);
  vertical-align: middle;
}

.gt-rating-stars__base,
.gt-rating-stars__fill {
  display: block;
  white-space: nowrap;
}

.gt-rating-stars__fill {
  position: absolute;
  inset: 0 auto auto 0;
  width: 0;
  overflow: hidden;
  color: #ffd166;
}

.gt-product-community-accordion {
  display: grid;
  gap: 14px;
}

.gt-product-community-item {
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(18, 15, 32, .92), rgba(9, 8, 17, .94)),
    rgba(10, 8, 18, .9);
  box-shadow:
    0 22px 70px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .05);
  overflow: hidden;
}

.gt-product-community-item[open] {
  border-color: rgba(124, 92, 255, .28);
}

.gt-product-community-summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.gt-product-community-summary::-webkit-details-marker {
  display: none;
}

.gt-product-community-summary::after {
  content: "";
  width: 11px;
  height: 11px;
  border-right: 2px solid rgba(255, 255, 255, .72);
  border-bottom: 2px solid rgba(255, 255, 255, .72);
  transform: rotate(45deg);
  transition: transform .22s ease, border-color .22s ease;
  flex: 0 0 auto;
}

.gt-product-community-item[open] > .gt-product-community-summary::after {
  transform: rotate(225deg);
  border-color: #a996ff;
}

.gt-product-community-summary > span:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.gt-product-community-summary strong {
  font-size: 18px;
  line-height: 1.15;
  color: #ffffff;
}

.gt-product-community-summary small {
  font-size: 13px;
  line-height: 1.45;
  color: rgba(247, 244, 255, .62);
}

.gt-product-community-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 28px;
  padding: 0 10px;
  margin-left: auto;
  border-radius: 999px;
  background: rgba(124, 92, 255, .16);
  color: #d8d0ff;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(124, 92, 255, .24);
}

.gt-product-community-panel {
  padding: 0 24px 24px;
}

.gt-product-reviews-layout,
.gt-product-questions-layout {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 22px;
  padding-top: 4px;
}

.gt-product-rating-card,
.gt-product-question-form-card,
.gt-product-review-form-wrap {
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(124, 92, 255, .18), transparent 44%),
    rgba(255, 255, 255, .045);
}

.gt-product-rating-card {
  padding: 20px;
  align-self: start;
}

.gt-product-rating-card__main {
  display: grid;
  gap: 8px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.gt-product-rating-card__main strong {
  font-size: 46px;
  line-height: 1;
  letter-spacing: -.06em;
  color: #ffffff;
}

.gt-product-rating-card__main span:last-child {
  font-size: 13px;
  color: rgba(247, 244, 255, .66);
}

.gt-product-rating-bars {
  display: grid;
  gap: 10px;
}

.gt-product-rating-bar {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: rgba(247, 244, 255, .7);
}

.gt-product-rating-bar__track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
}

.gt-product-rating-bar__track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7c5cff, #b39cff);
}

.gt-product-rating-bar em {
  font-style: normal;
  text-align: right;
  color: rgba(247, 244, 255, .5);
}

.gt-product-reviews-main,
.gt-product-question-list {
  display: grid;
  gap: 16px;
}

.gt-product-review-list {
  display: grid;
  gap: 12px;
}

.gt-product-review-card,
.gt-product-question-card {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 22px;
  background: rgba(255, 255, 255, .04);
}

.gt-product-review-card header,
.gt-product-question-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.gt-product-review-card header > div {
  display: grid;
  gap: 3px;
}

.gt-product-review-card strong,
.gt-product-question-card header span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
}

.gt-product-review-card header span,
.gt-product-question-card time {
  font-size: 12px;
  color: rgba(247, 244, 255, .52);
}

.gt-product-review-card__content,
.gt-product-question-card__content,
.gt-product-answer-card {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(247, 244, 255, .78);
}

.gt-product-review-card__content p,
.gt-product-question-card__content p,
.gt-product-answer-card p {
  margin: 0;
}

.gt-product-review-verified {
  display: inline-flex;
  width: max-content;
  margin-top: 14px;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(42, 211, 125, .10);
  color: #90f0b8;
  border: 1px solid rgba(42, 211, 125, .18);
  font-size: 11px;
  font-weight: 800;
}

.gt-product-empty-state,
.gt-product-notice {
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(124, 92, 255, .18);
  background: rgba(124, 92, 255, .08);
}

.gt-product-empty-state strong,
.gt-product-notice strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 15px;
}

.gt-product-empty-state p,
.gt-product-notice p {
  margin: 0;
  color: rgba(247, 244, 255, .68);
  font-size: 14px;
  line-height: 1.6;
}

.gt-product-review-form-wrap,
.gt-product-question-form-card {
  padding: 20px;
}

.gt-product-review-form-wrap h3,
.gt-product-question-form-card h3 {
  margin: 0 0 6px;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -.02em;
}

.gt-product-review-form-wrap > p,
.gt-product-question-form-card > p {
  margin: 0 0 16px;
  color: rgba(247, 244, 255, .64);
  font-size: 14px;
  line-height: 1.6;
}

.gt-product-review-form,
.gt-product-question-form {
  display: grid;
  gap: 12px;
}

.gt-form-row {
  display: grid;
  gap: 7px;
  margin: 0;
}

.gt-form-row label {
  font-size: 12px;
  font-weight: 800;
  color: rgba(247, 244, 255, .82);
}

.gt-form-row label span {
  color: #a996ff;
}

.gt-form-row input,
.gt-form-row select,
.gt-form-row textarea {
  width: 100%;
  min-height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, .10);
  background: rgba(5, 4, 10, .48);
  color: #ffffff;
  padding: 12px 14px;
  outline: none;
  box-shadow: none;
}

.gt-form-row textarea {
  resize: vertical;
  min-height: 124px;
}

.gt-form-row input:focus,
.gt-form-row select:focus,
.gt-form-row textarea:focus {
  border-color: rgba(124, 92, 255, .62);
  box-shadow: 0 0 0 4px rgba(124, 92, 255, .14);
}

.gt-form-row textarea::placeholder {
  color: rgba(247, 244, 255, .36);
}

.gt-product-submit-button,
.gt-product-review-form .form-submit input[type="submit"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  width: max-content;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #7c5cff, #a78bff) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em;
  cursor: pointer;
  box-shadow: 0 14px 38px rgba(124, 92, 255, .26);
}

.gt-product-review-form .form-submit {
  margin: 4px 0 0;
}

.gt-product-answer-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.gt-product-answer-card {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(124, 92, 255, .18);
  background: rgba(124, 92, 255, .08);
}

.gt-product-answer-card strong {
  display: block;
  margin-bottom: 6px;
  color: #d8d0ff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.gt-product-question-pending {
  margin: 14px 0 0;
  font-size: 12px;
  color: rgba(247, 244, 255, .48);
}

.gt-product-hp {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  .gt-product-community-head,
  .gt-product-reviews-layout,
  .gt-product-questions-layout {
    grid-template-columns: 1fr;
  }

  .gt-product-community-score {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .gt-product-community-section {
    margin: 56px 0;
  }

  .gt-product-community-shell {
    width: calc(100% - 28px);
  }

  .gt-product-community-head {
    gap: 18px;
    margin-bottom: 18px;
  }

  .gt-product-community-head h2 {
    font-size: 27px;
  }

  .gt-product-community-summary {
    padding: 18px;
    align-items: center;
  }

  .gt-product-community-summary strong {
    font-size: 16px;
  }

  .gt-product-community-summary small {
    font-size: 12px;
  }

  .gt-product-community-panel {
    padding: 0 14px 14px;
  }

  .gt-product-rating-card,
  .gt-product-question-form-card,
  .gt-product-review-form-wrap,
  .gt-product-review-card,
  .gt-product-question-card {
    border-radius: 20px;
  }

  .gt-product-submit-button,
  .gt-product-review-form .form-submit input[type="submit"] {
    width: 100%;
  }
}

/* =========================================================
   Gamers Things - Product Community Layout 1450px Fix
   ========================================================= */

.gt-product-community-section {
  width: 100%;
  margin: 78px 0;
}

.gt-product-community-shell {
  width: min(1450px, calc(100% - 48px)) !important;
  max-width: 1450px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Header superior del bloque */
.gt-product-community-head {
  grid-template-columns: minmax(0, 1fr) 240px !important;
  gap: 36px !important;
  align-items: end !important;
  margin-bottom: 24px !important;
}

.gt-product-community-head p:not(.gt-product-community-kicker) {
  max-width: 760px !important;
}

/* Card de promedio */
.gt-product-community-score {
  min-width: 240px !important;
  width: 240px !important;
  justify-self: end !important;
}

/* Acordeones */
.gt-product-community-accordion {
  width: 100%;
}

.gt-product-community-item {
  width: 100%;
}

/* Layout interno de opiniones */
.gt-product-reviews-layout {
  grid-template-columns: 340px minmax(0, 1fr) !important;
  gap: 24px !important;
}

/* Layout interno de preguntas */
.gt-product-questions-layout {
  grid-template-columns: minmax(0, 1fr) 390px !important;
  gap: 24px !important;
}

/* Panel interno más respirado en desktop */
.gt-product-community-panel {
  padding: 0 24px 24px !important;
}

/* Rating lateral */
.gt-product-rating-card {
  width: 100%;
  min-height: 100%;
}

/* Form de review más cómodo */
.gt-product-review-form-wrap {
  width: 100%;
}

/* Cards internas */
.gt-product-review-card,
.gt-product-question-card,
.gt-product-empty-state,
.gt-product-notice {
  width: 100%;
}

/* Responsive tablets */
@media (max-width: 1100px) {
  .gt-product-community-shell {
    width: min(100%, calc(100% - 36px)) !important;
    max-width: 100% !important;
  }

  .gt-product-community-head,
  .gt-product-reviews-layout,
  .gt-product-questions-layout {
    grid-template-columns: 1fr !important;
  }

  .gt-product-community-score {
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }
}

/* Mobile */
@media (max-width: 720px) {
  .gt-product-community-section {
    margin: 56px 0;
  }

  .gt-product-community-shell {
    width: calc(100% - 28px) !important;
  }

  .gt-product-community-head {
    gap: 18px !important;
    margin-bottom: 18px !important;
  }

  .gt-product-community-panel {
    padding: 0 14px 14px !important;
  }
}

/* =========================================================
   Gamers Things - Product Community Full Layout Width Fix
   Usa el ancho real del contenedor padre de 1450px
   ========================================================= */

.gt-product-community-section {
  width: 100% !important;
  max-width: none !important;
}

.gt-product-community-shell {
  width: 100% !important;
  max-width: 1450px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* El header del bloque también usa todo el ancho disponible */
.gt-product-community-head {
  width: 100% !important;
  grid-template-columns: minmax(0, 1fr) 250px !important;
}

/* Card de rating superior */
.gt-product-community-score {
  width: 250px !important;
  min-width: 250px !important;
}

/* Acordeones al ancho total */
.gt-product-community-accordion,
.gt-product-community-item {
  width: 100% !important;
  max-width: none !important;
}

/* Layout interno más ancho y mejor proporcionado */
.gt-product-reviews-layout {
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 28px !important;
}

.gt-product-questions-layout {
  grid-template-columns: minmax(0, 1fr) 410px !important;
  gap: 28px !important;
}

/* Mejor aprovechamiento del panel interno */
.gt-product-community-panel {
  padding-left: 28px !important;
  padding-right: 28px !important;
  padding-bottom: 28px !important;
}

/* Summary un poquito más alineado con el nuevo ancho */
.gt-product-community-summary {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

/* Desktop amplio */
@media (min-width: 1201px) {
  .gt-product-community-shell {
    width: 100% !important;
    max-width: 1450px !important;
  }
}

/* Tablet */
@media (max-width: 1100px) {
  .gt-product-community-shell {
    width: 100% !important;
    max-width: 100% !important;
  }

  .gt-product-community-head,
  .gt-product-reviews-layout,
  .gt-product-questions-layout {
    grid-template-columns: 1fr !important;
  }

  .gt-product-community-score {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Mobile: acá sí conviene mantener margen lateral propio */
@media (max-width: 720px) {
  .gt-product-community-shell {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
  }

  .gt-product-community-summary {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .gt-product-community-panel {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 14px !important;
  }
}

/* =========================================================
   Gamers Things - Product Community Spacing Final Pass
   Más aire arriba / menos aire abajo antes del footer
   ========================================================= */

.single-product .gt-product-community-section {
  margin-top: 112px !important;
  margin-bottom: 34px !important;
}

/* Si el footer está agregando aire propio en la product page */
.single-product #footer.footer-wrapper {
  margin-top: 0 !important;
  padding-top: 42px !important;
}

/* Ajuste responsive */
@media (max-width: 900px) {
  .single-product .gt-product-community-section {
    margin-top: 82px !important;
    margin-bottom: 28px !important;
  }

  .single-product #footer.footer-wrapper {
    padding-top: 34px !important;
  }
}

@media (max-width: 720px) {
  .single-product .gt-product-community-section {
    margin-top: 68px !important;
    margin-bottom: 24px !important;
  }

  .single-product #footer.footer-wrapper {
    padding-top: 28px !important;
  }
}

/* =========================================================
   Gamers Things - Product Review Editorial Cards V1
   Referencia: review card tipo marketplace, adaptada a GT
   ========================================================= */

.gt-product-review-list {
  display: grid;
  gap: 16px !important;
}

.gt-product-review-card.gt-product-review-card--editorial {
  position: relative;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .13), transparent 36%),
    linear-gradient(145deg, rgba(27, 24, 42, .84), rgba(11, 10, 19, .9)) !important;
  box-shadow:
    0 18px 52px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .05);
}

.gt-product-review-card.gt-product-review-card--editorial::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 999px 0 0 999px;
  background: linear-gradient(180deg, #7c5cff, rgba(124, 92, 255, 0));
  opacity: .9;
}

.gt-product-review-card__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  margin-bottom: 16px !important;
}

.gt-product-review-card__rating {
  display: flex;
  align-items: center;
  min-width: 0;
}

.gt-product-review-card--editorial .gt-rating-stars {
  font-size: 15px;
  letter-spacing: .11em;
}

.gt-product-review-card__identity {
  display: grid;
  justify-items: end;
  gap: 4px;
  min-width: 0;
  text-align: right;
}

.gt-product-review-card__identity strong {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.2;
  font-weight: 900 !important;
}

.gt-product-review-card__identity span {
  color: rgba(247, 244, 255, .52) !important;
  font-size: 12px !important;
  line-height: 1.2;
}

.gt-product-review-card--editorial .gt-product-review-card__content {
  max-width: 940px;
  color: rgba(247, 244, 255, .84) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.gt-product-review-card--editorial .gt-product-review-card__content p {
  margin: 0 !important;
}

.gt-product-review-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

.gt-product-review-trust {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gt-product-review-verified {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  width: max-content;
  margin-top: 0 !important;
  padding: 7px 10px !important;
  border-radius: 999px;
  background: rgba(42, 211, 125, .10) !important;
  color: #9af2bd !important;
  border: 1px solid rgba(42, 211, 125, .20) !important;
  font-size: 11px !important;
  line-height: 1;
  font-weight: 900 !important;
  letter-spacing: .01em;
}

.gt-product-review-verified svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gt-product-review-verified--soft {
  background: rgba(124, 92, 255, .10) !important;
  color: #d8d0ff !important;
  border-color: rgba(124, 92, 255, .20) !important;
}

.gt-product-review-note {
  color: rgba(247, 244, 255, .42);
  font-size: 12px;
  line-height: 1.4;
  text-align: right;
}

/* Form secundario: ya no compite con la reseña */
.gt-product-review-compose {
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(124, 92, 255, .18);
  background:
    linear-gradient(145deg, rgba(124, 92, 255, .09), rgba(255, 255, 255, .035));
}

.gt-product-review-compose__summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 17px 20px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.gt-product-review-compose__summary::-webkit-details-marker {
  display: none;
}

.gt-product-review-compose__summary::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(255, 255, 255, .66);
  border-bottom: 2px solid rgba(255, 255, 255, .66);
  transform: rotate(45deg);
  transition: transform .22s ease, border-color .22s ease;
  flex: 0 0 auto;
}

.gt-product-review-compose[open] .gt-product-review-compose__summary::after {
  transform: rotate(225deg);
  border-color: #a996ff;
}

.gt-product-review-compose__summary span {
  display: grid;
  gap: 4px;
}

.gt-product-review-compose__summary strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
}

.gt-product-review-compose__summary small {
  color: rgba(247, 244, 255, .58);
  font-size: 12px;
  line-height: 1.4;
}

.gt-product-review-compose .gt-product-review-form-wrap {
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .13), transparent 40%),
    rgba(255, 255, 255, .025) !important;
}

/* Bajamos el peso visual del bloque de formulario viejo */
.gt-product-review-form-wrap h3 {
  font-size: 17px !important;
}

.gt-product-review-form-wrap > p {
  max-width: 640px;
}

/* Mejor relación entre rating lateral y feed */
.gt-product-reviews-main {
  align-content: start;
}

.gt-product-rating-card {
  position: sticky;
  top: 112px;
}

/* Responsive */
@media (max-width: 1100px) {
  .gt-product-rating-card {
    position: relative;
    top: auto;
  }
}

@media (max-width: 720px) {
  .gt-product-review-card.gt-product-review-card--editorial {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .gt-product-review-card__head {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .gt-product-review-card__identity {
    justify-items: start;
    text-align: left;
  }

  .gt-product-review-card__identity strong {
    max-width: 100%;
  }

  .gt-product-review-card--editorial .gt-product-review-card__content {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  .gt-product-review-card__footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .gt-product-review-note {
    text-align: left;
  }

  .gt-product-review-compose__summary {
    padding: 16px;
  }
}

/* =========================================================
   Gamers Things - Product Community Visual Refinement Pass
   Compact rating card + better review hierarchy
   ========================================================= */

/* La card de rating no debe estirarse como una columna gigante */
.gt-product-rating-card {
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 24px !important;
}

/* Evita que el layout fuerce alturas raras */
.gt-product-reviews-layout {
  align-items: start !important;
}

/* Review card un poco más protagonista y respirada */
.gt-product-review-card.gt-product-review-card--editorial {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* El texto de la review puede ocupar mejor el ancho */
.gt-product-review-card--editorial .gt-product-review-card__content {
  max-width: 1040px !important;
}

/* Mejor balance del footer interno de la review */
.gt-product-review-card__footer {
  margin-top: 22px !important;
}

/* El acordeón de escribir opinión queda más compacto */
.gt-product-review-compose {
  border-radius: 22px !important;
}

.gt-product-review-compose__summary {
  min-height: 72px;
}

/* Si preguntas quedó como hijo accidental dentro del grid, que intente ocupar todo */
.gt-product-community-item--questions {
  grid-column: 1 / -1 !important;
}

/* =========================================================
   Gamers Things - Product Community Structure Fix Support
   Questions accordion full width after PHP structure fix
   ========================================================= */

.gt-product-community-accordion {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

.gt-product-community-item--reviews,
.gt-product-community-item--questions {
  width: 100% !important;
  grid-column: 1 / -1 !important;
}

.gt-product-community-item--questions {
  margin-top: 0 !important;
}

/* =========================================================
   Gamers Things - Product Community Final Spacing Polish
   ========================================================= */

.gt-product-community-accordion {
  gap: 22px !important;
}

/* El acordeón de preguntas ya es hermano del de opiniones:
   lo mantenemos separado, pero más conectado visualmente */
.gt-product-community-item--questions {
  margin-top: 0 !important;
}

/* Un poco menos de aire interno abajo en el acordeón de opiniones */
.gt-product-community-item--reviews .gt-product-community-panel {
  padding-bottom: 24px !important;
}

/* Compacta apenas la zona inferior del layout de reviews */
.gt-product-review-compose {
  margin-top: 16px !important;
}

/* Mejor altura visual del resumen lateral */
.gt-product-rating-card {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

/* La review card queda editorial, pero no tan estirada */
.gt-product-review-card.gt-product-review-card--editorial {
  min-height: 190px !important;
}

/* =========================================================
   Gamers Things - Product Review Title + Recommendation V1
   ========================================================= */

.gt-product-review-card__title {
  margin: 4px 0 12px !important;
  max-width: 860px;
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em;
}

.gt-product-review-recommendation {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  margin-top: 18px;
  padding: 9px 12px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}

.gt-product-review-recommendation svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gt-product-review-recommendation.is-positive {
  color: #9af2bd;
  background: rgba(42, 211, 125, .10);
  border: 1px solid rgba(42, 211, 125, .20);
}

.gt-product-review-recommendation.is-negative {
  color: #ffb4b4;
  background: rgba(255, 92, 92, .10);
  border: 1px solid rgba(255, 92, 92, .18);
}

/* Form: recomendación */
.gt-form-row--recommend {
  gap: 10px !important;
}

.gt-review-recommend-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gt-review-recommend-options label {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.gt-review-recommend-options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.gt-review-recommend-options span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .045);
  color: rgba(247, 244, 255, .76);
  font-size: 12px;
  font-weight: 900;
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.gt-review-recommend-options label:hover span {
  border-color: rgba(124, 92, 255, .34);
  color: #ffffff;
  background: rgba(124, 92, 255, .10);
}

.gt-review-recommend-options input:checked + span {
  border-color: rgba(124, 92, 255, .62);
  background: rgba(124, 92, 255, .18);
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(124, 92, 255, .10);
}

.gt-form-row input#gt_review_title {
  min-height: 46px;
}

@media (max-width: 720px) {
  .gt-product-review-card__title {
    font-size: 17px !important;
    line-height: 1.3 !important;
  }

  .gt-review-recommend-options {
    display: grid;
    grid-template-columns: 1fr;
  }

  .gt-review-recommend-options span {
    width: 100%;
  }

  .gt-product-review-recommendation {
    width: 100%;
    justify-content: center;
    white-space: normal;
    line-height: 1.35;
  }
}

/* =========================================================
   Gamers Things - Review Form Dark Polish V1
   Corrige inputs blancos, stars WooCommerce y texto login
   ========================================================= */

.gt-product-review-form-wrap {
  color: #f7f4ff;
}

/* Línea "Conectado como..." */
.gt-product-review-form .logged-in-as {
  max-width: 760px;
  margin: 0 0 22px !important;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(124, 92, 255, .16);
  background: rgba(124, 92, 255, .07);
  color: rgba(247, 244, 255, .68);
  font-size: 13px;
  line-height: 1.65;
}

.gt-product-review-form .logged-in-as a {
  color: #c8bfff;
  font-weight: 800;
  text-decoration: none;
}

.gt-product-review-form .logged-in-as a:hover {
  color: #ffffff;
}

/* Inputs del formulario dentro del compose */
.gt-product-review-compose .gt-product-review-form input[type="text"],
.gt-product-review-compose .gt-product-review-form input[type="email"],
.gt-product-review-compose .gt-product-review-form select,
.gt-product-review-compose .gt-product-review-form textarea,
.gt-product-review-compose .gt-form-row input,
.gt-product-review-compose .gt-form-row select,
.gt-product-review-compose .gt-form-row textarea {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background:
    linear-gradient(145deg, rgba(9, 8, 17, .86), rgba(15, 13, 26, .76)) !important;
  color: #ffffff !important;
  padding: 13px 15px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  outline: none !important;
}

.gt-product-review-compose .gt-product-review-form textarea {
  min-height: 132px !important;
  resize: vertical;
}

.gt-product-review-compose .gt-product-review-form input::placeholder,
.gt-product-review-compose .gt-product-review-form textarea::placeholder {
  color: rgba(247, 244, 255, .38) !important;
}

.gt-product-review-compose .gt-product-review-form input:focus,
.gt-product-review-compose .gt-product-review-form select:focus,
.gt-product-review-compose .gt-product-review-form textarea:focus {
  border-color: rgba(124, 92, 255, .72) !important;
  box-shadow:
    0 0 0 4px rgba(124, 92, 255, .14),
    inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

/* Labels */
.gt-product-review-compose .gt-form-row label,
.gt-product-review-compose .comment-form-rating label {
  display: block;
  margin-bottom: 8px;
  color: rgba(247, 244, 255, .82);
  font-size: 12px;
  font-weight: 900;
}

.gt-product-review-compose .gt-form-row label span,
.gt-product-review-compose .required {
  color: #a996ff;
}

/* WooCommerce stars dentro del form */
.gt-product-review-form .comment-form-rating,
.gt-product-review-form .gt-form-row--rating {
  margin: 0 !important;
}

.gt-product-review-form p.stars {
  display: block !important;
  margin: 8px 0 0 !important;
  line-height: 1 !important;
}

.gt-product-review-form p.stars span {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .045);
}

.gt-product-review-form p.stars a {
  position: relative !important;
  display: inline-flex !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  border: 0 !important;
  text-decoration: none !important;
}

.gt-product-review-form p.stars a::before {
  content: "★" !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: rgba(247, 244, 255, .34) !important;
  text-indent: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-family: Arial, sans-serif !important;
}

.gt-product-review-form p.stars:hover a::before,
.gt-product-review-form p.stars.selected a.active::before,
.gt-product-review-form p.stars.selected a:not(.active)::before {
  color: #ffd166 !important;
}

/* Fix más específico para WooCommerce:
   pinta las estrellas anteriores cuando hay hover/selección */
.gt-product-review-form p.stars a:hover ~ a::before {
  color: rgba(247, 244, 255, .34) !important;
}

/* Botones de recomendación */
.gt-product-review-compose .gt-review-recommend-options span {
  min-height: 42px;
  background: rgba(255, 255, 255, .045);
}

/* Botón publicar */
.gt-product-review-compose .gt-product-submit-button {
  min-width: 170px;
  min-height: 48px;
  margin-top: 6px;
}

/* Mobile */
@media (max-width: 720px) {
  .gt-product-review-form .logged-in-as {
    font-size: 12px;
    padding: 13px 14px;
  }

  .gt-product-review-form p.stars span {
    width: 100%;
    justify-content: space-between;
  }

  .gt-product-review-compose .gt-product-submit-button {
    width: 100%;
  }
}

/* =========================================================
   Gamers Things - Review Form Layout Polish V2
   Compacta el formulario abierto y mejora jerarquía
   ========================================================= */

/* El bloque abierto respira mejor y no se siente tan enorme */
.gt-product-review-compose[open] {
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 34%),
    linear-gradient(145deg, rgba(20, 18, 34, .86), rgba(10, 9, 18, .92)) !important;
}

/* Quitamos la línea demasiado fuerte del accordion abierto */
.gt-product-review-compose .gt-product-review-form-wrap {
  padding: 22px 24px 24px !important;
  border-top-color: rgba(255, 255, 255, .07) !important;
}

/* Encabezado del form más compacto */
.gt-product-review-form-wrap h3 {
  margin-bottom: 4px !important;
  font-size: 16px !important;
}

.gt-product-review-form-wrap > p {
  margin-bottom: 18px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: rgba(247, 244, 255, .66) !important;
}

/* Form en grilla desktop */
.gt-product-review-compose .gt-product-review-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 18px !important;
  align-items: start;
}

/* Login ocupa ancho completo */
.gt-product-review-compose .gt-product-review-form .logged-in-as {
  grid-column: 1 / -1;
  margin-bottom: 2px !important;
}

/* Rating y recomendación quedan en la misma fila */
.gt-product-review-compose .gt-form-row--rating {
  grid-column: 1 / 2;
}

.gt-product-review-compose .gt-form-row--recommend {
  grid-column: 2 / 3;
}

/* Título y opinión ocupan todo el ancho */
.gt-product-review-compose .gt-form-row:has(#gt_review_title),
.gt-product-review-compose .gt-form-row:has(#comment) {
  grid-column: 1 / -1;
}

/* Submit alineado y limpio */
.gt-product-review-compose .form-submit {
  grid-column: 1 / -1;
  margin: 2px 0 0 !important;
}

/* Inputs un poco menos altos */
.gt-product-review-compose .gt-product-review-form input[type="text"],
.gt-product-review-compose .gt-product-review-form input[type="email"],
.gt-product-review-compose .gt-product-review-form select,
.gt-product-review-compose .gt-product-review-form textarea,
.gt-product-review-compose .gt-form-row input,
.gt-product-review-compose .gt-form-row select,
.gt-product-review-compose .gt-form-row textarea {
  min-height: 44px !important;
  padding: 11px 14px !important;
}

/* Textarea menos gigante pero cómoda */
.gt-product-review-compose .gt-product-review-form textarea {
  min-height: 112px !important;
}

/* Login pill más integrado */
.gt-product-review-form .logged-in-as {
  padding: 12px 14px !important;
  border-radius: 16px !important;
  font-size: 12px !important;
}

/* Labels más prolijos */
.gt-product-review-compose .gt-form-row label,
.gt-product-review-compose .comment-form-rating label {
  margin-bottom: 7px !important;
  font-size: 11px !important;
  letter-spacing: .01em;
}

/* Estrellas más compactas */
.gt-product-review-form p.stars span {
  padding: 8px 10px !important;
  gap: 5px !important;
}

.gt-product-review-form p.stars a {
  width: 18px !important;
  height: 18px !important;
}

.gt-product-review-form p.stars a::before {
  font-size: 16px !important;
}

/* Botones de recomendación más parejos */
.gt-review-recommend-options {
  gap: 8px !important;
}

.gt-review-recommend-options span {
  min-height: 38px !important;
  padding: 0 13px !important;
  font-size: 11px !important;
}

/* Botón publicar más fino */
.gt-product-review-compose .gt-product-submit-button {
  min-height: 44px !important;
  min-width: 158px !important;
  padding-inline: 18px !important;
}

/* Evita que el form abierto quede pegado al borde inferior del card */
.gt-product-review-compose .gt-product-review-form-wrap .comment-respond {
  margin-bottom: 0 !important;
}

/* Responsive: vuelve a una columna */
@media (max-width: 820px) {
  .gt-product-review-compose .gt-product-review-form {
    grid-template-columns: 1fr !important;
  }

  .gt-product-review-compose .gt-form-row--rating,
  .gt-product-review-compose .gt-form-row--recommend,
  .gt-product-review-compose .gt-form-row:has(#gt_review_title),
  .gt-product-review-compose .gt-form-row:has(#comment),
  .gt-product-review-compose .form-submit,
  .gt-product-review-compose .gt-product-review-form .logged-in-as {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 720px) {
  .gt-product-review-compose .gt-product-review-form-wrap {
    padding: 18px !important;
  }

  .gt-review-recommend-options {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Gamers Things - Review Card Footer De-emphasis
   Menos repetición visual en varias opiniones
   ========================================================= */

.gt-product-review-note {
  opacity: .72;
  font-size: 11px !important;
}

.gt-product-review-card:has(.gt-product-review-recommendation) .gt-product-review-note {
  display: none;
}

.gt-product-review-card:has(.gt-product-review-recommendation) .gt-product-review-card__footer {
  justify-content: flex-start !important;
}

/* =========================================================
   Gamers Things - Review Form Order + Compact Polish V3
   Ordena campos, compacta el compose y mejora lectura
   ========================================================= */

/* Contenedor abierto más limpio */
.gt-product-review-compose[open] {
  border-color: rgba(124, 92, 255, .24) !important;
}

/* Línea superior menos fuerte */
.gt-product-review-compose[open] .gt-product-review-compose__summary {
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
}

/* Evita que el bloque abierto se sienta enorme */
.gt-product-review-compose .gt-product-review-form-wrap {
  padding: 20px 22px 22px !important;
}

/* Encabezado del formulario más compacto */
.gt-product-review-form-wrap h3 {
  margin: 0 0 4px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.gt-product-review-form-wrap > p {
  margin: 0 0 16px !important;
  max-width: 720px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Grilla estable del formulario */
.gt-product-review-compose .gt-product-review-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr) !important;
  column-gap: 18px !important;
  row-gap: 15px !important;
  align-items: start !important;
}

/* Orden correcto de campos */
.gt-product-review-compose .gt-product-review-form .logged-in-as {
  grid-column: 1 / -1 !important;
  order: 1 !important;
}

.gt-product-review-compose .gt-form-row--rating {
  grid-column: 1 / 2 !important;
  order: 2 !important;
}

.gt-product-review-compose .gt-form-row--recommend {
  grid-column: 2 / 3 !important;
  order: 3 !important;
}

.gt-product-review-compose .gt-form-row:has(#gt_review_title) {
  grid-column: 1 / -1 !important;
  order: 4 !important;
}

.gt-product-review-compose .gt-form-row:has(#comment) {
  grid-column: 1 / -1 !important;
  order: 5 !important;
}

.gt-product-review-compose .form-submit {
  grid-column: 1 / -1 !important;
  order: 6 !important;
  margin: 0 !important;
}

/* Login pill */
.gt-product-review-form .logged-in-as {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  border-radius: 15px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* Labels más limpios */
.gt-product-review-compose .gt-form-row label,
.gt-product-review-compose .comment-form-rating label {
  margin: 0 0 7px !important;
  color: rgba(247, 244, 255, .78) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

/* Inputs más compactos */
.gt-product-review-compose .gt-product-review-form input[type="text"],
.gt-product-review-compose .gt-product-review-form input[type="email"],
.gt-product-review-compose .gt-product-review-form select,
.gt-product-review-compose .gt-product-review-form textarea,
.gt-product-review-compose .gt-form-row input,
.gt-product-review-compose .gt-form-row select,
.gt-product-review-compose .gt-form-row textarea {
  min-height: 42px !important;
  padding: 10px 13px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

/* Textarea con altura suficiente pero no gigante */
.gt-product-review-compose .gt-product-review-form textarea {
  min-height: 104px !important;
}

/* Rating de WooCommerce más prolijo */
.gt-product-review-form p.stars {
  margin: 0 !important;
}

.gt-product-review-form p.stars span {
  min-height: 40px !important;
  padding: 0 11px !important;
  gap: 6px !important;
  border-radius: 999px !important;
}

.gt-product-review-form p.stars a {
  width: 18px !important;
  height: 18px !important;
}

.gt-product-review-form p.stars a::before {
  font-size: 16px !important;
}

/* Recomendación alineada como campo hermano del rating */
.gt-product-review-compose .gt-form-row--recommend {
  align-self: start !important;
}

.gt-product-review-compose .gt-form-row--recommend > label {
  text-align: left !important;
}

.gt-review-recommend-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.gt-review-recommend-options label {
  margin: 0 !important;
}

.gt-review-recommend-options span {
  min-height: 40px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

/* Botón publicar más integrado */
.gt-product-review-compose .gt-product-submit-button,
.gt-product-review-compose .gt-product-review-form .form-submit input[type="submit"] {
  min-width: 160px !important;
  min-height: 44px !important;
  margin-top: 4px !important;
}

/* =========================================================
   Review cards: feed más consistente cuando hay varias reviews
   ========================================================= */

.gt-product-review-list {
  gap: 14px !important;
}

.gt-product-review-card.gt-product-review-card--editorial {
  padding: 20px 22px !important;
  min-height: 176px !important;
}

.gt-product-review-card__head {
  margin-bottom: 14px !important;
}

.gt-product-review-card__title {
  margin-top: 2px !important;
  margin-bottom: 10px !important;
  font-size: 18px !important;
}

.gt-product-review-card--editorial .gt-product-review-card__content {
  font-size: 14px !important;
  line-height: 1.68 !important;
}

/* Footer de card menos repetitivo */
.gt-product-review-card__footer {
  margin-top: 17px !important;
  padding-top: 13px !important;
}

.gt-product-review-verified {
  padding: 6px 10px !important;
  font-size: 10.5px !important;
}

.gt-product-review-recommendation {
  margin-top: 14px !important;
  padding: 7px 11px !important;
  font-size: 11px !important;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 920px) {
  .gt-product-review-compose .gt-product-review-form {
    grid-template-columns: 1fr !important;
  }

  .gt-product-review-compose .gt-product-review-form .logged-in-as,
  .gt-product-review-compose .gt-form-row--rating,
  .gt-product-review-compose .gt-form-row--recommend,
  .gt-product-review-compose .gt-form-row:has(#gt_review_title),
  .gt-product-review-compose .gt-form-row:has(#comment),
  .gt-product-review-compose .form-submit {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 720px) {
  .gt-product-review-compose .gt-product-review-form-wrap {
    padding: 17px !important;
  }

  .gt-review-recommend-options {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .gt-review-recommend-options span {
    width: 100% !important;
  }

  .gt-product-review-card.gt-product-review-card--editorial {
    padding: 18px !important;
  }
}

/* =========================================================
   Gamers Things - Review Feed Editorial Polish V4
   Mejora cards de opiniones, jerarquía y lectura del feed
   ========================================================= */

/* Feed más ordenado cuando hay varias opiniones */
.gt-product-review-list {
  gap: 16px !important;
}

/* Card editorial más limpia */
.gt-product-review-card.gt-product-review-card--editorial {
  position: relative;
  overflow: hidden;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  border-color: rgba(255, 255, 255, .095) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 34%),
    linear-gradient(145deg, rgba(21, 19, 34, .84), rgba(9, 8, 17, .92)) !important;
}

/* Línea violeta lateral más fina y premium */
.gt-product-review-card.gt-product-review-card--editorial::before {
  width: 2px !important;
  background: linear-gradient(
    180deg,
    rgba(124, 92, 255, .95),
    rgba(124, 92, 255, .35),
    rgba(124, 92, 255, 0)
  ) !important;
}

/* Header de cada opinión */
.gt-product-review-card__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
  margin-bottom: 14px !important;
}

/* Estrellas de la card: visibles pero no gigantes */
.gt-product-review-card__rating .gt-rating-stars {
  font-size: 13px !important;
  letter-spacing: .13em !important;
}

/* Autor y fecha más elegantes */
.gt-product-review-card__identity {
  justify-items: end !important;
  text-align: right !important;
  gap: 4px !important;
}

.gt-product-review-card__identity strong {
  max-width: 220px !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.gt-product-review-card__identity span {
  color: rgba(247, 244, 255, .42) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* Título de opinión */
.gt-product-review-card__title {
  margin: 2px 0 10px !important;
  max-width: 780px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

/* Texto de la opinión */
.gt-product-review-card--editorial .gt-product-review-card__content {
  max-width: 920px !important;
  color: rgba(247, 244, 255, .82) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

.gt-product-review-card--editorial .gt-product-review-card__content p {
  margin: 0 !important;
}

/* Recomendación más integrada dentro de la card */
.gt-product-review-recommendation {
  margin-top: 15px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

/* Footer de card más liviano */
.gt-product-review-card__footer {
  margin-top: 17px !important;
  padding-top: 14px !important;
  border-top-color: rgba(255, 255, 255, .065) !important;
}

/* Badge de estado */
.gt-product-review-verified {
  min-height: 27px !important;
  padding: 0 10px !important;
  font-size: 10.5px !important;
  border-radius: 999px !important;
}

/* Si ya hay recomendación, el footer no necesita explicar tanto */
.gt-product-review-card:has(.gt-product-review-recommendation) .gt-product-review-note {
  display: none !important;
}

.gt-product-review-card:has(.gt-product-review-recommendation) .gt-product-review-card__footer {
  justify-content: flex-start !important;
}

/* Si no hay recomendación, la nota queda más discreta */
.gt-product-review-note {
  max-width: 340px !important;
  opacity: .62 !important;
  color: rgba(247, 244, 255, .38) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

/* Mejora cards antiguas sin título */
.gt-product-review-card:not(:has(.gt-product-review-card__title)) .gt-product-review-card__content {
  margin-top: 2px !important;
}

/* Hover sutil en desktop */
@media (hover: hover) {
  .gt-product-review-card.gt-product-review-card--editorial {
    transition:
      border-color .22s ease,
      background .22s ease,
      transform .22s ease,
      box-shadow .22s ease;
  }

  .gt-product-review-card.gt-product-review-card--editorial:hover {
    transform: translateY(-1px);
    border-color: rgba(124, 92, 255, .24) !important;
    box-shadow:
      0 20px 58px rgba(0, 0, 0, .28),
      inset 0 1px 0 rgba(255, 255, 255, .055);
  }
}

/* Mobile */
@media (max-width: 720px) {
  .gt-product-review-card.gt-product-review-card--editorial {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .gt-product-review-card__head {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .gt-product-review-card__identity {
    justify-items: start !important;
    text-align: left !important;
  }

  .gt-product-review-card__identity strong {
    max-width: 100% !important;
  }

  .gt-product-review-card__title {
    font-size: 17px !important;
  }

  .gt-product-review-card__footer {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .gt-product-review-note {
    max-width: 100% !important;
    text-align: left !important;
  }
}

/* =========================================================
   Gamers Things - Rating Summary Card Polish V5
   Compacta el resumen lateral de opiniones
   ========================================================= */

/* Layout general: la columna izquierda un poco más compacta */
.gt-product-reviews-layout {
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 26px !important;
  align-items: start !important;
}

/* Card lateral más compacta y menos dominante */
.gt-product-rating-card {
  position: sticky;
  top: 112px;
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .12), transparent 38%),
    linear-gradient(145deg, rgba(23, 20, 38, .78), rgba(9, 8, 17, .9)) !important;
  border-color: rgba(255, 255, 255, .09) !important;
}

/* Bloque principal del promedio */
.gt-product-rating-card__main {
  display: grid !important;
  gap: 7px !important;
  padding-bottom: 16px !important;
  margin-bottom: 16px !important;
  border-bottom-color: rgba(255, 255, 255, .075) !important;
}

.gt-product-rating-card__main strong {
  font-size: 44px !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
}

.gt-product-rating-card__main .gt-rating-stars {
  font-size: 13px !important;
  letter-spacing: .12em !important;
}

.gt-product-rating-card__main span:last-child {
  color: rgba(247, 244, 255, .58) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Barras más finas y elegantes */
.gt-product-rating-bars {
  gap: 9px !important;
}

.gt-product-rating-bar {
  grid-template-columns: 28px minmax(0, 1fr) 18px !important;
  gap: 9px !important;
  min-height: 16px !important;
  color: rgba(247, 244, 255, .58) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.gt-product-rating-bar span {
  color: rgba(247, 244, 255, .68) !important;
}

.gt-product-rating-bar__track {
  height: 7px !important;
  background: rgba(255, 255, 255, .075) !important;
}

.gt-product-rating-bar__track i {
  background: linear-gradient(90deg, #7c5cff, #a996ff) !important;
  box-shadow: 0 0 18px rgba(124, 92, 255, .22);
}

.gt-product-rating-bar em {
  color: rgba(247, 244, 255, .46) !important;
  font-size: 11px !important;
}

/* Separación más fina entre rating y reviews */
.gt-product-review-list {
  gap: 14px !important;
}

/* Reviews un poco más compactas para que respiren mejor dentro del bloque */
.gt-product-review-card.gt-product-review-card--editorial {
  min-height: 164px !important;
}

/* El acordeón de escribir opinión queda conectado, pero sin gritar */
.gt-product-review-compose {
  margin-top: 18px !important;
  border-color: rgba(124, 92, 255, .18) !important;
}

.gt-product-review-compose__summary {
  min-height: 64px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* Tablets: la card deja de ser sticky */
@media (max-width: 1100px) {
  .gt-product-reviews-layout {
    grid-template-columns: 1fr !important;
  }

  .gt-product-rating-card {
    position: relative !important;
    top: auto !important;
  }
}

/* Mobile: resumen lateral se vuelve horizontal/compacto */
@media (max-width: 720px) {
  .gt-product-rating-card {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .gt-product-rating-card__main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }

  .gt-product-rating-card__main strong {
    font-size: 38px !important;
  }

  .gt-product-rating-card__main .gt-rating-stars {
    font-size: 12px !important;
  }

  .gt-product-rating-card__main span:last-child {
    text-align: right !important;
  }

  .gt-product-rating-bars {
    gap: 8px !important;
  }
}

/* =========================================================
   Gamers Things - Reviews Rating Summary Top Layout V6
   Mueve la card de rating arriba y deja las reviews full width
   ========================================================= */

/* El layout de reviews pasa de 2 columnas a una sola columna */
.gt-product-reviews-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
  align-items: start !important;
}

/* La card de rating deja de ser lateral/sticky y pasa arriba */
.gt-product-rating-card {
  position: relative !important;
  top: auto !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: stretch !important;

  display: grid !important;
  grid-template-columns: minmax(190px, 245px) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: center !important;

  padding: 20px 24px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .12), transparent 34%),
    linear-gradient(145deg, rgba(22, 19, 36, .82), rgba(9, 8, 17, .92)) !important;
  border-color: rgba(255, 255, 255, .09) !important;
}

/* Promedio compacto a la izquierda */
.gt-product-rating-card__main {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
  border-bottom: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, .075) !important;
}

.gt-product-rating-card__main strong {
  font-size: 44px !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
}

.gt-product-rating-card__main .gt-rating-stars {
  font-size: 13px !important;
  letter-spacing: .12em !important;
}

.gt-product-rating-card__main span:last-child {
  color: rgba(247, 244, 255, .58) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Barras como dashboard horizontal */
.gt-product-rating-bars {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
}

.gt-product-rating-bar {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 24px !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 15px !important;
  color: rgba(247, 244, 255, .58) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.gt-product-rating-bar span {
  color: rgba(247, 244, 255, .68) !important;
}

.gt-product-rating-bar__track {
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .075) !important;
}

.gt-product-rating-bar__track i {
  border-radius: inherit !important;
  background: linear-gradient(90deg, #7c5cff, #a996ff) !important;
  box-shadow: 0 0 18px rgba(124, 92, 255, .22);
}

.gt-product-rating-bar em {
  color: rgba(247, 244, 255, .46) !important;
  font-size: 11px !important;
  text-align: right !important;
}

/* Las reviews ahora aprovechan todo el ancho */
.gt-product-reviews-main {
  width: 100% !important;
  max-width: none !important;
}

.gt-product-review-list {
  width: 100% !important;
  gap: 16px !important;
}

.gt-product-review-card.gt-product-review-card--editorial {
  width: 100% !important;
  max-width: none !important;
}

/* El compose también queda full width */
.gt-product-review-compose {
  width: 100% !important;
  max-width: none !important;
}

/* Ajuste responsive */
@media (max-width: 820px) {
  .gt-product-rating-card {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 20px !important;
  }

  .gt-product-rating-card__main {
    padding: 0 0 16px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
  }
}

@media (max-width: 720px) {
  .gt-product-rating-card {
    border-radius: 22px !important;
    padding: 18px !important;
  }

  .gt-product-rating-card__main {
    display: grid !important;
  }

  .gt-product-rating-card__main strong {
    font-size: 40px !important;
  }
}

/* =========================================================
   Gamers Things - Reviews Top Summary + Feed Polish V7
   Pulido fino del layout con rating arriba y reviews full width
   ========================================================= */

/* Menos aire interno general en el acordeón abierto */
.gt-product-community-item--reviews .gt-product-community-panel {
  padding-top: 4px !important;
  padding-bottom: 26px !important;
}

/* Rating summary superior más compacto y elegante */
.gt-product-rating-card {
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 22px !important;
  padding: 18px 22px !important;
  border-radius: 22px !important;
}

/* Promedio izquierdo más contenido */
.gt-product-rating-card__main {
  padding-right: 22px !important;
  gap: 6px !important;
}

.gt-product-rating-card__main strong {
  font-size: 42px !important;
}

.gt-product-rating-card__main .gt-rating-stars {
  font-size: 12px !important;
}

.gt-product-rating-card__main span:last-child {
  font-size: 11px !important;
}

/* Barras menos protagonistas */
.gt-product-rating-bars {
  gap: 7px !important;
}

.gt-product-rating-bar {
  grid-template-columns: 30px minmax(0, 1fr) 20px !important;
  min-height: 13px !important;
  gap: 9px !important;
  font-size: 10.5px !important;
}

.gt-product-rating-bar__track {
  height: 6px !important;
  opacity: .92;
}

.gt-product-rating-bar__track i {
  box-shadow: 0 0 14px rgba(124, 92, 255, .18) !important;
}

/* Feed con mejor respiración */
.gt-product-reviews-main {
  display: grid !important;
  gap: 18px !important;
}

.gt-product-review-list {
  gap: 16px !important;
}

/* Cards full width pero con lectura controlada */
.gt-product-review-card.gt-product-review-card--editorial {
  padding: 22px 26px !important;
  border-radius: 24px !important;
  min-height: 0 !important;
}

/* Header de review más balanceado */
.gt-product-review-card__head {
  margin-bottom: 16px !important;
}

/* Autor más discreto */
.gt-product-review-card__identity strong {
  font-size: 12.5px !important;
  opacity: .94;
}

.gt-product-review-card__identity span {
  font-size: 11px !important;
}

/* Título y contenido con ancho de lectura premium */
.gt-product-review-card__title,
.gt-product-review-card--editorial .gt-product-review-card__content,
.gt-product-review-recommendation {
  margin-left: 0 !important;
}

.gt-product-review-card__title {
  max-width: 820px !important;
  margin-bottom: 10px !important;
  font-size: 18px !important;
}

.gt-product-review-card--editorial .gt-product-review-card__content {
  max-width: 940px !important;
  font-size: 14.5px !important;
  line-height: 1.72 !important;
}

/* Cuando no hay título, el texto no debería quedar tan arriba */
.gt-product-review-card:not(:has(.gt-product-review-card__title)) .gt-product-review-card__content {
  margin-top: 8px !important;
}

/* Recomendación más prolija */
.gt-product-review-recommendation {
  margin-top: 16px !important;
  min-height: 29px !important;
}

/* Footer de la review más fino */
.gt-product-review-card__footer {
  margin-top: 18px !important;
  padding-top: 14px !important;
}

.gt-product-review-verified {
  min-height: 26px !important;
}

/* CTA escribir opinión: más secundario, menos bloque pesado */
.gt-product-review-compose {
  margin-top: 18px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(124, 92, 255, .075), rgba(255, 255, 255, .026)) !important;
}

.gt-product-review-compose__summary {
  min-height: 62px !important;
  padding: 14px 20px !important;
}

.gt-product-review-compose__summary strong {
  font-size: 14px !important;
}

.gt-product-review-compose__summary small {
  font-size: 11.5px !important;
}

/* Preguntas más cerca del bloque de opiniones */
.gt-product-community-accordion {
  gap: 18px !important;
}

/* Mobile */
@media (max-width: 820px) {
  .gt-product-rating-card {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }

  .gt-product-rating-card__main {
    padding-right: 0 !important;
  }
}

@media (max-width: 720px) {
  .gt-product-community-item--reviews .gt-product-community-panel {
    padding-bottom: 18px !important;
  }

  .gt-product-rating-card {
    padding: 17px !important;
  }

  .gt-product-review-card.gt-product-review-card--editorial {
    padding: 18px !important;
  }

  .gt-product-review-card--editorial .gt-product-review-card__content {
    font-size: 14px !important;
  }

  .gt-product-review-compose__summary {
    padding: 15px 16px !important;
  }
}

/* =========================================================
   Gamers Things - Rating Stars Anti Double Fix
   Corrige estrellas duplicadas/fantasma en reviews y resumen
   ========================================================= */

.gt-rating-stars {
  position: relative !important;
  display: inline-grid !important;
  width: max-content !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 900 !important;
  font-variant-ligatures: none !important;
  text-rendering: geometricPrecision !important;
  color: transparent !important;
}

.gt-rating-stars__base,
.gt-rating-stars__fill {
  grid-area: 1 / 1 !important;
  display: block !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  height: 1em !important;
  overflow: hidden !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  transform: translateZ(0);
}

.gt-rating-stars__base {
  color: rgba(247, 244, 255, .24) !important;
}

.gt-rating-stars__fill {
  color: #d8d0ff !important;
  width: auto;
}

/* Estrellas dentro del score superior */
.gt-product-community-score .gt-rating-stars {
  font-size: 13px !important;
  letter-spacing: .08em !important;
}

/* Estrellas dentro del resumen de rating */
.gt-product-rating-card .gt-rating-stars {
  font-size: 13px !important;
  letter-spacing: .08em !important;
}

/* Estrellas dentro de cada review */
.gt-product-review-card .gt-rating-stars {
  font-size: 13px !important;
  letter-spacing: .09em !important;
}

/* Evita que reglas viejas vuelvan a posicionar la capa fill en absolute */
.gt-rating-stars__fill {
  position: static !important;
  inset: auto !important;
}

/* =========================================================
   Gamers Things - SVG Rating Stars Final Fix
   Reemplaza estrellas de texto por SVG nítido
   ========================================================= */

.gt-rating-stars.gt-rating-stars--svg {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  width: max-content !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: inherit !important;
}

.gt-rating-stars.gt-rating-stars--svg .gt-rating-star-svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

.gt-rating-star-svg__filled {
  stop-color: #d8d0ff;
}

.gt-rating-star-svg__empty {
  stop-color: rgba(247, 244, 255, .22);
}

/* Score superior */
.gt-product-community-score .gt-rating-stars.gt-rating-stars--svg .gt-rating-star-svg {
  width: 14px !important;
  height: 14px !important;
}

/* Rating summary */
.gt-product-rating-card .gt-rating-stars.gt-rating-stars--svg .gt-rating-star-svg {
  width: 14px !important;
  height: 14px !important;
}

/* Review cards */
.gt-product-review-card .gt-rating-stars.gt-rating-stars--svg .gt-rating-star-svg {
  width: 13px !important;
  height: 13px !important;
}

/* Evita que CSS viejo de estrellas de texto afecte SVG */
.gt-rating-stars.gt-rating-stars--svg .gt-rating-stars__base,
.gt-rating-stars.gt-rating-stars--svg .gt-rating-stars__base,
.gt-rating-stars.gt-rating-stars--svg .gt-rating-stars__fill {
  display: none !important;
}

/* Variante un poco más visible en cards */
.gt-product-review-card .gt-rating-star-svg__filled {
  stop-color: #e5ddff;
}

.gt-product-review-card .gt-rating-star-svg__empty {
  stop-color: rgba(247, 244, 255, .24);
}

/* =========================================================
   Gamers Things - Rating Summary Dashboard Polish V8
   Hace más premium la franja superior de valoraciones
   ========================================================= */

/* Card superior de rating más tipo dashboard */
.gt-product-rating-card {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 250px minmax(0, 1fr) !important;
  gap: 26px !important;
  align-items: center !important;

  padding: 22px 26px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .16), transparent 34%),
    linear-gradient(145deg, rgba(24, 21, 39, .82), rgba(9, 8, 17, .92)) !important;
}

/* Brillo sutil arriba */
.gt-product-rating-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, .16),
    transparent
  );
  opacity: .8;
  pointer-events: none;
}

/* Promedio izquierdo */
.gt-product-rating-card__main {
  position: relative;
  z-index: 1;
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 26px 0 0 !important;
  border-bottom: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, .08) !important;
}

.gt-product-rating-card__main strong {
  font-size: 46px !important;
  line-height: .9 !important;
  letter-spacing: -.065em !important;
  color: #ffffff !important;
}

.gt-product-rating-card__main .gt-rating-stars.gt-rating-stars--svg {
  margin-top: 1px !important;
}

.gt-product-rating-card__main .gt-rating-star-svg {
  width: 13px !important;
  height: 13px !important;
}

.gt-product-rating-card__main span:last-child {
  color: rgba(247, 244, 255, .62) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Área de barras */
.gt-product-rating-bars {
  position: relative;
  z-index: 1;
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 980px !important;
  justify-self: stretch !important;
}

/* Título visual agregado sin tocar PHP */
.gt-product-rating-bars::before {
  content: "Distribución de valoraciones";
  display: block;
  margin-bottom: 3px;
  color: rgba(247, 244, 255, .48);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Filas de barras */
.gt-product-rating-bar {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 24px !important;
  gap: 11px !important;
  align-items: center !important;
  min-height: 14px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.gt-product-rating-bar span {
  color: rgba(247, 244, 255, .68) !important;
}

.gt-product-rating-bar__track {
  position: relative;
  height: 6px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
}

.gt-product-rating-bar__track::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  pointer-events: none;
}

.gt-product-rating-bar__track i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #7c5cff, #b39cff) !important;
  box-shadow: 0 0 16px rgba(124, 92, 255, .20) !important;
}

.gt-product-rating-bar em {
  color: rgba(247, 244, 255, .48) !important;
  font-size: 11px !important;
  font-style: normal !important;
  text-align: right !important;
}

/* Menos sensación de bloque gigante dentro del acordeón */
.gt-product-community-item--reviews .gt-product-community-panel {
  padding-top: 2px !important;
}

/* Separación rating -> reviews */
.gt-product-reviews-layout {
  gap: 18px !important;
}

/* Responsive */
@media (max-width: 900px) {
  .gt-product-rating-card {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 20px !important;
  }

  .gt-product-rating-card__main {
    padding: 0 0 16px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  }

  .gt-product-rating-bars {
    max-width: none !important;
  }
}

@media (max-width: 720px) {
  .gt-product-rating-card {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .gt-product-rating-card__main strong {
    font-size: 40px !important;
  }

  .gt-product-rating-bars::before {
    font-size: 9.5px !important;
  }

  .gt-product-rating-bar {
    grid-template-columns: 28px minmax(0, 1fr) 20px !important;
    gap: 8px !important;
  }
}

/* =========================================================
   Gamers Things - Product Questions Polish V1
   Preguntas como sección premium + form secundario
   ========================================================= */

/* El panel de preguntas pasa a una columna full width */
.gt-product-questions-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  align-items: start !important;
}

/* Empty state más alineado con reviews */
.gt-product-question-list {
  display: grid !important;
  gap: 14px !important;
}

.gt-product-empty-state {
  padding: 22px 24px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(124, 92, 255, .18) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 34%),
    linear-gradient(145deg, rgba(21, 19, 34, .72), rgba(9, 8, 17, .9)) !important;
}

.gt-product-empty-state strong {
  margin-bottom: 7px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.gt-product-empty-state p {
  max-width: 760px !important;
  color: rgba(247, 244, 255, .66) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* Cards de pregunta cuando existan */
.gt-product-question-card {
  position: relative;
  overflow: hidden;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, .095) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 34%),
    linear-gradient(145deg, rgba(21, 19, 34, .84), rgba(9, 8, 17, .92)) !important;
}

.gt-product-question-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(
    180deg,
    rgba(124, 92, 255, .95),
    rgba(124, 92, 255, .35),
    rgba(124, 92, 255, 0)
  );
}

.gt-product-question-card header {
  margin-bottom: 13px !important;
}

.gt-product-question-card header span {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.gt-product-question-card time {
  color: rgba(247, 244, 255, .42) !important;
  font-size: 11px !important;
}

.gt-product-question-card__content {
  max-width: 920px !important;
  color: rgba(247, 244, 255, .82) !important;
  font-size: 14.5px !important;
  line-height: 1.72 !important;
}

/* Respuesta oficial */
.gt-product-answer-list {
  margin-top: 16px !important;
}

.gt-product-answer-card {
  padding: 16px 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(124, 92, 255, .20) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .12), transparent 36%),
    rgba(124, 92, 255, .07) !important;
}

.gt-product-answer-card strong {
  display: block;
  margin-bottom: 7px !important;
  color: #d8d0ff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.gt-product-answer-card p {
  color: rgba(247, 244, 255, .76) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

/* Compose de pregunta: igual lógica que escribir opinión */
.gt-product-question-compose {
  overflow: hidden;
  width: 100%;
  border-radius: 22px;
  border: 1px solid rgba(124, 92, 255, .18);
  background:
    linear-gradient(145deg, rgba(124, 92, 255, .075), rgba(255, 255, 255, .026));
}

.gt-product-question-compose__summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 62px;
  padding: 14px 20px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.gt-product-question-compose__summary::-webkit-details-marker {
  display: none;
}

.gt-product-question-compose__summary::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(255, 255, 255, .62);
  border-bottom: 2px solid rgba(255, 255, 255, .62);
  transform: rotate(45deg);
  transition: transform .22s ease, border-color .22s ease;
  flex: 0 0 auto;
}

.gt-product-question-compose[open] .gt-product-question-compose__summary {
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.gt-product-question-compose[open] .gt-product-question-compose__summary::after {
  transform: rotate(225deg);
  border-color: #a996ff;
}

.gt-product-question-compose__summary span {
  display: grid;
  gap: 4px;
}

.gt-product-question-compose__summary strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}

.gt-product-question-compose__summary small {
  color: rgba(247, 244, 255, .58);
  font-size: 11.5px;
  line-height: 1.4;
}

/* Form de pregunta */
.gt-product-question-compose .gt-product-question-form-card {
  padding: 20px 22px 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 92, 255, .10), transparent 34%),
    linear-gradient(145deg, rgba(20, 18, 34, .80), rgba(10, 9, 18, .92)) !important;
}

.gt-product-question-form-card h3 {
  margin: 0 0 4px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.gt-product-question-form-card > p {
  margin: 0 0 16px !important;
  max-width: 720px !important;
  color: rgba(247, 244, 255, .66) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.gt-product-question-form {
  display: grid !important;
  gap: 15px !important;
}

/* Inputs pregunta */
.gt-product-question-compose .gt-product-question-form input[type="text"],
.gt-product-question-compose .gt-product-question-form input[type="email"],
.gt-product-question-compose .gt-product-question-form textarea {
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 13px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background:
    linear-gradient(145deg, rgba(9, 8, 17, .86), rgba(15, 13, 26, .76)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  outline: none !important;
}

.gt-product-question-compose .gt-product-question-form textarea {
  min-height: 112px !important;
  resize: vertical;
}

.gt-product-question-compose .gt-product-question-form input::placeholder,
.gt-product-question-compose .gt-product-question-form textarea::placeholder {
  color: rgba(247, 244, 255, .38) !important;
}

.gt-product-question-compose .gt-product-question-form input:focus,
.gt-product-question-compose .gt-product-question-form textarea:focus {
  border-color: rgba(124, 92, 255, .72) !important;
  box-shadow:
    0 0 0 4px rgba(124, 92, 255, .14),
    inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

/* Mobile */
@media (max-width: 720px) {
  .gt-product-empty-state,
  .gt-product-question-card {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .gt-product-question-compose__summary {
    padding: 15px 16px !important;
  }

  .gt-product-question-compose .gt-product-question-form-card {
    padding: 17px !important;
  }

  .gt-product-submit-button {
    width: 100%;
  }
}

/* =========================================================
   Gamers Things - Review Compose Header Copy Polish
   ========================================================= */

.gt-product-review-compose__summary strong {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.gt-product-review-compose__summary small {
  max-width: 620px;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: rgba(247, 244, 255, .62) !important;
}

.gt-product-review-compose .gt-product-review-form-wrap {
  padding-top: 20px !important;
}

/* =========================================================
   Gamers Things - Product Community Brand Alignment V9
   Títulos + reducción de violeta general
   ========================================================= */

#gt-product-community.gt-product-community-section {
  color: #f4f5fb;
}

/* Header general del bloque: más alineado al resto del sitio */
#gt-product-community .gt-product-community-head {
  align-items: end !important;
  margin-bottom: 28px !important;
}

#gt-product-community .gt-product-community-kicker {
  margin: 0 0 10px !important;
  color: rgba(168, 146, 255, .82) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

#gt-product-community .gt-product-community-head h2 {
  max-width: 780px !important;
  margin: 0 !important;
  color: #f7f7fb !important;
  font-size: clamp(31px, 3vw, 42px) !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
}

#gt-product-community .gt-product-community-head p:not(.gt-product-community-kicker) {
  max-width: 760px !important;
  margin-top: 14px !important;
  color: rgba(244, 245, 251, .68) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* Score superior: menos violeta, más premium oscuro */
#gt-product-community .gt-product-community-score {
  border-color: rgba(255, 255, 255, .10) !important;
  background:
    linear-gradient(145deg, rgba(18, 19, 30, .92), rgba(8, 9, 16, .96)) !important;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

#gt-product-community .gt-product-community-score__number {
  color: #ffffff !important;
}

#gt-product-community .gt-product-community-score__meta span:last-child {
  color: rgba(244, 245, 251, .58) !important;
}

/* Acordeones principales: menos violeta de fondo */
#gt-product-community .gt-product-community-item {
  border-color: rgba(255, 255, 255, .09) !important;
  background:
    linear-gradient(145deg, rgba(15, 16, 26, .92), rgba(7, 8, 15, .96)) !important;
  box-shadow:
    0 22px 64px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

#gt-product-community .gt-product-community-item[open] {
  border-color: rgba(124, 92, 255, .24) !important;
}

/* Títulos internos del acordeón */
#gt-product-community .gt-product-community-summary {
  padding-top: 22px !important;
  padding-bottom: 18px !important;
}

#gt-product-community .gt-product-community-summary strong {
  color: #f7f7fb !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
}

#gt-product-community .gt-product-community-summary small {
  margin-top: 2px !important;
  color: rgba(244, 245, 251, .58) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Badge contador: violeta como acento, no como bloque fuerte */
#gt-product-community .gt-product-community-badge {
  background: rgba(124, 92, 255, .13) !important;
  border-color: rgba(124, 92, 255, .22) !important;
  color: rgba(225, 218, 255, .92) !important;
}

/* Rating dashboard: más neutral */
#gt-product-community .gt-product-rating-card {
  border-color: rgba(255, 255, 255, .085) !important;
  background:
    linear-gradient(145deg, rgba(18, 19, 30, .86), rgba(8, 9, 16, .94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 16px 48px rgba(0, 0, 0, .20) !important;
}

#gt-product-community .gt-product-rating-card::before {
  opacity: .42 !important;
}

#gt-product-community .gt-product-rating-bars::before {
  color: rgba(244, 245, 251, .40) !important;
  letter-spacing: .16em !important;
}

#gt-product-community .gt-product-rating-card__main {
  border-right-color: rgba(255, 255, 255, .075) !important;
}

#gt-product-community .gt-product-rating-bar__track {
  background: rgba(255, 255, 255, .075) !important;
}

#gt-product-community .gt-product-rating-bar__track i {
  background: linear-gradient(90deg, #7c5cff, #9f86ff) !important;
  box-shadow: 0 0 14px rgba(124, 92, 255, .16) !important;
}

/* Review cards: fondo más oscuro, violeta solo en línea lateral */
#gt-product-community .gt-product-review-card.gt-product-review-card--editorial,
#gt-product-community .gt-product-question-card {
  border-color: rgba(255, 255, 255, .085) !important;
  background:
    linear-gradient(145deg, rgba(16, 17, 27, .90), rgba(7, 8, 15, .96)) !important;
  box-shadow:
    0 18px 52px rgba(0, 0, 0, .20),
    inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

#gt-product-community .gt-product-review-card.gt-product-review-card--editorial::before,
#gt-product-community .gt-product-question-card::before {
  width: 2px !important;
  background: linear-gradient(
    180deg,
    rgba(124, 92, 255, .88),
    rgba(124, 92, 255, .28),
    rgba(124, 92, 255, 0)
  ) !important;
}

/* Títulos de reviews */
#gt-product-community .gt-product-review-card__title {
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.24 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
}

#gt-product-community .gt-product-review-card--editorial .gt-product-review-card__content,
#gt-product-community .gt-product-question-card__content {
  color: rgba(244, 245, 251, .80) !important;
}

#gt-product-community .gt-product-review-card__identity strong {
  color: rgba(255, 255, 255, .88) !important;
}

#gt-product-community .gt-product-review-card__identity span,
#gt-product-community .gt-product-question-card time {
  color: rgba(244, 245, 251, .42) !important;
}

/* Badges más discretos */
#gt-product-community .gt-product-review-verified {
  background: rgba(124, 92, 255, .10) !important;
  border-color: rgba(124, 92, 255, .18) !important;
  color: rgba(222, 215, 255, .88) !important;
}

#gt-product-community .gt-product-review-recommendation.is-positive {
  background: rgba(37, 185, 113, .095) !important;
  border-color: rgba(37, 185, 113, .20) !important;
  color: #8ee8b3 !important;
}

/* Compose opinión y preguntas: menos violeta de fondo */
#gt-product-community .gt-product-review-compose,
#gt-product-community .gt-product-question-compose {
  border-color: rgba(255, 255, 255, .085) !important;
  background:
    linear-gradient(145deg, rgba(17, 18, 28, .88), rgba(8, 9, 16, .94)) !important;
}

#gt-product-community .gt-product-review-compose[open],
#gt-product-community .gt-product-question-compose[open] {
  border-color: rgba(124, 92, 255, .22) !important;
}

#gt-product-community .gt-product-review-compose__summary strong,
#gt-product-community .gt-product-question-compose__summary strong {
  color: #f7f7fb !important;
}

#gt-product-community .gt-product-review-compose__summary small,
#gt-product-community .gt-product-question-compose__summary small {
  color: rgba(244, 245, 251, .58) !important;
}

#gt-product-community .gt-product-review-compose .gt-product-review-form-wrap,
#gt-product-community .gt-product-question-compose .gt-product-question-form-card {
  background:
    linear-gradient(145deg, rgba(16, 17, 27, .86), rgba(7, 8, 15, .94)) !important;
}

/* Login pill e inputs: más oscuros, menos violetas */
#gt-product-community .gt-product-review-form .logged-in-as {
  background: rgba(255, 255, 255, .035) !important;
  border-color: rgba(255, 255, 255, .085) !important;
  color: rgba(244, 245, 251, .62) !important;
}

#gt-product-community .gt-product-review-form .logged-in-as a {
  color: rgba(216, 208, 255, .88) !important;
}

#gt-product-community .gt-product-review-compose .gt-product-review-form input[type="text"],
#gt-product-community .gt-product-review-compose .gt-product-review-form input[type="email"],
#gt-product-community .gt-product-review-compose .gt-product-review-form select,
#gt-product-community .gt-product-review-compose .gt-product-review-form textarea,
#gt-product-community .gt-product-question-compose .gt-product-question-form input[type="text"],
#gt-product-community .gt-product-question-compose .gt-product-question-form input[type="email"],
#gt-product-community .gt-product-question-compose .gt-product-question-form textarea {
  background:
    linear-gradient(145deg, rgba(6, 7, 13, .92), rgba(11, 12, 20, .86)) !important;
  border-color: rgba(255, 255, 255, .09) !important;
  color: #ffffff !important;
}

#gt-product-community .gt-product-review-compose .gt-product-review-form input:focus,
#gt-product-community .gt-product-review-compose .gt-product-review-form textarea:focus,
#gt-product-community .gt-product-question-compose .gt-product-question-form input:focus,
#gt-product-community .gt-product-question-compose .gt-product-question-form textarea:focus {
  border-color: rgba(124, 92, 255, .48) !important;
  box-shadow:
    0 0 0 3px rgba(124, 92, 255, .10),
    inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

/* Botones radio de recomendación más neutros */
#gt-product-community .gt-review-recommend-options span {
  background: rgba(255, 255, 255, .035) !important;
  border-color: rgba(255, 255, 255, .09) !important;
  color: rgba(244, 245, 251, .70) !important;
}

#gt-product-community .gt-review-recommend-options input:checked + span {
  background: rgba(124, 92, 255, .12) !important;
  border-color: rgba(124, 92, 255, .36) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(124, 92, 255, .08) !important;
}

/* Empty state de preguntas */
#gt-product-community .gt-product-empty-state {
  border-color: rgba(255, 255, 255, .085) !important;
  background:
    linear-gradient(145deg, rgba(16, 17, 27, .88), rgba(7, 8, 15, .95)) !important;
}

/* Botón principal: mantenemos violeta porque es CTA */
#gt-product-community .gt-product-submit-button,
#gt-product-community .gt-product-review-form .form-submit input[type="submit"] {
  background: linear-gradient(135deg, #7c5cff, #9d83ff) !important;
  box-shadow: 0 14px 34px rgba(124, 92, 255, .22) !important;
}

/* =========================================================
   Gamers Things - Product Question Notice States
   ========================================================= */

#gt-product-community .gt-product-notice {
  border-color: rgba(124, 92, 255, .20) !important;
  background:
    linear-gradient(145deg, rgba(124, 92, 255, .10), rgba(255, 255, 255, .025)) !important;
}

#gt-product-community .gt-product-notice--error {
  border-color: rgba(255, 92, 92, .20) !important;
  background:
    linear-gradient(145deg, rgba(255, 92, 92, .085), rgba(255, 255, 255, .025)) !important;
}

#gt-product-community .gt-product-notice--error strong {
  color: #ffb4b4 !important;
}

/* =========================================================
   Gamers Things - Reviews Show More V1
   Muestra 3 opiniones y permite expandir el resto
   ========================================================= */

#gt-product-community .gt-product-review-list:not(.is-expanded) .gt-product-review-card:nth-child(n+4) {
  display: none !important;
}

#gt-product-community .gt-product-review-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

#gt-product-community .gt-product-review-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .10);
  background:
    linear-gradient(145deg, rgba(17, 18, 28, .88), rgba(8, 9, 16, .94));
  color: rgba(244, 245, 251, .86);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -.01em;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 12px 30px rgba(0, 0, 0, .20);
  transition:
    border-color .2s ease,
    color .2s ease,
    background .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

#gt-product-community .gt-product-review-more-button:hover {
  transform: translateY(-1px);
  color: #ffffff;
  border-color: rgba(124, 92, 255, .30);
  background:
    linear-gradient(145deg, rgba(22, 23, 35, .92), rgba(10, 11, 18, .96));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 16px 38px rgba(0, 0, 0, .26);
}

#gt-product-community .gt-product-review-more-button:focus-visible {
  outline: none;
  border-color: rgba(124, 92, 255, .52);
  box-shadow:
    0 0 0 4px rgba(124, 92, 255, .12),
    0 16px 38px rgba(0, 0, 0, .26);
}

@media (max-width: 720px) {
  #gt-product-community .gt-product-review-more-wrap {
    margin-top: 16px;
  }

  #gt-product-community .gt-product-review-more-button {
    width: 100%;
  }
}

/* =========================================================
   Gamers Things - Questions Show More V1
   Muestra 3 preguntas y permite expandir el resto
   ========================================================= */

#gt-product-community .gt-product-question-list:not(.is-expanded) .gt-product-question-card:nth-child(n+4) {
  display: none !important;
}

#gt-product-community .gt-product-question-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

#gt-product-community .gt-product-question-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .10);
  background:
    linear-gradient(145deg, rgba(17, 18, 28, .88), rgba(8, 9, 16, .94));
  color: rgba(244, 245, 251, .86);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -.01em;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 12px 30px rgba(0, 0, 0, .20);
  transition:
    border-color .2s ease,
    color .2s ease,
    background .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

#gt-product-community .gt-product-question-more-button:hover {
  transform: translateY(-1px);
  color: #ffffff;
  border-color: rgba(124, 92, 255, .30);
  background:
    linear-gradient(145deg, rgba(22, 23, 35, .92), rgba(10, 11, 18, .96));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 16px 38px rgba(0, 0, 0, .26);
}

#gt-product-community .gt-product-question-more-button:focus-visible {
  outline: none;
  border-color: rgba(124, 92, 255, .52);
  box-shadow:
    0 0 0 4px rgba(124, 92, 255, .12),
    0 16px 38px rgba(0, 0, 0, .26);
}

@media (max-width: 720px) {
  #gt-product-community .gt-product-question-more-wrap {
    margin-top: 16px;
  }

  #gt-product-community .gt-product-question-more-button {
    width: 100%;
  }
}

/* =========================================================
   Gamers Things - Product Community Header Title Match
   Alinea el título con bloques como Características destacadas
   ========================================================= */

#gt-product-community .gt-product-community-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 28px !important;
  margin-bottom: 26px !important;
}

/* Ocultamos kicker si quedó en el HTML */
#gt-product-community .gt-product-community-kicker {
  display: none !important;
}

/* Título principal del bloque */
#gt-product-community .gt-product-community-head h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(28px, 2.7vw, 38px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  text-transform: none !important;
}

/* Bajada simple, más discreta */
#gt-product-community .gt-product-community-head p:not(.gt-product-community-kicker) {
  max-width: 620px !important;
  margin: 10px 0 0 !important;
  color: rgba(244, 245, 251, .60) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

/* Score acompaña, no compite con el título */
#gt-product-community .gt-product-community-score {
  width: 230px !important;
  min-width: 230px !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;
}

#gt-product-community .gt-product-community-score__number {
  font-size: 38px !important;
  line-height: .95 !important;
}

#gt-product-community .gt-product-community-score__meta {
  gap: 6px !important;
}

#gt-product-community .gt-product-community-score__meta span:last-child {
  font-size: 11.5px !important;
}

/* Mobile */
@media (max-width: 820px) {
  #gt-product-community .gt-product-community-head {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin-bottom: 22px !important;
  }

  #gt-product-community .gt-product-community-score {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 720px) {
  #gt-product-community .gt-product-community-head h2 {
    font-size: 28px !important;
    line-height: 1.08 !important;
  }

  #gt-product-community .gt-product-community-head p:not(.gt-product-community-kicker) {
    font-size: 13.5px !important;
  }
}

/* =========================================================
   Gamers Things - Hero Product Rating Inline V1
   Rating junto al título, estilo referencia
   ========================================================= */

.single-product .gt-product-title-rating-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 16px;
}

.single-product .gt-product-title-rating-row .product-title-container {
  min-width: 0;
  margin: 0 !important;
}

.single-product .gt-product-title-rating-row .product-title {
  margin: 0 !important;
}

/* Rating inline */
.single-product .gt-hero-product-rating {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}

/* Oculta el texto interno de WooCommerce sin romper accesibilidad */
.single-product .gt-hero-product-rating .star-rating span {
  overflow: hidden;
}

/* Stars WooCommerce inline */
.single-product .gt-hero-product-rating .star-rating {
  display: inline-block !important;
  float: none !important;
  width: 82px !important;
  height: 16px !important;
  margin: 0 !important;
  line-height: 16px !important;
  font-size: 15px !important;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, .22) !important;
}

.single-product .gt-hero-product-rating .star-rating::before {
  color: rgba(255, 255, 255, .22) !important;
}

.single-product .gt-hero-product-rating .star-rating span::before {
  color: #f26a3d !important;
}

/* Número 5,0 */
.single-product .gt-hero-rating-value {
  color: rgba(244, 245, 251, .76);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

/* Count */
.single-product .gt-hero-rating-count {
  color: rgba(244, 245, 251, .58) !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
}

.single-product .gt-hero-rating-count:hover {
  color: #ffffff !important;
}

/* Escribir opinión */
.single-product .gt-hero-write-review-link {
  color: rgba(244, 245, 251, .68) !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(244, 245, 251, .28);
  transition:
    color .18s ease,
    text-decoration-color .18s ease;
}

.single-product .gt-hero-write-review-link:hover {
  color: #ffffff !important;
  text-decoration-color: rgba(124, 92, 255, .55);
}

/* Evita que quede el rating viejo con margen extraño si WooCommerce le mete estilos */
.single-product .gt-hero-product-rating::before,
.single-product .gt-hero-product-rating::after {
  display: none !important;
  content: none !important;
}

/* Mobile / tablet */
@media (max-width: 900px) {
  .single-product .gt-product-title-rating-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 16px;
  }

  .single-product .gt-hero-product-rating {
    justify-content: flex-start;
  }
}

@media (max-width: 520px) {
  .single-product .gt-hero-product-rating {
    flex-wrap: wrap;
    row-gap: 7px;
  }

  .single-product .gt-hero-write-review-link {
    flex-basis: 100%;
  }
}

/* =========================================================
   Gamers Things - Hero Product Rating beside Publisher V2
   Rating alineado con publisher, no con h1
   ========================================================= */

.single-product .gt-product-publisher-rating-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  margin: 0 0 10px;
}

/* Publisher izquierda */
.single-product .gt-product-publisher-rating-row .gt-product-publisher {
  min-width: 0;
  margin: 0 !important;
}

.single-product .gt-product-publisher-rating-row .gt-product-publisher a {
  display: inline-flex;
  align-items: center;
  color: rgba(244, 245, 251, .56) !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
}

.single-product .gt-product-publisher-rating-row .gt-product-publisher a:hover {
  color: #ffffff !important;
}

/* Evita efectos del layout anterior junto al título */
.single-product .gt-product-title-rating-row {
  display: block !important;
  margin: 0 !important;
}

.single-product .gt-product-title-rating-row .product-title-container {
  margin: 0 !important;
}

/* Rating derecha */
.single-product .gt-hero-product-rating {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}

/* Stars WooCommerce */
.single-product .gt-hero-product-rating .star-rating {
  display: inline-block !important;
  float: none !important;
  width: 82px !important;
  height: 16px !important;
  margin: 0 !important;
  line-height: 16px !important;
  font-size: 15px !important;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, .22) !important;
}

.single-product .gt-hero-product-rating .star-rating::before {
  color: rgba(255, 255, 255, .22) !important;
}

.single-product .gt-hero-product-rating .star-rating span::before {
  color: #f26a3d !important;
}

/* Número rating */
.single-product .gt-hero-rating-value {
  color: rgba(244, 245, 251, .68);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

/* Count */
.single-product .gt-hero-rating-count {
  color: rgba(244, 245, 251, .54) !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
}

.single-product .gt-hero-rating-count:hover {
  color: #ffffff !important;
}

/* Escribir opinión */
.single-product .gt-hero-write-review-link {
  color: rgba(244, 245, 251, .64) !important;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-color: rgba(244, 245, 251, .26) !important;
  transition:
    color .18s ease,
    text-decoration-color .18s ease;
}

.single-product .gt-hero-write-review-link:hover {
  color: #ffffff !important;
  text-decoration-color: rgba(124, 92, 255, .50) !important;
}

.single-product .gt-hero-product-rating::before,
.single-product .gt-hero-product-rating::after {
  display: none !important;
  content: none !important;
}

/* Mobile / tablet */
@media (max-width: 900px) {
  .single-product .gt-product-publisher-rating-row {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 9px;
    margin-bottom: 12px;
  }

  .single-product .gt-hero-product-rating {
    justify-content: flex-start;
  }
}

@media (max-width: 520px) {
  .single-product .gt-hero-product-rating {
    flex-wrap: wrap;
    row-gap: 7px;
  }

  .single-product .gt-hero-write-review-link {
    flex-basis: 100%;
  }
}

/* =========================================================
   Gamers Things - Hero Rating Brand Polish V3
   Rating alineado con publisher + estrellas más finas
   ========================================================= */

.single-product .gt-product-publisher-rating-row {
  margin-bottom: 12px !important;
}

/* Rating general más compacto */
.single-product .gt-hero-product-rating {
  gap: 7px !important;
  opacity: .96;
}

/* Estrellas más chicas y menos gritadas */
.single-product .gt-hero-product-rating .star-rating {
  width: 70px !important;
  height: 13px !important;
  line-height: 13px !important;
  font-size: 13px !important;
  letter-spacing: .7px !important;
  transform: translateY(-1px);
}

/* Estrellas vacías */
.single-product .gt-hero-product-rating .star-rating::before {
  color: rgba(244, 245, 251, .18) !important;
}

/* Estrellas llenas: naranja GT más controlado */
.single-product .gt-hero-product-rating .star-rating span::before {
  color: #f26a3d !important;
}

/* Número rating */
.single-product .gt-hero-rating-value {
  color: rgba(244, 245, 251, .68) !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Count */
.single-product .gt-hero-rating-count {
  color: rgba(244, 245, 251, .48) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

/* Link escribir opinión más premium, menos subrayado fuerte */
.single-product .gt-hero-write-review-link {
  color: rgba(244, 245, 251, .58) !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(244, 245, 251, .20) !important;
}

.single-product .gt-hero-write-review-link:hover {
  color: #ffffff !important;
  text-decoration-color: rgba(124, 92, 255, .42) !important;
}

/* Separador visual suave entre count y escribir opinión */
.single-product .gt-hero-rating-count::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-left: 8px;
  background: rgba(244, 245, 251, .16);
  vertical-align: -1px;
}

/* Mobile */
@media (max-width: 520px) {
  .single-product .gt-hero-product-rating .star-rating {
    width: 66px !important;
    font-size: 12.5px !important;
  }

  .single-product .gt-hero-rating-value,
  .single-product .gt-hero-rating-count,
  .single-product .gt-hero-write-review-link {
    font-size: 11px !important;
  }
}

/* =========================================================
   Gamers Things - Hero Rating Stars Brand Color
   ========================================================= */

/* Estrellas vacías */
.single-product .gt-hero-product-rating .star-rating::before {
  color: rgba(244, 245, 251, .20) !important;
}

/* Estrellas llenas - identidad Gamers Things */
.single-product .gt-hero-product-rating .star-rating span::before {
  color: #a996ff !important;
}

/* Número rating */
.single-product .gt-hero-rating-value {
  color: rgba(244, 245, 251, .68) !important;
}

/* Count */
.single-product .gt-hero-rating-count {
  color: rgba(244, 245, 251, .48) !important;
}

/* Link escribir opinión */
.single-product .gt-hero-write-review-link {
  color: rgba(244, 245, 251, .58) !important;
  text-decoration-color: rgba(169, 150, 255, .28) !important;
}

.single-product .gt-hero-write-review-link:hover {
  color: #ffffff !important;
  text-decoration-color: rgba(169, 150, 255, .62) !important;
}

/* =========================================================
   Gamers Things - Product Community Mobile Full Row Fix
   Fuerza el bloque a respetar el layout mobile real
   ========================================================= */

@media (max-width: 849px) {
  .single-product #gt-product-community.gt-product-community-section {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding-left: 16px !important;
    padding-right: 16px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .single-product #gt-product-community .gt-product-community-shell {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  .single-product #gt-product-community .gt-product-community-head,
  .single-product #gt-product-community .gt-product-community-score,
  .single-product #gt-product-community .gt-product-community-accordion,
  .single-product #gt-product-community .gt-product-community-item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .single-product #gt-product-community .gt-product-community-head {
    margin-bottom: 20px !important;
  }

  .single-product #gt-product-community .gt-product-community-head h2 {
    font-size: 27px !important;
    line-height: 1.08 !important;
  }

  .single-product #gt-product-community .gt-product-community-head p:not(.gt-product-community-kicker) {
    max-width: 100% !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  .single-product #gt-product-community .gt-product-community-score {
    border-radius: 20px !important;
  }

  .single-product #gt-product-community .gt-product-community-item {
    border-radius: 22px !important;
  }

  .single-product #gt-product-community .gt-product-community-summary {
    padding: 18px 18px !important;
  }

  .single-product #gt-product-community .gt-product-community-panel {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 16px !important;
  }

  .single-product #gt-product-community .gt-product-rating-card,
  .single-product #gt-product-community .gt-product-review-card.gt-product-review-card--editorial,
  .single-product #gt-product-community .gt-product-question-card,
  .single-product #gt-product-community .gt-product-review-compose,
  .single-product #gt-product-community .gt-product-question-compose,
  .single-product #gt-product-community .gt-product-empty-state {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 390px) {
  .single-product #gt-product-community.gt-product-community-section {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .single-product #gt-product-community .gt-product-community-panel {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* =========================================================
   Gamers Things - Hero Rating Mobile Same Row Fix
   Publisher + rating en la misma línea también en mobile
   ========================================================= */

@media (max-width: 900px) {
  .single-product .gt-product-publisher-rating-row {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 10px !important;
  }

  .single-product .gt-product-publisher-rating-row .gt-product-publisher {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .single-product .gt-product-publisher-rating-row .gt-product-publisher a {
    font-size: 9.5px !important;
    letter-spacing: .18em !important;
    white-space: nowrap !important;
  }

  .single-product .gt-hero-product-rating {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 5px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    transform: translateY(-1px);
  }

  .single-product .gt-hero-product-rating .star-rating {
    width: 60px !important;
    height: 12px !important;
    line-height: 12px !important;
    font-size: 11.5px !important;
    letter-spacing: .55px !important;
  }

  .single-product .gt-hero-rating-value,
  .single-product .gt-hero-rating-count,
  .single-product .gt-hero-write-review-link {
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  .single-product .gt-hero-rating-count::after {
    height: 9px !important;
    margin-left: 6px !important;
  }

  .single-product .gt-hero-write-review-link {
    flex-basis: auto !important;
    white-space: nowrap !important;
  }
}

/* Mobile chico: ultra compacto para que no salte de línea */
@media (max-width: 390px) {
  .single-product .gt-product-publisher-rating-row {
    gap: 8px !important;
  }

  .single-product .gt-hero-product-rating {
    gap: 4px !important;
  }

  .single-product .gt-hero-product-rating .star-rating {
    width: 54px !important;
    font-size: 10.8px !important;
    letter-spacing: .45px !important;
  }

  .single-product .gt-hero-rating-value,
  .single-product .gt-hero-rating-count,
  .single-product .gt-hero-write-review-link {
    font-size: 10px !important;
  }
}

/* =========================================================
   Gamers Things - Product Editions Row Width Polish
   Achica el row de cards dentro del layout general
   ========================================================= */

@media (min-width: 850px) {
  body.single-product .gt-product-editions-row-wide {
    --gt-editions-container: 1135px !important;
  }

  body.single-product .gt-product-editions-row-wide .gt-product-editions,
  body.single-product .gt-product-editions-row-wide .gt-product-editions-header,
  body.single-product .gt-product-editions-row-wide .gt-product-editions-grid {
    max-width: 1135px !important;
  }

  body.single-product .gt-product-editions-row-wide .gt-product-editions-grid {
    gap: 24px !important;
  }
}

/* =========================================================
   Gamers Things - Description Card Mobile Alignment Hard Fix
   Corrige inset interno de la card "Sobre el juego" en mobile
   ========================================================= */

@media only screen and (max-width: 849px) {

  html body.single-product section.gt-product-description-section > div.gt-product-premium-description,
  html body.single-product section.gt-product-description-section > .gt-product-premium-description.is-overlay-strong {
    width: calc(100% + 32px) !important;
    max-width: calc(100% + 32px) !important;

    margin-left: -16px !important;
    margin-right: -16px !important;

    box-sizing: border-box !important;
  }

  html body.single-product section.gt-product-description-section > div.gt-product-premium-description .gt-product-premium-description-inner,
  html body.single-product section.gt-product-description-section > .gt-product-premium-description.is-overlay-strong .gt-product-premium-description-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}

@media only screen and (max-width: 390px) {

  html body.single-product section.gt-product-description-section > div.gt-product-premium-description,
  html body.single-product section.gt-product-description-section > .gt-product-premium-description.is-overlay-strong {
    width: calc(100% + 28px) !important;
    max-width: calc(100% + 28px) !important;

    margin-left: -14px !important;
    margin-right: -14px !important;
  }

  html body.single-product section.gt-product-description-section > div.gt-product-premium-description .gt-product-premium-description-inner,
  html body.single-product section.gt-product-description-section > .gt-product-premium-description.is-overlay-strong .gt-product-premium-description-inner {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* =========================================================
   Gamers Things - Product Page Vertical Rhythm V1
   Normaliza espacios entre bloques de la página de producto
   ========================================================= */

body.single-product {
  --gt-product-space-xs: 28px;
  --gt-product-space-sm: 40px;
  --gt-product-space-md: 56px;
  --gt-product-space-lg: 72px;
  --gt-product-space-xl: 86px;

  --gt-product-space-mobile-xs: 22px;
  --gt-product-space-mobile-sm: 32px;
  --gt-product-space-mobile-md: 44px;
  --gt-product-space-mobile-lg: 54px;
  --gt-product-space-mobile-xl: 60px;
}

/* Reset general: evita suma de márgenes entre bloques custom */
body.single-product .gt-product-features-section,
body.single-product .gt-product-editions-row-wide,
body.single-product .gt-product-community-section,
body.single-product .gt-product-faq-section,
body.single-product .gt-product-faq,
body.single-product .gt-product-technical-section,
body.single-product .gt-product-tech-section,
body.single-product .gt-product-info-section,
body.single-product .gt-product-related-section,
body.single-product .gt-product-cross-sells-section,
body.single-product .gt-product-similar-section,
body.single-product .gt-product-blog-section,
body.single-product .gt-product-editorial-section,
body.single-product .gt-product-description-section,
body.single-product .gt-product-overview-section {
  margin-bottom: 0 !important;
}

/* =========================================================
   01. Hero hacia bloque editorial / descripción larga
   ========================================================= */

body.single-product .product-main + .gt-product-editorial-section,
body.single-product .product-main + .gt-product-description-section,
body.single-product .product-main + .gt-product-overview-section,
body.single-product .product-main + section[class*="gt-product"][class*="description"],
body.single-product .product-main + section[class*="gt-product"][class*="overview"] {
  margin-top: var(--gt-product-space-lg) !important;
}

/* Fallback cuando el primer bloque custom viene después del product-footer */
body.single-product .product-footer > .gt-product-editorial-section:first-child,
body.single-product .product-footer > .gt-product-description-section:first-child,
body.single-product .product-footer > .gt-product-overview-section:first-child {
  margin-top: var(--gt-product-space-lg) !important;
}

/* =========================================================
   02. Bloque editorial / presentación hacia Features
   ========================================================= */

body.single-product .gt-product-editorial-section + .gt-product-features-section,
body.single-product .gt-product-description-section + .gt-product-features-section,
body.single-product .gt-product-overview-section + .gt-product-features-section,
body.single-product section[class*="description"] + .gt-product-features-section,
body.single-product section[class*="overview"] + .gt-product-features-section {
  margin-top: var(--gt-product-space-xl) !important;
}

/* Si Features no tiene bloque editorial inmediatamente antes */
body.single-product .gt-product-features-section {
  margin-top: var(--gt-product-space-xl) !important;
}

/* Pero evitamos doble aire si ya viene controlado por un sibling directo */
body.single-product .gt-product-editorial-section + .gt-product-features-section,
body.single-product .gt-product-description-section + .gt-product-features-section,
body.single-product .gt-product-overview-section + .gt-product-features-section {
  margin-top: var(--gt-product-space-xl) !important;
}

/* =========================================================
   03. Features hacia Ediciones
   ========================================================= */

body.single-product .gt-product-features-section + .gt-product-editions-row-wide,
body.single-product .gt-product-features-section ~ .gt-product-editions-row-wide {
  margin-top: var(--gt-product-space-lg) !important;
}

/* =========================================================
   04. Ediciones hacia Cross-sell / similares
   ========================================================= */

body.single-product .gt-product-editions-row-wide + .gt-product-related-section,
body.single-product .gt-product-editions-row-wide + .gt-product-cross-sells-section,
body.single-product .gt-product-editions-row-wide + .gt-product-similar-section,
body.single-product .gt-product-editions-row-wide + section[class*="related"],
body.single-product .gt-product-editions-row-wide + section[class*="similar"],
body.single-product .gt-product-editions-row-wide + section[class*="cross"] {
  margin-top: var(--gt-product-space-xl) !important;
}

/* =========================================================
   05. Cross-sell / similares hacia información técnica
   ========================================================= */

body.single-product .gt-product-related-section + .gt-product-technical-section,
body.single-product .gt-product-related-section + .gt-product-tech-section,
body.single-product .gt-product-related-section + .gt-product-info-section,
body.single-product .gt-product-cross-sells-section + .gt-product-technical-section,
body.single-product .gt-product-cross-sells-section + .gt-product-tech-section,
body.single-product .gt-product-cross-sells-section + .gt-product-info-section,
body.single-product .gt-product-similar-section + .gt-product-technical-section,
body.single-product .gt-product-similar-section + .gt-product-tech-section,
body.single-product .gt-product-similar-section + .gt-product-info-section,
body.single-product section[class*="related"] + section[class*="technical"],
body.single-product section[class*="similar"] + section[class*="technical"],
body.single-product section[class*="cross"] + section[class*="technical"] {
  margin-top: var(--gt-product-space-lg) !important;
}

/* =========================================================
   06. Información técnica hacia FAQ
   ========================================================= */

body.single-product .gt-product-technical-section + .gt-product-faq-section,
body.single-product .gt-product-tech-section + .gt-product-faq-section,
body.single-product .gt-product-info-section + .gt-product-faq-section,
body.single-product .gt-product-technical-section + .gt-product-faq,
body.single-product .gt-product-tech-section + .gt-product-faq,
body.single-product .gt-product-info-section + .gt-product-faq,
body.single-product section[class*="technical"] + section[class*="faq"],
body.single-product section[class*="tech"] + section[class*="faq"] {
  margin-top: var(--gt-product-space-md) !important;
}

/* =========================================================
   07. FAQ hacia Comunidad / Opiniones
   ========================================================= */

body.single-product .gt-product-faq-section + .gt-product-community-section,
body.single-product .gt-product-faq + .gt-product-community-section,
body.single-product section[class*="faq"] + .gt-product-community-section {
  margin-top: var(--gt-product-space-xl) !important;
}

/* Comunidad si aparece sin FAQ inmediatamente antes */
body.single-product .gt-product-community-section {
  margin-top: var(--gt-product-space-xl) !important;
}

/* =========================================================
   08. Comunidad hacia Footer
   ========================================================= */

body.single-product .gt-product-community-section {
  margin-bottom: var(--gt-product-space-md) !important;
}

body.single-product .gt-product-community-section + .footer-wrapper,
body.single-product .gt-product-community-section ~ .footer-wrapper {
  margin-top: 0 !important;
}

body.single-product .footer-wrapper {
  margin-top: var(--gt-product-space-sm) !important;
}

/* =========================================================
   Ajustes finos para bloques con wrappers internos
   ========================================================= */

body.single-product .gt-product-editions-row-wide {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.single-product .gt-product-features-section {
  padding-top: 0 !important;
}

body.single-product .gt-product-community-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Evita aire muerto excesivo antes del footer */
body.single-product .product-footer {
  padding-bottom: 0 !important;
}

/* =========================================================
   Mobile Rhythm
   ========================================================= */

@media (max-width: 849px) {
  body.single-product .product-main + .gt-product-editorial-section,
  body.single-product .product-main + .gt-product-description-section,
  body.single-product .product-main + .gt-product-overview-section,
  body.single-product .product-footer > .gt-product-editorial-section:first-child,
  body.single-product .product-footer > .gt-product-description-section:first-child,
  body.single-product .product-footer > .gt-product-overview-section:first-child {
    margin-top: var(--gt-product-space-mobile-lg) !important;
  }

  body.single-product .gt-product-features-section {
    margin-top: var(--gt-product-space-mobile-xl) !important;
  }

  body.single-product .gt-product-features-section + .gt-product-editions-row-wide,
  body.single-product .gt-product-features-section ~ .gt-product-editions-row-wide {
    margin-top: var(--gt-product-space-mobile-lg) !important;
  }

  body.single-product .gt-product-editions-row-wide + .gt-product-related-section,
  body.single-product .gt-product-editions-row-wide + .gt-product-cross-sells-section,
  body.single-product .gt-product-editions-row-wide + .gt-product-similar-section,
  body.single-product .gt-product-editions-row-wide + section[class*="related"],
  body.single-product .gt-product-editions-row-wide + section[class*="similar"],
  body.single-product .gt-product-editions-row-wide + section[class*="cross"] {
    margin-top: var(--gt-product-space-mobile-xl) !important;
  }

  body.single-product .gt-product-related-section + .gt-product-technical-section,
  body.single-product .gt-product-related-section + .gt-product-tech-section,
  body.single-product .gt-product-related-section + .gt-product-info-section,
  body.single-product .gt-product-cross-sells-section + .gt-product-technical-section,
  body.single-product .gt-product-cross-sells-section + .gt-product-tech-section,
  body.single-product .gt-product-cross-sells-section + .gt-product-info-section,
  body.single-product .gt-product-similar-section + .gt-product-technical-section,
  body.single-product .gt-product-similar-section + .gt-product-tech-section,
  body.single-product .gt-product-similar-section + .gt-product-info-section {
    margin-top: var(--gt-product-space-mobile-lg) !important;
  }

  body.single-product .gt-product-technical-section + .gt-product-faq-section,
  body.single-product .gt-product-tech-section + .gt-product-faq-section,
  body.single-product .gt-product-info-section + .gt-product-faq-section,
  body.single-product .gt-product-technical-section + .gt-product-faq,
  body.single-product .gt-product-tech-section + .gt-product-faq,
  body.single-product .gt-product-info-section + .gt-product-faq {
    margin-top: var(--gt-product-space-mobile-md) !important;
  }

  body.single-product .gt-product-faq-section + .gt-product-community-section,
  body.single-product .gt-product-faq + .gt-product-community-section,
  body.single-product section[class*="faq"] + .gt-product-community-section {
    margin-top: var(--gt-product-space-mobile-xl) !important;
  }

  body.single-product .gt-product-community-section {
    margin-top: var(--gt-product-space-mobile-xl) !important;
    margin-bottom: var(--gt-product-space-mobile-md) !important;
  }

  body.single-product .footer-wrapper {
    margin-top: var(--gt-product-space-mobile-sm) !important;
  }
}

/* =========================================================
   Gamers Things - Product Description Header Typography System
   Alinea "Sobre el juego" con el sistema tipográfico global
   ========================================================= */

body.single-product .gt-product-description-section {
  width: min(1145px, calc(100vw - 48px));
  max-width: 1145px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

body.single-product .gt-product-description-header {
  margin: 0 0 24px !important;
  padding: 0 !important;
}

body.single-product .gt-product-description-header::before {
  content: "01 — SOBRE EL JUEGO" !important;
  display: block !important;

  margin: 0 0 10px !important;

  font-family: var(--gt-font-mono) !important;
  font-size: var(--gt-type-micro) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;

  color: var(--gt-text-muted) !important;
}

body.single-product .gt-product-description-header h2 {
  margin: 0 !important;

  font-family: var(--gt-font-display) !important;
  font-size: var(--gt-type-section) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;

  color: var(--gt-text-primary) !important;
}

/* Card descriptiva dentro del nuevo wrapper */
body.single-product .gt-product-description-section .gt-product-premium-description {
  width: 100% !important;
  max-width: 100% !important;

  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;

  left: auto !important;
  right: auto !important;
  transform: none !important;

  box-sizing: border-box !important;
}

/* Headline interno de la card */
body.single-product .gt-product-description-section .gt-product-premium-description-headline {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Aire interno del bloque premium */
body.single-product .gt-product-description-section .gt-product-premium-description-inner {
  padding-top: clamp(58px, 5vw, 82px) !important;
  padding-bottom: clamp(58px, 5vw, 82px) !important;
}

/* Distancia controlada hacia Características */
body.single-product .gt-product-description-section + .gt-product-features-section {
  margin-top: var(--gt-product-space-lg) !important;
}

/* Mobile */
@media (max-width: 849px) {
  body.single-product .gt-product-description-section {
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }

  body.single-product .gt-product-description-header {
    margin-bottom: 18px !important;
  }

  body.single-product .gt-product-description-header::before {
    margin-bottom: 9px !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  body.single-product .gt-product-description-header h2 {
    font-size: 28px !important;
    line-height: 1.08 !important;
  }

  body.single-product .gt-product-description-section .gt-product-premium-description-inner {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  body.single-product .gt-product-description-section + .gt-product-features-section {
    margin-top: var(--gt-product-space-mobile-lg) !important;
  }
}

/* =========================================================
   Gamers Things - Description Header Final Typography Polish
   Ajusta subtítulo y tamaño del título "Sobre el juego"
   ========================================================= */

body.single-product .gt-product-description-header::before {
  content: "01 — DESCRIPCIÓN" !important;

  color: rgba(142, 124, 255, .92) !important;
  font-family: var(--gt-font-mono) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;

  margin: 0 0 10px !important;
}

body.single-product .gt-product-description-header h2 {
  color: rgba(245, 246, 252, .96) !important;
  font-family: var(--gt-font-display) !important;

  font-size: clamp(26px, 1.75vw, 32px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;

  margin: 0 !important;
}

/* Mobile */
@media (max-width: 849px) {
  body.single-product .gt-product-description-header::before {
    font-size: 9.5px !important;
    letter-spacing: .15em !important;
  }

  body.single-product .gt-product-description-header h2 {
    font-size: 26px !important;
    line-height: 1.1 !important;
  }
}

/* =========================================================
   Gamers Things - Description Header Mobile Left Align Fix
   Alinea el título "Sobre el juego" con la card en mobile
   ========================================================= */

@media only screen and (max-width: 849px) {

  body.single-product section.gt-product-description-section > .gt-product-description-header {
    margin-left: -14px !important;
    margin-right: 0 !important;
    width: calc(100% + 8px) !important;
  }
}

@media only screen and (max-width: 390px) {

  body.single-product section.gt-product-description-section > .gt-product-description-header {
    margin-left: -14px !important;
    width: calc(100% + 6px) !important;
  }
}