.storefront-header {
    background: var(--storefront-header-bg, #fff) !important;
    color: var(--storefront-header-text, #111827);
}

.storefront-brand,
.storefront-navigation a,
.storefront-support,
.storefront-header-cart {
    color: var(--storefront-header-text, #111827) !important;
}

.storefront-search button,
.storefront-login-button,
.storefront-navigation a.active {
    background: var(--storefront-header-button, var(--storefront-primary)) !important;
    color: #fff !important;
}

.storefront-login-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 20px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 800;
}

.storefront-brand-logo-only {
    width: 190px !important;
    height: 64px !important;
    flex: 0 0 190px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.storefront-brand-logo-only img,
.storefront-footer-logo-uploaded img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    background: transparent;
}

.storefront-footer {
    background: var(--storefront-footer-bg, #0f172a) !important;
    color: var(--storefront-footer-text, #cbd5e1) !important;
}

.storefront-footer h3,
.storefront-footer h4 {
    color: var(--storefront-footer-heading, #fff) !important;
}

.storefront-footer a,
.storefront-footer span,
.storefront-footer p {
    color: var(--storefront-footer-link, #e2e8f0);
}

.storefront-footer-grid-v2 {
    grid-template-columns: 1.35fr .8fr .8fr 1.25fr;
    gap: 44px;
}

.storefront-footer-brand-column {
    display: block !important;
}

.storefront-footer-logo-uploaded {
    width: 180px !important;
    height: 70px !important;
    margin-bottom: 14px;
    padding: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden !important;
}

.storefront-social-links-v2 {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

.storefront-social-links-v2 a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.1);
}

.storefront-footer-support-card {
    margin-top: 16px;
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    text-decoration: none;
}

.storefront-footer-support-card > i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--storefront-primary);
    color: #fff;
    font-size: 20px;
}

.storefront-footer-support-card span {
    display: flex;
    flex-direction: column;
}

.storefront-footer-support-card strong {
    color: var(--storefront-footer-heading, #fff);
}

.storefront-footer-support-card small {
    color: var(--storefront-footer-text, #cbd5e1);
}

.vendor-store-media-preview {
    width: 220px;
    min-height: 90px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

.vendor-store-media-preview img {
    width: 100%;
    max-height: 110px;
    object-fit: contain;
}

.storefront-page-section {
    padding: 36px 0 60px;
}

.storefront-content-card {
    background: #fff;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 16px 45px rgba(15, 23, 42, .08);
}

.storefront-policy-content {
    margin-top: 20px;
    line-height: 1.8;
    white-space: normal;
}

@media (max-width: 991px) {
    .storefront-footer-grid-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .storefront-brand-logo-only {
        width: 145px !important;
        height: 52px !important;
        flex: 0 0 145px !important;
    }

    .storefront-footer-grid-v2 {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .storefront-footer-logo-uploaded {
        width: 160px !important;
        height: 62px !important;
    }

    .storefront-login-button {
        min-height: 38px;
        padding: 0 14px;
    }
}