/* Professional jewellery styling for Order History, Product Details and Cart only. */
:root {
    --jp-wine: #47443e;
    --jp-wine-deep: #343330;
    --jp-gold: #c69a45;
    --jp-gold-soft: #343330 ;
    --jp-cream: #fffaf1;
    --jp-paper: #ffffff;
    --jp-ink: #271d1f;
    --jp-muted: #7b6d6f;
    --jp-line: rgba(132, 94, 47, .18);
    --jp-shadow: 0 12px 32px rgba(61, 27, 34, .10);
}

.jewellery-page {
    color: var(--jp-ink);
    /* background:
        radial-gradient(circle at 10% 5%, rgba(198, 154, 69, .11), transparent 28%),
        linear-gradient(180deg, #fffdf9 0%, #fbf5ec 100%); */
    font-family: "Open Sans", Arial, sans-serif;
    min-height: 100vh;
}

/* .jewellery-page .body { background: transparent; }
.jewellery-page #header .header-body {
    background: linear-gradient(135deg, var(--jp-wine-deep), var(--jp-wine));
    border-bottom: 2px solid var(--jp-gold);
    box-shadow: 0 5px 20px rgba(41, 10, 19, .20);
} */
/* .jewellery-page #header .header-nav > table { max-width: 760px; margin: 0 auto; }
.jewellery-page #header .icon,
.jewellery-page #header .icon a { color: #fff !important; }
.jewellery-page #header .header-btn-collapse-nav {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(234,215,172,.34) !important;
    border-radius: 12px !important;
}
.jewellery-page #header .logo1 { filter: drop-shadow(0 3px 8px rgba(0,0,0,.16)); }

.jewellery-page .mainpad1,
.jewellery-page .main.shop > .container { max-width: 760px; margin-left: auto !important; margin-right: auto !important; }
.jewellery-page .main { padding-bottom: 88px; }
.jewellery-page hr.tall { border: 0; margin: 12px 0; } */

/* Shared premium buttons */
.jewellery-page button.btn {
    border-radius: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .2px;
    transition: transform .18s ease, box-shadow .18s ease;
}
.jewellery-page button.btn:active { transform: scale(.98); }
.jewellery-page main > .row:first-child button,
.shop-cart-page .main .container > .row:first-child button {
    color: var(--jp-wine) !important;
    background: #fff !important;
    border: 1px solid var(--jp-gold-soft) !important;
    box-shadow: 0 5px 16px rgba(71, 28, 39, .08);
}

