:root {
    --chinee-red: #c91424;
    --chinee-red-dark: #99101c;
    --chinee-gold: #dda641;
    --chinee-charcoal: #161618;
    --chinee-ink: #202124;
    --chinee-muted: #696b70;
    --chinee-line: #dedfe2;
    --chinee-soft: #f4f4f2;
}

@media (min-width: 701px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden !important;
    }

    .garment-logo {
        width: 244px;
        height: 76px;
    }

    .garment-logo img {
        object-fit: contain;
        object-position: left center;
    }

    html body .dibu {
        background-image: linear-gradient(90deg, rgba(7, 7, 8, .98) 0%, rgba(7, 7, 8, .9) 44%, rgba(7, 7, 8, .45) 100%), url('../img/home-20260920/footer-gifts.webp') !important;
        background-position: center !important;
        background-size: cover !important;
        border-top: 1px solid rgba(221, 166, 65, .25);
    }

    html body .dibu .footer-l .logo {
        width: min(285px, 100%);
        height: 94px;
    }

    html body .dibu .footer-l .logo img {
        object-fit: contain !important;
        object-position: left center;
    }

    html body .dibu a:hover {
        color: var(--chinee-gold);
    }

    .contact-panel::before {
        background-image: url('../img/brand/chinee-mark-square.png') !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    .page-hero {
        background-color: var(--chinee-charcoal);
    }

    .page-hero .page-hero-overlay {
        background: rgba(10, 10, 12, .25);
    }

    .page-hero a:focus-visible,
    .dibu a:focus-visible {
        outline: 3px solid var(--chinee-gold);
        outline-offset: 4px;
    }
}

@media (min-width: 701px) and (max-width: 1200px) {
    .garment-logo {
        width: 190px;
        height: 62px;
    }
}