/* Minimal overrides strictly required */
:root {
    --vp-dark: #1a1a2e;
    --vp-gold: #c9a84c;
}

body {
    font-family: 'Segoe UI', sans-serif;
}

.navbar-brand span {
    color: var(--vp-gold);
}

.btn-dark-vp {
    background-color: var(--vp-dark);
    color: #fff;
    border: none;
}

    .btn-dark-vp:hover {
        background-color: #2d2d4e;
        color: #fff;
    }

.hero-section {
    background-color: #f9f5f0;
}

.steps-section {
    background-color: #fdfaf6;
}

.measure-section {
    background-color: #f5f0e8;
}

.step-circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 1.5rem;
    color: var(--vp-gold);
}

.card-product {
    border: none;
    background: #fff;
}

    .card-product img {
        object-fit: cover;
    }

.badge-cat {
    font-size: .65rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.footer-dark {
    background-color: var(--vp-dark);
}

.measure-img-wrapper {
    position: relative;
    display: inline-block;
}

.measure-line {
    position: absolute;
    top: 38%;
    left: 0;
    width: 100%;
    border-top: 2px dashed #e63946;
}

.measure-label {
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid #e63946;
    color: #e63946;
    font-size: .7rem;
    padding: 1px 6px;
    border-radius: 4px;
}