/* Page heading strips */
.order-history-page > .body > .row,
.shop-cart-page > .body > .row { margin: 0 !important; }
.order-history-page > .body > .row > div > div,
.shop-cart-page > .body > .row > div > div {
    padding: 14px 16px !important;
    margin: 0 !important;
    color: var(--jp-wine) !important;
    background: linear-gradient(90deg, #f8f6f1, #fff, #f8f6f1) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--jp-line) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px !important;
    font-weight: 700;
    letter-spacing: 1.6px;
}

/* Order History */
.order-history-page .bodyy { margin: 0 auto !important; width: 100%; }
.order-history-page #div_Order { overflow: visible !important; margin: 18px 0 0 !important; font-weight: 400 !important; }
.order-history-page .tblOrderHistory {
    overflow: hidden;
    margin: 0 0 18px !important;
    background: var(--jp-paper);
    border: 1px solid var(--jp-line);
    border-radius: 18px;
    box-shadow: var(--jp-shadow);
}
.order-history-page .tblOrderHistory tr { border-bottom: 1px solid #f1e8dc; }
.order-history-page .tblOrderHistory tr:last-child { border-bottom: 0; }
.order-history-page .tblOrderHistory td {
    padding: 11px 16px !important;
    background: #fff !important;
    color: var(--jp-ink);
    font-size: 14px !important;
    vertical-align: middle;
}
.order-history-page .tblOrderHistory td:first-child { color: var(--jp-muted); font-weight: 600; }
.order-history-page .tblOrderHistory tr:first-child td {
    background: linear-gradient(90deg, var(--jp-wine-deep), var(--jp-wine)) !important;
    color: #fff !important;
}
.order-history-page .tblOrderHistory img { width: 72px !important; height: 72px; object-fit: cover; border: 2px solid #f4e2bd; border-radius: 14px !important; }
.order-history-page #CartEmpty,
.shop-cart-page #CartEmpty {
    margin: 35px 12px !important;
    padding: 34px 18px;
    background: #fff;
    /* border: 1px dashed var(--jp-gold-soft); */
    /* border-radius: 20px; */
    /* box-shadow: var(--jp-shadow); */
    color: var(--jp-muted);
}
.order-history-page #CartEmpty i,
.shop-cart-page #CartEmpty i { display: block; margin-bottom: 12px; color: var(--jp-gold); font-size: 40px; }

/* Product Details */
.product-details-page .main-container { padding-left: 14px; padding-right: 14px; }
.product-details-page #ProductDesc {
    overflow: hidden;
    margin: 15px 0 0 !important;
    padding: 0 12px 22px;
    /* background: #fff; */
    /* border: 1px solid var(--jp-line); */
    /* border-radius: 22px; */
    /* box-shadow: var(--jp-shadow); */
}
.product-details-page #ProductDesc .ImageeDiv,
.product-details-page #ProductDesc .VideooDiv,
.product-details-page #ProductDesc .thumbnail.page {
    height: 330px !important;
    margin-top: 12px !important;
    /* background: linear-gradient(145deg, #fff, #faf2e5); */
    border: 0;
    border-radius: 18px;
    /* box-shadow: inset 0 0 0 1px rgba(198,154,69,.15); */
}
.product-details-page #ProductDesc .product__main-image,
.product-details-page #ProductDesc #BtnZoomImage { width: 100% !important; height: 330px !important; object-fit: contain; border-radius: 8px !important; }
.product-details-page #ProductDesc .product__slider-wrap { margin: 12px 0 4px; }
.product-details-page #ProductDesc .product__slider { gap: 9px; padding: 4px 2px 9px; }
.product-details-page #ProductDesc .product__image,
.product-details-page #ProductDesc .product__video { border: 2px solid transparent; border-radius: 12px; }
.product-details-page #ProductDesc .product__image--active { border-color: var(--jp-gold); }
.product-details-page #ProductDesc > .col-md-12 { margin-top: 12px !important; padding: 15px 10px 5px; border-top: 1px solid #f1e6d6; }
.product-details-page #ProductDesc span { color: var(--jp-ink) !important; }
.product-details-page #ProductDesc .form-control {
    height: 46px; border: 1px solid var(--jp-gold-soft); border-radius: 12px; box-shadow: none;
}
.product-details-page #ProductDesc button:not([style*="transparent"]) {
    color: #343330 !important; background: linear-gradient(135deg, var(--kg-gold), var(--kg-gold-light)) !important;
    border: 1px solid var(--jp-gold) !important; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(76,23,36,.16);
}
.product-details-page #ProductDesc .fa-share-alt-square,
.product-details-page #ProductDesc .fa-heart { color: var(--jp-wine) !important; }

/* Shopping Cart */
.shop-cart-page .main .container { padding-left: 14px; padding-right: 14px; }
.shop-cart-page .featured-box,
.shop-cart-page .featured-box .box-content { background: transparent; border: 0 !important; box-shadow: none; }
.shop-cart-page #Fill_shop_cart > div:first-child { overflow: visible !important; }
.shop-cart-page #Fill_shop_cart .shop_table.cart { display: block; width: 100%; }
.shop-cart-page #Fill_shop_cart .shop_table.cart tbody { display: block; }
.shop-cart-page #Fill_shop_cart .shop_table.cart tr {
    display: block;
    margin: 0;
    background: #fff;
    border-left: 1px solid var(--jp-line);
    border-right: 1px solid var(--jp-line);
}
.shop-cart-page #Fill_shop_cart .shop_table.cart tr.cart_table_item {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--jp-line);
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -5px 20px rgba(61,27,34,.06);
}
.shop-cart-page #Fill_shop_cart .shop_table.cart tr.cart_table_item td { border: 0; }
.shop-cart-page #Fill_shop_cart .shop_table.cart td { display: block; width: 100%; padding: 6px 18px; border: 0; text-align: center; }
.shop-cart-page #Fill_shop_cart .product-thumbnail img {
    width: 150px !important; height: 150px !important; object-fit: cover;
    border: 3px solid #f3dfb6; border-radius: 18px; box-shadow: 0 7px 18px rgba(67,30,38,.10);
}
.shop-cart-page #Fill_shop_cart .product-price .amount { color: var(--jp-ink) !important; font-size: 15px !important; font-weight: 600 !important; }
.shop-cart-page #Fill_shop_cart .product-remove { padding: 10px 18px 18px !important; border-bottom: 1px solid var(--jp-line) !important; border-radius: 0 0 20px 20px; box-shadow: 0 8px 20px rgba(61,27,34,.07); }
.shop-cart-page #Fill_shop_cart .product-remove button {
    width: 100% !important; padding: 10px !important; color: var(--jp-wine) !important;
    background: #f8f6f1 !important; border: 1px solid var(--jp-gold-soft) !important;
}
.shop-cart-page #Fill_shop_cart #focus { margin-top: 22px; }
.shop-cart-page #Fill_shop_cart #focus .box-content {
    padding: 20px !important; background: linear-gradient(145deg, #fff, #f8f6f1);
    border: 1px solid var(--jp-gold-soft) !important; border-radius: 20px; box-shadow: var(--jp-shadow);
}
.shop-cart-page #Fill_shop_cart #focus h4 { color: var(--jp-wine) !important; font-family: Georgia, serif; font-weight: 700; letter-spacing: 1px; }
.shop-cart-page #Fill_shop_cart .cart-totals { width: 100%; }
.shop-cart-page #Fill_shop_cart .cart-totals th,
.shop-cart-page #Fill_shop_cart .cart-totals td { padding: 11px 4px; border-top: 1px solid var(--jp-line); }
.shop-cart-page #ShowAddress { margin-top: 14px; border-radius: 18px; }

