:root {
    --primary: #0F172A;
    --primary-hover: #1E293B;
    --secondary: #2563EB;
    --secondary-hover: #1D4ED8;
    --accent: #059669;
    --accent-subtle: #ECFDF5;
    --highlight-orange: #F97316;
    --background-primary: #F8FAFC;
    --background-surface: #FFFFFF;
    --background-subtle: #F1F5F9;
    --background-muted: #E2E8F0;
    --text-primary-light: #0F172A;
    --text-secondary-light: #475569;
    --text-muted-light: #94A3B8;
    --text-primary-dark: #FFFFFF;
    --text-secondary-dark: #CBD5E1;
    --text-muted-dark: #94A3B8;
    --border-subtle: #E2E8F0;
    --border-medium: #CBD5E1;
    --border-active: #2563EB;
    --card-background: #FFFFFF;
    --card-background-hover: #FFFFFF;
    --tag-new-bg: #EEF2FF;
    --tag-new-text: #4338CA;
    --tag-sale-bg: #FEF2F2;
    --tag-sale-text: #DC2626;
    --tag-pro-bg: #ECFDF5;
    --tag-pro-text: #047857;
    --font-family-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-family-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-family-body);
    background-color: var(--background-primary);
    color: var(--text-primary-light);
    line-height: 1.6;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-heading);
    letter-spacing: -0.02em;
    color: var(--text-primary-light);
}

a {
    color: var(--secondary);
    text-decoration: none;
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

a:hover {
    color: var(--secondary-hover);
}

.text-muted {
    color: #94A3B8 !important;
}

.bg-surface {
    background-color: var(--background-surface);
}

.bg-subtle {
    background-color: var(--background-subtle);
}

.border-subtle {
    border-color: var(--border-subtle) !important;
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #FFFFFF !important;
    border-radius: 10px;
    font-weight: 600;
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-primary:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    transform: translateY(-1px);
}

.btn-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: #FFFFFF !important;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22);
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-secondary:hover {
    background-color: var(--secondary-hover) !important;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.32);
    transform: translateY(-1px);
}

.btn-accent {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    color: #FFFFFF !important;
    border-radius: 10px;
    font-weight: 600;
}

.btn-accent:hover {
    background-color: #047857 !important;
    border-color: #047857 !important;
}

.btn-outline-secondary {
    border-color: var(--border-medium) !important;
    color: var(--text-primary-light) !important;
    border-radius: 10px;
    font-weight: 600;
}

.btn-outline-secondary:hover {
    background-color: var(--background-primary) !important;
    border-color: var(--text-primary-light) !important;
    color: var(--text-primary-light) !important;
}

/* =====  ===== */
.gyno-header-block {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    z-index: 1020;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.gyno-header-block .gyno-navbar {
    background-color: #FFFFFF;
}

.gyno-header-block .gyno-brand {
    color: #0F172A;
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
}

.gyno-header-block .gyno-brand:hover {
    color: #2563EB;
}

.gyno-header-block .gyno-logo-img {
    width: 44px;
    height: 44px;
    max-width: 44px;
    object-fit: contain;
}

.gyno-header-block .gyno-brand-text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
    color: #0F172A;
}

.gyno-header-block .gyno-nav-link {
    color: #475569;
    font-weight: 500;
    font-size: 0.9375rem;
    border-radius: 8px;
    transition: all 200ms ease;
}

.gyno-header-block .gyno-nav-link:hover {
    color: #2563EB;
    background-color: #F1F5F9;
}

.gyno-header-block .gyno-nav-link.active {
    color: #0F172A;
    font-weight: 700;
    background-color: #F8FAFC;
}

.gyno-header-block .gyno-nav-toggler {
    color: #0F172A;
    background-color: #F8FAFC;
    border-radius: 8px;
}

.gyno-header-block .gyno-nav-toggler:focus {
    box-shadow: none;
}

.gyno-header-block .gyno-menu-icon {
    font-size: 1.5rem;
    color: #0F172A;
}

