/* ===========================
   EARRINGS PAGE COLORS
   =========================== */

body.earrings {
    background:#111111;
    color:white;
}


/* HEADER */

body.earrings .header {
    background:linear-gradient(to right,#111,#1a0f14,#111);
    border-bottom:3px solid #f4c2c2;
}

body.earrings .brand h1 {
    color:#f4c2c2;
}

body.earrings .brand p {
    color:#f4c2c2;
}

body.earrings .special-letter {
    color:#d47a9a;
}


/* BANNER */

body.earrings .watch-banner {
    background:linear-gradient(to right,#111,#d47a9a,#111);
    border-top:1px solid #f4c2c2;
    border-bottom:1px solid #f4c2c2;
}

body.earrings .watch-banner span {
    color:white;
}


/* SIDEBAR */

body.earrings aside {
    background:#1a0f14;
    border:1px solid #b76e79;
}

body.earrings aside h3 {
    color:#f4c2c2;
}

body.earrings aside a {
    color:white;
}

body.earrings aside a:hover {
    color:#f4c2c2;
}


/* PRODUCT CARDS */

body.earrings .product {
    background:linear-gradient(145deg,#1a0f14,#111);
    border:1px solid #b76e79;
}

body.earrings .product:hover {
    box-shadow:0 0 20px rgba(212,122,154,.35);
}

body.earrings .watch-number {
    color:#f4c2c2;
}

body.earrings .price {
    color:#d47a9a;
}


/* FOOTER */

body.earrings footer {
    border-top:1px solid #b76e79;
    color:#f4c2c2;
}


/* ===========================
   EARRINGS PRODUCT POPUP
   =========================== */

body.earrings .description-box {
    background:#1a0f14 !important;
    border:1px solid #b76e79 !important;
}

body.earrings .description-box h1 {
    color:#f4c2c2 !important;
}

body.earrings .buy-button {
    background:#d47a9a !important;
    color:white !important;
    border:1px solid #f4c2c2 !important;
}


/* VIEW DETAILS BUTTON */

body.earrings .product button {
    background:#d47a9a !important;
    color:white !important;
    border:1px solid #f4c2c2 !important;
}

body.earrings .product button:hover {
    background:#f4c2c2 !important;
    color:#111 !important;
}


/* ALL BUTTONS */

body.earrings .cart button,
body.earrings .contact-button a,
body.earrings .product button {
    background:#d47a9a !important;
    color:white !important;
    border:1px solid #f4c2c2 !important;
}

body.earrings .cart button:hover,
body.earrings .contact-button a:hover,
body.earrings .product button:hover {
    background:#f4c2c2 !important;
    color:#111 !important;
}


/* POPUP ENLARGE BUTTON */

body.earrings .enlarge-note {
    background:#d47a9a !important;
    color:white !important;
    border:1px solid #f4c2c2 !important;
}

body.earrings .enlarge-note:hover {
    background:#f4c2c2 !important;
    color:#111 !important;
}


/* ENLARGED PHOTO FRAME */

body.earrings .image-popup img {
    border:2px solid #f4c2c2 !important;
}

/* MOBILE/TABLET WIDTH FIX — EARRINGS ONLY
   Keeps desktop styling unchanged. */
@media (max-width: 1100px) {
    body.earrings main {
        width: 100%;
        padding-left: 0;
    }

    body.earrings .products {
        width: 100%;
    }
}