/* Fixed bottom navigation */
/* .jewellery-page .footer { background: rgba(255,255,255,.96) !important; border-top: 1px solid var(--jp-line) !important; box-shadow: 0 -8px 25px rgba(54,21,29,.10); backdrop-filter: blur(12px); }
.jewellery-page .footer a { color: #87777a !important; }
.jewellery-page .footer a.active,
.jewellery-page .footer a:active { color: var(--jp-wine) !important; }
.jewellery-page .footer i { font-size: 20px; } */

@media (max-width: 499px) {
    .jewellery-page .mainpad1 { padding-top: 0 !important; }
    .product-details-page #ProductDesc .ImageeDiv,
    .product-details-page #ProductDesc .VideooDiv,
    .product-details-page #ProductDesc .thumbnail.page,
    .product-details-page #ProductDesc .product__main-image,
    .product-details-page #ProductDesc #BtnZoomImage { height: 280px !important; }
}

/* ==============================================================
   IPAD / TABLET - DETAIL, CART AND HISTORY PAGES
================================================================ */
@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .jewellery-page .mainpad1,
    .jewellery-page .main.shop > .container,
    .product-details-page .main-container,
    .shop-cart-page .main .container {
        width: calc(100% - 48px) !important;
        max-width: 1040px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .Page_hedding,
    .order-history-page > .body > .row > div > div,
    .shop-cart-page > .body > .row > div > div {
        font-size: 24px !important;
        padding: 17px 22px !important;
    }

    /* Product details */
    .product-details-page #ProductDesc {
        padding: 0 20px 28px;
        border-radius: 24px;
    }

    .product-details-page #ProductDesc .ImageeDiv,
    .product-details-page #ProductDesc .VideooDiv,
    .product-details-page #ProductDesc .thumbnail.page,
    .product-details-page #ProductDesc .product__main-image,
    .product-details-page #ProductDesc #BtnZoomImage {
        height: 480px !important;
    }

    .product-details-page #ProductDesc > .col-md-12 {
        padding: 20px 16px 10px;
    }

    .product-details-page #ProductDesc span,
    .product-details-page #ProductDesc label,
    .product-details-page #ProductDesc p {
        font-size: 16px;
    }

    .product-details-page #ProductDesc .form-control {
        height: 50px;
        font-size: 16px;
    }

    .product-details-page #ProductDesc button:not([style*="transparent"]) {
        min-height: 48px;
        font-size: 16px;
    }

    /* Order history */
    .order-history-page #div_Order {
        max-width: 980px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .order-history-page .tblOrderHistory {
        border-radius: 8px;
    }

    .order-history-page .tblOrderHistory td {
        padding: 14px 20px !important;
        font-size: 15px !important;
    }

    .order-history-page .tblOrderHistory img {
        width: 92px !important;
        height: 92px;
    }

    /* Cart */
    .shop-cart-page #Fill_shop_cart {
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
    }

    .shop-cart-page #Fill_shop_cart .shop_table.cart tr.cart_table_item {
        padding-top: 18px;
        border-radius: 22px 22px 0 0;
    }

    .shop-cart-page #Fill_shop_cart .shop_table.cart td {
        padding-left: 24px;
        padding-right: 24px;
    }

    .shop-cart-page #Fill_shop_cart .product-thumbnail img {
        width: 190px !important;
        height: 190px !important;
    }

    .shop-cart-page #Fill_shop_cart .product-price .amount {
        font-size: 17px !important;
    }

    .shop-cart-page #Fill_shop_cart #focus .box-content {
        padding: 26px !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .product-details-page #ProductDesc .ImageeDiv,
    .product-details-page #ProductDesc .VideooDiv,
    .product-details-page #ProductDesc .thumbnail.page,
    .product-details-page #ProductDesc .product__main-image,
    .product-details-page #ProductDesc #BtnZoomImage {
        height: 540px !important;
    }
}