.gyno-header-block .gyno-cart-btn {
    background-color: #F8FAFC;
    color: #0F172A;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    width: 42px;
    height: 42px;
    transition: all 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

.gyno-header-block .gyno-cart-btn:hover {
    background-color: #FFFFFF;
    color: #2563EB;
    border-color: #CBD5E1;
    transform: translateY(-1px);
}

.gyno-header-block .gyno-cart-icon {
    font-size: 1.35rem;
    color: currentColor;
}

.gyno-header-block .gyno-cart-badge {
    background-color: #2563EB;
    color: #FFFFFF;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25em 0.55em;
    border: 2px solid #FFFFFF;
}

.gyno-header-block .gyno-navbar > .container {
    column-gap: 0.875rem;
}

.gyno-header-block .gyno-brand {
    min-width: 0;
    flex-shrink: 1;
}

.gyno-header-block .gyno-nav-actions {
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    .gyno-header-block .gyno-nav-left {
        background-color: #FFFFFF;
        border-top: 1px solid #E2E8F0;
        margin-top: 0.75rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .gyno-header-block .gyno-brand-text {
        font-size: 1.1rem;
    }

    .gyno-header-block .gyno-nav-link {
        font-size: 0.9rem;
        padding: 0.6rem 0.75rem;
    }
}

/* =====  ===== */
.hero-athletic-core {
    position: relative;
    background-color: #0F172A;
    min-height: 560px;
}

.hero-athletic-core .hero-bg-wrapper {
    z-index: 1;
}

.hero-athletic-core .hero-bg-img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.hero-athletic-core .hero-overlay {
    z-index: 2;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(15, 23, 42, 0.82) 50%, rgba(15, 23, 42, 0.72) 100%);
}

.hero-athletic-core .hero-content-container {
    z-index: 3;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.hero-athletic-core .min-vh-hero {
    min-height: 480px;
}

.hero-athletic-core .hero-badge {
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9999px;
    padding: 0.375rem 0.875rem;
}

.hero-athletic-core .hero-badge-txt {
    color: #F8FAFC;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.hero-athletic-core .hero-main-title {
    color: #FFFFFF;
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(2rem, 3.5vw + 0.5rem, 3rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    hyphens: auto;
}

.hero-athletic-core .hero-highlight-accent {
    color: #60A5FA;
    display: inline-block;
}

.hero-athletic-core .hero-desc-lead {
    color: #CBD5E1;
    font-size: clamp(0.95rem, 1.2vw, 1.1rem);
    line-height: 1.6;
    max-width: 620px;
}

.hero-athletic-core .hero-primary-btn {
    background-color: #2563EB;
    color: #FFFFFF;
    border: 1px solid #2563EB;
    border-radius: 10px;
    font-weight: 600;
    padding: 0.75rem 1.75rem;
    font-size: 1rem;
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hero-athletic-core .hero-primary-btn:hover {
    background-color: #1D4ED8;
    border-color: #1D4ED8;
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
}

.hero-athletic-core .hero-outline-btn {
    background-color: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    font-weight: 600;
    padding: 0.75rem 1.75rem;
    font-size: 1rem;
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hero-athletic-core .hero-outline-btn:hover {
    background-color: #FFFFFF;
    color: #0F172A;
    border-color: #FFFFFF;
    transform: translateY(-2px);
}

.hero-athletic-core .hero-feature-panel {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 20px 35px -8px rgba(15, 23, 42, 0.3);
    border: 1px solid #E2E8F0;
}

.hero-athletic-core .hero-feature-icon {
    font-size: 1.5rem;
    color: #2563EB;
}

.hero-athletic-core .hero-icon-pill {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 8px;
    background-color: #EEF2FF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.hero-athletic-core .hero-item-heading {
    font-size: 0.95rem;
    line-height: 1.3;
    margin-bottom: 0.2rem;
    color: #0F172A;
}

.hero-athletic-core .hero-item-desc {
    font-size: 0.825rem;
    color: #475569;
    line-height: 1.5;
}

.hero-athletic-core .hero-more-link {
    color: #2563EB;
    font-size: 0.875rem;
    transition: color 240ms ease;
}

.hero-athletic-core .hero-more-link:hover {
    color: #1D4ED8;
}

@media (max-width: 767.98px) {
    .hero-athletic-core .hero-content-container {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .hero-athletic-core .hero-main-title {
        font-size: 1.125rem;
        line-height: 1.3;
    }

    .hero-athletic-core .hero-desc-lead {
        font-size: 0.875rem;
    }

    .hero-athletic-core .hero-primary-btn,
    .hero-athletic-core .hero-outline-btn {
        width: 100%;
        font-size: 0.9rem;
        padding: 0.65rem 1rem;
    }

    .hero-athletic-core .hero-feature-panel {
        padding: 1.25rem;
    }
}

/* =====  ===== */
.popular-sports-catalog {
    background-color: #F8FAFC;
    color: #0F172A;
}

.popular-sports-catalog__badge {
    background-color: #EEF2FF;
    color: #2563EB;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    border: 1px solid #DBEAFE;
}

.popular-sports-catalog__title {
    color: #0F172A;
    font-size: clamp(1.35rem, 2.2vw + 0.4rem, 1.875rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.popular-sports-catalog__subtitle {
    color: #475569;
    font-size: 0.9375rem;
    line-height: 1.6;
    max-width: 580px;
}

.popular-sports-catalog__card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    overflow: hidden;
    transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.24s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.24s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.popular-sports-catalog__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.08);
    border-color: #CBD5E1;
}

.popular-sports-catalog__media {
    background-color: #F1F5F9;
    overflow: hidden;
}

.popular-sports-catalog__img-link {
    text-decoration: none;
    overflow: hidden;
}

.popular-sports-catalog__img {
    height: 200px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.popular-sports-catalog__card:hover .popular-sports-catalog__img {
    transform: scale(1.04);
}

.popular-sports-catalog__tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(15, 23, 42, 0.85);
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.55rem;
    border-radius: 6px;
    backdrop-filter: blur(4px);
}

.popular-sports-catalog__rating {
    color: #F97316;
    font-size: 0.8125rem;
}

.popular-sports-catalog__rating-score {
    color: #0F172A;
    font-weight: 700;
}

.popular-sports-catalog__rating-count {
    color: #64748B;
    font-size: 0.75rem;
}

.popular-sports-catalog__product-title {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 0.5rem;
}

.popular-sports-catalog__name-link {
    color: #0F172A;
    text-decoration: none;
    transition: color 0.2s ease;
}

.popular-sports-catalog__name-link:hover {
    color: #2563EB;
}

.popular-sports-catalog__desc {
    color: #475569;
    font-size: 0.8125rem;
    line-height: 1.55;
}

.popular-sports-catalog__specs {
    font-size: 0.75rem;
}

.popular-sports-catalog__spec-item {
    background-color: #F8FAFC;
    color: #334155;
    border: 1px solid #E2E8F0;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.popular-sports-catalog__spec-item i {
    color: #059669;
}

.popular-sports-catalog__footer {
    border-color: #F1F5F9 !important;
}

.popular-sports-catalog__price-box {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.popular-sports-catalog__currency {
    color: #0F172A;
    font-size: 0.875rem;
    font-weight: 700;
}

.popular-sports-catalog__price {
    color: #0F172A;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.popular-sports-catalog__btn-cart {
    background-color: #0F172A;
    color: #FFFFFF;
    border: 1px solid #0F172A;
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.popular-sports-catalog__btn-cart:hover {
    background-color: #2563EB;
    border-color: #2563EB;
    color: #FFFFFF;
    transform: translateY(-1px);
}

.popular-sports-catalog__btn-cart:active {
    transform: translateY(0);
}

.popular-sports-catalog__btn-all {
    background-color: #0F172A;
    color: #FFFFFF;
    border: 1px solid #0F172A;
    border-radius: 10px;
    padding: 0.75rem 1.75rem;
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}

.popular-sports-catalog__btn-all:hover {
    background-color: #2563EB;
    border-color: #2563EB;
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
}

@media (max-width: 767.98px) {
    .popular-sports-catalog__title {
        font-size: 1rem;
        hyphens: auto;
    }

    .popular-sports-catalog__product-title {
        font-size: 0.875rem;
        hyphens: auto;
    }

    .popular-sports-catalog__img {
        height: 180px;
    }
}

/* =====  ===== */
.restocked-section {
    background-color: #F8FAFC;
    overflow: hidden
}

.restocked-section .restocked-badge {
    background-color: #ECFDF5;
    color: #047857;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 9999px;
    border: 1px solid #A7F3D0
}

.restocked-section .restocked-title {
    color: #0F172A;
    font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
    font-weight: 700;
    line-height: 1.2
}

.restocked-section .restocked-subtitle {
    color: #475569;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto
}

.restocked-section .restocked-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);
    transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1), border-color 240ms ease;
    overflow: hidden
}

.restocked-section .restocked-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
    border-color: #CBD5E1
}

.restocked-section .restocked-card-img-wrap {
    background-color: #F1F5F9;
    overflow: hidden
}

.restocked-section .restocked-img-link {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden
}

.restocked-section .restocked-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1)
}

.restocked-section .restocked-card:hover .restocked-img {
    transform: scale(1.04)
}

.restocked-section .restocked-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    background-color: #059669;
    color: #FFFFFF;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 2px 6px rgba(5, 150, 105, 0.25)
}

.restocked-section .restocked-stock-status {
    color: #059669;
    font-size: 0.75rem;
    font-weight: 600
}

.restocked-section .restocked-item-title {
    font-size: 1.125rem;
    line-height: 1.3;
    margin: 0
}

.restocked-section .restocked-title-link {
    color: #0F172A;
    text-decoration: none;
    transition: color 200ms ease;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.restocked-section .restocked-title-link:hover {
    color: #2563EB
}

.restocked-section .restocked-desc {
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.restocked-section .restocked-price-label {
    color: #64748B;
    font-size: 0.75rem
}

.restocked-section .restocked-price {
    color: #0F172A;
    font-size: 1.25rem;
    font-weight: 700
}

.restocked-section .restocked-btn {
    background-color: #0F172A;
    color: #FFFFFF;
    border: 1px solid #0F172A;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease
}

.restocked-section .restocked-btn:hover {
    background-color: #1E293B;
    border-color: #1E293B;
    color: #FFFFFF;
    transform: translateY(-1px)
}

.restocked-section .restocked-btn:active {
    transform: translateY(0)
}

@media (max-width:767.98px) {
    .restocked-section .restocked-title {
        font-size: 16px;
        hyphens: auto
    }

    .restocked-section .restocked-item-title {
        font-size: 14px;
        hyphens: auto
    }

    .restocked-section .restocked-subtitle {
        font-size: 0.875rem
    }
}

/* =====  ===== */
.services-grid-block {
    background-color: #F8FAFC;
    color: #0F172A;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif
}

.services-grid-block .services-badge {
    background-color: #EEF2FF;
    border: 1px solid #CBD5E1
}

.services-grid-block .services-main-title {
    color: #0F172A;
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
    line-height: 1.2
}

.services-grid-block .services-sub-desc {
    color: #475569;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 680px
}

.services-grid-block .services-view-all-btn {
    background-color: #0F172A;
    color: #FFFFFF;
    border: 1px solid #0F172A;
    border-radius: 10px;
    font-weight: 600;
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1)
}

.services-grid-block .services-view-all-btn:hover {
    background-color: #1E293B;
    color: #FFFFFF;
    border-color: #1E293B;
    transform: translateY(-1px)
}

.services-grid-block .service-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1)
}

.services-grid-block .service-card:hover {
    transform: translateY(-4px);
    border-color: #CBD5E1;
    box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04)
}

.services-grid-block .service-image-wrap {
    aspect-ratio: 16/10;
    overflow: hidden;
    background-color: #F1F5F9
}

.services-grid-block .service-img {
    height: 100%;
    object-fit: cover;
    transition: transform 300ms ease
}

.services-grid-block .service-card:hover .service-img {
    transform: scale(1.04)
}

.services-grid-block .service-chip {
    background-color: rgba(15, 23, 42, 0.85);
    color: #FFFFFF;
    backdrop-filter: blur(4px);
    letter-spacing: 0.04em;
    font-size: 0.75rem
}

.services-grid-block .service-card-title a {
    color: #0F172A;
    transition: color 200ms ease;
    line-height: 1.3
}

.services-grid-block .service-card-title a:hover {
    color: #2563EB
}

