/* ===========================
   NECKLACE PAGE COLORS
   =========================== */

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


/* ===========================
   HEADER
   =========================== */

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

body.necklace .brand h1,
body.necklace .brand p {
    color: #f4c2c2;
}

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


/* ===========================
   BANNER
   =========================== */

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

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


/* ===========================
   SIDEBAR
   =========================== */

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

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

body.necklace aside a {
    color: white;
}

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


/* ===========================
   PRODUCT CARDS
   =========================== */

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

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

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

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


/* ===========================
   PRODUCT DESCRIPTION
   =========================== */

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

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


/* ===========================
   ALL NECKLACE PAGE BUTTONS
   =========================== */

body.necklace .cart button,
body.necklace .contact-button a,
body.necklace .product button,
body.necklace .buy-button,
body.necklace .enlarge-note {
    background: linear-gradient(to bottom, #ffb6d5, #e76aa4) !important;
    color: #111 !important;
    border: 1px solid #b63f78 !important;
}

body.necklace .cart button:hover,
body.necklace .contact-button a:hover,
body.necklace .product button:hover,
body.necklace .buy-button:hover,
body.necklace .enlarge-note:hover {
    background: linear-gradient(to bottom, #ffd0e4, #f184b6) !important;
    color: #111 !important;
    box-shadow: 0 4px 10px rgba(231, 106, 164, 0.45);
}


/* ===========================
   ENLARGED PHOTO FRAME
   =========================== */

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


/* ===========================
   FOOTER
   =========================== */

body.necklace footer {
    border-top: 1px solid #b76e79;
    color: #f4c2c2;
}
@media (max-width: 1100px) {

    body.necklace main {
        width: 100%;
        padding-left: 0;
        box-sizing: border-box;
    }

    body.necklace .products {
        width: 100%;
        box-sizing: border-box;
    }
}