:root {
    --primary: #0284C7;
    --primary-hover: #0369A1;
    --secondary: #0F766E;
    --secondary-hover: #115E59;
    --accent: #06B6D4;
    --accent-hover: #0891B2;
    --background-primary: #FFFFFF;
    --background-secondary: #F8FAFC;
    --background-tertiary: #F1F5F9;
    --surface-card: #FFFFFF;
    --surface-card-muted: #F8FAFC;
    --border-subtle: #E2E8F0;
    --border-strong: #CBD5E1;
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --text-muted: #64748B;
    --font-family-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-mono: 'JetBrains Mono', monospace;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

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

.text-muted {
    color: var(--text-muted) !important;
}

a {
    color: inherit;
    text-decoration: none;
    transition: none;
}

a:hover {
    color: var(--primary);
    text-decoration: underline;
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #FFFFFF !important;
    font-weight: 600;
    border-radius: 4px;
    transition: none !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.btn-outline-secondary {
    background-color: var(--background-secondary) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
    font-weight: 600;
    border-radius: 4px;
    transition: none !important;
}

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

/* ===== header ===== */
.select-swim-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    position: relative;
    z-index: 1030;
}

.select-swim-header .select-swim-topbar {
    background-color: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    padding: 6px 0;
    font-size: 0.75rem;
    line-height: 1.3;
}

.select-swim-header .select-swim-badge-shipping {
    background-color: #E0F2FE;
    color: #0369A1;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 3px 6px;
    border-radius: 3px;
    margin-right: 8px;
}

.select-swim-header .select-swim-topbar-text {
    color: #475569;
    font-weight: 500;
}

.select-swim-header .select-swim-contact-link {
    color: #0F172A;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.select-swim-header .select-swim-contact-link:hover {
    color: #0284C7;
    text-decoration: underline;
}

.select-swim-header .select-swim-contact-icon {
    color: #0284C7;
    font-size: 0.8125rem;
}

.select-swim-header .select-swim-navbar {
    background-color: #FFFFFF;
    padding: 10px 0;
}

.select-swim-header .select-swim-logo-img {
    max-width: 42px;
    height: auto;
    object-fit: contain;
}

.select-swim-header .select-swim-brand-name {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0F172A;
}

.select-swim-header .select-swim-navlink {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0F172A;
    padding: 8px 12px;
    border-radius: 4px;
}

.select-swim-header .select-swim-navlink:hover {
    color: #0284C7;
    background-color: #F8FAFC;
}

.select-swim-header .select-swim-navlink:focus {
    color: #0284C7;
}

.select-swim-header .select-swim-cart-btn {
    background-color: #F8FAFC;
    border: 1px solid #CBD5E1;
    color: #0F172A;
    padding: 6px 12px;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    cursor: pointer;
}

.select-swim-header .select-swim-cart-btn:hover {
    background-color: #E0F2FE;
    border-color: #0284C7;
    color: #0369A1;
}

.select-swim-header .select-swim-cart-icon {
    font-size: 1rem;
    color: #0284C7;
}

.select-swim-header .select-swim-cart-badge {
    background-color: #0284C7;
    color: #FFFFFF;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 3px 6px;
}

.select-swim-header .select-swim-toggler {
    border: 1px solid #CBD5E1;
    padding: 4px 8px;
    background-color: #F8FAFC;
    border-radius: 4px;
}

.select-swim-header .select-swim-toggler:focus {
    box-shadow: none;
    border-color: #0284C7;
}

@media (max-width: 991.98px) {
    .select-swim-header .navbar-collapse {
        background-color: #FFFFFF;
        border-top: 1px solid #E2E8F0;
        margin-top: 10px;
        padding: 12px 0 6px 0;
    }

    .select-swim-header .select-swim-navlink {
        padding: 10px 12px;
        border-bottom: 1px solid #F1F5F9;
    }

    .select-swim-header .select-swim-brand-name {
        font-size: 1.125rem;
    }
}

/* ===== hero ===== */
.select-swim-hero {
    background-color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.select-swim-hero .select-swim-hero__card {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}

.select-swim-hero .select-swim-hero__content-col {
    background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
}

.select-swim-hero .select-swim-hero__tag {
    background-color: #E0F2FE;
    color: #0284C7;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #BAE6FD;
}

.select-swim-hero .select-swim-hero__tag i {
    font-size: 0.875rem;
}

.select-swim-hero .select-swim-hero__title {
    color: #0F172A;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    hyphens: auto;
}

@media (max-width: 767.98px) {
    .select-swim-hero .select-swim-hero__title {
        font-size: 1.125rem;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .select-swim-hero .select-swim-hero__title {
        font-size: 2.125rem;
    }
}

.select-swim-hero .select-swim-hero__lead {
    color: #475569;
    font-size: 0.9375rem;
    line-height: 1.5;
    font-weight: 400;
}

@media (max-width: 767.98px) {
    .select-swim-hero .select-swim-hero__lead {
        font-size: 0.8125rem;
    }
}

.select-swim-hero .select-swim-hero__btn-primary {
    background-color: #0284C7;
    color: #FFFFFF;
    border: 1px solid #0284C7;
    padding: 0.55rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
}

.select-swim-hero .select-swim-hero__btn-primary:hover {
    background-color: #0369A1;
    border-color: #0369A1;
    color: #FFFFFF;
}

.select-swim-hero .select-swim-hero__btn-secondary {
    background-color: #FFFFFF;
    color: #0F172A;
    border: 1px solid #CBD5E1;
    padding: 0.55rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
}

.select-swim-hero .select-swim-hero__btn-secondary:hover {
    background-color: #F1F5F9;
    border-color: #94A3B8;
    color: #0F172A;
}

.select-swim-hero .select-swim-hero__feature-grid {
    border-color: #E2E8F0 !important;
}

.select-swim-hero .select-swim-hero__micro-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.select-swim-hero .select-swim-hero__micro-icon {
    color: #0284C7;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.select-swim-hero .select-swim-hero__micro-item strong {
    font-size: 0.75rem;
    color: #0F172A;
    line-height: 1.2;
}

.select-swim-hero .select-swim-hero__micro-sub {
    font-size: 0.6875rem;
    color: #64748B;
    line-height: 1.2;
    display: block;
}

.select-swim-hero .select-swim-hero__media-col {
    min-height: 280px;
}

.select-swim-hero .select-swim-hero__image-wrapper {
    background-color: #F1F5F9;
    min-height: 100%;
}

.select-swim-hero .select-swim-hero__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.select-swim-hero .select-swim-hero__floating-badge {
    bottom: 1rem;
    right: 1rem;
    background-color: rgba(255, 255, 255, 0.96);
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    max-width: calc(100% - 2rem);
}

.select-swim-hero .select-swim-hero__badge-icon-box {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #E0F2FE;
    color: #0284C7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.select-swim-hero .select-swim-hero__badge-title {
    font-size: 0.75rem;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.2;
}

.select-swim-hero .select-swim-hero__badge-desc {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #64748B;
    line-height: 1.2;
}

/* ===== catalog-grid ===== */
.catalog-grid-section {
    background-color: #FFFFFF;
    color: #0F172A;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.catalog-grid-section .catalog-grid-badge {
    background-color: #E0F2FE;
    color: #0369A1;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #BAE6FD;
}

.catalog-grid-section .catalog-grid-title {
    color: #0F172A;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.catalog-grid-section .catalog-grid-subtitle {
    color: #475569;
    font-size: 0.9375rem;
    line-height: 1.5;
    max-width: 620px;
}

.catalog-grid-section .catalog-grid-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.catalog-grid-section .catalog-grid-badge-wrap {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
}

.catalog-grid-section .catalog-grid-chip {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    letter-spacing: 0.03em;
}

.catalog-grid-section .catalog-grid-chip-new {
    background-color: #E0F2FE;
    color: #0369A1;
    border: 1px solid #BAE6FD;
}

.catalog-grid-section .catalog-grid-chip-sale {
    background-color: #FEE2E2;
    color: #B91C1C;
    border: 1px solid #FECACA;
}

.catalog-grid-section .catalog-grid-img-link {
    background-color: #F8FAFC;
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-grid-section .catalog-grid-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.catalog-grid-section .catalog-grid-sku {
    color: #64748B;
    font-size: 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 500;
}

.catalog-grid-section .catalog-grid-stock {
    color: #15803D;
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.catalog-grid-section .catalog-grid-card-title {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

.catalog-grid-section .catalog-grid-title-link {
    color: #0F172A;
    text-decoration: none;
}

.catalog-grid-section .catalog-grid-desc {
    color: #475569;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.catalog-grid-section .catalog-grid-price-row {
    border-color: #E2E8F0 !important;
}

.catalog-grid-section .catalog-grid-price-label {
    font-size: 0.6875rem;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: block;
    font-weight: 600;
}

.catalog-grid-section .catalog-grid-price-val {
    font-size: 1.125rem;
    font-weight: 800;
    color: #0284C7;
    line-height: 1.2;
}

.catalog-grid-section .catalog-grid-btn {
    background-color: #0284C7;
    color: #FFFFFF;
    border: 1px solid #0284C7;
    padding: 0.4375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.4;
}

@media (max-width: 767.98px) {
    .catalog-grid-section .catalog-grid-title {
        font-size: 1.375rem;
        hyphens: auto;
    }

    .catalog-grid-section .catalog-grid-card-title {
        font-size: 0.9375rem;
    }
}

/* ===== bundles ===== */
.bundles-section {
    background-color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.bundles-section .bundles-badge {
    font-size: 0.6875rem;
    letter-spacing: 0.05em;
}

.bundles-section .bundles-title {
    color: #0F172A;
    font-weight: 700;
}

.bundles-section .bundles-subtitle {
    color: #475569;
}

.bundles-section .bundle-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 1rem;
}

.bundles-section .bundle-card.bundle-featured {
    border: 2px solid #0284C7;
    background: #FAFCFE;
}

.bundles-section .bundle-savings-badge {
    background-color: #FEE2E2;
    color: #B91C1C;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
}

.bundles-section .bundle-savings-badge.highlight {
    background-color: #0284C7;
    color: #FFFFFF;
}

.bundles-section .bundle-status-badge {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
}

.bundles-section .bundle-status-badge.in-stock {
    background-color: #DCFCE7;
    color: #15803D;
}

.bundles-section .bundle-item {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.bundles-section .bundle-thumb {
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
}

.bundles-section .bundle-item-title {
    color: #0F172A;
    text-decoration: none;
    font-size: 0.8125rem;
    line-height: 1.3;
}

.bundles-section .bundle-item-title:hover {
    color: #0284C7;
    text-decoration: underline;
}

.bundles-section .bundle-item-spec {
    font-size: 0.6875rem;
    line-height: 1.2;
    color: #64748B;
}

.bundles-section .bundle-item-price {
    font-size: 0.8125rem;
    color: #0F172A;
}

.bundles-section .bundle-pricing-box {
    background-color: #F1F5F9;
    border: 1px solid #E2E8F0;
}

.bundles-section .bundle-total-price {
    color: #0284C7;
    font-size: 1.375rem;
    font-weight: 800;
}

.bundles-section .buyNowBtn {
    background-color: #0284C7;
    border: 1px solid #0284C7;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
}

.bundles-section .buyNowBtn:hover {
    background-color: #0369A1;
    border-color: #0369A1;
    color: #FFFFFF;
}

.bundles-section .buyNowBtn:active {
    background-color: #075985;
    border-color: #075985;
}

/* ===== materials ===== */
.materials-origin-section {
    background-color: #F8FAFC;
    color: #0F172A;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.materials-origin-section .materials-badge {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: #E0F2FE;
    color: #0369A1;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
}

.materials-origin-section .materials-title {
    font-size: 1.375rem;
    line-height: 1.3;
    font-weight: 700;
    color: #0F172A;
}

@media (max-width: 767.98px) {
    .materials-origin-section .materials-title {
        font-size: 1rem;
        hyphens: auto;
    }
}

.materials-origin-section .materials-subtitle {
    font-size: 0.875rem;
    color: #475569;
    max-width: 720px;
    line-height: 1.45;
}

.materials-origin-section .materials-stat-pill {
    background-color: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    color: #0F172A;
    white-space: nowrap;
}

.materials-origin-section .materials-filter-btn {
    background-color: #FFFFFF;
    color: #475569;
    border: 1px solid #CBD5E1;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
    cursor: pointer;
}

.materials-origin-section .materials-filter-btn:hover {
    background-color: #F1F5F9;
    color: #0F172A;
    border-color: #94A3B8;
}

.materials-origin-section .materials-filter-btn.active {
    background-color: #0284C7;
    color: #FFFFFF;
    border-color: #0284C7;
}

.materials-origin-section .materials-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
}

.materials-origin-section .materials-card:hover {
    border-color: #0284C7;
}

.materials-origin-section .material-type-tag {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0F766E;
    background-color: #CCFBF1;
    padding: 0.15rem 0.45rem;
    border-radius: 3px;
}

.materials-origin-section .origin-badge {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748B;
}

.materials-origin-section .material-icon-box {
    width: 36px;
    height: 36px;
    background-color: #E0F2FE;
    color: #0284C7;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
}

.materials-origin-section .material-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.3;
}

@media (max-width: 767.98px) {
    .materials-origin-section .material-name {
        font-size: 0.875rem;
        hyphens: auto;
    }
}

.materials-origin-section .material-desc {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #475569;
}

.materials-origin-section .material-specs {
    font-size: 0.75rem;
    border-color: #E2E8F0 !important;
}

.materials-origin-section .spec-label {
    color: #64748B;
    font-weight: 500;
}

.materials-origin-section .spec-val {
    color: #0F172A;
    font-weight: 600;
}

.materials-origin-section .materials-provenance-box {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
}

/* ===== recommendations ===== */
.select-swim-recommendations {
    background-color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #0F172A;
}

.select-swim-recommendations .select-swim-recommendations__header {
    border-color: #E2E8F0 !important;
}

.select-swim-recommendations .select-swim-recommendations__meta-tag {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0284C7;
}

.select-swim-recommendations .select-swim-recommendations__heading {
    font-size: 1.375rem;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: #0F172A;
}

.select-swim-recommendations .select-swim-recommendations__history-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #10B981;
    display: inline-block;
}

.select-swim-recommendations .select-swim-recommendations__history-text {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.select-swim-recommendations .select-swim-recommendations__view-all-link {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0284C7;
    text-decoration: none;
}

.select-swim-recommendations .select-swim-recommendations__view-all-link:hover {
    text-decoration: underline;
    color: #0369A1;
}

.select-swim-recommendations .select-swim-recommendations__card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 0.5rem;
    position: relative;
}

.select-swim-recommendations .select-swim-recommendations__card:hover {
    border-color: #0284C7;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.06);
}

.select-swim-recommendations .select-swim-recommendations__badge-group {
    position: absolute;
    top: 0.875rem;
    left: 0.875rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
}

.select-swim-recommendations .select-swim-recommendations__badge {
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.select-swim-recommendations .select-swim-recommendations__badge--match {
    background-color: #E0F2FE;
    color: #0369A1;
    border: 1px solid #BAE6FD;
}

.select-swim-recommendations .select-swim-recommendations__badge--stock {
    background-color: #DCFCE7;
    color: #15803D;
    border: 1px solid #BBF7D0;
}

.select-swim-recommendations .select-swim-recommendations__media-link {
    text-decoration: none;
}

.select-swim-recommendations .select-swim-recommendations__image-box {
    aspect-ratio: 1 / 1;
    width: 100%;
    background-color: #F8FAFC;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F1F5F9;
}

.select-swim-recommendations .select-swim-recommendations__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.select-swim-recommendations .select-swim-recommendations__content {
    padding-top: 0.5rem;
}

.select-swim-recommendations .select-swim-recommendations__category {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748B;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}

.select-swim-recommendations .select-swim-recommendations__item-title {
    font-size: 1rem;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #0F172A;
    margin: 0 0 0.375rem 0;
    hyphens: auto;
}

.select-swim-recommendations .select-swim-recommendations__item-link {
    color: #0F172A;
    text-decoration: none;
}

.select-swim-recommendations .select-swim-recommendations__item-link:hover {
    color: #0284C7;
    text-decoration: underline;
}

.select-swim-recommendations .select-swim-recommendations__specs {
    font-size: 0.75rem;
    line-height: 1.4;
    color: #475569;
}

.select-swim-recommendations .select-swim-recommendations__stars {
    color: #F59E0B;
    font-size: 0.75rem;
    display: inline-flex;
    gap: 1px;
}

.select-swim-recommendations .select-swim-recommendations__rating-count {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748B;
}

.select-swim-recommendations .select-swim-recommendations__pricing-row {
    border-top: 1px dashed #E2E8F0;
    padding-top: 0.375rem;
}

.select-swim-recommendations .select-swim-recommendations__price-label {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #64748B;
}

.select-swim-recommendations .select-swim-recommendations__price {
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 800;
    color: #0284C7;
    letter-spacing: -0.02em;
}

.select-swim-recommendations .select-swim-recommendations__btn {
    background-color: #0284C7;
    color: #FFFFFF;
    border: 1px solid #0284C7;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}

.select-swim-recommendations .select-swim-recommendations__btn:hover {
    background-color: #0369A1;
    border-color: #0369A1;
    color: #FFFFFF;
}

.select-swim-recommendations .select-swim-recommendations__btn:active {
    background-color: #075985;
    border-color: #075985;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .select-swim-recommendations .select-swim-recommendations__heading {
        font-size: 1rem;
        line-height: 1.25;
    }

    .select-swim-recommendations .select-swim-recommendations__item-title {
        font-size: 0.875rem;
    }

    .select-swim-recommendations .select-swim-recommendations__price {
        font-size: 1rem;
    }

    .select-swim-recommendations .select-swim-recommendations__history-note {
        font-size: 0.75rem;
        flex-wrap: wrap;
    }
}

/* ===== blog-grid ===== */
.select-swim-blog-grid {
    background-color: #FFFFFF;
    color: #0F172A;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.select-swim-blog-grid .blog-header-box {
    border-color: #E2E8F0 !important;
}

.select-swim-blog-grid .blog-badge {
    font-size: 0.6875rem;
    letter-spacing: 0.05em;
    color: #0284C7;
    background-color: #E0F2FE;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
}

.select-swim-blog-grid .blog-main-title {
    font-size: 1.375rem;
    line-height: 1.3;
    font-weight: 700;
    color: #0F172A;
}

.select-swim-blog-grid .blog-header-meta {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
}

.select-swim-blog-grid .blog-meta-icon {
    color: #0284C7;
    font-size: 0.875rem;
}

.select-swim-blog-grid .blog-meta-text {
    font-size: 0.8125rem;
    color: #475569;
}

.select-swim-blog-grid .blog-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    overflow: hidden;
}

.select-swim-blog-grid .blog-card:hover {
    border-color: #0284C7;
}

.select-swim-blog-grid .blog-card-img-wrap {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background-color: #F8FAFC;
}

.select-swim-blog-grid .blog-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.select-swim-blog-grid .blog-card-tag {
    background-color: #0F172A;
    color: #FFFFFF;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 0.2rem 0.45rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.select-swim-blog-grid .blog-card-meta {
    font-size: 0.75rem;
    color: #64748B;
}

.select-swim-blog-grid .blog-card-meta i {
    color: #0284C7;
}

.select-swim-blog-grid .blog-card-title {
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 0.5rem;
}

.select-swim-blog-grid .blog-title-link {
    color: #0F172A;
    text-decoration: none;
}

.select-swim-blog-grid .blog-title-link:hover {
    color: #0284C7;
    text-decoration: underline;
}

.select-swim-blog-grid .blog-card-excerpt {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #475569;
}

.select-swim-blog-grid .blog-card-footer {
    border-color: #F1F5F9 !important;
}

.select-swim-blog-grid .blog-read-btn {
    font-size: 0.8125rem;
    color: #0284C7;
    padding: 0.35rem 0.5rem;
    border-radius: 4px;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.select-swim-blog-grid .blog-read-btn:hover {
    background-color: #0284C7;
    color: #FFFFFF;
    border-color: #0284C7;
}

@media (max-width: 767.98px) {
    .select-swim-blog-grid .blog-main-title {
        font-size: 1rem;
        hyphens: auto;
    }

    .select-swim-blog-grid .blog-card-title {
        font-size: 0.875rem;
        hyphens: auto;
    }

    .select-swim-blog-grid .blog-card-excerpt {
        font-size: 0.75rem;
    }
}

/* ===== footer ===== */
.site-footer {
    background-color: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    padding: 2rem 0 1.25rem 0;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.site-footer__main {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #E2E8F0;
}

.site-footer__brand-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.25;
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
}

.site-footer__brand-desc {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #475569;
    margin-bottom: 0.875rem;
}

.site-footer__whatsapp-wrap {
    display: flex;
    align-items: center;
}

.site-footer__wa-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: #0F766E;
    color: #FFFFFF;
    border: 1px solid #0F766E;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
}

.site-footer__wa-btn:hover {
    background-color: #115E59;
    border-color: #115E59;
    color: #FFFFFF;
    text-decoration: none;
}

.site-footer__wa-btn i {
    font-size: 0.9375rem;
    line-height: 1;
}

.site-footer__column-title {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0F172A;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.site-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.site-footer__link {
    font-size: 0.8125rem;
    color: #475569;
    text-decoration: none;
    line-height: 1.4;
    display: inline-block;
}

.site-footer__link:hover {
    color: #0284C7;
    text-decoration: underline;
}

.site-footer__contact-panel {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.site-footer__contact-list {
    list-style: none;
    padding: 0;
    margin: 0 0 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.site-footer__contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #475569;
    line-height: 1.4;
}

.site-footer__icon {
    color: #0284C7;
    font-size: 0.875rem;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.site-footer__contact-text {
    color: #475569;
    word-break: break-word;
}

.site-footer__contact-link {
    color: #0F172A;
    font-weight: 500;
}

.site-footer__map-wrap {
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.site-footer__map {
    width: 100%;
    height: 130px;
    border: 0;
    display: block;
}

.site-footer__map.contact-location-map {
    height: 320px !important;
}

.site-footer__bottom {
    padding-top: 1rem;
}

.site-footer__copyright {
    font-size: 0.75rem;
    color: #64748B;
    margin: 0;
    line-height: 1.4;
}

.site-footer__payment-methods {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.site-footer__payment-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
}

.site-footer__card-svg {
    display: block;
    border-radius: 2px;
}

.site-footer__card-name {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0F172A;
}

@media (max-width: 767.98px) {
    .site-footer {
        padding: 1.5rem 0 1rem 0;
    }

    .site-footer__brand-title {
        font-size: 1.125rem;
    }

    .site-footer__map {
        height: 110px;
    }
}

/* ===== PAGE: about ===== */
.select-about-page {
  background-color: #ffffff;
  color: #0F172A;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.5;
}

.select-about-page h1, 
.select-about-page h2, 
.select-about-page h3, 
.select-about-page h4, 
.select-about-page h5, 
.select-about-page h6 {
  color: #0F172A;
  font-weight: 700;
  line-height: 1.25;
}

.select-about-page p, 
.select-about-page span, 
.select-about-page li {
  color: #475569;
}

.select-about-page .text-primary {
  color: #0284C7 !important;
}

.select-about-page .bg-light {
  background-color: #F8FAFC !important;
}

.select-about-page .border {
  border-color: #E2E8F0 !important;
}

.select-about-page .select-about-btn {
  background-color: #0284C7;
  border: 1px solid #0284C7;
  color: #FFFFFF;
  padding: 0.375rem 0.875rem;
  font-size: 0.8125rem;
  border-radius: 4px;
  text-decoration: none;
  transition: none;
}

.select-about-page .select-about-btn:hover,
.select-about-page .select-about-btn:focus {
  background-color: #0369A1;
  border-color: #0369A1;
  color: #FFFFFF;
}

.select-about-page .select-about-btn-secondary {
  background-color: #F8FAFC;
  border: 1px solid #CBD5E1;
  color: #0F172A;
  padding: 0.375rem 0.875rem;
  font-size: 0.8125rem;
  border-radius: 4px;
  text-decoration: none;
  transition: none;
}

.select-about-page .select-about-btn-secondary:hover,
.select-about-page .select-about-btn-secondary:focus {
  background-color: #F1F5F9;
  border-color: #94A3B8;
  color: #0F172A;
}

.select-about-page .breadcrumb {
  font-size: 0.8125rem;
}

.select-about-page .breadcrumb-item a {
  color: #0284C7;
}

.select-about-page .breadcrumb-item.active {
  color: #64748B;
}

.select-about-page img {
  object-fit: cover;
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 767.98px) {
  .select-about-page h1 {
    font-size: 1.125rem !important;
    line-height: 1.3;
    hyphens: auto;
  }
  .select-about-page h2 {
    font-size: 1rem !important;
    line-height: 1.3;
    hyphens: auto;
  }
  .select-about-page h3 {
    font-size: 0.875rem !important;
    line-height: 1.35;
    hyphens: auto;
  }
}

/* ===== PAGE: delivery-payment ===== */
.delivery-info-section .text-slate-900 { color: #0F172A; } .delivery-info-section .text-slate-600 { color: #475569; } .delivery-info-section .text-slate-500 { color: #64748B; } .delivery-info-section .border-slate-200 { border-color: #E2E8F0 !important; } .delivery-info-section .bg-slate-50 { background-color: #F8FAFC !important; } .delivery-info-section .badge { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; } .delivery-info-section .card { border-radius: 6px; } .delivery-info-section .accordion-button:not(.collapsed) { color: #0284C7; background-color: transparent; } .delivery-info-section .accordion-button::after { background-size: 0.85rem; }

/* ===== PAGE: catalog ===== */
.catalog-main-block{background-color:#ffffff;color:#0f172a;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.catalog-main-block .catalog-main-title{font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1.25;letter-spacing:-0.02em}.catalog-main-block .catalog-desc{font-size:0.9375rem;line-height:1.5;max-width:760px}.catalog-main-block .catalog-count-badge{font-size:0.75rem;font-weight:700;color:#0369a1;background:#e0f2fe;padding:0.25rem 0.625rem;border-radius:4px;border:1px solid #bae6fd}.catalog-main-block .catalog-toolbar{border-color:#e2e8f0!important}.catalog-main-block .form-control,.catalog-main-block .form-select{height:38px;border-color:#cbd5e1;font-size:0.875rem;color:#0f172a;background-color:#ffffff;transition:none}.catalog-main-block .form-control:focus,.catalog-main-block .form-select:focus{border-color:#0284c7;box-shadow:none}.catalog-main-block .catalog-product-card{border:1px solid #e2e8f0;border-radius:6px;background:#ffffff;transition:none}.catalog-main-block .catalog-product-card:hover{border-color:#0284c7}.catalog-main-block .catalog-card-media{background:#f8fafc;aspect-ratio:1/1;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px}.catalog-main-block .catalog-card-media img{width:100%;height:100%;object-fit:cover}.catalog-main-block .catalog-item-title{font-size:0.9375rem;font-weight:700;line-height:1.3;margin-bottom:0.25rem}.catalog-main-block .catalog-item-title a{color:#0f172a}.catalog-main-block .catalog-item-title a:hover{color:#0284c7;text-decoration:underline}.catalog-main-block .catalog-item-specs{font-size:0.8125rem;line-height:1.4}.catalog-main-block .catalog-price-tag{color:#0284c7}.catalog-main-block .btn{font-weight:600;border-radius:4px;transition:none}.catalog-main-block .btn-primary{background-color:#0284c7;border-color:#0284c7;color:#ffffff}.catalog-main-block .btn-primary:hover,.catalog-main-block .btn-primary:focus{background-color:#0369a1;border-color:#0369a1;color:#ffffff}.catalog-main-block .btn-outline-secondary{color:#475569;border-color:#cbd5e1;background:#ffffff}.catalog-main-block .btn-outline-secondary:hover,.catalog-main-block .btn-outline-secondary.active{background:#0284c7;border-color:#0284c7;color:#ffffff}.catalog-main-block .pagination .page-link{color:#0f172a;border-color:#cbd5e1;padding:0.375rem 0.75rem;font-weight:600;transition:none}.catalog-main-block .pagination .page-item.active .page-link{background-color:#0284c7;border-color:#0284c7;color:#ffffff}.catalog-main-block .pagination .page-link:hover{background-color:#f1f5f9;color:#0284c7}@media (max-width:767.98px){.catalog-main-block .catalog-main-title{font-size:1.375rem}.catalog-main-block .catalog-item-title{font-size:0.875rem}}

/* ===== PAGE: blog ===== */
.select-swim-blog {
  background-color: #ffffff;
  color: #0F172A;
}

.select-swim-blog .fs-7 {
  font-size: 0.8125rem;
  line-height: 1.4;
}

.select-swim-blog__title {
  color: #0F172A;
}

.select-swim-blog__subtitle {
  color: #475569;
  max-width: 760px;
}

.select-swim-blog__controls {
  background-color: #F8FAFC;
  border-color: #E2E8F0 !important;
}

.select-swim-blog__controls .form-control {
  height: 36px;
  font-size: 0.8125rem;
  border-color: #CBD5E1;
  color: #0F172A;
}

.select-swim-blog__controls .form-control::placeholder {
  color: #94A3B8;
}

.select-swim-blog__controls .input-group-text {
  border-color: #CBD5E1;
  color: #64748B;
}

.select-swim-blog__card {
  border-color: #E2E8F0 !important;
  background-color: #FFFFFF;
}

.select-swim-blog__card:hover {
  border-color: #0284C7 !important;
}

.select-swim-blog__thumb-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background-color: #F8FAFC;
  overflow: hidden;
}

.select-swim-blog__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.select-swim-blog__badge {
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.select-swim-blog__card-title {
  color: #0F172A;
  line-height: 1.35;
}

.select-swim-blog__card-title a {
  color: #0F172A;
}

.select-swim-blog__card-title a:hover {
  color: #0284C7;
  text-decoration: underline;
}

.select-swim-blog__meta {
  color: #64748B;
}

.select-swim-blog__excerpt {
  color: #475569;
  line-height: 1.45;
}

@media (max-width: 767.98px) {
  .select-swim-blog__title {
    font-size: 16px !important;
    line-height: 1.3;
    hyphens: auto;
  }
  .select-swim-blog__card-title {
    font-size: 14px !important;
    line-height: 1.3;
    hyphens: auto;
  }
}

/* ===== PAGE: promotions ===== */
.select-swim-promo-list {
  background-color: #F8FAFC;
  color: #0F172A;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.select-swim-promo-list .select-promo-main-title {
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0F172A;
}

.select-swim-promo-list .select-promo-lead-desc {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #475569;
  max-width: 820px;
}

.select-swim-promo-list .select-promo-badge {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.select-swim-promo-list .select-promo-micro-text {
  font-size: 0.75rem;
}

.select-swim-promo-list .select-promo-control-bar {
  border-color: #E2E8F0 !important;
}

.select-swim-promo-list .select-promo-card {
  border-color: #E2E8F0 !important;
}

.select-swim-promo-list .select-promo-card:hover {
  border-color: #0284C7 !important;
}

.select-swim-promo-list .select-promo-media {
  aspect-ratio: 4 / 3;
  border: 1px solid #E2E8F0;
}

.select-swim-promo-list .select-promo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.select-swim-promo-list .select-promo-card-title {
  font-size: 1.05rem;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.select-swim-promo-list .select-promo-card-title a {
  color: #0F172A;
}

.select-swim-promo-list .select-promo-card-title a:hover {
  color: #0284C7;
  text-decoration: underline;
}

.select-swim-promo-list .select-promo-card-text {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #475569;
}

.select-swim-promo-list .select-promo-coupon-box {
  background-color: #F8FAFC !important;
  border-color: #E2E8F0 !important;
}

.select-swim-promo-list .select-promo-label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.select-swim-promo-list .select-promo-code {
  font-size: 0.875rem;
  font-weight: 700;
  color: #0284C7;
}

.select-swim-promo-list .select-badge-sale {
  background-color: #FEE2E2;
  color: #B91C1C;
  font-size: 0.6875rem;
  font-weight: 700;
  border: 1px solid #FECACA;
}

.select-swim-promo-list .select-badge-bundle {
  background-color: #E0F2FE;
  color: #0369A1;
  font-size: 0.6875rem;
  font-weight: 700;
  border: 1px solid #BAE6FD;
}

.select-swim-promo-list .select-badge-clearance {
  background-color: #FEF3C7;
  color: #B45309;
  font-size: 0.6875rem;
  font-weight: 700;
  border: 1px solid #FDE68A;
}

.select-swim-promo-list .select-badge-shipping {
  background-color: #DCFCE7;
  color: #15803D;
  font-size: 0.6875rem;
  font-weight: 700;
  border: 1px solid #BBF7D0;
}

.select-swim-promo-list .select-promo-stack-box {
  border-color: #E2E8F0 !important;
}

.select-swim-promo-list .btn-primary {
  background-color: #0284C7;
  border-color: #0284C7;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 0.375rem 0.75rem;
}

.select-swim-promo-list .btn-primary:hover {
  background-color: #0369A1;
  border-color: #0369A1;
  color: #FFFFFF;
}

.select-swim-promo-list .btn-outline-primary {
  color: #0284C7;
  border-color: #0284C7;
  background-color: #FFFFFF;
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 0.375rem 0.75rem;
}

.select-swim-promo-list .btn-outline-primary:hover {
  color: #FFFFFF;
  background-color: #0284C7;
  border-color: #0284C7;
}

.select-swim-promo-list .btn-outline-secondary {
  color: #475569;
  border-color: #CBD5E1;
  background-color: #FFFFFF;
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 0.375rem 0.75rem;
}

.select-swim-promo-list .btn-outline-secondary:hover {
  background-color: #F1F5F9;
  border-color: #94A3B8;
  color: #0F172A;
}

@media (max-width: 767.98px) {
  .select-swim-promo-list .select-promo-main-title {
    font-size: 1.125rem;
    hyphens: auto;
  }
  .select-swim-promo-list .select-promo-card-title {
    font-size: 0.95rem;
    hyphens: auto;
  }
  .select-swim-promo-list .select-promo-lead-desc {
    font-size: 0.875rem;
  }
}

/* ===== PAGE: contact ===== */
.contact-page-block { background-color: #F8FAFC; color: #0F172A; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.contact-page-block__badge { background-color: #E0F2FE; color: #0369A1; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.25rem 0.625rem; border-radius: 4px; border: 1px solid #BAE6FD; }
.contact-page-block__title { font-size: 1.75rem; font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; color: #0F172A; }
.contact-page-block__lead { font-size: 0.875rem; line-height: 1.5; color: #475569; max-width: 720px; }
.contact-page-block__card { border: 1px solid #CBD5E1; border-radius: 6px; }
.contact-page-block__icon-box { width: 34px; height: 34px; background-color: #F1F5F9; border-radius: 4px; font-size: 1rem; flex-shrink: 0; }
.contact-page-block__card-title { font-size: 1.125rem; font-weight: 600; line-height: 1.35; color: #0F172A; }
.contact-page-block__card-subtitle { font-size: 1rem; font-weight: 600; line-height: 1.35; color: #0F172A; }
.contact-page-block__card-text { font-size: 0.8125rem; line-height: 1.4; color: #475569; }
.contact-page-block__link { font-size: 0.875rem; color: #0284C7; text-decoration: none; word-break: break-word; }
.contact-page-block__link:hover { color: #0369A1; text-decoration: underline; }
.contact-page-block__btn-wa { font-size: 0.8125rem; font-weight: 600; padding: 0.5rem 0.75rem; border-radius: 4px; background-color: #16A34A; border-color: #16A34A; color: #FFFFFF; }
.contact-page-block__btn-wa:hover { background-color: #15803D; border-color: #15803D; color: #FFFFFF; }
.contact-page-block__address { font-size: 0.875rem; line-height: 1.45; color: #0F172A; }
.contact-page-block__schedule-list li { font-size: 0.8125rem; }
.contact-page-block__map-wrapper iframe { width: 100%; height: 100%; border: 0; }
@media (max-width: 767.98px) {
  .contact-page-block__title { font-size: 1.125rem; hyphens: auto; }
  .contact-page-block__card-title { font-size: 0.9375rem; }
  .contact-page-block__card-subtitle { font-size: 0.875rem; }
}

/* ===== PAGE: privacy ===== */
.ss-privacy-section{background-color:#FFFFFF;color:#0F172A;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.ss-privacy-section .ss-privacy-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:6px;padding:1.5rem}.ss-privacy-section .ss-badge-topic{background-color:#E0F2FE;color:#0369A1;font-size:0.6875rem;font-weight:700;letter-spacing:0.05em;padding:0.25rem 0.5rem;border-radius:3px;text-transform:uppercase;border:1px solid #BAE6FD}.ss-privacy-section .ss-update-date{font-size:0.8125rem;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media (max-width: 575.98px) {
  .ss-privacy-section .ss-privacy-header .d-flex {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 0.25rem !important;
  }
}

@media (max-width: 767.98px) {
  .delivery-info-section,
  .delivery-info-section .container,
  .delivery-info-section .row,
  .delivery-info-section .row > *,
  .delivery-info-section .card,
  .delivery-info-section .card-body,
  .delivery-info-section .d-flex > * {
    min-width: 0;
    max-width: 100%;
  }

  .delivery-info-section [class*="d-flex"] {
    flex-wrap: wrap;
  }

  .delivery-info-section .delivery-info-header > .d-inline-flex {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }

  .delivery-info-section p,
  .delivery-info-section h1,
  .delivery-info-section h2,
  .delivery-info-section h3,
  .delivery-info-section span,
  .delivery-info-section a,
  .delivery-info-section li {
    overflow-wrap: anywhere;
  }
}.ss-privacy-section .ss-page-title{font-size:1.75rem;line-height:1.25;font-weight:700;color:#0F172A;letter-spacing:-0.02em}.ss-privacy-section .ss-page-intro{font-size:0.9375rem;line-height:1.5;color:#475569}.ss-privacy-section .ss-quick-nav{background-color:#F8FAFC;border:1px solid #E2E8F0;position:sticky;top:1rem}.ss-privacy-section .ss-nav-heading{font-size:0.875rem;font-weight:700;color:#0F172A;text-transform:uppercase;letter-spacing:0.03em}.ss-privacy-section .ss-toc-links{gap:0.25rem}.ss-privacy-section .ss-toc-link{font-size:0.8125rem;font-weight:500;color:#475569;padding:0.375rem 0.5rem;border-radius:4px;text-decoration:none;border-left:2px solid transparent}.ss-privacy-section .ss-toc-link:hover,.ss-privacy-section .ss-toc-link.active{color:#0284C7;background-color:#F1F5F9;border-left-color:#0284C7}.ss-privacy-section .ss-legal-block{border-bottom:1px solid #E2E8F0;padding-bottom:1.5rem}.ss-privacy-section .ss-legal-block:last-child{border-bottom:none;padding-bottom:0}.ss-privacy-section .ss-section-heading{font-size:1.125rem;font-weight:700;color:#0F172A;letter-spacing:-0.01em;display:flex;align-items:center}.ss-privacy-section .ss-text-paragraph{font-size:0.875rem;line-height:1.6;color:#475569;margin-bottom:0.75rem}.ss-privacy-section .ss-policy-list{list-style:none;padding-left:0;margin-bottom:1rem}.ss-privacy-section .ss-policy-item{font-size:0.875rem;line-height:1.5;color:#475569;margin-bottom:0.5rem;position:relative;padding-left:1.25rem}.ss-privacy-section .ss-policy-item::before{content:"•";color:#0284C7;font-weight:bold;font-size:1.2rem;position:absolute;left:0.25rem;top:-0.15rem}.ss-privacy-section .ss-feature-mini-card{background:#F8FAFC;border:1px solid #E2E8F0}.ss-privacy-section .ss-mini-title{font-size:0.8125rem;color:#0F172A}.ss-privacy-section .ss-mini-desc{font-size:0.75rem;color:#64748B;line-height:1.4}.ss-privacy-section .ss-rights-grid{background:#F8FAFC;border:1px solid #E2E8F0;font-size:0.8125rem;color:#475569}.ss-privacy-section .ss-btn-primary{background:#0284C7;color:#FFFFFF;border:1px solid #0284C7;padding:0.375rem 0.75rem;font-size:0.8125rem;font-weight:600;border-radius:4px}.ss-privacy-section .ss-btn-primary:hover{background:#0369A1;border-color:#0369A1;color:#FFFFFF}.ss-privacy-section .ss-btn-secondary{background:#F8FAFC;color:#0F172A;border:1px solid #CBD5E1;padding:0.375rem 0.75rem;font-size:0.8125rem;font-weight:600;border-radius:4px}.ss-privacy-section .ss-btn-secondary:hover{background:#F1F5F9;border-color:#94A3B8;color:#0F172A}@media (max-width:767.98px){.ss-privacy-section .ss-privacy-card{padding:1rem}.ss-privacy-section .ss-page-title{font-size:1.125rem;line-height:1.3;hyphens:auto}.ss-privacy-section .ss-section-heading{font-size:1rem;line-height:1.35;hyphens:auto}.ss-privacy-section .ss-quick-nav{position:static;margin-bottom:1rem}}

/* ===== PAGE: terms ===== */
.terms-content-section { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #0F172A; background-color: #FFFFFF; }
.terms-content-section h1 { font-size: 1.75rem; line-height: 1.25; color: #0F172A; font-weight: 700; }
.terms-content-section h2 { font-size: 1.25rem; line-height: 1.3; color: #0F172A; font-weight: 700; }
.terms-content-section h3 { font-size: 1rem; line-height: 1.35; color: #0F172A; font-weight: 600; }
.terms-content-section p, .terms-content-section li { font-size: 0.875rem; line-height: 1.55; }
.terms-content-section .terms-sidebar { position: sticky; top: 1rem; }
.terms-content-section .terms-nav-link { color: #475569; font-size: 0.8125rem; border: 1px solid transparent; }
.terms-content-section .terms-nav-link:hover { color: #0284C7; background-color: #F1F5F9; border-color: #E2E8F0; text-decoration: none; }
.terms-content-section .terms-nav-link.active { color: #0284C7; font-weight: 600; background-color: #E0F2FE; border-color: #BAE6FD; }
.terms-content-section .btn-primary { background-color: #0284C7; border-color: #0284C7; color: #FFFFFF; font-size: 0.8125rem; }
.terms-content-section .btn-primary:hover { background-color: #0369A1; border-color: #0369A1; color: #FFFFFF; }
.terms-content-section .btn-secondary { background-color: #F8FAFC; border-color: #CBD5E1; color: #0F172A; font-size: 0.8125rem; }
.terms-content-section .btn-secondary:hover { background-color: #F1F5F9; border-color: #94A3B8; color: #0F172A; }
@media (max-width: 767.98px) { .terms-content-section h1 { font-size: 1.125rem; hyphens: auto; } .terms-content-section h2 { font-size: 1rem; hyphens: auto; } .terms-content-section h3 { font-size: 0.875rem; } .terms-content-section .terms-sidebar { position: static; margin-bottom: 1.5rem; } }

/* ===== PAGE: disclaimer ===== */
.select-swim-disclaimer { background-color: #FFFFFF; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.select-swim-disclaimer .select-swim-disclaimer__title { font-size: 1.5rem; font-weight: 700; line-height: 1.3; color: #0F172A; letter-spacing: -0.015em; }
.select-swim-disclaimer .select-swim-disclaimer__lead { font-size: 0.9375rem; line-height: 1.5; color: #475569; }
.select-swim-disclaimer .card { border-color: #E2E8F0 !important; border-radius: 6px; box-shadow: none; background-color: #FFFFFF; }
.select-swim-disclaimer .card-body { padding: 1.25rem; }
.select-swim-disclaimer h2 { font-size: 1.05rem; font-weight: 600; line-height: 1.35; color: #0F172A; letter-spacing: -0.01em; }
.select-swim-disclaimer p { font-size: 0.875rem; line-height: 1.5; color: #475569; }
.select-swim-disclaimer .badge { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 4px; }
.select-swim-disclaimer .btn-primary { background-color: #0284C7; border-color: #0284C7; color: #FFFFFF; font-weight: 600; font-size: 0.8125rem; padding: 0.375rem 0.875rem; border-radius: 4px; }
.select-swim-disclaimer .btn-primary:hover { background-color: #0369A1; border-color: #0369A1; color: #FFFFFF; }
.select-swim-disclaimer .btn-outline-secondary { background-color: #FFFFFF; border-color: #CBD5E1; color: #0F172A; font-weight: 600; font-size: 0.8125rem; padding: 0.375rem 0.875rem; border-radius: 4px; }
.select-swim-disclaimer .btn-outline-secondary:hover { background-color: #F1F5F9; border-color: #94A3B8; color: #0F172A; }
@media (max-width: 767.98px) { .select-swim-disclaimer .select-swim-disclaimer__title { font-size: 1.25rem; } .select-swim-disclaimer h2 { font-size: 0.95rem; } }

/* ===== PAGE: refund ===== */
.selectswim-refund-policy {
  background-color: #FFFFFF;
  color: #0F172A;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.selectswim-refund-policy__badge {
  background-color: #E0F2FE;
  color: #0369A1;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}

.selectswim-refund-policy__title {
  color: #0F172A;
  font-weight: 700;
  line-height: 1.25;
}

.selectswim-refund-policy__intro {
  font-size: 0.9375rem;
  line-height: 1.5;
  max-width: 860px;
}

.selectswim-refund-policy__highlight-card {
  background-color: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
}

.selectswim-refund-policy__icon {
  color: #0284C7;
  font-size: 1.125rem;
}

.selectswim-refund-policy__nav-bar {
  background-color: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
}

.selectswim-refund-policy__tab-btn {
  background-color: #FFFFFF;
  color: #475569;
  border: 1px solid #CBD5E1;
  padding: 0.3125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 4px;
  line-height: 1.2;
}

.selectswim-refund-policy__tab-btn:hover {
  background-color: #F1F5F9;
  color: #0F172A;
  border-color: #94A3B8;
}

.selectswim-refund-policy__tab-btn.active {
  background-color: #0284C7;
  color: #FFFFFF;
  border-color: #0284C7;
}

.selectswim-refund-policy__search-input {
  height: 32px;
  background-color: #FFFFFF;
  border: 1px solid #CBD5E1;
  border-radius: 4px;
  font-size: 0.8125rem;
  padding: 0.25rem 0.625rem;
  width: 200px;
  max-width: 100%;
  color: #0F172A;
}

.selectswim-refund-policy__search-input::placeholder {
  color: #94A3B8;
  opacity: 1;
}

.selectswim-refund-policy__search-input:focus {
  border-color: #0284C7;
  box-shadow: none;
  outline: none;
}

.selectswim-refund-policy__card {
  background-color: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
}

.selectswim-refund-policy__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background-color: #E0F2FE;
  color: #0284C7;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 4px;
}

.selectswim-refund-policy__h2 {
  color: #0F172A;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.selectswim-refund-policy__list {
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.selectswim-refund-policy__list li {
  margin-bottom: 0.375rem;
}

.selectswim-refund-policy__subcard {
  background-color: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 4px;
}

.selectswim-refund-policy__step-box {
  background-color: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 4px;
}

.selectswim-refund-policy__btn-primary {
  background-color: #0284C7;
  color: #FFFFFF;
  border: 1px solid #0284C7;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.selectswim-refund-policy__btn-primary:hover {
  background-color: #0369A1;
  border-color: #0369A1;
  color: #FFFFFF;
}

.selectswim-refund-policy__btn-secondary {
  background-color: #F8FAFC;
  color: #0F172A;
  border: 1px solid #CBD5E1;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.selectswim-refund-policy__btn-secondary:hover {
  background-color: #F1F5F9;
  border-color: #94A3B8;
  color: #0F172A;
}

.selectswim-refund-policy__no-results {
  background-color: #F8FAFC;
  border: 1px dashed #CBD5E1;
  border-radius: 6px;
}

@media (max-width: 767.98px) {
  .selectswim-refund-policy__title {
    font-size: 1.125rem;
    hyphens: auto;
  }
  .selectswim-refund-policy__h2 {
    font-size: 1rem;
    hyphens: auto;
  }
  .selectswim-refund-policy__search-input {
    width: 100%;
  }
  .selectswim-refund-policy__search-wrap {
    width: 100%;
  }
}

/* ===== PAGE: delivery ===== */
.delivery-info-section{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0F172A}.delivery-info-section .delivery-header-block{background-color:#F8FAFC;border-color:#E2E8F0!important}.delivery-info-section .delivery-icon-box{width:36px;height:36px;background-color:#E0F2FE;color:#0284C7}.delivery-info-section .card{border-color:#E2E8F0!important;border-radius:6px}.delivery-info-section .accordion-button:focus{box-shadow:none;border-color:#E2E8F0}.delivery-info-section .accordion-button:not(.collapsed){color:#0284C7;background-color:transparent}.delivery-info-section .accordion-button::after{background-size:0.875rem}.delivery-info-section a:hover{text-decoration:underline!important}

.review-card {
    border-color: #E2E8F0 !important;
    background-color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    transition: none !important;
}

.review-card:hover {
    border-color: #CBD5E1 !important;
}

.user-avatar-initials {
    user-select: none;
    flex-shrink: 0;
    background-color: #0284C7;
    font-size: 0.8125rem;
    letter-spacing: 0.02em;
    border: 1px solid rgba(2, 132, 199, 0.2);
}

.avatar-main {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.user-display-name {
    font-size: 0.875rem;
    color: #0F172A !important;
    line-height: 1.25;
}

.badge-verified-buyer {
    color: #15803D !important;
    font-size: 0.875rem;
}

.micro-caption {
    font-size: 0.75rem;
    color: #64748B !important;
}

.star-rating-display {
    font-size: 0.75rem;
    gap: 2px;
    color: #F59E0B !important;
}

.review-headline {
    font-size: 0.9375rem;
    line-height: 1.35;
    color: #0F172A !important;
}

.review-paragraph {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #475569 !important;
}

.btn-review-action {
    font-size: 0.75rem;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    color: #475569 !important;
    transition: none !important;
}

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

.btn-review-reply {
    font-size: 0.75rem;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #0284C7 !important;
    transition: none !important;
}

.btn-review-reply:hover {
    background-color: #E0F2FE;
    border-color: #BAE6FD;
    color: #0369A1 !important;
    text-decoration: none;
}

.review-reply-item {
    background-color: #F8FAFC !important;
    border-top: 1px solid #E2E8F0;
    border-right: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    border-left-color: #0284C7 !important;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    transition: none !important;
}

.avatar-reply {
    width: 28px;
    height: 28px;
    min-width: 28px;
    font-size: 0.6875rem;
    background-color: #0F766E;
    border: 1px solid rgba(15, 118, 110, 0.2);
}

.badge-official-store {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.15rem 0.35rem;
    border-radius: 3px;
    background-color: #E0F2FE !important;
    color: #0369A1 !important;
    border-color: #BAE6FD !important;
}


/* ===== PAGE TEMPLATE: catalog-items ===== */
.select-swim-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    position: relative;
    z-index: 1030;
}

.select-swim-header .select-swim-topbar {
    background-color: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    padding: 6px 0;
    font-size: 0.75rem;
    line-height: 1.3;
}

.select-swim-header .select-swim-badge-shipping {
    background-color: #E0F2FE;
    color: #0369A1;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 3px 6px;
    border-radius: 3px;
    margin-right: 8px;
}

.select-swim-header .select-swim-topbar-text {
    color: #475569;
    font-weight: 500;
}

.select-swim-header .select-swim-contact-link {
    color: #0F172A;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.select-swim-header .select-swim-contact-link:hover {
    color: #0284C7;
    text-decoration: underline;
}

.select-swim-header .select-swim-contact-icon {
    color: #0284C7;
    font-size: 0.8125rem;
}

.select-swim-header .select-swim-navbar {
    background-color: #FFFFFF;
    padding: 10px 0;
}

.select-swim-header .select-swim-logo-img {
    max-width: 42px;
    height: auto;
    object-fit: contain;
}

.select-swim-header .select-swim-brand-name {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0F172A;
}

.select-swim-header .select-swim-navlink {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0F172A;
    padding: 8px 12px;
    border-radius: 4px;
}

.select-swim-header .select-swim-navlink:hover,
.select-swim-header .select-swim-navlink.active {
    color: #0284C7;
    background-color: #F8FAFC;
}

.select-swim-header .select-swim-cart-btn {
    background-color: #F8FAFC;
    border: 1px solid #CBD5E1;
    color: #0F172A;
    padding: 6px 12px;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    cursor: pointer;
}

.select-swim-header .select-swim-cart-btn:hover {
    background-color: #E0F2FE;
    border-color: #0284C7;
    color: #0369A1;
}

.select-swim-header .select-swim-cart-icon {
    font-size: 1rem;
    color: #0284C7;
}

.select-swim-header .select-swim-cart-badge {
    background-color: #0284C7;
    color: #FFFFFF;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 3px 6px;
}

.select-swim-header .select-swim-toggler {
    border: 1px solid #CBD5E1;
    padding: 4px 8px;
    background-color: #F8FAFC;
    border-radius: 4px;
}

.product-detail-page {
    background-color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #0F172A;
}

.product-detail-page .product-detail-page__breadcrumbs {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #64748B;
    background-color: #F8FAFC;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #E2E8F0;
}

.product-detail-page .product-detail-page__crumb-link {
    color: #0284C7;
    text-decoration: none;
}

.product-detail-page .product-detail-page__crumb-link:hover {
    text-decoration: underline;
}

.product-detail-page .product-detail-page__main-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.product-detail-page .product-detail-page__gallery-wrapper {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.product-detail-page .product-detail-page__main-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    display: block;
}

.product-detail-page .product-detail-page__badge {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    border: 1px solid transparent;
}

.product-detail-page .product-detail-page__badge--stock {
    background-color: #DCFCE7;
    color: #15803D;
    border-color: #BBF7D0;
}

.product-detail-page .product-detail-page__badge--pro {
    background-color: #E0F2FE;
    color: #0369A1;
    border-color: #BAE6FD;
}

.product-detail-page .product-detail-page__sku {
    font-size: 0.8125rem;
    color: #64748B;
}

.product-detail-page .product-detail-page__sku strong {
    color: #0F172A;
}

.product-detail-page .product-detail-page__shipping-tag {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0F766E;
    background-color: #CCFBF1;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #99F6E4;
}

.product-detail-page .product-detail-page__title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.25;
    letter-spacing: -0.02em;
    hyphens: auto;
}

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

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

.product-detail-page .product-detail-page__price-label {
    font-size: 0.6875rem;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.05em;
}

.product-detail-page .product-detail-page__price-value {
    font-size: 1.625rem;
    font-weight: 800;
    color: #0284C7;
    line-height: 1.1;
}

.product-detail-page .product-detail-page__tax-note {
    font-size: 0.6875rem;
    color: #64748B;
}

.product-detail-page .product-detail-page__status-text {
    font-size: 0.75rem;
    font-weight: 600;
}

.product-detail-page .product-detail-page__short-desc {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #475569;
}

.product-detail-page .product-detail-page__action-panel {
    background-color: #F1F5F9;
    border: 1px solid #E2E8F0;
}

.product-detail-page .product-detail-page__qty-box {
    background-color: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    width: 110px;
    height: 40px;
    padding: 2px;
}

.product-detail-page .product-detail-page__qty-btn {
    background: none;
    border: none;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0F172A;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 3px;
}

.product-detail-page .product-detail-page__qty-btn:hover {
    background-color: #E2E8F0;
    color: #0284C7;
}

.product-detail-page .product-detail-page__qty-num {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0F172A;
    min-width: 24px;
    text-align: center;
}

.product-detail-page .select-swim-hero__btn-primary {
    background-color: #0284C7;
    color: #FFFFFF;
    border: 1px solid #0284C7;
    font-size: 0.875rem;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
}

.product-detail-page .select-swim-hero__btn-primary:hover {
    background-color: #0369A1;
    border-color: #0369A1;
    color: #FFFFFF;
}

.product-detail-page .product-detail-page__feature-item {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    font-size: 0.75rem;
    line-height: 1.2;
}

.product-detail-page .product-detail-page__feature-item strong {
    color: #0F172A;
    font-size: 0.75rem;
}

.product-detail-page .product-detail-page__share-title {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748B;
}

.product-detail-page .product-detail-page__social-btn {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #CBD5E1;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    cursor: pointer;
}

.product-detail-page .product-detail-page__social-btn:hover {
    background-color: #E0F2FE;
    border-color: #0284C7;
    color: #0284C7;
}

.product-detail-page .product-detail-page__copied-toast {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0F766E;
    background-color: #DCFCE7;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #BBF7D0;
}

.product-detail-page .product-detail-page__details-tabs {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
}

.product-detail-page .product-detail-page__tab-nav {
    border-bottom: 2px solid #E2E8F0;
    gap: 4px;
}

.product-detail-page .product-detail-page__tab-nav .nav-link {
    color: #475569;
    font-weight: 600;
    font-size: 0.8125rem;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 0.5rem 0.875rem;
}

.product-detail-page .product-detail-page__tab-nav .nav-link:hover {
    color: #0284C7;
    background-color: #F8FAFC;
}

.product-detail-page .product-detail-page__tab-nav .nav-link.active {
    color: #0284C7;
    background-color: #FFFFFF;
    border-color: #CBD5E1 #CBD5E1 #FFFFFF;
    font-weight: 700;
}

.product-detail-page .product-detail-page__section-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.3;
}

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

.product-detail-page .product-detail-page__subsection-title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0F172A;
}

.product-detail-page .product-detail-page__text-content p {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #475569;
}

.product-detail-page .product-detail-page__list {
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}

.product-detail-page .product-detail-page__list li {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #475569;
    margin-bottom: 0.35rem;
}

.product-detail-page .product-detail-page__specs-table {
    font-size: 0.8125rem;
    margin-bottom: 0;
}

.product-detail-page .product-detail-page__specs-table th {
    color: #0F172A;
    font-weight: 600;
    width: 30%;
}

.product-detail-page .product-detail-page__specs-table td {
    color: #475569;
}

.site-footer {
    background-color: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    padding: 2rem 0 1.25rem 0;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.site-footer .site-footer__main {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #E2E8F0;
}

.site-footer .site-footer__brand-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.25;
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
}

.site-footer .site-footer__brand-desc {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #475569;
    margin-bottom: 0.875rem;
}

.site-footer .site-footer__whatsapp-wrap {
    display: flex;
    align-items: center;
}

.site-footer .site-footer__wa-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: #0F766E;
    color: #FFFFFF;
    border: 1px solid #0F766E;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
}

.site-footer .site-footer__wa-btn:hover {
    background-color: #115E59;
    border-color: #115E59;
    color: #FFFFFF;
    text-decoration: none;
}

.site-footer .site-footer__wa-btn i {
    font-size: 0.9375rem;
    line-height: 1;
}

.site-footer .site-footer__column-title {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0F172A;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.site-footer .site-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.site-footer .site-footer__link {
    font-size: 0.8125rem;
    color: #475569;
    text-decoration: none;
    line-height: 1.4;
    display: inline-block;
}

.site-footer .site-footer__link:hover {
    color: #0284C7;
    text-decoration: underline;
}

.site-footer .site-footer__contact-panel {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.site-footer .site-footer__contact-list {
    list-style: none;
    padding: 0;
    margin: 0 0 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.site-footer .site-footer__contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #475569;
    line-height: 1.4;
}

.site-footer .site-footer__icon {
    color: #0284C7;
    font-size: 0.875rem;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.site-footer .site-footer__contact-text {
    color: #475569;
    word-break: break-word;
}

.site-footer .site-footer__contact-link {
    color: #0F172A;
    font-weight: 500;
}

.site-footer .site-footer__map-wrap {
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.site-footer .site-footer__map {
    width: 100%;
    height: 130px;
    border: 0;
    display: block;
}

.site-footer__map.contact-location-map {
    height: 320px !important;
}

.site-footer .site-footer__bottom {
    padding-top: 1rem;
}

.site-footer .site-footer__copyright {
    font-size: 0.75rem;
    color: #64748B;
    margin: 0;
    line-height: 1.4;
}

.site-footer .site-footer__payment-methods {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.site-footer .site-footer__payment-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
}

.site-footer .site-footer__card-svg {
    display: block;
    border-radius: 2px;
}

.site-footer .site-footer__card-name {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0F172A;
}

@media (max-width: 767.98px) {
    .site-footer {
        padding: 1.5rem 0 1rem 0;
    }

    .site-footer .site-footer__brand-title {
        font-size: 1.125rem;
    }

    .site-footer .site-footer__map {
        height: 110px;
    }
}

/* ===== PAGE TEMPLATE: blog-items ===== */
.select-swim-blog-detail {
    background-color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.select-swim-blog-detail .breadcrumb {
    font-size: 0.8125rem;
}

.select-swim-blog-detail .select-swim-blog-detail__crumb-link {
    color: #475569;
    text-decoration: none;
    font-weight: 500;
}

.select-swim-blog-detail .select-swim-blog-detail__crumb-link:hover {
    color: #0284C7;
    text-decoration: underline;
}

.select-swim-blog-detail .breadcrumb-item.active {
    color: #0F172A;
    font-weight: 600;
}

.select-swim-blog-detail .select-swim-blog-detail__main-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
}

.select-swim-blog-detail .select-swim-blog-detail__header {
    background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
    border-color: #E2E8F0 !important;
}

.select-swim-blog-detail .select-swim-blog-detail__badge-cat {
    background-color: #E0F2FE;
    color: #0369A1;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    border: 1px solid #BAE6FD;
}

.select-swim-blog-detail .select-swim-blog-detail__badge-meta {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748B;
    background-color: #F1F5F9;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.select-swim-blog-detail .select-swim-blog-detail__main-title {
    color: #0F172A;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    hyphens: auto;
}

@media (max-width: 767.98px) {
    .select-swim-blog-detail .select-swim-blog-detail__main-title {
        font-size: 1.125rem;
        line-height: 1.3;
    }
}

.select-swim-blog-detail .select-swim-blog-detail__lead {
    color: #475569;
    font-size: 0.9375rem;
    line-height: 1.5;
    font-weight: 500;
}

.select-swim-blog-detail .select-swim-blog-detail__media-wrapper {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    max-height: 440px;
}

.select-swim-blog-detail .select-swim-blog-detail__featured-img {
    width: 100%;
    height: 100%;
    max-height: 440px;
    object-fit: cover;
    display: block;
}

.select-swim-blog-detail .select-swim-blog-detail__content {
    color: #334155;
    font-size: 0.875rem;
    line-height: 1.6;
}

.select-swim-blog-detail .select-swim-blog-detail__text {
    color: #334155;
    margin-bottom: 1rem;
}

.select-swim-blog-detail .select-swim-blog-detail__section-title {
    color: #0F172A;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

@media (max-width: 767.98px) {
    .select-swim-blog-detail .select-swim-blog-detail__section-title {
        font-size: 1rem;
    }
}

.select-swim-blog-detail .select-swim-blog-detail__sub-title {
    color: #0F172A;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

@media (max-width: 767.98px) {
    .select-swim-blog-detail .select-swim-blog-detail__sub-title {
        font-size: 0.875rem;
    }
}

.select-swim-blog-detail .select-swim-blog-detail__callout {
    background-color: #F0F9FF;
    border-left: 4px solid #0284C7;
    border: 1px solid #BAE6FD;
    border-left-width: 4px;
}

.select-swim-blog-detail .select-swim-blog-detail__callout-icon {
    color: #0284C7;
    font-size: 1.25rem;
    line-height: 1;
    margin-top: 0.125rem;
}

.select-swim-blog-detail .select-swim-blog-detail__callout-title {
    color: #0369A1;
    font-size: 0.875rem;
}

.select-swim-blog-detail .select-swim-blog-detail__callout-text {
    color: #0C4A6E;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.select-swim-blog-detail .select-swim-blog-detail__check-icon {
    color: #0F766E;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.select-swim-blog-detail .select-swim-blog-detail__share-panel {
    border-color: #E2E8F0 !important;
}

.select-swim-blog-detail .select-swim-blog-detail__share-heading {
    color: #0F172A;
    font-size: 0.875rem;
    line-height: 1.2;
}

.select-swim-blog-detail .select-swim-blog-detail__share-sub {
    color: #64748B;
    font-size: 0.75rem;
}

.select-swim-blog-detail .select-swim-blog-detail__share-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #F8FAFC;
    border: 1px solid #CBD5E1;
    color: #475569;
    border-radius: 4px;
    font-size: 0.9375rem;
    text-decoration: none;
}

.select-swim-blog-detail .select-swim-blog-detail__share-btn:hover {
    background-color: #0284C7;
    border-color: #0284C7;
    color: #FFFFFF;
}

.select-swim-blog-detail .select-swim-blog-detail__share-btn--wa:hover {
    background-color: #0F766E;
    border-color: #0F766E;
    color: #FFFFFF;
}

.select-swim-blog-detail .select-swim-blog-detail__copied-toast {
    background-color: #DCFCE7;
    color: #15803D;
    border: 1px solid #86EFAC;
    font-size: 0.75rem;
    font-weight: 600;
}

.select-swim-blog-detail .select-swim-blog-detail__widget {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.select-swim-blog-detail .select-swim-blog-detail__widget--highlight {
    background-color: #F0FDF4;
    border-color: #BBF7D0;
}

.select-swim-blog-detail .select-swim-blog-detail__author-avatar {
    width: 44px;
    height: 44px;
    background-color: #E0F2FE;
    color: #0284C7;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.select-swim-blog-detail .select-swim-blog-detail__widget-sub {
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748B;
    font-weight: 700;
}

.select-swim-blog-detail .select-swim-blog-detail__author-name {
    color: #0F172A;
    font-size: 0.9375rem;
    line-height: 1.2;
}

.select-swim-blog-detail .select-swim-blog-detail__author-bio {
    color: #475569;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.select-swim-blog-detail .select-swim-blog-detail__widget-title {
    color: #0F172A;
    font-size: 0.9375rem;
    font-weight: 700;
}

.select-swim-blog-detail .select-swim-blog-detail__widget-text {
    color: #475569;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.select-swim-blog-detail .select-swim-blog-detail__recent-item {
    border-color: #E2E8F0 !important;
}

.select-swim-blog-detail .select-swim-blog-detail__recent-link {
    color: #0F172A;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.35;
}

.select-swim-blog-detail .select-swim-blog-detail__recent-link:hover {
    color: #0284C7;
    text-decoration: underline;
}

.select-swim-blog-detail .select-swim-blog-detail__recent-date {
    font-size: 0.6875rem;
    color: #64748B;
}

.select-swim-blog-detail .select-swim-blog-detail__btn-catalog {
    background-color: #0284C7;
    color: #FFFFFF;
    border: 1px solid #0284C7;
    padding: 0.45rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
}

.select-swim-blog-detail .select-swim-blog-detail__btn-catalog:hover {
    background-color: #0369A1;
    border-color: #0369A1;
    color: #FFFFFF;
}

/* ===== PAGE TEMPLATE: promo-items ===== */
.promo-detail-page {
    background-color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.promo-detail-page .promo-breadcrumb-bar {
    background-color: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    font-size: 0.8125rem;
}

.promo-detail-page .promo-crumb-link {
    color: #0284C7;
    text-decoration: none;
    font-weight: 500;
}

.promo-detail-page .promo-crumb-link:hover {
    text-decoration: underline;
}

.promo-detail-page .breadcrumb-item.active {
    color: #475569;
}

.promo-detail-page .promo-card-main {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
}

.promo-detail-page .promo-badge-deal {
    background-color: #FEE2E2;
    color: #B91C1C;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.promo-detail-page .promo-badge-status {
    background-color: #E0F2FE;
    color: #0369A1;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.promo-detail-page .promo-card-main__title {
    color: #0F172A;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    hyphens: auto;
}

@media (max-width: 767.98px) {
    .promo-detail-page .promo-card-main__title {
        font-size: 1.25rem;
    }
}

.promo-detail-page .promo-card-main__subtitle {
    color: #475569;
    font-size: 0.9375rem;
    line-height: 1.5;
}

.promo-detail-page .promo-card-main__image-wrap {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    max-height: 480px;
}

.promo-detail-page .promo-card-main__image {
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
}

.promo-detail-page .promo-section-heading {
    color: #0F172A;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
}

.promo-detail-page .promo-subheading {
    color: #0F172A;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
}

.promo-detail-page .promo-text-lead {
    color: #0F172A;
    font-size: 0.9375rem;
    line-height: 1.6;
    font-weight: 500;
}

.promo-detail-page .promo-text-regular {
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.55;
}

.promo-detail-page .promo-feature-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.promo-detail-page .promo-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-size: 0.875rem;
    color: #334155;
    line-height: 1.45;
}

.promo-detail-page .promo-feature-icon {
    color: #0F766E;
    font-size: 1rem;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.promo-detail-page .promo-action-box {
    background-color: #F8FAFC;
    border: 1px solid #CBD5E1;
}

.promo-detail-page .promo-action-box__title {
    color: #0F172A;
    font-size: 1rem;
    font-weight: 700;
}

.promo-detail-page .promo-action-box__desc {
    color: #475569;
    font-size: 0.8125rem;
}

.promo-detail-page .promo-btn-shop {
    background-color: #0284C7;
    color: #FFFFFF;
    border: 1px solid #0284C7;
    padding: 0.55rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
}

.promo-detail-page .promo-btn-shop:hover {
    background-color: #0369A1;
    border-color: #0369A1;
    color: #FFFFFF;
}

.promo-detail-page .promo-sidebar__widget {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
}

.promo-detail-page .promo-sidebar__title {
    color: #0F172A;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 0.5rem;
}

.promo-detail-page .promo-sidebar__text {
    color: #475569;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.promo-detail-page .promo-meta-label {
    color: #64748B;
    font-size: 0.8125rem;
}

.promo-detail-page .promo-meta-value {
    color: #0F172A;
    font-size: 0.8125rem;
}

.promo-detail-page .promo-share-btn {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.promo-detail-page .promo-share-facebook {
    background-color: #1877F2;
    color: #FFFFFF;
    border: 1px solid #1877F2;
}

.promo-detail-page .promo-share-facebook:hover {
    background-color: #166FE5;
    color: #FFFFFF;
}

.promo-detail-page .promo-share-twitter {
    background-color: #0F172A;
    color: #FFFFFF;
    border: 1px solid #0F172A;
}

.promo-detail-page .promo-share-twitter:hover {
    background-color: #1E293B;
    color: #FFFFFF;
}

.promo-detail-page .promo-share-whatsapp {
    background-color: #25D366;
    color: #FFFFFF;
    border: 1px solid #25D366;
}

.promo-detail-page .promo-share-whatsapp:hover {
    background-color: #20BA59;
    color: #FFFFFF;
}

.promo-detail-page .promo-share-copy {
    background-color: #F8FAFC;
    color: #0F172A;
    border: 1px solid #CBD5E1;
}

.promo-detail-page .promo-share-copy:hover {
    background-color: #E2E8F0;
    color: #0F172A;
}

.promo-detail-page .promo-related-link {
    color: #0F172A;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.promo-detail-page .promo-related-link:hover {
    background-color: #E0F2FE;
    border-color: #BAE6FD;
    color: #0284C7;
}