.services-grid-block .service-card-desc {
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.services-grid-block .service-features-list {
    color: #475569;
    line-height: 1.4
}

.services-grid-block .service-price-label {
    color: #94A3B8;
    font-size: 0.75rem
}

.services-grid-block .service-price {
    color: #0F172A;
    font-size: 1.25rem;
    font-family: 'Space Grotesk', sans-serif
}

.services-grid-block .service-unit {
    color: #64748B
}

.services-grid-block .service-action-btn {
    background-color: #2563EB;
    color: #FFFFFF;
    border: 1px solid #2563EB;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22);
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap
}

.services-grid-block .service-action-btn:hover {
    background-color: #1D4ED8;
    border-color: #1D4ED8;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.32)
}

@media (max-width:767.98px) {
    .services-grid-block .services-main-title {
        font-size: 1.125rem
    }

    .services-grid-block .services-sub-desc {
        font-size: 0.875rem
    }

    .services-grid-block .service-card-title {
        font-size: 1rem
    }
}

/* =====  ===== */
.product-qa-section {
    background-color: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.product-qa-section .product-qa-badge {
    background-color: #EEF2FF;
    color: #2563EB;
    font-size: 0.8125rem;
    font-weight: 600;
}

.product-qa-section .product-qa-title {
    color: #0F172A;
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
    line-height: 1.25;
}

.product-qa-section .product-qa-subtitle {
    color: #475569;
    font-size: 0.9375rem;
    line-height: 1.6;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.product-qa-section .product-qa-tab-btn {
    border: 1px solid #CBD5E1;
    background-color: #FFFFFF;
    color: #475569;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
}

.product-qa-section .product-qa-tab-btn:hover {
    background-color: #F1F5F9;
    color: #0F172A;
    border-color: #0F172A;
}

.product-qa-section .product-qa-tab-btn.active {
    background-color: #0F172A;
    color: #FFFFFF;
    border-color: #0F172A;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}

.product-qa-section .product-qa-item {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    transition: border-color 240ms ease, box-shadow 240ms ease;
}

.product-qa-section .product-qa-item:hover {
    border-color: #CBD5E1;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

.product-qa-section .product-qa-header {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    width: 100%;
}

.product-qa-section .product-qa-tag {
    background-color: #F1F5F9;
    color: #0F172A;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    white-space: nowrap;
}

.product-qa-section .product-qa-q-text {
    color: #0F172A;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
}

.product-qa-section .product-qa-icon-wrap {
    color: #475569;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 240ms ease;
    flex-shrink: 0;
    margin-left: 0.75rem;
}

.product-qa-section .product-qa-header[aria-expanded="true"] .product-qa-icon-wrap {
    transform: rotate(180deg);
    color: #2563EB;
}

.product-qa-section .product-qa-body {
    display: none;
}

.product-qa-section .product-qa-body.show {
    display: block;
}

.product-qa-section .product-qa-reply-badge {
    background-color: #ECFDF5;
    color: #047857;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    white-space: nowrap;
    flex-shrink: 0;
}

.product-qa-section .product-qa-answer-content {
    color: #475569;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.product-qa-section .product-qa-note {
    color: #2563EB;
    font-size: 0.875rem;
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .product-qa-section .product-qa-title {
        font-size: 1.125rem;
    }

    .product-qa-section .product-qa-q-text {
        font-size: 0.9375rem;
    }

    .product-qa-section .product-qa-item {
        padding: 1rem 1rem;
    }

    .product-qa-section .product-qa-answer-inner {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* =====  ===== */
.gsc-blog-section {
    background-color: #F8FAFC;
    overflow: hidden
}

.gsc-blog-section .gsc-blog-subtitle {
    background-color: #EEF2FF;
    color: #2563EB;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.04em
}

.gsc-blog-section .gsc-blog-title {
    color: #0F172A;
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
    font-weight: 700;
    line-height: 1.2
}

.gsc-blog-section .gsc-blog-desc {
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
    max-width: 680px
}

.gsc-blog-section .gsc-view-all-btn {
    background-color: #0F172A;
    color: #FFFFFF;
    border: 1px solid #0F172A;
    border-radius: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1)
}

.gsc-blog-section .gsc-view-all-btn:hover {
    background-color: #1E293B;
    border-color: #1E293B;
    color: #FFFFFF;
    transform: translateY(-1px)
}

.gsc-blog-section .gsc-blog-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);
    transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1), border-color 240ms cubic-bezier(0.16, 1, 0.3, 1)
}

.gsc-blog-section .gsc-blog-card:hover {
    transform: translateY(-4px);
    border-color: #CBD5E1;
    box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04)
}

.gsc-blog-section .gsc-blog-card-media {
    border-radius: 16px 16px 0 0;
    aspect-ratio: 16/10;
    background-color: #F1F5F9
}

.gsc-blog-section .gsc-blog-img {
    height: 100%;
    object-fit: cover;
    transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1)
}

.gsc-blog-section .gsc-blog-card:hover .gsc-blog-img {
    transform: scale(1.04)
}

.gsc-blog-section .gsc-blog-badge {
    background-color: rgba(15, 23, 42, 0.85);
    color: #FFFFFF;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    backdrop-filter: blur(6px)
}

.gsc-blog-section .gsc-blog-meta {
    color: #475569;
    font-size: 0.75rem;
    font-weight: 500
}

.gsc-blog-section .gsc-blog-card-title {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35
}

.gsc-blog-section .gsc-blog-card-title a {
    color: #0F172A;
    transition: color 200ms ease
}

.gsc-blog-section .gsc-blog-card-title a:hover {
    color: #2563EB
}

.gsc-blog-section .gsc-blog-card-excerpt {
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.55
}

.gsc-blog-section .gsc-read-more-btn {
    color: #2563EB;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 200ms ease
}

.gsc-blog-section .gsc-read-more-btn i {
    transition: transform 200ms ease
}

.gsc-blog-section .gsc-read-more-btn:hover {
    color: #1D4ED8
}

.gsc-blog-section .gsc-read-more-btn:hover i {
    transform: translateX(4px)
}

@media (max-width:767.98px) {
    .gsc-blog-section .gsc-blog-title {
        font-size: 16px;
        hyphens: auto
    }

    .gsc-blog-section .gsc-blog-card-title {
        font-size: 14px;
        hyphens: auto
    }

    .gsc-blog-section .gsc-view-all-btn {
        width: 100%
    }
}

/* =====  ===== */
.site-footer-section {
    background-color: #0F172A;
    color: #CBD5E1;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    border-top: 1px solid #1E293B;
}

.site-footer-section .footer-brand-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    display: inline-block;
}

.site-footer-section .footer-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 1rem;
}

.site-footer-section .footer-feature-badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #E2E8F0;
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 9999px;
    white-space: nowrap;
}

.site-footer-section .footer-feature-badge i {
    color: #38BDF8;
}

.site-footer-section .footer-column-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 1.25rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.site-footer-section .footer-nav-list li {
    margin-bottom: 0.75rem;
}

.site-footer-section .footer-link {
    color: #94A3B8;
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 200ms ease, transform 200ms ease;
    display: inline-block;
}

.site-footer-section .footer-link:hover {
    color: #FFFFFF;
    transform: translateX(4px);
}

.site-footer-section .footer-payment-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748B;
    font-weight: 600;
}

.site-footer-section .payment-chip {
    display: inline-flex;
    align-items: center;
    background-color: #1E293B;
    border: 1px solid #334155;
    color: #F8FAFC;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 6px;
}

.site-footer-section .payment-chip i {
    color: #60A5FA;
}

.site-footer-section .footer-bottom-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer-section .footer-copyright-text {
    font-size: 0.8125rem;
    color: #64748B;
}

.site-footer-section .footer-legal-inline {
    align-items: center;
}

.site-footer-section .footer-legal-link {
    font-size: 0.8125rem;
    color: #64748B;
    text-decoration: none;
    transition: color 200ms ease;
}

.site-footer-section .footer-legal-link:hover {
    color: #CBD5E1;
}

.site-footer-section .footer-legal-sep {
    color: #334155;
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .site-footer-section .footer-column-heading {
        font-size: 0.9375rem;
        margin-bottom: 0.75rem;
    }

    .site-footer-section .footer-link {
        font-size: 0.8125rem;
    }

    .site-footer-section .footer-copyright-text,
    .site-footer-section .footer-legal-link {
        font-size: 0.75rem;
    }
}

/* ===== PAGE: privacy ===== */
.policy-content {
  color: #0F172A;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.75;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  padding: 1.5rem 0;
}

.policy-content .policy-meta-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.875rem 1.25rem;
  background-color: #F1F5F9;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  margin-bottom: 2rem;
}

.policy-content .policy-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #047857;
  background-color: #ECFDF5;
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
}

.policy-content .policy-badge i {
  font-size: 1rem;
}

.policy-content .policy-update-date {
  font-size: 0.875rem;
  color: #475569;
  font-weight: 500;
}

.policy-content .policy-lead {
  background-color: #FFFFFF;
  border-left: 4px solid #2563EB;
  border-top: 1px solid #E2E8F0;
  border-right: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
  border-radius: 0 12px 12px 0;
  padding: 1.25rem 1.5rem;
  margin-bottom: 2.25rem;
}

.policy-content .policy-lead p {
  margin: 0;
  font-size: 1rem;
  color: #1E293B;
  line-height: 1.7;
}

.policy-content .policy-section {
  background-color: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 1.75rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.policy-content h2 {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #0F172A;
  font-size: clamp(1.25rem, 2vw + 0.25rem, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 1.125rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #F1F5F9;
}

.policy-content h3 {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #1E293B;
  font-size: clamp(1rem, 1.4vw + 0.2rem, 1.2rem);
  font-weight: 600;
  line-height: 1.4;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

.policy-content p {
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.75;
  margin-bottom: 0.875rem;
}

.policy-content p:last-child {
  margin-bottom: 0;
}

.policy-content .policy-list {
  margin: 0.75rem 0 0 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}

.policy-content .policy-list li {
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 0.625rem;
}

.policy-content .policy-list li strong {
  color: #0F172A;
}

.policy-content .policy-list li:last-child {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .policy-content {
    padding: 0.75rem 0;
  }
  .policy-content .policy-section {
    padding: 1.25rem 1rem;
    border-radius: 12px;
    margin-bottom: 1rem;
  }
  .policy-content .policy-meta-bar {
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    margin-bottom: 1.5rem;
  }
  .policy-content h2 {
    font-size: 16px;
    margin-bottom: 0.875rem;
    padding-bottom: 0.5rem;
  }
  .policy-content h3 {
    font-size: 14px;
    margin-top: 1rem;
    margin-bottom: 0.375rem;
  }
  .policy-content p,
  .policy-content .policy-list li,
  .policy-content .policy-lead p {
    font-size: 0.875rem;
    line-height: 1.65;
  }
}

/* ===== PAGE: terms ===== */
.policy-content{color:#334155;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.75;padding:2rem 1rem;max-width:880px;margin:0 auto;background:#FFFFFF;word-wrap:break-word;overflow-wrap:break-word}.policy-content__header{border-bottom:1px solid #E2E8F0;padding-bottom:1.75rem;margin-bottom:2rem}.policy-content__meta{font-size:0.875rem;font-weight:600;color:#2563EB;margin-bottom:0.75rem;letter-spacing:0.02em}.policy-content__lead{font-size:1.0625rem;line-height:1.7;color:#0F172A;font-weight:500;margin:0}.policy-content__section{margin-bottom:2.25rem}.policy-content__heading{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.375rem;font-weight:700;color:#0F172A;line-height:1.3;margin-top:0;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid #F1F5F9}.policy-content__text{color:#475569;margin-bottom:1rem;font-size:0.9375rem;line-height:1.75}.policy-content__list{list-style-type:disc;padding-left:1.5rem;margin-top:0.75rem;margin-bottom:1.25rem;color:#475569}.policy-content__list li{margin-bottom:0.625rem;font-size:0.9375rem;line-height:1.7}.policy-content__list li strong{color:#0F172A;font-weight:600}@media(max-width:767.98px){.policy-content{padding:1.25rem 0.75rem;font-size:0.9375rem}.policy-content__heading{font-size:16px;hyphens:auto;line-height:1.35;margin-bottom:0.75rem}.policy-content__lead{font-size:0.9375rem}.policy-content__meta{font-size:0.8125rem}.policy-content__text,.policy-content__list li{font-size:0.875rem;line-height:1.65}.policy-content__list{padding-left:1.25rem}}

/* ===== PAGE: disclaimer ===== */
#privacy-content{color:#0F172A;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.7;word-wrap:break-word;hyphens:auto}#privacy-content h2{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.3;color:#0F172A;margin-top:2.25rem;margin-bottom:0.875rem;letter-spacing:-0.02em;padding-bottom:0.5rem;border-bottom:1px solid #E2E8F0}#privacy-content h2:first-child{margin-top:0}#privacy-content p{margin-bottom:1rem;color:#334155;text-align:justify}#privacy-content strong{color:#0F172A;font-weight:600}#privacy-content ul{margin-top:0.5rem;margin-bottom:1.25rem;padding-left:1.5rem;list-style-type:disc}#privacy-content li{margin-bottom:0.625rem;color:#334155;line-height:1.65}#privacy-content li:last-child{margin-bottom:0}@media(max-width:767.98px){#privacy-content{font-size:0.9375rem;line-height:1.6}#privacy-content h2{font-size:1rem;margin-top:1.5rem;margin-bottom:0.625rem;padding-bottom:0.375rem}#privacy-content p{margin-bottom:0.875rem}#privacy-content ul{padding-left:1.25rem;margin-bottom:1rem}#privacy-content li{margin-bottom:0.5rem}}

/* ===== PAGE: refound ===== */
.policy-content { width: 100%; max-width: 980px; margin: 0 auto; padding: 2rem 1.25rem 4rem; color: #0F172A; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1rem; line-height: 1.75; } .policy-content .policy-meta-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; padding: 1rem 1.25rem; margin-bottom: 2.25rem; background-color: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; } .policy-content .policy-update-badge, .policy-content .policy-status-badge { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.875rem; font-weight: 500; } .policy-content .policy-update-badge { color: #475569; } .policy-content .policy-update-badge i { color: #2563EB; font-size: 1.125rem; } .policy-content .policy-status-badge { color: #047857; background-color: #ECFDF5; padding: 0.25rem 0.625rem; border-radius: 6px; } .policy-content .policy-status-badge i { color: #059669; font-size: 1rem; } .policy-content .policy-intro-section { margin-bottom: 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid #E2E8F0; } .policy-content .policy-section { margin-bottom: 2.5rem; } .policy-content h2 { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1.375rem; font-weight: 700; color: #0F172A; line-height: 1.3; margin-top: 2rem; margin-bottom: 1rem; padding-left: 0.75rem; border-left: 4px solid #2563EB; } .policy-content h3 { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1.125rem; font-weight: 600; color: #1E293B; line-height: 1.4; margin-top: 1.5rem; margin-bottom: 0.75rem; } .policy-content p { color: #334155; margin-bottom: 1rem; text-align: justify; } .policy-content strong { color: #0F172A; font-weight: 600; } .policy-content ul { margin-top: 0.5rem; margin-bottom: 1.25rem; padding-left: 1.5rem; } .policy-content li { color: #334155; margin-bottom: 0.625rem; line-height: 1.65; } .policy-content li::marker { color: #2563EB; } @media (max-width: 767.98px) { .policy-content { padding: 1.25rem 0.875rem 3rem; hyphens: auto; } .policy-content h2 { font-size: 16px; margin-top: 1.5rem; margin-bottom: 0.75rem; padding-left: 0.5rem; border-left-width: 3px; } .policy-content h3 { font-size: 14px; margin-top: 1.25rem; margin-bottom: 0.5rem; } .policy-content p, .policy-content li { font-size: 0.875rem; line-height: 1.6; } .policy-content .policy-meta-bar { flex-direction: column; align-items: flex-start; gap: 0.5rem; padding: 0.75rem 1rem; } .policy-content .policy-update-badge, .policy-content .policy-status-badge { font-size: 0.75rem; } }

/* ===== PAGE: delivery ===== */
.policy-content { color: #0F172A; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1rem; line-height: 1.6; word-wrap: break-word; hyphens: auto; padding: 1.5rem 0; } .policy-content h2 { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: clamp(1.35rem, 2vw + 0.3rem, 1.75rem); font-weight: 700; color: #0F172A; line-height: 1.25; margin-top: 2rem; margin-bottom: 0.85rem; padding-bottom: 0.5rem; border-bottom: 1px solid #E2E8F0; } .policy-content h2:first-of-type { margin-top: 0; } .policy-content p { color: #475569; margin-bottom: 1rem; } .policy-content ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; color: #475569; } .policy-content ul li { margin-bottom: 0.6rem; } .policy-content strong { color: #0F172A; font-weight: 600; } @media (max-width: 767.98px) { .policy-content h2 { font-size: 16px; margin-top: 1.5rem; margin-bottom: 0.65rem; } .policy-content p, .policy-content ul li { font-size: 0.875rem; line-height: 1.5; } }

/* ===== PAGE: cookies ===== */
.policy-content#privacy-content { max-width: 960px; margin: 0 auto; padding: 2.5rem 1.5rem; color: #0F172A; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.7; word-wrap: break-word; hyphens: auto; } .policy-content .policy-meta-badge { display: inline-flex; align-items: center; gap: 0.5rem; background-color: #EEF2FF; color: #4338CA; padding: 0.35rem 0.85rem; border-radius: 9999px; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 1.25rem; border: 1px solid #E0E7FF; } .policy-content .policy-meta-badge .policy-icon { font-size: 1rem; } .policy-content .policy-main-heading { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 2.25rem; font-weight: 700; color: #0F172A; line-height: 1.25; margin-bottom: 1.25rem; letter-spacing: -0.02em; } .policy-content .policy-lead-text { font-size: 1.0625rem; color: #475569; line-height: 1.75; margin-bottom: 2.5rem; padding-bottom: 1.75rem; border-bottom: 1px solid #E2E8F0; } .policy-content .policy-section-card { background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 2rem; margin-bottom: 1.75rem; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04); transition: border-color 0.2s ease, box-shadow 0.2s ease; } .policy-content .policy-section-card:hover { border-color: #CBD5E1; box-shadow: 0 8px 20px -4px rgba(15, 23, 42, 0.06); } .policy-content .policy-section-title { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1.375rem; font-weight: 700; color: #0F172A; display: flex; align-items: center; gap: 0.625rem; margin-bottom: 1.125rem; line-height: 1.3; } .policy-content .policy-section-title .policy-title-icon { font-size: 1.5rem; color: #2563EB; flex-shrink: 0; } .policy-content .policy-sub-block { background-color: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 1.25rem 1.5rem; margin-top: 1.25rem; margin-bottom: 1.25rem; } .policy-content .policy-sub-title { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1.0625rem; font-weight: 600; color: #0F172A; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.625rem; line-height: 1.35; } .policy-content .policy-sub-title .policy-sub-icon { font-size: 1.125rem; color: #059669; flex-shrink: 0; } .policy-content .policy-paragraph { font-size: 0.9375rem; color: #475569; line-height: 1.7; margin-bottom: 1rem; } .policy-content .policy-paragraph:last-child { margin-bottom: 0; } .policy-content .policy-list { margin: 0.75rem 0 1rem 1.25rem; padding: 0; color: #475569; font-size: 0.9375rem; line-height: 1.7; list-style-type: disc; } .policy-content .policy-list li { margin-bottom: 0.5rem; } .policy-content .policy-list li:last-child { margin-bottom: 0; } .policy-content .policy-list li strong { color: #0F172A; } .policy-content .policy-notice-box { background-color: #FFFBEB; border: 1px solid #FDE68A; color: #92400E; padding: 1rem 1.25rem; border-radius: 10px; font-size: 0.9rem; line-height: 1.6; margin-top: 1.25rem; display: flex; align-items: flex-start; gap: 0.625rem; } .policy-content .policy-notice-box i { font-size: 1.25rem; color: #D97706; flex-shrink: 0; margin-top: 0.125rem; } .policy-content .policy-notice-box strong { color: #78350F; } @media (max-width: 767.98px) { .policy-content#privacy-content { padding: 1.5rem 1rem; } .policy-content .policy-main-heading { font-size: 1.125rem; margin-bottom: 0.875rem; } .policy-content .policy-lead-text { font-size: 0.875rem; margin-bottom: 1.5rem; padding-bottom: 1.25rem; } .policy-content .policy-section-card { padding: 1.25rem 1rem; border-radius: 12px; margin-bottom: 1.25rem; } .policy-content .policy-section-title { font-size: 1rem; gap: 0.5rem; margin-bottom: 0.875rem; } .policy-content .policy-section-title .policy-title-icon { font-size: 1.25rem; } .policy-content .policy-sub-block { padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; } .policy-content .policy-sub-title { font-size: 0.875rem; } .policy-content .policy-paragraph, .policy-content .policy-list { font-size: 0.84375rem; } .policy-content .policy-notice-box { padding: 0.875rem 1rem; font-size: 0.8125rem; } }

/* ===== PAGE: about ===== */
.gyn-about-section { background-color: #F8FAFC; color: #0F172A; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; } .gyn-about-section .gyn-pill-badge { background-color: #ECFDF5; border: 1px solid #A7F3D0; border-radius: 9999px; } .gyn-about-section .gyn-badge-text { font-size: 0.75rem; font-weight: 600; color: #047857; letter-spacing: 0.05em; } .gyn-about-section .gyn-main-title { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 700; color: #0F172A; line-height: 1.25; letter-spacing: -0.02em; } .gyn-about-section .gyn-section-title { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: clamp(1.4rem, 2.2vw, 1.875rem); font-weight: 700; color: #0F172A; line-height: 1.3; } .gyn-about-section .gyn-lead-text { font-size: 1rem; line-height: 1.7; color: #334155; } .gyn-about-section .gyn-sub-text { font-size: 0.9375rem; line-height: 1.65; color: #64748B; } .gyn-about-section .gyn-stat-card { background-color: #FFFFFF; border: 1px solid #E2E8F0; } .gyn-about-section .gyn-stat-number { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1.5rem; font-weight: 700; color: #2563EB; } .gyn-about-section .gyn-stat-label { font-size: 0.8125rem; color: #64748B; } .gyn-about-section .gyn-rounded-img { border-radius: 16px; object-fit: cover; aspect-ratio: 4 / 3; width: 100%; height: auto; } .gyn-about-section .gyn-floating-tag { position: absolute; bottom: 20px; left: 20px; border: 1px solid #E2E8F0; border-radius: 12px; z-index: 2; max-width: calc(100% - 40px); } .gyn-about-section .gyn-card { background-color: #FFFFFF; border-color: #E2E8F0 !important; border-radius: 16px; transition: transform 0.2s ease, box-shadow 0.2s ease; } .gyn-about-section .gyn-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.08); } .gyn-about-section .gyn-icon-box { width: 48px; height: 48px; border-radius: 10px; background-color: #EEF2FF; color: #2563EB; } .gyn-about-section .gyn-card-title { color: #0F172A; font-weight: 600; font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; } .gyn-about-section .gyn-card-desc { line-height: 1.6; } .gyn-about-section .gyn-list-icon { width: 24px; flex-shrink: 0; color: #2563EB; } @media (max-width: 767.98px) { .gyn-about-section .gyn-main-title { font-size: 1.5rem; } .gyn-about-section .gyn-section-title { font-size: 1.25rem; } .gyn-about-section .gyn-floating-tag { position: static; margin-top: 1rem; width: 100%; max-width: 100%; } }

/* ===== PAGE: catalog ===== */
.catalog-page { background-color: #F8FAFC; min-height: 80vh; }
.catalog-page .catalog-page__title { font-family: 'Space Grotesk', sans-serif; font-size: clamp(1.75rem, 3vw, 2.5rem); letter-spacing: -0.02em; }
.catalog-page .catalog-page__subtitle { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1rem; }
.catalog-page .catalog-card { background: #FFFFFF; border-radius: 12px; transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid #E2E8F0 !important; overflow: hidden; }
.catalog-page .catalog-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04) !important; border-color: #CBD5E1 !important; }
.catalog-page .catalog-card__img-link { background-color: #F1F5F9; aspect-ratio: 4 / 3; overflow: hidden; }
.catalog-page .catalog-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.catalog-page .catalog-card:hover .catalog-card__img { transform: scale(1.04); }
.catalog-page .catalog-card__title-link { font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; line-height: 1.3; transition: color 150ms ease; }
.catalog-page .catalog-card__title-link:hover { color: #2563EB !important; }
.catalog-page .js-size-btn { border-radius: 6px; font-size: 0.75rem; padding: 2px 8px; border-color: #CBD5E1 !important; color: #334155 !important; background-color: #FFFFFF !important; transition: all 150ms ease; }
.catalog-page .js-size-btn:hover { border-color: #2563EB !important; color: #1D4ED8 !important; background-color: #EEF2FF !important; }
.catalog-page .js-size-btn:active, .catalog-page .js-size-btn:focus { color: #1D4ED8 !important; background-color: #E0E7FF !important; border-color: #2563EB !important; box-shadow: none !important; }
.catalog-page .js-size-btn.active { background-color: #EEF2FF !important; border-color: #2563EB !important; color: #1D4ED8 !important; font-weight: 600; box-shadow: inset 0 0 0 1px #2563EB; }
.catalog-page .js-size-btn.active:hover { color: #1E40AF !important; background-color: #E0E7FF !important; }
.catalog-page .btn-primary { background-color: #0F172A; border-color: #0F172A; border-radius: 8px; font-weight: 600; transition: background-color 200ms ease; }
.catalog-page .btn-primary:hover { background-color: #1E293B; border-color: #1E293B; }
.catalog-page .form-control:focus, .catalog-page .form-select:focus { border-color: #2563EB; box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.15); }
.catalog-page .page-link { color: #0F172A; border: 1px solid #E2E8F0; margin: 0 3px; border-radius: 8px !important; }
.catalog-page .page-item.active .page-link { background-color: #0F172A; border-color: #0F172A; color: #FFFFFF; }
.catalog-page .page-item.disabled .page-link { color: #94A3B8; background-color: #F8FAFC; }

/* ===== PAGE: services ===== */
.services-catalog-section{background-color:#F8FAFC;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif}.services-catalog-section__main-title{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;color:#0F172A;font-weight:700;letter-spacing:-0.02em}.services-catalog-section__main-subtitle{font-size:1rem;line-height:1.6;color:#475569}.services-catalog-section__tag-badge{background-color:#EEF2FF;color:#2563EB;font-size:0.875rem;font-weight:600;width:fit-content}.services-catalog-section__card{background:#FFFFFF;border:1px solid #E2E8F0;transition:all 240ms cubic-bezier(0.16,1,0.3,1);overflow:hidden}.services-catalog-section__card:hover{transform:translateY(-4px);border-color:#CBD5E1;box-shadow:0 12px 28px -4px rgba(15,23,42,0.08),0 4px 12px -2px rgba(15,23,42,0.04)}.services-catalog-section__img-link{display:block;width:100%;height:240px;background-color:#F1F5F9}.services-catalog-section__card-img{width:100%;height:100%;object-fit:cover;transition:transform 300ms ease}.services-catalog-section__card:hover .services-catalog-section__card-img{transform:scale(1.04)}.services-catalog-section__card-category{background-color:#ECFDF5;color:#047857;font-size:0.75rem;font-weight:600}.services-catalog-section__price-tag{color:#0F172A;font-family:'Space Grotesk',sans-serif}.services-catalog-section__card-title{font-family:'Space Grotesk',sans-serif;font-weight:600;color:#0F172A;line-height:1.3}.services-catalog-section__card-desc{font-size:0.9rem;line-height:1.5;color:#475569}.services-catalog-section .btn-primary{background-color:#0F172A;border:1px solid #0F172A;color:#FFFFFF;font-weight:600;transition:all 240ms ease}.services-catalog-section .btn-primary:hover{background-color:#1E293B;border-color:#1E293B;color:#FFFFFF;transform:translateY(-1px)}.services-catalog-section .btn-outline-dark{border:1px solid #CBD5E1;color:#0F172A;font-weight:600;background:transparent;transition:all 240ms ease}.services-catalog-section .btn-outline-dark:hover{background-color:#F8FAFC;border-color:#0F172A;color:#0F172A}

/* ===== PAGE: blog ===== */
.gynostorm-blog-section { background-color: #F8FAFC; min-height: 50vh; }
.gynostorm-blog-section__badge { background-color: #EEF2FF; color: #4338CA; font-size: 0.8125rem; font-weight: 600; padding: 0.35rem 0.85rem; border-radius: 9999px; letter-spacing: 0.04em; }
.gynostorm-blog-section__main-heading { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: clamp(1.65rem, 2.5vw + 0.5rem, 2.35rem); font-weight: 700; color: #0F172A; line-height: 1.25; }
.gynostorm-blog-section__lead-text { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1rem; color: #475569; max-width: 680px; line-height: 1.6; }
.gynostorm-blog-section__search-box { position: relative; width: 100%; }
.gynostorm-blog-section__search-icon { position: absolute; left: 1rem; font-size: 1.15rem; color: #94A3B8; pointer-events: none; z-index: 2; }
.gynostorm-blog-section__search-input { height: 46px; background-color: #FFFFFF; border: 1px solid #CBD5E1; border-radius: 10px; padding-left: 2.75rem; padding-right: 1rem; color: #0F172A; font-size: 0.9375rem; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.gynostorm-blog-section__search-input:focus { background-color: #FFFFFF; border-color: #2563EB; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15); color: #0F172A; outline: none; }
.gynostorm-blog-section__search-input::placeholder { color: #94A3B8; opacity: 1; }
.gynostorm-blog-section__filter-btn { background-color: #FFFFFF; color: #475569; border: 1px solid #E2E8F0; border-radius: 10px; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500; height: 46px; transition: all 0.2s ease; cursor: pointer; }
.gynostorm-blog-section__filter-btn:hover { background-color: #F1F5F9; color: #0F172A; border-color: #CBD5E1; }
.gynostorm-blog-section__filter-btn.active { background-color: #0F172A; color: #FFFFFF; border-color: #0F172A; font-weight: 600; }
.gynostorm-blog-card { background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; overflow: hidden; transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.24s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.24s ease; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02); }
.gynostorm-blog-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04); border-color: #CBD5E1; }
.gynostorm-blog-card__media-wrapper { width: 100%; height: 260px; overflow: hidden; background-color: #F1F5F9; }
.gynostorm-blog-card__img-link { width: 100%; height: 100%; }
.gynostorm-blog-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.gynostorm-blog-card:hover .gynostorm-blog-card__image { transform: scale(1.04); }
.gynostorm-blog-card__category-tag { background-color: rgba(15, 23, 42, 0.85); backdrop-filter: blur(8px); color: #FFFFFF; font-size: 0.75rem; font-weight: 600; padding: 0.3rem 0.75rem; border-radius: 6px; letter-spacing: 0.02em; z-index: 1; }
.gynostorm-blog-card__meta-item { font-size: 0.8125rem; color: #64748B; }
.gynostorm-blog-card__meta-item i { font-size: 0.95rem; color: #2563EB; }
.gynostorm-blog-card__title { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.35; margin: 0; }
.gynostorm-blog-card__title-link { color: #0F172A; text-decoration: none; transition: color 0.2s ease; }
.gynostorm-blog-card__title-link:hover { color: #2563EB; }
.gynostorm-blog-card__summary { font-size: 0.9375rem; color: #475569; line-height: 1.6; }
.gynostorm-blog-card__btn { background-color: #0F172A; color: #FFFFFF; border: 1px solid #0F172A; padding: 0.65rem 1.2rem; border-radius: 10px; font-weight: 600; font-size: 0.875rem; text-decoration: none; transition: all 0.2s ease; }
.gynostorm-blog-card__btn:hover { background-color: #1E293B; border-color: #1E293B; color: #FFFFFF; transform: translateY(-1px); }
.gynostorm-blog-card__btn i { font-size: 1.05rem; transition: transform 0.2s ease; }
.gynostorm-blog-card__btn:hover i { transform: translateX(3px); }
.gynostorm-blog-section__empty-icon { font-size: 3.5rem; color: #94A3B8; }

.sport-comment-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

.sport-comment-card:hover {
    border-color: #CBD5E1;
    box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
}

.sport-comment-avatar {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border: 2px solid #FFFFFF;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.1);
}

.sport-verified-badge {
    width: 18px;
    height: 18px;
    background-color: #059669;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 0.65rem;
    border: 2px solid #FFFFFF;
}

.sport-comment-author {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0F172A;
    font-weight: 700;
    font-size: 1rem;
}

.sport-tag-pill {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 9999px;
    letter-spacing: 0.02em;
}

.sport-tag-verified {
    background-color: #ECFDF5;
    color: #047857;
    border: 1px solid rgba(5, 150, 105, 0.2);
}

.sport-tag-discipline {
    background-color: #EEF2FF;
    color: #4338CA;
    border: 1px solid rgba(67, 56, 202, 0.15);
}

.sport-comment-score {
    font-weight: 700;
    font-size: 0.875rem;
    color: #0F172A;
}

.sport-meta-divider {
    color: #CBD5E1;
    font-size: 0.75rem;
}

.sport-comment-date {
    font-size: 0.75rem;
    color: #94A3B8;
}

.sport-comment-more-btn {
    color: #94A3B8;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: none;
    transition: color 200ms ease;
}

.sport-comment-more-btn:hover {
    color: #0F172A;
}

.sport-product-spec-banner {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 0.5rem 0.875rem;
    font-size: 0.75rem;
}

.sport-spec-text {
    color: #475569;
    font-weight: 500;
}

.sport-spec-stat {
    color: #2563EB;
    font-weight: 600;
}

.sport-comment-title {
    color: #0F172A;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.sport-comment-text {
    color: #475569;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.sport-metric-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background-color: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 0.3rem 0.65rem;
    font-size: 0.75rem;
}

.chip-label {
    color: #64748B;
}

.chip-value {
    font-weight: 600;
    color: #0F172A;
}

.chip-value.text-accent {
    color: #059669;
}

.sport-gallery-thumb {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #CBD5E1;
    cursor: pointer;
    transition: transform 200ms ease, border-color 200ms ease;
}

.sport-gallery-thumb:hover {
    transform: scale(1.05);
    border-color: #2563EB;
}

.sport-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sport-comment-footer {
    border-top: 1px solid #F1F5F9;
}

.sport-action-btn {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #475569;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    transition: all 200ms ease;
}

.sport-action-btn:hover {
    background-color: #F1F5F9;
    border-color: #CBD5E1;
    color: #0F172A;
}

.sport-action-btn.active {
    background-color: #EEF2FF;
    border-color: #2563EB;
    color: #2563EB;
}

.sport-reply-toggle-btn {
    background: transparent;
    border: none;
    color: #2563EB;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 200ms ease;
}

.sport-reply-toggle-btn:hover {
    color: #1D4ED8;
    text-decoration: underline;
}

.sport-reply-wrapper {
    position: relative;
    border-left: 2px solid #E2E8F0;
}

.sport-reply-card {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 1.25rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

.sport-reply-card:hover {
    background-color: #FFFFFF;
    border-color: #CBD5E1;
    box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.05);
}

.sport-reply-avatar {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 2px solid #FFFFFF;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08);
}

.sport-staff-badge {
    width: 16px;
    height: 16px;
    background-color: #2563EB;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 0.6rem;
    border: 2px solid #FFFFFF;
}

.sport-reply-author {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0F172A;
    font-weight: 700;
    font-size: 0.9375rem;
}

.sport-tag-official {
    background-color: #2563EB;
    color: #FFFFFF;
    font-size: 0.625rem;
    padding: 0.15rem 0.5rem;
    font-weight: 600;
    border-radius: 9999px;
}

.sport-reply-date {
    font-size: 0.75rem;
    color: #94A3B8;
}

.sport-reply-badge-pill {
    font-size: 0.6875rem;
    color: #059669;
    background-color: #ECFDF5;
    border: 1px solid rgba(5, 150, 105, 0.2);
    padding: 0.25rem 0.6rem;
    border-radius: 6px;
    font-weight: 600;
}

.sport-reply-reference {
    background-color: #F1F5F9;
    border-left: 3px solid #2563EB;
    font-size: 0.75rem;
    color: #64748B;
}

.sport-reference-label {
    font-weight: 600;
    color: #475569;
}

.sport-reference-quote {
    font-style: normal;
    color: #64748B;
}

.sport-reply-text {
    color: #334155;
    font-size: 0.875rem;
    line-height: 1.6;
}

.sport-reply-footer {
    border-top: 1px solid #E2E8F0;
}

.sport-reply-action-btn {
    background-color: transparent;
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    color: #475569;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    transition: all 200ms ease;
}

.sport-reply-action-btn:hover {
    background-color: #FFFFFF;
    border-color: #DC2626;
    color: #DC2626;
}

.sport-action-link-btn {
    background: transparent;
    border: none;
    color: #2563EB;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 200ms ease;
}

.sport-action-link-btn:hover {
    color: #1D4ED8;
    text-decoration: underline;
}


/* ===== PAGE TEMPLATE: catalog-items ===== */
.gsc-detail-body {
    background-color: #F8FAFC;
    color: #0F172A;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.gsc-site-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    z-index: 1020;
}

.gsc-brand-name {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #0F172A;
    letter-spacing: -0.02em;
}

.gsc-nav-link {
    color: #475569;
    font-weight: 500;
    font-size: 0.9375rem;
    transition: color 200ms ease;
}

.gsc-nav-link:hover,
.gsc-nav-link.active {
    color: #2563EB;
}

.gsc-cart-btn {
    background-color: #F1F5F9;
    border: 1px solid #CBD5E1;
    color: #0F172A;
    border-radius: 10px;
    padding: 0.5rem 0.85rem;
}

.gsc-cart-btn:hover {
    background-color: #E2E8F0;
    color: #2563EB;
}

.gsc-detail-page .gsc-breadcrumb-section {
    background-color: #F1F5F9;
    border-bottom: 1px solid #E2E8F0;
}

.gsc-detail-page .gsc-crumb-link {
    color: #64748B;
    text-decoration: none;
    font-size: 0.875rem;
}

.gsc-detail-page .gsc-crumb-link:hover {
    color: #2563EB;
}

.gsc-detail-page .breadcrumb-item.active {
    color: #0F172A;
    font-size: 0.875rem;
    font-weight: 500;
}

.gsc-detail-page .gsc-product-image-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.gsc-detail-page .gsc-image-wrapper {
    position: relative;
    background-color: #F1F5F9;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 4/3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gsc-detail-page .gsc-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gsc-detail-page .gsc-badge-tag {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: #059669;
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
}

.gsc-detail-page .gsc-product-summary-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.gsc-detail-page .gsc-sku-pill {
    font-size: 0.75rem;
    background-color: #EEF2FF;
    color: #4338CA;
    padding: 3px 8px;
    border-radius: 6px;
    font-weight: 600;
}

.gsc-detail-page .gsc-status-pill {
    font-size: 0.75rem;
    background-color: #ECFDF5;
    color: #047857;
    padding: 3px 8px;
    border-radius: 6px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.gsc-detail-page .gsc-product-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.25;
}

.gsc-detail-page .gsc-price-box {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.gsc-detail-page .gsc-current-price {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #2563EB;
}

.gsc-detail-page .gsc-tax-note {
    font-size: 0.8125rem;
    color: #64748B;
}

.gsc-detail-page .gsc-product-lead {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
}

.gsc-detail-page .gsc-btn-primary {
    background-color: #0F172A;
    color: #FFFFFF;
    border: 1px solid #0F172A;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
    transition: background-color 200ms ease, transform 200ms ease;
}

.gsc-detail-page .gsc-btn-primary:hover {
    background-color: #1E293B;
    color: #FFFFFF;
    transform: translateY(-1px);
}

.gsc-detail-page .gsc-g-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0F172A;
}

.gsc-detail-page .gsc-g-sub {
    font-size: 0.75rem;
    color: #64748B;
}

.gsc-detail-page .gsc-tab-btn {
    background-color: #FFFFFF;
    border: 1px solid #CBD5E1;
    color: #475569;
    padding: 0.6rem 1.25rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.9375rem;
    cursor: pointer;
    transition: all 200ms ease;
}

.gsc-detail-page .gsc-tab-btn.active {
    background-color: #2563EB;
    border-color: #2563EB;
    color: #FFFFFF;
}

.gsc-detail-page .gsc-specs-table-box,
.gsc-detail-page .gsc-prose-block {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.gsc-detail-page .gsc-spec-label {
    color: #64748B;
    font-size: 0.875rem;
}

.gsc-detail-page .gsc-spec-value {
    color: #0F172A;
    font-weight: 600;
    font-size: 0.875rem;
}

.gsc-detail-page .gsc-section-subhead {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0F172A;
}

.site-footer-section {
    background-color: #0F172A;
    color: #CBD5E1;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    border-top: 1px solid #1E293B;
}

.site-footer-section .footer-brand-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    display: inline-block;
}

.site-footer-section .footer-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 1rem;
}

.site-footer-section .footer-feature-badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #E2E8F0;
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 9999px;
    white-space: nowrap;
}

.site-footer-section .footer-feature-badge i {
    color: #38BDF8;
}

.site-footer-section .footer-column-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 1.25rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.site-footer-section .footer-nav-list li {
    margin-bottom: 0.75rem;
}

.site-footer-section .footer-link {
    color: #94A3B8;
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 200ms ease, transform 200ms ease;
    display: inline-block;
}

.site-footer-section .footer-link:hover {
    color: #FFFFFF;
    transform: translateX(4px);
}

.site-footer-section .footer-payment-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748B;
    font-weight: 600;
}

.site-footer-section .payment-chip {
    display: inline-flex;
    align-items: center;
    background-color: #1E293B;
    border: 1px solid #334155;
    color: #F8FAFC;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 6px;
}

.site-footer-section .payment-chip i {
    color: #60A5FA;
}

.site-footer-section .footer-bottom-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer-section .footer-copyright-text {
    font-size: 0.8125rem;
    color: #64748B;
}

.site-footer-section .footer-legal-inline {
    align-items: center;
}

.site-footer-section .footer-legal-link {
    font-size: 0.8125rem;
    color: #64748B;
    text-decoration: none;
    transition: color 200ms ease;
}

.site-footer-section .footer-legal-link:hover {
    color: #CBD5E1;
}

.site-footer-section .footer-legal-sep {
    color: #334155;
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .gsc-detail-page .gsc-product-title {
        font-size: 1.35rem;
    }

    .gsc-detail-page .gsc-current-price {
        font-size: 1.5rem;
    }

    .site-footer-section .footer-column-heading {
        font-size: 0.9375rem;
        margin-bottom: 0.75rem;
    }

    .site-footer-section .footer-link {
        font-size: 0.8125rem;
    }

    .site-footer-section .footer-copyright-text,
    .site-footer-section .footer-legal-link {
        font-size: 0.75rem;
    }
}

/* ===== PAGE TEMPLATE: service-items ===== */
.site-header-nav {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.site-header-nav .header-logo-text {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0F172A;
    letter-spacing: -0.02em;
}

.site-header-nav .nav-main-link {
    color: #475569;
    font-weight: 500;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: color 200ms ease;
}

.site-header-nav .nav-main-link:hover,
.site-header-nav .nav-main-link.active {
    color: #2563EB;
}

.site-header-nav .cart-trigger-btn {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gsc-service-detail-section {
    background-color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    min-height: 80vh;
}

.gsc-service-detail-section .breadcrumb-link {
    color: #64748B;
    text-decoration: none;
    font-size: 0.875rem;
}

.gsc-service-detail-section .breadcrumb-link:hover {
    color: #2563EB;
}

.gsc-service-detail-section .service-image-container {
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gsc-service-detail-section .service-primary-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gsc-service-detail-section .service-main-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
    font-weight: 700;
    color: #0F172A;
    line-height: 1.2;
}

.gsc-service-detail-section .content-section-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0F172A;
}

.gsc-service-detail-section .service-lead-description {
    font-size: 0.9375rem;
    line-height: 1.6;
}

.gsc-service-detail-section .btn-service-add {
    background-color: #0F172A;
    border-color: #0F172A;
    color: #FFFFFF;
    font-size: 1rem;
    transition: background-color 200ms ease, transform 200ms ease;
}

.gsc-service-detail-section .btn-service-add:hover {
    background-color: #1E293B;
    border-color: #1E293B;
    transform: translateY(-1px);
    color: #FFFFFF;
}

.gsc-service-detail-section .custom-tab-btn {
    color: #64748B;
    font-weight: 600;
    background-color: #F1F5F9;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    padding: 10px 18px;
    transition: all 200ms ease;
}

.gsc-service-detail-section .custom-tab-btn:hover {
    color: #0F172A;
    background-color: #E2E8F0;
}

.gsc-service-detail-section .custom-tab-btn.active {
    color: #FFFFFF !important;
    background-color: #2563EB !important;
    border-color: #2563EB !important;
}

.gsc-service-detail-section .step-num {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
    font-weight: 700;
    flex-shrink: 0;
}

.site-footer-section {
    background-color: #0F172A;
    color: #CBD5E1;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    border-top: 1px solid #1E293B;
}

.site-footer-section .footer-brand-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    display: inline-block;
}

.site-footer-section .footer-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 1rem;
}

.site-footer-section .footer-feature-badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #E2E8F0;
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 9999px;
    white-space: nowrap;
}

.site-footer-section .footer-feature-badge i {
    color: #38BDF8;
}

.site-footer-section .footer-column-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 1.25rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.site-footer-section .footer-nav-list li {
    margin-bottom: 0.75rem;
}

.site-footer-section .footer-link {
    color: #94A3B8;
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 200ms ease, transform 200ms ease;
    display: inline-block;
}

.site-footer-section .footer-link:hover {
    color: #FFFFFF;
    transform: translateX(4px);
}

.site-footer-section .footer-payment-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748B;
    font-weight: 600;
}

.site-footer-section .payment-chip {
    display: inline-flex;
    align-items: center;
    background-color: #1E293B;
    border: 1px solid #334155;
    color: #F8FAFC;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 6px;
}

.site-footer-section .payment-chip i {
    color: #60A5FA;
}

.site-footer-section .footer-bottom-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer-section .footer-copyright-text {
    font-size: 0.8125rem;
    color: #64748B;
}

.site-footer-section .footer-legal-inline {
    align-items: center;
}

.site-footer-section .footer-legal-link {
    font-size: 0.8125rem;
    color: #64748B;
    text-decoration: none;
    transition: color 200ms ease;
}

.site-footer-section .footer-legal-link:hover {
    color: #CBD5E1;
}

.site-footer-section .footer-legal-sep {
    color: #334155;
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .site-footer-section .footer-column-heading {
        font-size: 0.9375rem;
        margin-bottom: 0.75rem;
    }

    .site-footer-section .footer-link {
        font-size: 0.8125rem;
    }

    .site-footer-section .footer-copyright-text,
    .site-footer-section .footer-legal-link {
        font-size: 0.75rem;
    }
}

/* ===== PAGE TEMPLATE: blog-items ===== */
.gsc-main-navbar {
    background-color: #0F172A;
    border-bottom: 1px solid #1E293B;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.gsc-main-navbar .gsc-nav-brand-text {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
}

.gsc-main-navbar .gsc-nav-link {
    color: #94A3B8;
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 200ms ease;
}

.gsc-main-navbar .gsc-nav-link:hover,
.gsc-main-navbar .gsc-nav-link.active {
    color: #FFFFFF;
}

.gsc-main-navbar .gsc-btn-nav-action {
    background-color: #1E293B;
    color: #F8FAFC;
    border: 1px solid #334155;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 200ms ease;
}

.gsc-main-navbar .gsc-btn-nav-action:hover {
    background-color: #2563EB;
    border-color: #2563EB;
    color: #FFFFFF;
}

.gsc-blog-detail-page {
    background-color: #F8FAFC;
    color: #0F172A;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.gsc-blog-detail-page .gsc-breadcrumbs-nav .breadcrumb-item,
.gsc-blog-detail-page .gsc-breadcrumbs-nav .gsc-crumb-link {
    font-size: 0.875rem;
    color: #64748B;
    text-decoration: none;
}

.gsc-blog-detail-page .gsc-breadcrumbs-nav .gsc-crumb-link:hover {
    color: #2563EB;
}

.gsc-blog-detail-page .gsc-category-pill {
    display: inline-flex;
    align-items: center;
    background-color: #EEF2FF;
    color: #4338CA;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 9999px;
    letter-spacing: 0.02em;
}

.gsc-blog-detail-page .gsc-reading-pill {
    display: inline-flex;
    align-items: center;
    background-color: #F1F5F9;
    color: #64748B;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 9999px;
}

.gsc-blog-detail-page .gsc-article-main-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(1.625rem, 3.2vw + 0.5rem, 2.75rem);
    font-weight: 700;
    color: #0F172A;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.gsc-blog-detail-page .gsc-article-lead-desc {
    font-size: 1.125rem;
    line-height: 1.6;
    color: #475569;
}

.gsc-blog-detail-page .gsc-author-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
}

.gsc-blog-detail-page .gsc-author-avatar-badge {
    width: 44px;
    height: 44px;
    background-color: #0F172A;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 1.25rem;
}

.gsc-blog-detail-page .gsc-author-name-text {
    font-weight: 700;
    color: #0F172A;
    font-size: 0.9375rem;
}

.gsc-blog-detail-page .gsc-author-role-text {
    font-size: 0.75rem;
    color: #64748B;
}

.gsc-blog-detail-page .gsc-meta-info-block {
    font-size: 0.8125rem;
}

.gsc-blog-detail-page .gsc-single-featured-image {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    border: 1px solid #E2E8F0;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.06);
}

.gsc-blog-detail-page .gsc-key-takeaway-box {
    background-color: #ECFDF5;
    border: 1px solid #A7F3D0;
    border-left: 4px solid #059669;
}

.gsc-blog-detail-page .gsc-takeaway-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #065F46;
}

.gsc-blog-detail-page .gsc-takeaway-text {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #047857;
}

.gsc-blog-detail-page .gsc-section-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.3;
    margin-top: 1.5rem;
}

.gsc-blog-detail-page .gsc-body-paragraph {
    font-size: 1rem;
    line-height: 1.75;
    color: #334155;
    margin-bottom: 1.25rem;
}

.gsc-blog-detail-page .gsc-styled-list {
    padding-left: 1.25rem;
    color: #334155;
}

.gsc-blog-detail-page .gsc-styled-list li {
    font-size: 0.9375rem;
    line-height: 1.7;
    margin-bottom: 0.625rem;
}

.gsc-blog-detail-page .gsc-article-quote {
    background-color: #F1F5F9;
    border-left: 4px solid #2563EB;
}

.gsc-blog-detail-page .gsc-quote-content {
    font-size: 1.0625rem;
    font-style: italic;
    color: #1E293B;
    line-height: 1.6;
}

.gsc-blog-detail-page .gsc-quote-author {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #64748B;
    font-style: normal;
}

.gsc-blog-detail-page .gsc-article-summary-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
}

.gsc-blog-detail-page .gsc-summary-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0F172A;
}

.gsc-blog-detail-page .gsc-summary-text {
    font-size: 0.9375rem;
    line-height: 1.65;
    color: #475569;
}

.gsc-blog-detail-page .gsc-sidebar-widget {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
}

.gsc-blog-detail-page .gsc-widget-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0F172A;
}

.gsc-blog-detail-page .gsc-sidebar-article-link {
    display: block;
    text-decoration: none;
    transition: transform 200ms ease;
}

.gsc-blog-detail-page .gsc-sidebar-article-link:hover {
    transform: translateX(4px);
}

.gsc-blog-detail-page .gsc-sidebar-tag {
    font-size: 0.6875rem;
    color: #2563EB;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.gsc-blog-detail-page .gsc-sidebar-link-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1E293B;
    line-height: 1.4;
    transition: color 200ms ease;
}

.gsc-blog-detail-page .gsc-sidebar-article-link:hover .gsc-sidebar-link-title {
    color: #2563EB;
}

.gsc-blog-detail-page .gsc-sidebar-info-card {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.gsc-blog-detail-page .gsc-info-card-heading {
    font-weight: 700;
    font-size: 0.9375rem;
    color: #0F172A;
}

.gsc-blog-detail-page .gsc-info-card-desc {
    font-size: 0.8125rem;
    line-height: 1.6;
    color: #64748B;
}

.gsc-blog-detail-page .gsc-sidebar-view-all {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #2563EB;
    transition: gap 200ms ease;
}

.gsc-blog-detail-page .gsc-sidebar-view-all:hover {
    color: #1D4ED8;
}

.site-footer-section {
    background-color: #0F172A;
    color: #CBD5E1;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    border-top: 1px solid #1E293B;
}

.site-footer-section .footer-brand-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    display: inline-block;
}

.site-footer-section .footer-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #94A3B8;
    margin-bottom: 1rem;
}

.site-footer-section .footer-feature-badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #E2E8F0;
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 9999px;
    white-space: nowrap;
}

.site-footer-section .footer-feature-badge i {
    color: #38BDF8;
}

.site-footer-section .footer-column-heading {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 1.25rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.site-footer-section .footer-nav-list li {
    margin-bottom: 0.75rem;
}

.site-footer-section .footer-link {
    color: #94A3B8;
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 200ms ease, transform 200ms ease;
    display: inline-block;
}

.site-footer-section .footer-link:hover {
    color: #FFFFFF;
    transform: translateX(4px);
}

.site-footer-section .footer-payment-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748B;
    font-weight: 600;
}

.site-footer-section .payment-chip {
    display: inline-flex;
    align-items: center;
    background-color: #1E293B;
    border: 1px solid #334155;
    color: #F8FAFC;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 6px;
}

.site-footer-section .payment-chip i {
    color: #60A5FA;
}

.site-footer-section .footer-bottom-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-footer-section .footer-copyright-text {
    font-size: 0.8125rem;
    color: #64748B;
}

.site-footer-section .footer-legal-inline {
    align-items: center;
}

.site-footer-section .footer-legal-link {
    font-size: 0.8125rem;
    color: #64748B;
    text-decoration: none;
    transition: color 200ms ease;
}

.site-footer-section .footer-legal-link:hover {
    color: #CBD5E1;
}

.site-footer-section .footer-legal-sep {
    color: #334155;
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .gsc-blog-detail-page .gsc-article-main-title {
        font-size: 1.375rem;
    }

    .gsc-blog-detail-page .gsc-section-heading {
        font-size: 1.125rem;
    }

    .gsc-blog-detail-page .gsc-takeaway-title,
    .gsc-blog-detail-page .gsc-summary-title,
    .gsc-blog-detail-page .gsc-widget-title {
        font-size: 1rem;
    }

    .site-footer-section .footer-column-heading {
        font-size: 0.9375rem;
        margin-bottom: 0.75rem;
    }

    .site-footer-section .footer-link {
        font-size: 0.8125rem;
    }

    .site-footer-section .footer-copyright-text,
    .site-footer-section .footer-legal-link {
        font-size: 0.75rem;
    }
}