*,
body * {
    font-family: "Myriad Pro", "Roboto", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400 !important;
}

body,
p {
    font-family: "Myriad Pro", "Roboto", sans-serif !important;
    font-weight: 400 !important;
    color: #000;
    margin: 0px;
}

body {
    overflow-x: hidden;
    background: #fdfdfb;
}

.contact_data h2 {
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    font-size: 32px;
    color: #000;
}

h3 a {
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    font-size: 21px;
}

.btn {
    border: none;
}

.visit_us {
    text-align: center;
    margin-top: 40px;
}

.pageui-frontview {
    background: #c8c8c8;
    padding: 30px 0px !important;
    margin-bottom: -45px;
}


.page-item:first-child .page-link {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.show-more-summary {
    border-bottom: 0.5px solid #1e1e1e;
    border-top: 0.5px solid #1e1e1e;
    padding: 20px 0;
}

#product-grid-wrapper .row {
    margin: 0 !important;
}

.top_short_banner .row {
    margin: 0 !important;
    margin-bottom: 0px !important;
    /* border-bottom: 1px solid #1e1e1e; */
}

.cursor-pointer {
    cursor: pointer;
}

.jewellery_shop_contents.watch_repair_contents.m-adjust {
    margin: 0px auto !important;
}

.brand-container {
    margin-top: 15px;
}

.section-divider {
    width: 100%;
    height: 0;
    border-bottom: 0.5px solid #1E1E1E;
    opacity: 1;
    margin: 20px 0;
}

/* Shared layout token: width of the header's right-hand logo cell. Both the
   logo cell and the hero image's right edge read this, so the hero always lines
   up under the logo's border-left — on every whitelabel and viewport. Change it
   in ONE place to move both together. */
body.theme-v3 {
    --logo-cell-w: 177px;
}

.section-divider-rotated {
    transform: rotate(10deg);
    width: 96%;
    margin: 0px 2% 225px calc(2% - -11px);
    opacity: 1;
    height: 223px;
    transform-origin: center;
}

/* Mobile-specific divider adjustments */
@media (max-width: 767px) {
    .section-divider-rotated {
        transform: rotate(10deg);
        width: 90%;
        margin: 0px 5% 80px 5%;
        height: 100px;
    }
}

h1 {
    font-family: "Kings Caslon Display", "Playfair Display", serif !important;
    font-weight: 400 !important;
    margin: 0px;
}

h2 {
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    font-weight: 400 !important;
    margin: 0px;
    font-size: 18px;
    color: #000;
}

h3,
h4,
h5,
h6 {
    font-family: "Myriad Pro", "Roboto", sans-serif !important;
    font-weight: 400 !important;
    margin: 0px;
}

a {
    outline: none;
    box-shadow: none;
}

a:hover {
    color: #000 !important;
}

a.white {
    color: #1e1e1e !important;
    font-weight: 600
}

a.white:hover {
    color: #1e1e1e;
}

.double-container-col {
    padding-inline: 5%;
}

.bg-to-white {
    background-color: #f8f8f6 !important;
}

.bg-to-secondary {
    background-color: #fdfdfb !important;
}

.auth-title {
    font-size: 26px;
    font-weight: 500;
    position: absolute;
    top: 145px;
}

.auth-footer {
    padding: 16px 0 !important;
    text-align: left !important;
    margin: 0 !important;
}

.auth-footer-right {
    padding: 16px 5vw !important;
}

.auth-footer-left {
    margin: 50px 0 !important;
}

.product_collection_lists .product_items_data .product_collection_image,
.jewellery_item_datas .inn_prdct_img {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
}

.product_collection_lists .product_items_data .product_collection_image,
.jewellery_item_datas {
    overflow: hidden;
}

.product_collection_lists .product_items_data .product_collection_image,
.jewellery_item_datas .inn_prdct_img a img {
    transition: transform 0.3s ease;
}

.product_collection_lists .product_items_data .product_collection_image:hover,
.jewellery_item_datas .inn_prdct_img a img:hover {
    transform: scale(1.2);
}

.inn_prdct_img_jewellery_home {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    /* Column flex so the <a> can fill the (pinned 426px on desktop) block and clip,
       instead of the <a> being a square that overflows onto the title (#426 fix). */
    display: flex;
    flex-direction: column;
}

.inn_prdct_img_jewellery_home>a {
    /* Fill the block's height and centre-crop, matching the watches carousel — a
       square aspect-ratio here made the image taller than the 426px block on wide
       (~1550px) cards, spilling over the title. */
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.inn_prdct_img_jewellery_home img {
    /* height: 100%; */
    width: 100%;
    object-fit: cover !important;
    aspect-ratio: 1 / 1; 
    transition: transform 0.4s ease;
}

.inn_prdct_img_jewellery_home:hover img {
    transform: scale(1.2);
}

.category_list_cols .collection_img {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}

img {
    object-fit: cover;
}

.w-80p {
    width: 75%;
}

/* Custom column widths for home category row */
.col-30 {
    flex: 0 0 30%;
    max-width: 30%;
}

.col-40 {
    flex: 0 0 40%;
    max-width: 40%;
}


.img-fit {
    object-fit: contain;
}

.fill {
    object-fit: cover !important;
}

.container {
    max-width: 100%;
    padding: 0px 2%;
}

.btn {
    font-weight: 700;
    font-size: 16px;
    /*/*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-align: center;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    padding: 15px 0;
    text-decoration: underline;
    border-radius: 0 !important;
}

.my-image {
    width: 100% !important;
    height: auto !important;
}

.btn:focus,
.btn:active {
    outline: none;
    box-shadow: none;
    border: none;
}

.btn-black {
    background: #373b3c;
    color: #ffffff;
}

.btn-black:hover {
    background: #000;
    color: #fff !important;
}

/* Ask A Question / Notify-me modals — use the v3 brand font everywhere
   (form controls don't inherit font-family by default, so set them too) */
#chatmodel,
#nofityModel,
#chatmodel .modal-title,
#nofityModel .modal-title,
#chatmodel .form-control,
#nofityModel .form-control,
#chatmodel label,
#nofityModel label,
#enquiry-form .btn-enq,
#notify-form .btn-enq {
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

/* Ask A Question / Notify-me modal submit button (v3 brand) */
#enquiry-form .btn-enq,
#notify-form .btn-enq {
    background: #373b3c;
    color: #fff;
    border: none;
    border-radius: 0;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    transition: all 0.5s ease-in-out 0s;
}

#enquiry-form .btn-enq:hover,
#notify-form .btn-enq:hover {
    background: #84b6ce;
    color: #fff;
}

.btn-gray {
    background: #f3f5f6;
    color: #000;
}

.inner_header_data {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: stretch;
}

.middle_header {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 50px; */
}

.middle_header img {
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
}

.right_head_data {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.left_head_data {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
}

header.main_header>.container {
    padding: 10px 5%;
    background: #ffffff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.12);
    position: relative;
    position: sticky;
    top: 0;
    z-index: 3;
}

.main_header {
    position: sticky;
    z-index: 999;
    padding: 10px 0;
    background: #ffffff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.12);
    top: 0;
}

.top_left_infos {
    display: flex;
    gap: 40px;
    height: 28px;
    align-items: center;
}

.trust_badges {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    align-items: center;
    height: 28px;
}

.user_account_data {
    display: flex;
    gap: 40px;
    height: 28px;
}

.user_account_data a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
}

.user_account_data a:hover {
    color: #84b6ce;
}

.top_left_infos a.links {
    font-size: 12px;
    color: #000;
    transition: all 0.5s ease-in-out 0s;
}

.top_left_infos a.links:hover {
    color: #84b6ce;
}

.menu_data {
    display: flex;
    align-items: center;
    height: 28px;
    margin-top: auto;
}

.menu_data a.menu_links {
    text-decoration: none;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
}

.inner_featured_in h2 {
    font-family: "Freight Display Pro", "Libre Baskerville", serif;
    font-size: 18px;
    margin: 0px;
}

.inner_featured_in h2 {
    font-family: "Freight Display Pro", "Libre Baskerville", serif;
    font-weight: 400;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    margin: 0px;
    color: #000;
}

.inner_featured_in {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.featured_logos {
    display: flex;
    justify-content: space-between;
}

.featured_in_secs {
    background: #fff;
    padding: 45px 0px 45px;
    overflow: hidden;
}

.featured_in_secs .owl-stage-outer {
    overflow: hidden !important;
}

.featured_logos_slider.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    height: 40px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Per-logo height overrides — tuned to each logo's aspect ratio for visual balance */
/* Logo 1: */
.featured_logos_slider.owl-carousel .owl-item img.fl-1 {
    height: 75px;
}

/* Logo 2: */
.featured_logos_slider.owl-carousel .owl-item img.fl-2 {
    height: 69px;
}

/* Logo 3: */
.featured_logos_slider.owl-carousel .owl-item img.fl-3 {
    height: 60px;
}

/* Logo 4: */
.featured_logos_slider.owl-carousel .owl-item img.fl-4 {
    height: 69px;
}

/* Logo 5: */
.featured_logos_slider.owl-carousel .owl-item img.fl-5 {
    height: 33px;
}

/* Logo 6: */
.featured_logos_slider.owl-carousel .owl-item img.fl-6 {
    height: 34.5px;
}

/* Logo 7: */
.featured_logos_slider.owl-carousel .owl-item img.fl-7 {
    height: 38px;
}

/* Scroll animation - fade in on scroll */
.featured_logos_slider.owl-carousel .item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.featured_logos_slider.owl-carousel .item.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.luxury_watches_secs {
    position: relative;
    z-index: 1;
}

.watches_content_cols {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 158px 10%;
}

/* .bg_column_watch {
    background: #f3f5f6;
} */

.luxury_prdct_content h2 {
    font-family: "Freight Display Pro", "Libre Baskerville", serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 5px;
}

.luxury_prdct_content p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin-bottom: 15px;
}

.link-dark a:hover {
    color: #000 !important;
}

.luxury_watches_btns {
    display: flex;
    gap: 30px;
}

.luxury_watches_btns a.btn_links {
    font-size: 16px;
    color: #000;
    transition: all 0.5s ease-in-out 0s;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: normal;
}

.prdct_img {
    text-align: center;
}

.luxury_watches_btns a.btn_links:hover {
    color: #84b6ce;
}

.shop_branded_jewellery_secs,
.shop_branded_jewellery_secs,
.watch_repair_services_secs {
    max-width: 90%;
}

.watch_repair_contents h2 {
    font-family: "Freight Display Pro", "Libre Baskerville", serif;
    font-weight: 400;
    font-size: 21px;
    color: #000;
    margin: 0;
    line-height: normal;
}

.jewellery_shop_contents.watch_repair_contents .see_more_btn {
    margin-top: 15px;
}

.jewellery_shop_contents.watch_repair_contents .see_more_btn a {
    color: #000;
    white-space: nowrap;
}

.jewellery_shop_contents.watch_repair_contents .see_more_btn a img {
    width: 26px;
    display: none;
}

.watch_repair_contents {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0;
    max-width: 393px;
    /* margin: auto; */
}

#my-bag-modal .btn-close {
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    outline: none !important;
}

#my-bag-modal .btn-close:focus,
#my-bag-modal .btn-close:active {
    box-shadow: none !important;
    outline: none !important;
}

.watch_repair_contents.homepage-getdirection {
    gap: 5px;
}

.watch_repair_contents.homepage-getdirection .btn_links {
    margin-top: 10px;
}

.about-us-section .watch_repair_contents {
    max-width: 576px;
    gap: 0;
    /* margin-left: auto; */
}

.about-us-section .watch_repair_contents.ml-auto {
    margin-left: auto;
}

.about-us-section .watch_repair_contents h2 {
    margin-bottom: 15px;
}

.watch_repair_contents.about-get-directions.about-visit-desktop h2 {
    margin-bottom: 5px;
}

.watch_repair_contents.about-get-directions p:not(:last-child) {
    margin-bottom: 10px;
}

.watch_repair_contents.about-get-directions .btn_links {
    margin-top: 15px;
}

.watch_repair_contents .custom-nav {
    padding-top: 15px;
}

.watch_repair_contents p {
    margin: 0;
    color: rgb(55 59 60 / 66%);
    font-size: 16px;
    line-height: 19px;
    min-height: 76px;
}

.h-25 {
    min-height: 25px !important;
    height: auto !important;
}

.h-55 {
    min-height: 55px !important;
    height: auto !important;
}

.about-us-section .watch_repair_contents p {
    color: #000;
}

.about-us-section .watch_repair_contents p:not(:last-child) {
    margin-bottom: 30px;
}

a.btn_links {
    color: #000;
    font-size: 16px;
    transition: all 0.5s ease-in-out 0s;
    text-align: center
}

a.btn_links:hover {
    color: #84b6ce;
}

.main_footer {
    /* background: linear-gradient(180deg, #e8ebed 0%, #ffffff 100%); */
    padding: 45px 0px 0px;
}

.inner_foot_conts {
    display: grid;
    grid-template-columns: repeat(5, 1fr) 2fr;
    /* gap: 50px; */
    position: relative;
}

.left_footer_data {
    max-width: calc(100% - 480px);
}

.inner_foot_rows {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    /* gap: 90px; */
    row-gap: 30px;
    column-gap: 90px;
}

.right_footer_data {
    max-width: 353px;
}

.foot_cols h4 {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    font-weight: 400;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.lamna_money_clients img {
    width: 200px;
}

.foot_cols {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px;
    border: 1px solid #1E1E1E;
}

.inner_foot_conts {
    /* border: 1px solid #1E1E1E; */
    border-left: none;
    border-right: none;
}

ul.foot_lists {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.foot_lists li {
    margin-bottom: 6px !important;
}

ul.foot_lists li a {
    font-size: 16px;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

ul.foot_lists li a:hover {
    color: #84b6ce;
}

ul.foot_lists li:not(:last-child) {
    /*  margin-bottom: 5px;*/
}

.finance_available_datas {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 45px;
}

.finance_available_datas h3 {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin-bottom: 5px;
}

.finance_available_datas p {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    margin-bottom: 30px;
}

.finance_available_datas a.btn_links {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: bold;
}

.finance_available_datas a.btn_links:hover {
    color: #84b6ce;
}

.payment_method {
    display: flex;
    justify-content: flex-end;
}

.footer-top {
    padding: 39px 0;
    background: #f3f5f6;
    display: block;
    width: 100%;
}

.footer-top h2 {
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    margin: 0px 0px 5px;
}

.footer-top p {
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
    margin: 0px 0px 15px;
    padding: 0px;
}

.footer-top a {
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #000;
}

.footer_copyright p {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    /* margin: 15px 0px 0px; */
    /* text-align: right; */
}

.footer_copyright {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 45px;
    max-width: 665px;
}

.jewellery_shop_contents.watch_repair_contents {
    max-width: 393px;
    /* margin: 0px auto; */
    padding: 0px;
}

.owl-theme .owl-dots {
    background: #ababab;
    border-radius: 100px;
    width: 50px;
    height: 26px;
}

.shop_branded_jewellery_secs .owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 70%;
    left: 70%;
    margin-top: 15px;
}

.owl-theme .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    padding-left: 5px;
    color: #fff;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 5px;
}

.owl-theme .owl-dots .owl-dot span {
    display: none !important;
}

.owl-theme .owl-dots .owl-dot.active:before {
    content: counter(slides-num) " |";
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
}

.owl-theme .owl-dots .owl-dot {
    margin-right: 0;
}

.custom-nav button {
    background: unset;
    border: none;
    padding: 0;
}

.branded_new_slides {
    position: relative;
}

.custom_owl_navigation {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 0;
    width: 41.66666667%;
    padding-left: 75px;
    bottom: 30px;
    z-index: 1;
}

.custom-nav {
    display: flex;
    align-items: center;
    gap: 40px;
    border-top: 1px solid #ddd;
    width: 100%;
    padding-top: 15px;
}

.custom-dots {
    display: flex;
    align-items: center;
    /* background: #6b6b6b; */
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 300;
    color: #000;
    width: 50px;
    height: 26px;
    justify-content: center;
}

.custom-dots .pagination-number {
    font-size: 14px;
    font-weight: 300;
    font-family: "Myriad Pro", "Roboto", sans-serif !important;
}

/* Custom separator styling to replace forward slash */
.custom-dots .pagination-separator {
    display: inline-block;
    width: 8px;
    height: 24px;
    border: 0.5px solid #000;
    transform: rotate(-150deg);
    opacity: 1;
    margin: 0 8px;
}

.latest_jewellery_secs {
    /* background: #f3f5f6; */
    /* padding: 39px 0px 70px; */
    overflow-x: hidden;
}

.latest_jewellery_secs .owl-item.active {
    margin-bottom: 0px !important;
}

.featured_in_secs .inner_jewellery_data h2 {
    margin-bottom: 15px;
    /* Align "Featured In" title with first logo - match carousel visual start */
    /* Since carousel items are flex containers with centered images, ensure title aligns with first item's visual start */
    padding-left: 0;
}

/* On smaller screens, carousel may have different alignment - adjust if needed */
@media (max-width: 599px) {
    .featured_in_secs .inner_jewellery_data h2 {
        padding-left: 0;
    }
}

.inner_jewellery_data h2 {
    font-family: "Freight Display Pro", "Libre Baskerville", serif;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin-bottom: 45px;
    /* Align title with first product in carousel by matching stagePadding */
    padding-left: 11px;
}

/* Match carousel stagePadding at different breakpoints */
@media (min-width: 600px) {
    .inner_jewellery_data h2 {
        padding-left: 0px;
    }
}

@media (min-width: 1300px) {
    .inner_jewellery_data h2 {
        padding-left: 0px;
    }
}

@media (max-width: 575.98px) {
    #filteroption {
        display: none !important;
    }
}

@media (min-width: 1680px) {
    .inner_jewellery_data h2 {
        padding-left: 40px;
    }
}

.jewellery_item_datas {
    background: #fff;
    padding: 0px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.prct_content_infos {
    align-items: flex-end;
    gap: 20px;
    padding: 13.45px 23.71px 24.22px;
}

.prct_content_infos h3 {
    line-height: 15px;
}

.prct_content_infos h3 a {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    color: #373b3c !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.prct_content_infos h3 a:hover {
    color: #000;
}

.pricing_datas {
    font-size: 16px;
    font-family: "Freight Sans", "Open Sans", sans-serif !important;
    font-weight: 300 !important;
}

.see_more_btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
}

.see_more_btn a {
    color: #000;
    font-size: 16px;
    text-decoration: underline !important;
    display: flex;
    gap: 16px;
    align-items: center;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 700;
}

.see_more_btn a:hover {
    text-decoration: underline !important;
    color: #000 !important;
}

.see_more_btn a img {
    display: none;
}

.see_more_btn a {
    gap: 0;
}

.latest_jewellery_slides .owl-stage-outer {
    overflow: visible !important;
    /* Make right side visible */
}

.latest_jewellery_slides .pricing_datas {
    /* padding-right: 5px;
    padding-left: 5px; */
    padding-top: 10px
}

.latest_jewellery_slides .pricing_datas.p-extra {
    padding-right: 9px;
    padding-left: 9px;
}

.banner_content_datas {
    position: relative;
}

.banner_content_parts {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    left: 50%;
    max-width: 1920px;
    transform: translateX(-50%);
    padding: 45px 5% 113.6px;
}

.inner_conts_parts {
    max-width: 434px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top_banner_heads h1 {
    color: #fff;
    font-size: 47.14px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: bold;
    margin-bottom: 6px;
}

.top_banner_heads p {
    font-size: 18px !important;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

.price_items {
    font-size: 14px;
    color: #fff;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: bold;
    margin-bottom: 18px;
}

.bottom_banner_foots p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    line-height: 20px;
}

.banner_carousel_datas {
    margin-top: 0px;
}

section.home_banner {
    position: relative;
}

/* .custom-dots.banner_dots {
    background-color: rgba(0, 0, 0, 0.33);
    backdrop-filter: blur(4px);
} */

.home_banner .custom_owl_navigation {
    width: 100%;
    max-width: 1920px;
    padding: 0px 5%;
    margin: 0 auto;
    left: 0;
    bottom: 30px;
}

.home_banner .custom_owl_navigation .custom-nav {
    border: none;
    padding: 0;
}

.inner_faq_data .accordion .accordion-header {
    border: none;
}

.inner_faq_data .accordion .accordion-header button.accordion-button {
    border: none;
    color: #000;
    font-size: 14px;
    border-radius: 0px;
    padding: 0px 0px;
    outline: none;
    background: none;
    box-shadow: none;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: normal;
}

.inner_faq_data .accordion .accordion-item {
    border: none;
    border-radius: 0px;
    background: #fdfdfb;
    border: 1px solid #1E1E1E;
    margin: 0 5px 5px 0 !important;
    /* padding: 19px 20px!important; */
}

.inner_faq_data .accordion .accordion-item button {
    padding: 19px 20px !important;
}

.inner_faq_data .accordion .accordion-item:not(:last-child) {
    margin-bottom: 0px;
}



.inner_faq_data .accordion .accordion-header button.accordion-button::after {
    content: "";
    transform: rotate(-90deg);
    width: 15px;
    height: 15px;
    background-size: contain;
    transition: all 0.5s ease-in-out 0s;
}

.accordion-body p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.accordion-body b {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.accordion-collapse {
    transition: height 0.35s ease;
}

.accordion-collapse.collapsing {
    transition: height 0.35s ease;
}

.accordion-button {
    transition: all 0.3s ease;
}

.inner_faq_data .accordion .accordion-item .accordion-body {
    /* padding: 10px 0 0 0; */
    padding: 0px 20px 19px 20px;
    text-align: left;
    font-family: "Freight Sans", "Open Sans", sans-serif !important;
    font-weight: 300 !important;
}

.inner_faq_data .accordion .accordion-header button.accordion-button[aria-expanded="true"]::after {
    transform: rotate(0deg);
}

.inner_faq_data h2 {
    margin-bottom: 30px;
}

.faq_data_secs {
    padding-bottom: 45px;
}

.faq_data_secs .accordion-collapse {
    transition: height 0.35s ease !important;
}

.faq_data_secs .accordion-collapse.collapsing {
    transition: height 0.35s ease !important;
}

.faq_data_secs .accordion-button {
    transition: all 0.3s ease;
}

.collection_secs {
    padding: 45px 0px;
}

/* The list is a shrink-to-fit flex item, so its width followed the widest brand
   name — with few/short brands (e.g. a whitelabel with 6 watch brands) the 7
   columns collapsed and the names had no space between them. Fill the container
   so the 7-column grid always uses the full width, giving even, roomy columns
   regardless of how many/short the brand names are. */
.coll_items_data {
    width: 100%;
}

.coll_items_data ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.coll_items_data ul li a {
    font-size: 16px;
    color: #000;
    transition: all 0.5s ease-in-out 0s;
}

.coll_items_data ul li {
    width: calc(100% / 7);
}

.coll_items_data ul li:not(:last-child) {
    margin-bottom: 0.6em;
}

.inner_collections_data h2 {
    margin-bottom: 30px;
}

.coll_items_data ul li a:hover {
    color: #84b6ce;
}

.coll_lists {
    display: flex;
    justify-content: space-between;
}

.main_category_secs {
    background: #fdfdfb;
    padding: 30px 0px;
}

.inner_category_data {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.footer_copyright {
    margin-top: 0px;
}

.collection_img {
    overflow: hidden;
}

.collection_img img {
    width: 100%;
    transition: all 0.5s ease-in-out 0s;
    transform: scale(1);
    /* height: 326px; */
    height: 100%;
    object-fit: cover;
}

.category_list_cols:hover .collection_img img {
    transform: scale(1.1);
}

.category_list_cols {
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.collection_contents {
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #f8f8f6;
}

.collection_contents h3 {
    font-size: 14px;
    color: #000;
}

.collection_contents h3 a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    transition: all 0.5s ease-in-out 0s;
}

.collection_contents h3 a:hover {
    color: #84b6ce;
}

.collection_contents h3 a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.collection_contents p {
    margin: 0;
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    /*  line-height: 19px;*/
}

.top_short_banner {
    padding: 0px 0px 15px;
}

.breadcrumbs ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumbs ul li {
    font-size: 12px;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif !important;
}

.breadcrumbs ul li:nth-child(even) {
    width: 75px;
    height: 1px;
    flex: 0 0 75px;
    background-color: #888;
    font-size: 0;
}

.breadcrumbs ul li a {
    color: #000;
    text-decoration: none;
    font-family: "Myriad Pro", "Roboto", sans-serif !important;
    transition: all 0.5s ease-in-out 0s;
}

.breadcrumbs ul li a:hover {
    color: #84b6ce !important;
}

.title_banner h1 {
    font-size: 21px;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
}

.title_banner p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.breadcrumbs {
    /* margin-top: 30px;
  margin-bottom: 30px;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 45px;
}

.jump_brands {
    display: flex;
    justify-content: flex-end;
}

.jump_brands a {
    color: #000;
    font-size: 14px;
    transition: all 0.5s ease-in-out 0s;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
}

.jump_brands a:hover {
    color: #84b6ce;
}

.jump_brands a.dropdown-toggle {
    background: unset !important;
    border: none;
    padding: 0;
    color: #000;
    text-decoration: underline;
    outline: none;
}

.jump_brands a.dropdown-toggle::after {
    content: "";
    background: url("../images/dropdown_arrow.svg") no-repeat;
    width: 10px;
    height: 8px;
    border: none;
    vertical-align: middle;
    margin-left: 5px;
    background-size: cover;
}

.jump_brands .dropdown .dropdown-menu a.dropdown-item {
    font-size: 13px;
    background: unset !important;
}

.top_product_select {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.dropdown.filter_cols a.dropdown-toggle {
    background: rgb(235 235 235 / 50%) !important;
    border: none;
    color: #000;
    font-size: 14px;
    padding: 8px 14px;
    border-radius: 8px;
    font-weight: 400;
}

.dropdown.filter_cols a.dropdown-toggle::after {
    content: "";
    background: url("../images/dropdown_arrow.svg") no-repeat;
    width: 9px;
    height: 7px;
    border: none;
    vertical-align: middle;
    margin-left: 5px;
    background-size: cover;
}

.dropdown.filter_cols .dropdown-menu a.dropdown-item {
    font-size: 12px;
    background: unset !important;
    color: rgb(55 59 60 / 66%);
}

.latest_jewellery_slides.owl-carousel .owl-stage {
    display: flex;
}

.latest_jewellery_slides.owl-carousel .owl-stage .item {
    height: 100%;
}

.product_collection_lists {
    margin: 35px 0px 45px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 15px;
}

/* .details_slider .product_collection_lists {
    column-gap: 5px;
} */

.product_collection_lists .product_items_data .product_collection_image,
.latest_jewellery_slides .jewellery_item_datas .inn_prdct_img {
    height: 346px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    background: #f8f8f6;
}

.latest_jewellery_slides .jewellery_item_datas .inn_prdct_img {
    height: 426px;
}

.latest_jewellery_slides .jewellery_item_datas .inn_prdct_img.pcard-carousel-wrap>a {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product_collection_lists .product_items_data .product_collection_image img,
.latest_jewellery_slides .jewellery_item_datas .inn_prdct_img img {
    /* height: 100%; */
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.latest_jewellery_slides .jewellery_item_datas .prct_content_infos {
    margin-top: 0px;
    padding-top: 15px;
    /* margin-top: auto; */
    /* padding-bottom: 0px; */
}

.latest_jewellery_slides .jewellery_item_datas .prct_content_infos.d-flex {
    padding-bottom: 24px;
    margin-top: auto;
    justify-content: space-between;
    align-items: flex-end;
}

.latest_jewellery_slides .jewellery_item_datas .prct_content_infos .pricing_datas {
    line-height: 1;
}

.product_collection_contents {
    padding: 15px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product_collection_contents h3 {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    line-height: 1.65;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.product_collection_contents h3 a {
    text-decoration: none;
    color: #000 !important;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    font-size: 14px;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.product_collection_contents h3 a:hover {
    color: #84b6ce;
}

.price_value {
    font-size: 14px;
    color: #000;
    font-family: "Freight Sans", "Open Sans", sans-serif !important;
    font-weight: 700;
}

.price_value span {
    display: block;
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: normal;
}

.product_collection_image img {
    width: 100%;
    transform-origin: center;
    transform: scale(1);
    transition: transform 0.45s ease;
}

.product_collection_image:hover img {
    transform: scale(1.05);
}

.product_items_data {
    position: relative;
}

.product_collection_contents h3 a::before {
    content: "";
    /*  position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.order_success_secs {
    background: url("../images/order_success_bg.png");
    width: 100%;
    padding: 140px 0px;
    background-size: cover;
    background-position: center;
    height: 720px;
}

.booking_success_secs {
    /* background: url("../images/booking_success_bg.jpg") !important; */
    width: 100%;
    padding: 140px 0px;
    background-size: 100% !important;
    background-position: center;
    height: 720px;
}

.desktop-d-none {
    display: none !important;
}

.iframe-adjust iframe {
    width: 387px !important;
    height: 327px !important;
}

.iframe-adjust .watched_book_repairs {
    justify-content: start !important;
}

.iframe-adjust .end-area {
    width: 392px !important;
}

.iframe-adjust .schedule_heading {
    font-weight: 500;
}

.iframe-adjust .watched_book_repairs {
    margin-top: 15px !important;
}

.iframe-adjust .watched_book_repairs a {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.thank_you_message {
    background: rgb(255 255 255 / 90%);
    padding: 15px;
    border-radius: 9px;
    text-align: center;
    backdrop-filter: blur(15.300000190734863px);
}

.thank_you_message h1 {
    font-size: 46px;
    color: #000;
    line-height: 141%;
    margin: 15px 0px 5px;
}

.thank_you_message h5.order_nums {
    font-size: 18px;
    color: #000;
    margin: 0;
}

.inner_success_data {
    max-width: 660px;
    margin: 0 auto;
}

.confirmation_message {
    background: rgb(255 255 255 / 85%);
    padding: 15px;
    border-radius: 9px;
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: #000;
    align-items: center;
    backdrop-filter: blur(15.300000190734863px);
}

.confirmation_message a {
    color: #000;
}

.main_confirmation_messages {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}

.confirmation_message .img-icon {
    width: 22px;
    flex: 0 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bottom_support_datas {
    padding: 45px 0px 100px;
}

.right_404_data.contact_support_infos {
    max-width: 393px;
}

.order_calcelled_secs .inner_success_data {
    max-width: 460px;
}

.order_calcelled_secs .inner_success_data .thank_you_message {
    padding: 15px;
}

.trustpilot-section {
    width: 60%;
    display: block;
    padding: 30px 0 0;
    margin-top: 50px;
}

.order_calcelled_secs .inner_success_data .thank_you_message h1 {
    line-height: 130%;
    margin-bottom: 15px;
}

.main_blog_data_sec {
    padding: 30px 0px;
}

.main_blog_data_sec .heading_data {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 23px;
}

.heading_data h1 {
    font-size: 32px;
    color: #000;
    font-weight: 500;
}

.heading_data p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
}

.heading_data {
    margin-bottom: 25px;
}

.blog_lists_data {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.owl-stage {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.home_topcategory {
    width: 100%;
    display: block;
    margin-top: -30px;
}

.home_topcategory .sectiontitle {
    width: 100%;
    padding: 30px 10%;
}

.home_topcategory .sectiontitle a {
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    text-decoration: none;
}

.blog_img img {
    width: 100%;
}

.blog_conts {
    padding: 30px 30.5px 36px 0px;
}

.blog_conts>a {
    font-weight: 400;
    font-size: 14px;
    display: inline-flex;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    color: #000;
    margin-top: 15px;
    flex-direction: column;
    align-items: flex-start;
}

/* Removed after effect from Read More links
.blog_conts > a:after {
  content: "";
  width: 8px;
  height: 1px;
  background: #373b3c;
  display: inline-flex;
}
*/

.blog_conts h3 {
    font-size: 14px;
    margin-bottom: 15px;
}

.blog_lists_data {
    row-gap: 23px;
}

.blog_conts h3 a {
    color: #000;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

.blog_conts h3 a:hover {
    color: #84b6ce;
}

.blog_items {
    position: relative;
}

.blog_conts h3 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.blog_conts p {
    margin: 0;
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.main_blog_data_sec .blog_navigation {
    margin-top: 15px;
    margin-bottom: 0px;
}

.booking-success-header {
    display: block;
    padding: 30px 0;
}

.booking-success-header h1 {
    margin: 0px;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000;
}

.booking-here {
    padding-bottom: 0px !important;
}

.booking-here .faq_conts_data p {
    font-size: 14px;
}

.booking-here .faq_conts_data h3 {
    font-size: 14px;
    font-weight: 500;
}

.booking-here .week_times {
    justify-content: space-between;
}

.booking-here .open_now_data {
    padding: 15px 0;
}

.booking-here .schedule_heading {
    margin-top: 15px;
    margin-bottom: 7px;
    font-size: 14px;
}

.booking-here .watched_book_repairs {
    margin-bottom: 30px;
}

.blog_navigation .custom-nav {
    border: none;
    padding: 0;
}

.blog_dots {
    display: flex;
    align-items: center;
    background: #00000054;
    padding: 5px 14px;
    border-radius: 20px;
    font-weight: 400;
    color: #fff;
    min-width: 50px;
    height: 28px;
    justify-content: center;
    backdrop-filter: blur(4px);
    white-space: nowrap;
}

.blog_dots span {
    font-size: 14px;
}

.main_services_secs {
    margin-bottom: 45px;
}

.service_top_head {
    padding: 30px 0;
}

.service_top_head .heading_data {
    margin: 0px 0px 0px 0px;
    display: inline-flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.service_details_banner {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #1E1E1E;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service_details_banner .banner_content_datas {
    height: 720px;
    display: flex;
    align-items: stretch;
}

.service_details_banner .banner_text_panel {
    width: 42%;
    min-width: 320px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.service_details_banner .banner_content_parts {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    max-width: none;
    transform: none;
    padding: 0;
}

.service_banner_copy {
    width: 100%;
    max-width: 500px;
}

.service_details_banner .service_banner_copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service_details_banner .banner_featured_img {
    position: relative;
    flex: 1 1 auto;
    width: 58%;
    min-height: 100%;
    display: flex;
    align-items: center;
    max-height: 720px;
}

.service_details_banner .banner_featured_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*.service_top_head .breadcrumbs*/
.service_details_banner .breadcrumbs {
    padding: 0 0 30px;
    color: #171717;
    margin: 0px;
}

.service_details_banner .upper_service_details_data {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/*.service_top_head .breadcrumbs ul li a,
.service_top_head .breadcrumbs ul li,*/
.service_details_banner .breadcrumbs ul li a,
.service_details_banner .breadcrumbs ul li {
    color: #171717;
}

.inner_service_details {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    gap: 34px;
}

.repair_btn {
    width: max-content;
    font-size: 16px;
    text-decoration: underline;
    padding: 13px 60px;
    font-weight: bold;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    max-width: 393px;
    text-align: center;
    background: transparent;
    border: none;
}

.left_cleanings_data {
    display: inline-block;
    max-width: 632px;
}

/*.repair_btn:hover {
  background: #fff;
  color: #000;
}
*/
.repair_btn:hover {
    background: #000;
    color: #fff !important;
}

.upper_service_details_data h1 {
    font-family: "Kings Caslon Display", "Playfair Display", serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.02;
    color: #000;
}

.upper_service_details_data p {
    margin: 0;
    font-size: 23px;
    color: #000;
}

.service_details_banner .repair_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: none;
    height: 36px;
    padding: 0 18px;
    background: transparent;
    color: #000 !important;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: capitalize;
    text-decoration: underline;
    font-family: "Myriad Pro", "Roboto", sans-serif !important;
}


@media (max-width: 1440px) and (min-width: 768px) {

    .service_details_banner .banner_content_datas,
    .service_details_banner .banner_featured_img {
        height: 614px;
        max-height: 614px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .service_details_banner .banner_text_panel {
        width: 46%;
        padding: 32px 0;
    }
}

@media only screen and (max-width: 767px) {
    .service_details_banner {
        height: auto;
    }

    .service_details_banner .banner_content_datas {
        display: block;
        height: auto;
    }

    .service_details_banner .banner_text_panel {
        display: none;
    }

    .service_details_banner .banner_featured_img {
        width: 100%;
        min-height: 0;
        max-height: none;
        aspect-ratio: 1 / 1;
    }

    .service_details_banner .banner_featured_img img {
        width: 100%;
        height: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
}

.srvice_details_conts_datas {
    padding: 60px 0px;
}

.inner_how_works_lists {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid #1e1e1e;
    border-right: none;
    border-left: none;
}

.unlock_how_works .inner_how_works_lists {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (min-width: 426px) {
    .unlock_how_works .inner_how_works_lists {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.question_answers_opens {
    padding: 28.5px 20px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.inner_how_works_lists .question_answers_opens:nth-child(1),
.inner_how_works_lists .question_answers_opens:nth-child(3) {
    border-right: 1px solid #1e1e1e;
}

.inner_how_works_lists .question_answers_opens:nth-child(1),
.inner_how_works_lists .question_answers_opens:nth-child(2) {
    border-bottom: 1px solid #1e1e1e;
}

.question_answers_opens.border-rounded:nth-child(1),
.question_answers_opens.border-rounded:nth-child(3) {
    border-right: 1px solid #1e1e1e;
}

.question_answers_opens.border-rounded:nth-child(1),
.question_answers_opens.border-rounded:nth-child(2) {
    border-bottom: 1px solid #1e1e1e;
}

.question_answers_opens.border-rounded:first-child {
    border-top-left-radius: 15px;
}

.question_answers_opens.border-rounded:last-child {
    border-bottom-right-radius: 15px;
}

.faq_numbers {
    width: 25px;
    height: 25px;
    border: 0.6px solid #1E1E1E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.faq_conts_data h3 {
    font-size: 16px;
    color: #000;
}

.faq_conts_data p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
    max-width: 70%;
    line-height: 120%;
}

.faq_conts_data {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.jewellery_cleaning_datas .left_cleanings_data h2 {
    margin-bottom: 10px;
}

/* .question_answers_opens:nth-child(3n-2) {
    background: #f8f8f8;
}

.col-2n .question_answers_opens:nth-child(2n-1) {
    background: #f8f8f8;
} */

.jewellery_cleaning_datas {
    margin: 45px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.right_cleaning_data {
    display: flex;
    justify-content: flex-end;
}

.left_cleanings_data p {
    color: rgb(55 59 60 / 66%);
    margin: 0;
    font-size: 16px;
    /*  max-width: 70%;*/
}

.cleaning_images {
    display: flex;
    margin: 30px 0px 15px;
    gap: 30px;
}

.cleaning_images img:last-child {
    max-width: 227px;
}

.visit_us a {
    font-size: 16px;
    color: #000;
    transition: all 0.5s ease-in-out 0s;
}

.visit_us a:hover {
    color: #84b6ce;
}

.service_details_faqs {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
}

.open_now_data h2 {
    color: #28591e;
}

.color-inherit h2 {
    color: #000;
}

.faq_left_maps iframe {
    border-radius: 10px;
    margin: 13px 0px 30px;
    overflow: hidden;
}

.open_now_data {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.week_times {
    display: flex;
    gap: 30px;
}

.week_times p {
    margin: 0;
    font-size: 16px;
}

.service_faqs_right.inner_faq_data {
    /* margin-top: 48.5px; */
}

.how_it_works_datas {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #fdfdfb;
}

.book_repair_data {
    padding-top: 45px;
    margin-bottom: 15px;
}

.repair_banner_contents {
    /*  margin-top: 45px;*/
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.repair_banner_contents h1 {
    font-size: 48px;
    color: #000;
}

.repair_banner_contents p {
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-size: 16px;
    margin: 0px;
    font-weight: 400;
    color: #373b3ca8;
    font-style: normal;
    line-height: 100%;
}

.repair_watch_form .submit_data {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.book_repair_data img {
    width: 100%;
}

.repair_watch_bottom_conts {
    position: relative;
    border-bottom: 1px solid #1e1e1e;
}

.repair_watch_img {
    max-width: 606px;
    margin: 0 auto !important;
    display: flex;
}

.repair_watch_form {
    max-width: 606px;
    margin: 45px auto 60px;
}

.service-form-heading {
    margin-top: 40px;
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 21px;
    line-height: normal;
    letter-spacing: 0;
    text-transform: capitalize;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.form-group label {
    font-size: 16px;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.form-group label span {
    color: #373b3ca8;
}

.form-group label astrick {
    color: #1e1e1e;
}

.form-group .form-control {
    height: 60px;
    width: 100%;
    border: 1px solid #1e1e1e;
    border-radius: 0px;
    outline: none;
    padding: 20px 20px;
    font-size: 15px;
    color: #000;
    box-shadow: none;
    background: transparent;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.form-group {
    margin-bottom: 15px;
}

.submit_data .btn.btn-primary {
    background: #373b3c;
    font-size: 16px;
    color: #fff;
    border-radius: 0px;
    width: 100%;
    padding: 12px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: bold;
    transition: all 0.5s ease-in-out 0s;
    border: none;
}

.submit_data .btn.btn-primary:hover {
    background: #84b6ce;
}

.repair_watch_img img {
    max-width: 100%;
    margin: 0 auto;
}

.submit_data {
    /*  margin-top: 30px;*/
}

.repair_watch_form .form-group select.form-control {
    background: url("../images/select_down_arrow.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

.upload-btn-wrapper {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
}

.upload-btn-wrapper .btn {
    border: none;
    color: #000;
    padding: 13px 20px;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
    pointer-events: none;
    text-decoration: underline;
}

.upload-btn-wrapper input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.main_contact_datas {
    padding: 30px 0px 45px;
}

.contact_data {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact_data p,
.contact_data p a,
.contact_data ul li {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    margin: 0;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.day_time {
    display: flex;
    gap: 40px;
}

.day_time ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.day_time ul li {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.contact_message_form h3,
.address_datas h3 {
    font-size: 21px;
    color: #000;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.address_datas p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
}

.contact_map_address {
    width: 100%;
    overflow: hidden;
}

.contact_map_address iframe {
    border-radius: 10px;
    max-width: 100%;
    width: 100%;
    display: block;
}

.contact_data:not(:last-child) {
    margin-bottom: 40px;
}

.contact_data h3 {
    font-size: 21px;
    color: #000;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.contact_submit_btn {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.contact_submit_btn button.btn.btn-primary {
    background: transparent;
    font-size: 16px;
    color: #000;
    border-radius: 0px;
    padding: 12px 50px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: bold;
    transition: all 0.5s ease-in-out 0s;
    border: none;
}

.form-group textarea.form-control {
    height: 170px;
}

.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgb(55 59 60 / 33%);
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgb(55 59 60 / 33%);
}

.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgb(55 59 60 / 33%);
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgb(55 59 60 / 33%);
}

.main_blog_details_datas {
    padding: 0px 0px;
}

.inner_main_headings h1 {
    font-size: 48px;
    color: #000;
    margin-bottom: 5px;
}

.inner_main_headings {
    max-width: 75%;
}

.inner_main_headings p.date_time {
    font-size: 23px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
    text-transform: uppercase;
}

.main_blog_imgs img {
    width: 100%;
}

.main_blog_imgs {
    margin: 30px 0px 0px;
}

.inner_blog_contents p {
    font-size: 16px;
    margin-bottom: 20px;
}

.inner_blog_contents h2 {
    margin-bottom: 15px;
}

.inner_blog_contents {
    padding-bottom: 30px;
}

.inner_blog_contents h3 {
    font-size: 16px;
    margin-bottom: 15px;
}

.inner_blog_contents img {
    margin-bottom: 20px;
    max-width: 100%;
}

.inner_blog_contents ul li {
    font-size: 16px;
}

.inner_blog_contents ul li:not(:last-child) {
    margin-bottom: 6px;
}

.main_faq_page {
    padding: 30px 0px;
}

.faqs_headings {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.faqs_headings h1 {
    font-size: 21px;
    font-weight: 500;
}

.faqs_headings p {
    color: rgb(55 59 60 / 66%);
    font-size: 16px;
    margin: 0;
}

.faq_categories_datas ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    border-bottom: 1px solid #f3f5f6;
    gap: 5px;
}

.subcategories_datas {
    margin: 15px 0px;
}

.faq_categories_datas ul li a {
    background: #f3f5f6;
    color: rgb(55 59 60 / 66%);
    font-size: 14px;
    text-decoration: none;
    padding: 8px 17px;
    border-radius: 8px 8px 0px 0px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
}

.faq_categories_datas ul li {
    display: flex;
}

.faq_categories_datas ul li.active a {
    color: #000;
}

.faqs_headings {
    margin-bottom: 15px;
}

.main_faq_page_accordion {
    margin-bottom: 15px;
}

.inner_blog_contents a {
    color: #000;
    transition: all 0.5s ease-in-out 0s;
}

.inner_blog_contents a:hover {
    color: #84b6ce;
}

/*------------------- Product page styling ---------------------*/
/* .product-main {
    padding-top: 15px;
} */

.product-main .breadcrumbs {
    margin-bottom: 37px;
}

.latest_jewellery_secs.shop-in-stock {
    background: transparent;
    padding-bottom: 45px;
}

.shop-in-stock h2 {
    margin-bottom: 15px;
}

.shop-in-stock .prct_content_infos h3 {
    font-size: 14px;
    text-decoration: none;
}

.shop-in-stock .pricing_datas {
    font-size: 14px;
}

.shop-in-stock .prct_content_infos {
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.shop-in-stock .prct_content_infos h6 {
    margin-top: -10px;
    margin-bottom: 0;
    width: 100%;
    font-weight: 400;
    font-size: 10px;
    color: #373b3ca8;
}

.product-main-inner .col-lg-4 {
    width: 37%;
}

.product-main-inner .col-lg-7 {
    width: 55%;
}

.product-catagory {
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    margin-bottom: 5px;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.product-catagory span {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #373b3c80;
}

.product-name {
    font-family: "Kings Caslon Display", "Playfair Display", serif !important;
    ;
    font-weight: 400 !important;
    margin-bottom: 20px;
    width: 70%;
}

.product-details .product-price {
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    ;
    font-weight: 300 !important;
    font-size: 18px;
    margin-top: 10px;
    display: flex;
    width: 100%;
    align-items: center;
    /* gap: 15px; */
}

.product-details .product-price .divider-line {
    height: 1px;
    width: 100%;
    background: #1e1e1e;
}

.product-details .product-price .price-icon {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.product-details .product-price .price-icon a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.product-description p {
    font-family: "Freight Sans", "Open Sans", sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 125%;
    color: #373b3ca8;
}

.product-description h5 {
    font-family: "Freight Sans", "Open Sans", sans-serif !important;
    font-weight: 300 !important;
    color: #000;
    font-size: 14px;
    margin-bottom: 15px;
}

.product-description {
    margin-block: 40px;
}

.product-details-buttons {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-decoration: underline;
}

.product-details-buttons .btn,
.product-details-buttons form,
.product-details-buttons .quantity-wrapper,
.product-details-buttons .quantity-error-msg,
.checkout-payment-details .btn.btn-primary.btn-lg {
    width: 100%;
}

.product-details-buttons form .btn {
    width: 100%;
    text-decoration: underline;
}

.product-details-buttons .btn,
.checkout-payment-details .btn.btn-primary.btn-lg {
    background: #1E1E1E;
    border-radius: 0;
    border: none;
    height: 50px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.product-details-buttons a.btn {
    background-color: #ebeded;
    color: #000;
}

.product-details-buttons .btn:active {
    background: #373b3c;
}

/* Full-width buttons stacked with NO vertical gap (mobile + desktop). The
   !important overrides Bootstrap utility margins like .mt-3 on the express /
   GPay checkout element so nothing separates the buttons. */
.product-details-buttons>* {
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-decoration: underline;
}

.btn.finance-cart-btn {
    background: #5926b8 !important;
    color: #fff !important;
    text-decoration: underline;
}

.btn.finance-cart-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#finance-see-calc-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.btn.gpay-cart-btn {
    background: #000 !important;
}

.btn.call-the-shop-btn {
    background: #C8C8C8 !important;
    color: #373b3c !important;
}

.product-tabs button.btn-primary {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    width: 100%;
    background: transparent !important;
    border: none;
    color: #000000 !important;
    text-align: center;
    /* border-top: 1px solid #1E1E1E !important; */
    /* border-bottom: 1px solid #1E1E1E !important; */
    padding: 20px;
    text-decoration: underline;
    text-decoration-color: #1E1E1E;
}

.product-tabs .trustpilot-widget {
    padding-top: 30px;
    /* border-top: 1px solid #1e1e1e !important; */
}

.plus-minus {
    display: flex;
    width: 60px;
    height: 60px;
    border-left: 1px solid #1e1e1e;
    align-items: center;

    justify-content: center;
}

.plus-minus:after {
    color: #cbcbcb;
    content: "+";
    font-size: 20px;
    display: inline-block;
    font-family: auto;
}

.offcanvas {
    box-shadow: 0px 4px 15px 0px #00000020;
    padding: 50px 70px !important;
    width: 480px !important;
    border: none !important;
}

.flex-offcanvas {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    overscroll-behavior-y: contain;
}

.flex-offcanvas .offcanvas-header {
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 999;
}

.flex-offcanvas .offcanvas-body {
    position: relative;
    width: 333px !important;
    padding: 0 !important;
    z-index: 20;
    overflow: scroll;
}

.flex-offcanvas .offcanvas-body .offcanvas-inner {
    margin-top: 130px;
}

.offcanvas-backdrop {
    display: none;
}

.offcanvas-body {
    margin-top: 20px;
    padding: 0px 76px 80px 0px;
}

.offcanvas-inner p {
    font-size: 16px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.offcanvas-inner h2 {
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

/*#offcanvasRight1 .offcanvas-body {
  margin-top: 0px;
}*/

#offcanvasRight1 .offcanvas-body h2 {
    margin-bottom: 15px;
    font-weight: 700;
    margin-right: 36px;
}

.limited-lifetime-warranty {
    color: #000;
    display: flex;
    flex: 1;
    align-items: center;
}

.offcanvas-inner {
    display: flex;
    flex-direction: column;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.offcanvas-inner ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #1e1e1e;
}

.offcanvas-inner ul li {
    padding-block: 20px;
    border-bottom: 1px solid #1e1e1e;
    display: flex;
    align-items: center;
    gap: 30px;
}

.offcanvas-inner ul li span {
    font-weight: 500;
    font-size: 14px;
    width: 60px;
    color: #000000;
}

.offcanvas-inner ul li p {
    margin: 0;
    color: #000;
    font-size: 16px;
}

/*----------Product page slider----------*/

.gallery-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 38px;
}

.gallery-main {
    /*  width: calc(100% - 130px);*/
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    /* height: 545px; */
    height: 512px;
}

.gallery-main .swiper-wrapper,
.gallery-main .swiper-slide {
    height: 484px;
}

.gallery-main .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.slider-arrowscustom {
    margin-top: 16px;
}

.swiper-slide {
    cursor: pointer;
}

.swiper-slide-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.gallery-main .swiper-button-prev,
.gallery-main .swiper-button-next {
    position: unset;
    color: #000;
    margin: 0px 8px 0;
    height: auto;
}

.gallery-main .swiper-button-prev::after,
.gallery-main .swiper-button-next::after {
    font-size: 14px;
}

.gallery-title {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    display: none;
}

.swiper-slide-active .gallery-title {
    -webkit-animation: slide-in 0.3s ease-in both;
    animation: slide-in 0.3s ease-in both;
}

.gallery-thumbs {
    order: -1;
    width: 93px;
    height: 484px;
    overflow: hidden;
    flex: 0 0 93px;
}

.gallery-thumbs .swiper-slide img {
    transition: 0.3s;
    height: 93px;
}

.gallery-thumbs .swiper-slide-active {
    opacity: 0.9;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

@-webkit-keyframes slide-in {
    from {
        opacity: 0;
        right: -50%;
    }
}

@keyframes slide-in {
    from {
        opacity: 0;
        right: -50%;
    }
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-main-inner {
    justify-content: space-between;
}

.swiper-vertical>.swiper-wrapper .swiper-slide {
    padding-bottom: 5px;
}

/*----------my-bag-popup----------*/
.my-bag-popup .modal-header {
    padding: 30px 20px;
    border: none;

    border-radius: 20px 20px 0 0;
}

.my-bag-popup .modal-title {
    font-size: 16px;
    font-weight: 700;
}

.cta-modal .modal-sub-title {
    font-size: 14px;
    margin-top: 10px;
}

.my-bag-popup .modal-footer {
    padding: 30px 20px;
    border: none;
}

.my-bag-popup .product-details-buttons {
    margin: 0;
    width: 100%;
}

.my-bag-popup .product-details-buttons .btn:not(:last-child) {
    margin-bottom: 15px;
}

.my-bag-popup .modal-body {
    padding: 0 20px;
}

.my-bag-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.my-bag-item .inn_prdct_img {
    width: 100%;
    max-width: 50%;
}

@media (max-width: 767.98px) {
    .latest_jewellery_slides .jewellery_item_datas .prct_content_infos {
        margin-top: 0;
    }

    .latest_jewellery_secs .owl-item {
        background: #fdfdfb !important;
    }

    .latest_jewellery_secs .owl-item.active {
        position: relative;
        /* padding-right: 15px; */
        /* padding-top: 15px; */
    }

    .latest_jewellery_secs .owl-item {
     padding-right: 15px;
    }
    .latest_jewellery_secs .owl-item.active {
     border-right: 1px solid #1e1e1e;
     padding-right: 15px;
    }

    body.theme-v3 .latest_jewellery_slides .owl-stage .item,
    body.theme-v3 .latest_jewellery_slides .jewellery_item_datas {
        background: #fdfdfb !important;
    }

    .product_collection_lists .product_items_data .product_collection_image img,
    .pcard-carousel-wrap>a,
    .latest_jewellery_slides .jewellery_item_datas .inn_prdct_img.pcard-carousel-wrap>a {
        box-shadow: inset 0 0 0 10px rgba(200, 200, 200, 0.1);
    }

    body.theme-v3 .latest_jewellery_slides .prct_content_infos {
        padding-left: 0;
        background: #fdfdfb !important;
    }

    .watched_jewellery_secs_data .jewellery_cards_data {
        text-align: center;
    }

    .newradio-list {
        border-left: none !important;
        border-right: none !important;
    }

    .newradio-list label span {
        border-left: none !important;
        padding-left: 0 !important;
    }

    .faq_conts_data {
        border: none;
        border-radius: 0;
        border-left: 1px solid #1e1e1e;
        padding: 15px 5vw;
    }

    .faq_numbers {
        border: none;
    }

    .inner_how_works_lists .question_answers_opens:nth-child(1),
    .inner_how_works_lists .question_answers_opens:nth-child(3) {
        border-right: none;
    }

    .inner_how_works_lists .question_answers_opens:nth-child(3) {
        border-bottom: 1px solid #1e1e1e;
    }

    .inner_how_works_lists .question_answers_opens {
        padding: 0 5vw !important;
    }

    .question_answers_opens.border-rounded {
        border-radius: 0px;
        padding: 0 5vw !important;
    }

    .question_answers_opens.border-rounded:nth-child(1),
    .question_answers_opens.border-rounded:nth-child(3) {
        border-right: none;
    }

    .question_answers_opens.border-rounded:nth-child(3) {
        border-bottom: 1px solid #1e1e1e;
    }

    .trustpilot-section.mobile_service_banner_content {
        border-bottom: 1px solid #1e1e1e;
        margin-bottom: 20px;
    }

    .my-bag-item .inn_prdct_img {
        width: 100%;
        margin-right: 2%;
        max-width: 48%;
    }

}

.my-bag-item .inn_prdct_img img {
    width: 100%;
}

.my-bag-item .prct_content_infos h3,
.my-bag-item .pricing_datas {
    font-size: 16px;
}

.my-bag-item .product-description {
    margin: 10px 0 15px;
}

.my-bag-item .product-description * {
    font-family: "Freight Sans", "Open Sans", sans-serif;
    font-weight: 300;
    color: #373b3ca8;
    font-size: 14px;
}

.pricing_datas+h6 {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 0;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.my-bag-item+.my-bag-item {
    margin-top: 20px;
}

.my-bag-popup .modal-content {
    border-radius: 20px 20px 0 0;
    border: none;
    background: rgb(255 255 255 / 95%);
    backdrop-filter: blur(8px);
}

.my-bag-popup.show~.modal-backdrop {
    display: none;
}

.my-bag-popup .prct_content_infos {
    flex: 1;
    margin-left: 2%;
}

.my-bag-popup .modal-dialog {
    max-width: 400px;
    margin: 0 70px 0 auto;
    align-items: flex-end;
    min-height: 100%;
}

/*----------Checkout-popup----------*/
.checkout-popup .modal-dialog {
    max-width: 1212px;
}

/* Embedded popup - don't extend beyond page */
.checkout-popup .modal-content {
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.checkout-main {
    padding: 20px 18px;
    border-radius: 8px;
    gap: 20px;
    display: flex;
    justify-content: space-between;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Left column with sticky button */
.checkout-pop-left {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.checkout-left-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.checkout-form-scrollable {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    margin-right: -10px;
}

.checkout-button-sticky {
    position: sticky;
    bottom: 0;
    background: transparent;
    padding-top: 0;
    margin-top: 42px;
    border-top: none;
    z-index: 10;
    flex-shrink: 0;
}

/* Restore original Complete Payment button styling */
.checkout-button-sticky .btn.btn-primary.btn-lg {
    background: #373b3c;
    width: 100%;
    border-radius: 0;
    border: none;
    height: 50px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-top: 0;
}

.checkout-button-sticky .btn.btn-primary.btn-lg:hover {
    background: #000;
}

/* Right column with scrollable product list */
.checkout-pop-right {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Multi-product layout - ensure proper spacing */
.checkout-pop-right.checkbox-new-right {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Images stay fixed, product list scrolls */
.checkout-pop-right .checkout-img,
.checkout-pop-right .checkout-img-line-strip {
    flex-shrink: 0;
}

.checkout-pop-right .checkout-img-line-strip {
    margin: 20px 0;
}

.checkout-product-list-scrollable {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

/* Custom scrollbar styling */
.checkout-form-scrollable::-webkit-scrollbar,
.checkout-product-list-scrollable::-webkit-scrollbar {
    width: 6px;
}

.checkout-form-scrollable::-webkit-scrollbar-track,
.checkout-product-list-scrollable::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.checkout-form-scrollable::-webkit-scrollbar-thumb,
.checkout-product-list-scrollable::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.checkout-form-scrollable::-webkit-scrollbar-thumb:hover,
.checkout-product-list-scrollable::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Single product layout adjustments */
.checkout-pop-right:not(.checkbox-new-right) {
    display: flex;
    flex-direction: column;
}

.checkout-pop-right:not(.checkbox-new-right) .checkout-img {
    flex-shrink: 0;
}

.checkout-pop-right:not(.checkbox-new-right) .checkout-pop-img-text {
    flex-shrink: 0;
}

.finance-modal .checkout-payment-details {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 20px;
}

.finance-modal form {
    display: flex;
    flex-direction: column;
    height: 624px;
    gap: 5px;
    margin-top: 0px !important;
}

.finance-modal .checkout-pop-right {
    height: 624px;
}

.finance-modal form .modal-middle-finace {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
}

.finance-modal form .modal-middle-finace p {
    font-weight: 400;
    font-size: 12px;
    line-height: 142%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 25px;
}

.finance-modal form .modal-middle-finace .logo-brand {
    width: 110px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

/* v3 checkout Hitachi/Novuna "Before Proceeding" modal — single column (no product image).
   Make .checkout-main the single scroll container and let the column overflow:visible so the
   Cancel/Proceed buttons are never clipped (same approach as the product-details finance modal). */
#hitachi_modal .modal-dialog {
    max-width: 480px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#hitachi_modal .checkout-main {
    align-items: flex-start;
    overflow-y: auto;
}

#hitachi_modal .checkout-pop-left {
    width: 100%;
    overflow: visible;
}

/* v3 "Finance available from … per month" note on the checkout calculator */
.hitachi-payment .finance-available-note {
    text-align: center;
    margin: 12px 0;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.hitachi-payment .finance-available-note label {
    margin: 0;
}

.checkout-pop-right img {
    border-radius: 8px;
    width: 100%;
    object-fit: cover;
}

/* Single product layout - image can take full height */
.checkout-pop-right:not(.checkbox-new-right) img {
    height: 100%;
}

/* Multi-product layout - smaller image height so product list is visible */
.checkout-pop-right.checkbox-new-right img {
    height: 300px;
    flex-shrink: 0;
    object-fit: cover;
}

.checkout-pop-img-text {
    background: #fff;
    padding: 15px 25px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border-radius: 8px;
}

.checkout-pop-img-text h3 {
    font-size: 21px;
    margin-bottom: 5px;
}

.checkout-pop-img-btm-text h4 {
    color: #84b6ce;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
}

.checkout-tags {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: end;
    gap: 5px;
}

.checkout-pop-img-btm-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-tags li {
    font-size: 16px;
    background: #f8f8f8;
    border-radius: 10px;
    padding: 8px 15px;
    line-height: normal;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.checkout-popup button.btn-close {
    position: absolute;
    right: -50px;
    top: 0;
    background-color: #ffffff;
    opacity: 1;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: none;
}

.checkout-pop-left .modal-title {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.checkout-payment-details {
    padding: 57px 38px 15px;
}

.checkout-payment-details p {
    font-size: 12px;
    font-weight: 400;
    font-style: regular;
    color: #000000cc;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.checkout-payment-details form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.checkout-payment-details form .form-label {
    color: #000000a8;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

form .form-control,
form .form-select {
    font-size: 14px;
    color: #000;
    padding: 10px;
    line-height: normal;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    border: 1px solid #ececec;
    height: 40px;
}

.checkout-payment-details .row>* {
    margin-top: 15px;
}

.shipping-address {
    display: flex;
    align-items: end;
    gap: 5px;
    margin-bottom: 5px;
}

.checkout-payment-details .btn.btn-primary.btn-lg {
    margin-top: 42px;
    font-weight: 400;
}

.shipping-address button.btn.btn-primary {
    background: #ebeded;
    border: none;
    height: 40px;
    font-size: 14px;
    text-align: center;
    color: #000;
    width: 120px;
    border-radius: 4px;
}

.form-check:not(:last-child) {
    margin-bottom: 15px;
}

.form-check:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    border: 1px solid #ececec;
    left: 0;
    border-radius: 4px;
    top: 2px;
    background: #fff;
}

.form-check:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    left: 4px;
    border-radius: 2px;
    top: 6.1px;
    background-color: #000;
    transition: all 0.3s;
    opacity: 0;
}

.form-check:has(:checked):after {
    opacity: 1;
}

.form-check {
    position: relative;
    padding-left: 31px;
    cursor: pointer;
}

.form-check input {
    opacity: 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.form-check-label {
    font-size: 14px;
    color: #000000;
    cursor: pointer;
}

.form-check-label a {
    color: #000000;
}

.shipping-address input#address {
    flex: 1;
}

.shipping-address button.btn.btn-primary:hover {
    background: #373b3c;
    color: #fff;
}

.checkout-payment-details .btn.btn-primary.btn-lg:hover {
    background: #000;
}

.checkout-popup h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.checkbox-new-right img {
    height: 475px;
    object-fit: cover;
}

.checkout-popup .modal-content {
    background: #f4f4f4;
    border: 0px;
    backdrop-filter: blur(8px);
}

.checkout-img-list {
    margin: 0;
    padding: 15px 25px;
    background: #fff;
    border-radius: 8px;
    list-style: none;
}

.checkout-img-list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0;
}

.checkout-img-list h3 {
    font-size: 18px;
    color: #000;
    margin: 0;
    max-width: 67%;
}

.checkout-img-list a {
    text-decoration: none;
}

.checkbox-price-right {
    text-align: right;
    flex: 1;
}

.checkout-img-list li:before {
    background: #eeeeee;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    margin-right: 20px;
    transition: all 0.3s;
}

.checkout-img-list li:hover:before {
    background: #5a3e67;
}

.checkout-img-line-strip {
    margin-block: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.checkout-img-line-strip span {
    height: 4px;
    flex: 1px;
    background: #eeeeee;
}

.checkout-img-list .pricing_datas {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.checkout-img-list h6,
.checkout-img-list h6 a {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.checkout-img-list h6 a:hover {
    color: #000;
}

.checkout-popup-second button.btn.btn-primary {
    background: #373b3c;
    color: #fff;
    padding: 0px;
    border-radius: 0px;
}

.checkout-popup-second button.btn.btn-primary:hover {
    background: #000;
}

.preference_heading {
    margin: 12px 0px 18px;
}

.pre-owned_watches {
    background: #ebeded;
    min-height: 100%;
    padding: 20px 50px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 30px;
}

.top_pre_owned p {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    margin-top: 5px;
}

.pre-owned_watches a {
    font-size: 14px;
    color: #000;
    transition: all 0.5s ease-in-out 0s;
}

.pre-owned_watches a:hover {
    color: #84b6ce;
}

.prdct_grid_img_conts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    height: 100%;
}

.prdct_grid_img_conts .pre_owned_img {
    width: 100%;
}

.prdct_grid_img_conts .pre_owned_img img {
    width: 100%;
    height: 100%;
}

.product_items_data.prdct_img_grid {
    grid-column-start: 3;
    grid-column-end: 5;
}

.main_repair_btn {
    display: flex;
    margin-top: 45px;
    position: relative;
    z-index: 1;
    max-width: 60%;
}

.unlock_repair_secs {
    margin-top: -120px;
    margin-bottom: 45px;
    border-bottom: 1px solid #1e1e1e;
}

.lamna_money_clients {
    /*  margin: 45px 0px 60px;*/
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: flex-start;
}

.lamna_clients p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
}

.lamna_clients {
    max-width: 60%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.experienced_trusted {
    background-image: url("../images/experience_trusted.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 21px 20px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.top_experience ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.top_experience ul li {
    font-size: 16px;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.top_experience ul li:not(:last-child)::after {
    content: "";
    height: 1px;
    min-width: 30px;
    flex: 1 1 75px;
    margin: 0 20px;
    background-color: #888;
}

.experience_lists {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.experience_lists li {
    font-size: 16px;
    color: #000;
    position: relative;
    padding-left: 35px;
}

.experience_lists li::before {
    content: "";
    background: #888;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
}

@media (max-width: 991px) {
    .top_experience ul li {
        font-size: 14px;
    }

    .top_experience ul li:not(:last-child)::after {
        min-width: 20px;
        margin: 0 8px;
    }
}

.unlock_how_works .faq_conts_data h3 {
    margin: 0;
}

.unlock_how_works .question_answers_opens {
    padding: 15px 20px;
    background: transparent;
    border-radius: 8px;
}

.unlock_how_works .question_answers_opens:nth-child(odd) {
    background: #f8f8f8;
    padding: 15px 20px;
    border-radius: 0;
    width: fit-content;
    max-width: 100%;
}

.unlock_how_works .question_answers_opens:nth-child(even) {
    background: transparent;
    padding: 15px 20px;
}

.watched_jewellery_secs_data {
    padding: 45px 0px;
    margin: 45px 0px;
}

.inner_watch_jewellery_cards {
    max-width: 896px;
    margin: 0 auto;
    display: grid;
    gap: 45px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.jewellery_cards_data img {
    width: 100%;
}

.unlock_watch_content {
    background: #f8f8f6;
    padding: 28px 20px 30px;
}

.unlock_watch_content h3 {
    font-size: 21px;
    color: #000;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.unlock_watch_content p {
    margin: 0;
    font-size: 16px;
}

.watched_book_repairs {
    display: flex;
    justify-content: center;
    margin: 45px 0px;
}

.unlock_faq_datas {
    margin-bottom: 30px;
}

.product_collection_image {
    position: relative;
    overflow: hidden;
}

.quick_view_data a {
    background: rgb(0 0 0 / 33%);
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 100px;
}

.quick_view_data {
    position: absolute;
    bottom: -50px;
    left: 15px;
    display: flex;
    z-index: 9;
    transition: all 0.5s ease-in-out 0s;
}

.product_collection_image:hover .quick_view_data {
    bottom: 15px;
    display: inline-block !important;
}

img.hover-image {
    position: absolute;
    width: auto !important;
    min-width: 100%;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.product_collection_image:hover img.hover-image {
    opacity: 1;
    transform: scale(1.05);
    transition: all 0.5s ease-in-out;
}

/* ── Per-card image carousel ─────────────────────────────────────────── */
.pcard-carousel-wrap {
    position: relative;
    overflow: visible;
}

.pcard-slides {
    position: relative;
    overflow: hidden;
    display: block;
    touch-action: pan-y;
    /* allow vertical scroll, hand horizontal to JS */
}

.pcard-track {
    display: flex;
    transition: transform 0.38s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    touch-action: pan-y;
}

.pcard-slide {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
}

.pcard-slide.pcard-hidden {
    display: none !important;
}

/* <a> inside carousel wrap acts as the arrow positioning context */
.pcard-carousel-wrap>a {
    position: relative;
    display: block;
}

/* Prev / Next arrows — uses same SVG as site-wide custom nav */
.pcard-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    opacity: 0;
    transition: opacity 0.2s ease;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
}

.pcard-arrow.pcard-prev {
    left: 8px;
    border: none;
}

.pcard-arrow.pcard-next {
    right: 8px;
    border: none;
}

.pcard-carousel-wrap:hover .pcard-arrow {
    opacity: 1;
    border: none;
}

/* Dot indicators — sit below the image, not overlapping it */
.pcard-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 6px 0 2px;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.pcard-carousel-wrap:hover .pcard-dots {
    opacity: 1;
}

.pcard-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background 0.2s;
    pointer-events: auto;
    flex-shrink: 0;
    display: inline-block;
}

.pcard-dot.active {
    background: #373b3c;
}

/* Quick-view dots stay on top of the image (absolute) */
#productQuickView .pcard-dots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 8px;
    background: rgba(0, 0, 0, 0.33);
    border-radius: 20px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 20;
}

#productQuickView .pcard-dot {
    background: rgba(255, 255, 255, 0.55);
}

#productQuickView .pcard-dot.active {
    background: #fff;
}

/* Quick-view carousel: arrows show on hover, slightly larger */
#productQuickView .pcard-carousel-wrap:hover .pcard-arrow {
    opacity: 1;
}

#productQuickView .pcard-arrow {
    padding: 8px 14px;
    font-size: 13px;
}

#productQuickView .pcard-arrow.pcard-prev {
    left: 6px;
    border: none;
}

#productQuickView .pcard-arrow.pcard-next {
    right: 6px;
    border: none;
}


/* Keep home product images fixed inside their card frame on hover. */
.jewellery_item_datas .inn_prdct_img a img:hover,
.inn_prdct_img_jewellery_home:hover img,
.inn_prdct_img.pcard-carousel-wrap:hover a img,
.inn_prdct_img_jewellery_home.pcard-carousel-wrap:hover img,
.pcard-carousel-wrap:hover .pcard-slide {
    transform: none !important;
}

/* Keep homepage content/service slider images static within their own frame. */
.watch_repair_services_secs .slide-img-link,
.shop_branded_jewellery_secs .slide-img-link,
.luxury_watches_secs .slide-img-link,
.jewellery_workshop_secs .slide-img-link {
    overflow: hidden;
}

.watch_repair_services_secs .slide-img-link img,
.shop_branded_jewellery_secs .slide-img-link img,
.luxury_watches_secs .slide-img-link img,
.jewellery_workshop_secs .slide-img-link img {
    transform: none !important;
    transition: none !important;
}

.watch_repair_services_secs .slide-img-link:hover img,
.watch_repair_services_secs .slide-img-link:focus img,
.shop_branded_jewellery_secs .slide-img-link:hover img,
.shop_branded_jewellery_secs .slide-img-link:focus img,
.luxury_watches_secs .slide-img-link:hover img,
.luxury_watches_secs .slide-img-link:focus img,
.jewellery_workshop_secs .slide-img-link:hover img,
.jewellery_workshop_secs .slide-img-link:focus img {
    transform: none !important;
}

/* Mobile: hide carousel arrows and dots everywhere — use swipe instead */
@media (max-width: 767.98px) {

    .pcard-carousel-wrap .pcard-arrow,
    .pcard-carousel-wrap .pcard-dots {
        display: none !important;
    }
}

/* ── Quick View offcanvas — mobile stability fixes ─────────────────────
   Multiple root causes fixed here:
   1. Offcanvas width 480px is wider than mobile screens — override to 100%
   2. .detailinfo .offcanvas-header is position:fixed to viewport — causes
      header to detach visually when iOS elastic scroll moves the viewport
   3. .detailinfo .offcanvas-body has overflow:visible — no scroll container,
      touch events fall through to the page and trigger page bounce
   4. No overscroll-behavior — scroll chains from offcanvas to page (iOS bounce)
   5. margin-top:85px on body + fixed header at top:62px = misaligned on mobile
   ─────────────────────────────────────────────────────────────────────── */
@media (max-width: 767.98px) {

    /* Full-width; the offcanvas element itself is the scroll container */
    #productQuickView.offcanvas {
        width: 100% !important;
        padding: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
    }

    /* Unpin from viewport — sticky inside the offcanvas scroll context */
    #productQuickView .offcanvas-header {
        position: sticky !important;
        top: 0 !important;
        right: auto !important;
        background: #fff;
        z-index: 10;
        padding: 12px 16px;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Body: no horizontal padding — let image go edge-to-edge */
    #productQuickView .offcanvas-body {
        margin-top: 0 !important;
        padding: 0 0 40px !important;
        overflow: visible !important;
        height: auto !important;
    }

    /* Row: reset Bootstrap g-4 negative margins */
    #productQuickView .offcanvas-inner {
        flex-direction: column !important;
        gap: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* All columns: full width, strip Bootstrap gutter padding */
    #productQuickView .offcanvas-inner>[class*="col-"] {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Image container: full-bleed, square — maximum use of screen width */
    #productQuickView .prdct_quick_img {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
    }

    /* Image: no max-width cap, fills the full container */
    #productQuickView .quick-view-img {
        width: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* Text section: restore horizontal padding */
    #productQuickView .quick_view_prdct_conts {
        padding: 20px 20px 0 !important;
    }
}

/* ─────────────────────────────────────────────────────────────────────── */

.quick_view_prdct_conts p {
    font-size: 14px;
}

.with_box_data a {
    background: #f4f4f4;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 14px;
}

.with_box_data {
    display: flex;
    gap: 15px;
}

.quick_view_prdct_conts .product-price {
    font-family: "Freight Sans", "Open Sans", sans-serif;
    font-weight: 300;
    margin: 25px 0px 15px;
}

.main_desktop_menu {
    background: #f5f7f7;
    padding: 50px 0px;
    position: absolute;
    top: 122px;
    z-index: 2;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    backdrop-filter: blur(8px);
}

.inner_megamenu {
    display: grid;
    gap: 45px;
    grid-template-columns: 160px 160px 1fr;
}

.thumbnail_menu_lists {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 15px;
    align-items: start;
    grid-auto-rows: min-content;
}

.card_menu_datas {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.card_menu_image_wrapper {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    /* height: 299px; */
    width: 100%;
    margin: 0;
    padding: 0;
}

.card_menu_datas img {
    width: 100%;
    border-radius: 8px;
    height: 299px;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    display: block;
    margin: 0;
}

@media (min-width: 992px) {

    /* Header mega-menu category cards: use 16:9 on desktop to distinguish from square upsells */
    .card_menu_image_wrapper {
        aspect-ratio: 16 / 9;
        display: block;
    }

    .card_menu_datas img {
        width: 100%;
        height: 90%;
        object-fit: cover;
        display: block;
    }
}

@media (max-width: 375px) {
    .radiobuttons label {
        padding: 20px 10px;
        border-left: none;
    }

    .visit-btn {
        margin-top: 50px !important;
    }
}

.card_menu_image_wrapper:hover img {
    transform: scale(1.1);
}

.jcat img {
    height: 158px;
}

.jcat h3 {
    margin: 10px 0;
    font-size: 16px;
}

.jcat h3 a {
    color: #000;
    text-decoration: none;
}

.watchbrand-list {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 15px;
    margin-top: 57px;
}

.watchbrand-list p {
    margin: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #a8a8a8;
}

.watchbrand-list ul {
    display: grid;
    padding: 0px;
    margin: 0px;
    list-style: none;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.watchbrand-list ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
    text-decoration: none;
}

.watchbrand-listmobile {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0px;
    margin-top: 0px;
}

.watchbrand-listmobile p {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #a8a8a8;
    padding: 20px;
}

.watchbrand-listmobile ul {
    display: grid;
    padding: 0px;
    margin: 0px;
    list-style: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0px;
}

.watchbrand-listmobile ul li {
    border-bottom: 1px solid #1e1e1e;
}

.watchbrand-listmobile ul li:nth-child(2n + 1) {
    border-right: 1px solid #1e1e1e;
}

.watchbrand-listmobile ul li:nth-child(1),
.watchbrand-listmobile ul li:nth-child(2) {
    border-top: 1px solid #1e1e1e;
}

.watchbrand-listmobile ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
    text-decoration: none;
    width: 100%;
    padding: 20px;
    display: flex;
}

.card_menu_datas h2 {
    font-size: 14px;
    margin: 8px 0px 0px;
}

.card_menu_datas h2 a {
    color: #000;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

.card_menu_datas p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin: 0;
}

.card_menu_datas h2 a:hover {
    color: #84b6ce;
}

.menus ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menus ul li a {
    color: #000;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    font-size: 16px;
}

.menus ul li:not(:last-child) {
    margin-bottom: 8px;
}

.menu_lists ul li a {
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 18px;
}

.submenu_lists ul li a {
    font-weight: 400;
}

.menu_lists ul li.active a,
.submenu_lists ul li.active a {
    color: #000000;
}

.menu_lists ul li:not(:last-child) {
    margin-bottom: 18px;
}

#main_desktop_menu {
    visibility: hidden;
    top: -1000vh;
    transition: none;
}

#main_desktop_menu.open {
    visibility: visible;
    top: 95px;
    transition: none;
    max-height: calc(100vh - 130px);
    overflow: auto;
}

.menu_close {
    cursor: pointer;
    font-weight: 500;
}

.menu_close img {
    height: 16px;
    width: 16px;
}

.header_icons {
    display: none;
}

.mobile_logo {
    display: none;
}

.home_banner_mobile_content {
    display: none;
}

.inner_mobile_content_banner {
    padding: 20px 0px 15px;
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
}

.mobilemenu-card .jcat img {
    height: 221px;
    border-radius: 0px;
}

.mobilemenu-card .jcat h3 {
    margin: 15px 0px 5px;
    padding: 0px 20px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.mobilemenu-card .jcat p {
    padding: 0px 20px 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #373b3ca8;
}

.top_banner_data ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.top_banner_data ul li {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
}

.cheapest_data a {
    background: #f3f5f6;
    border-radius: 8px;
    padding: 10px 20px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cheapest_data {
    display: flex;
    margin: 15px 0px;
}

.available_prices {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.uk_price {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.available_prices a {
    color: #000;
    font-size: 14px;
}

.mobile_service_banner_content {
    display: none;
}

.desktop-only {
    display: block;
}

body.menu-open {
    overflow: hidden;
}

.mobile_search {
    display: none;
    padding: 30px 20px 0;
    align-items: center;
}

.mobile_search.active {
    display: flex;
}

.mobile_search img {
    height: 16px;
    width: 16px;
}

.mobile_search input {
    outline: none;
    box-shadow: none;
    width: 100%;
    border: 0px;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    padding: 0px 16px;
    color: #3c3c3c;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.mobile_search input:placeholder {
    color: #3c3c3c80;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.mobile_search button {
    border: 0px;
    background: none;
    font-weight: 400;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    /*line-height: 100%;*/
    line-height: normal;
    color: #222222;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.mobile_menu_data.active nav.slide-out-menu {
    transform: translateZ(0);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s, visibility 0ms,
        transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.mobile_menu_data nav.navbar {
    padding: 10px;
}

nav.slide-out-menu {
    z-index: 9000;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    max-width: 100vw;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: env(safe-area-inset-bottom, 20px);
    transition: opacity 0.2s, visibility 0ms linear 0.2s,
        transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(-290px, 0, 0);
}

nav.slide-out-menu div.menu-panels {
    overflow: hidden;
    height: 100%;
}

nav.slide-out-menu div.menu-panels button.menu-link,
.filter-panels .primary-menu-panel button.menu-link,
.filter-panels .menu-panel button.menu-link {
    position: relative;
    text-align: left;
    width: 100%;
    display: block;
    padding: 0px 0px 0px 20px;
    background: transparent;
    margin: 0;
    border: none;
    height: 60px;
    color: #222222;
    -webkit-text-fill-color: #222222;
}

nav.slide-out-menu div.menu-panels button.menu-link svg {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    height: 14px;
}

.menu-panels {
    border-top: 1px solid #1e1e1e;
}

span.menu_arrow {
    position: absolute;
    right: 0;
    width: 60px;
    border-left: 1px solid #1e1e1e;
    height: 60px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.menu_arrow_down {
    position: absolute;
    right: 0;
    width: 60px;
    border-left: 1px solid #1e1e1e;
    height: 60px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.menu_arrow_down img {
    position: relative;
    transform: rotate(-90deg);
}

nav.slide-out-menu div.menu-panels button.menu-link svg.arrow-right,
.filter-panels .menu-panel button.menu-link svg.arrow-right {
    right: 10px;
}

nav.slide-out-menu div.menu-panels button.menu-link svg.arrow-left,
.filter-panels .menu-panel button.menu-link svg.arrow-left {
    left: 10px;
}

nav.slide-out-menu div.menu-panels button.menu-link.menu-header,
.filter-panels .menu-panel button.menu-link.menu-header {
    text-align: left;
    border-top: 1px solid #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
    padding-right: 80px;
}

.bottom_mobile_policy_menus {
    padding: 28px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.bottom_mobile_policy_menus a {
    color: #000;
    text-decoration: none;
    font-size: 13px;
    margin-top: 8px;
    transition: all 0.5s ease-in-out 0s;
}

.bottom_mobile_policy_menus a:hover {
    color: #84b6ce;
}

.primary-menu-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

span.left_top_menu {
    position: absolute;
    left: 0;
    width: 60px;
    border-right: 1px solid #1e1e1e;
    height: 60px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav.slide-out-menu div.menu-panels ul,
.filter-panels .primary-menu-panel ul,
.filter-panels .menu-panel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav.slide-out-menu div.menu-panels ul li,
.filter-panels .primary-menu-panel ul li,
.filter-panels .menu-panel ul li {
    font-size: 16px;
    border-bottom: 1px solid #1e1e1e;
}

nav.slide-out-menu div.menu-panels ul li a,
.filter-panels .primary-menu-panel ul li a,
.filter-panels .menu-panel ul li a {
    width: 100%;
    display: block;
    padding: 14px 20px;
    color: #000;
    text-decoration: none;
}

nav.slide-out-menu div.menu-panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    z-index: 0;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    visibility: hidden;
    transform: translateX(-290px);
}

nav.slide-out-menu div.menu-panel.is-active {
    visibility: visible;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s;
    transform: translateX(0);
    z-index: 1;
}

.mobile_menu_close img {
    width: 18px;
}

/* ===== Mobile accordion menu ===== */
/* ===== Mobile slide-panel menu (Figma 6320-26994 / 7388-34977) =====
   Level 1: centered serif items, no chevrons. Tapping a parent slides its
   subcategory panel in from the right; "Go Back" slides it out to the main
   list. Submenus are absolute panels resolving against the fixed
   .slide-out-menu so they cover the whole menu. */
.mobile-primary-list {
    list-style: none;
    margin: 0;
    padding: 0;
    /* border-top: 1px solid #1E1E1E; */
}

.mobile-menu-item {
    position: static;
    border-bottom: 1px solid #1E1E1E;
}

.mobile-menu-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Level-1 items: centered, large serif, whole row tappable. */
.mobile-menu-row .mobile-menu-link {
    flex: 1;
    display: block;
    padding: 22px 20px;
    text-align: center;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    font-weight: 400 !important;
    font-size: 26px;
    line-height: 1.1;
    color: #1E1E1E;
    text-decoration: none;
    cursor: pointer;
}

/* No chevrons in the design — the row itself opens the panel. */
.mobile-menu-toggle {
    display: none;
}

/* Each submenu is a full slide-in panel that covers the primary list. */
.mobile-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 100vh;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2;
}

.mobile-submenu.is-active {
    transform: translateX(0);
}

.mobile-submenu li {
    border-bottom: 1px solid #1E1E1E;
}

/* Submenu rows: left-aligned serif with an optional circular thumbnail. */
.mobile-submenu li a {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    font-weight: 400 !important;
    font-size: 22px;
    color: #1E1E1E;
    text-decoration: none;
}

.mobile-submenu li a .mobile-submenu-thumb {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: #ececec;
}

/* Back header (built in JS): "Go Back" on the left, title centered in italic. */
.mobile-submenu-head {
    position: relative;
    display: flex;
    align-items: center;
    padding: 22px 20px;
    border-bottom: 1px solid #1E1E1E;
    list-style: none;
}

.mobile-submenu-back {
    border: none;
    background: transparent;
    padding: 0;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-size: 16px;
    color: #1E1E1E;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.mobile-submenu-title {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    font-style: italic;
    font-weight: 400 !important;
    font-size: 24px;
    color: #1E1E1E;
    pointer-events: none;
}

/* While a submenu panel is open, hide the underlying policy links so nothing
   peeks below the panel. */
.mobile_menu_data.submenu-open .bottom_mobile_policy_menus {
    visibility: hidden;
}

/* ===== End mobile slide-panel menu ===== */

.product-main-inner {
    justify-content: space-between;
    display: grid;
    grid-template-columns: 40% 60%;
    /* gap: 30px; */
    /* padding: 0 49.5px; */
}

.product-details {
    /* width: 435px;
    flex: 0 0 435px; */
    flex: 1 1 50%;
    width: 100%;
    /* padding-right: 72px;
    padding-left: 72px; */
    /* flex: 0 0 45%; */
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
}

/* .product-details .inner {
    max-width: 435px;
} */

.product-slider {
    flex: 1 1 50%;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.main_faq_page_accordion .accordion .accordion-item:not(:last-child) {
    margin-bottom: 0;
}

.offcanvas-header {
    padding: 15px 70px 15px 15px;
}

.btn-close:focus {
    outline: none !important;
    box-shadow: none;
}

/* ---------------------Faq-tabs--------------------------------*/
.faq_tabs_main .nav-pills .nav-link {
    background: #f3f5f6;
    color: rgb(55 59 60 / 66%);
    font-size: 14px;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 8px 8px 0px 0px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 400;
}

.faq_tabs_main .nav-pills {
    list-style-type: none;
    padding: 0;
    margin: 0 0px 15px;
    display: flex;
    border-bottom: 1px solid #f3f5f6;
    gap: 5px;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.faq_tabs_main .nav-pills .nav-link.active,
.faq_tabs_main .nav-pills .nav-link:hover {
    color: #000;
}

.faq_tabs_main {
    margin-bottom: 15px;
}

.faq_tabs_main .nav-pills::-webkit-scrollbar {
    height: 5px;
    border-radius: 50px;
}

.faq_tabs_main .nav-pills::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
}

.faq_tabs_main .nav-pills::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius: 50px;
}

.tab-pane {
    font-size: 14px;
}

.range-container {
    width: 393px;
    padding: 20px 20px 10px;
    background: rgb(245 245 245);
    border-radius: 0px 8px 8px 8px;
    text-align: center;
    position: relative;
    margin-top: 13px;
}

.range-labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    margin-top: 10px;
}

.slider-container {
    position: relative;
    width: 100%;
}

.range-slider {
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #373b3c;
    border-radius: 5px;
    outline: none;
    left: 0;
    pointer-events: none;
    top: 0;
}

.range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 11px;
    height: 11px;
    background: #373b3c;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
}

.range_updates {
    display: flex;
    justify-content: flex-end;
}

.update-btn {
    margin-top: 15px;
    color: #000;
    border: none;
    background: none !important;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: bold;
    padding: 0;
    transition: all 0.5s ease-in-out 0s;
}

.update-btn:hover {
    color: #84b6ce;
}

.dropdown-menu.range_dropdown_mwnu {
    border: none;
    padding: 0;
    background: unset;
}

/* ── Desktop filter bar (above results, horizontal scroll) ──────── */
.dsk-filter-bar-section {
    overflow: visible;
}

@media (max-width: 767px) {
    .dsk-filter-bar-section {
        display: none !important;
    }

    .bottom_mobile_policy_menus {
        text-align: right;
        margin-top: 20px;
    }
}

.dsk-active-filters-row {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 8px;
}

.dsk-filter-btn-row {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    padding-left: 2%;
    padding-right: 5%;
    padding-bottom: 0;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: 60px;
    /* Complete row band: full-width top/bottom border so the boxed categories
       sit inside a defined row (matching the target). */
    border-bottom: 0.5px solid black;
}

.dsk-filter-btn-row::-webkit-scrollbar {
    display: none;
}

.dsk-filter-btn-row .filter_cols {
    flex-shrink: 0;
}

/* Segmented control: collapse the gap and overlap adjacent borders so the
   boxes read as one joined bar (matching the target design). */
.dsk-filter-btn-row.gap-2 {
    gap: 0 !important;
}
/* Categories are CELLS of the row, not standalone boxes: they fill the row's
   full height and carry only left/right dividers (the row supplies top/bottom
   borders), so the vertical lines meet the band edges. */
.dsk-filter-btn-row {
    align-items: stretch !important;
}
.dsk-filter-btn-row .filter_cols {
    display: flex;
    /* Overlap each cell 1px onto the previous so the adjacent right+left borders
       collapse into a single 1px divider (outer edges stay a clean 1px). */
    margin-left: -1px;
}
.dsk-filter-btn-row .filter_cols .btn-filter {
    border-top: 0;
    border-bottom: 0;
    border-left: 0.5px solid #000;
    border-right: 0.5px solid #000;
    display: flex;
    align-items: center;
}
.dsk-filter-btn-row .filter_cols .btn-filter.dropdown-toggle::after {
    display: none; /* no caret — the design uses plain boxes */
}

/* ── Selecting a category opens its options as a boxed row BELOW the bar ──
   (instead of a floating dropdown). Reuses the Bootstrap dropdown show/hide
   + the existing checkboxes, so all filter logic keeps working. */
.filter-panel.filter-desktop {
    position: relative;
}
.dsk-filter-btn-row .filter_cols {
    position: static; /* so the menu positions against .filter-panel, full width */
}
.dsk-filter-btn-row .filter_cols .dropdown-menu {
    /* Full-width row spanning the bar, not a floating popup box.
       Neutralise Popper's inline positioning (it sets position:fixed). */
    position: absolute !important;
    transform: none !important;
    inset: auto !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border: 0 !important;
    border-bottom: 0.5px solid #000 !important;
    border-radius: 0 !important;
    height: 60px;
    box-shadow: none !important;
    background: #fff !important;
    margin-top: 0px !important;
    min-width: 0 !important;
    max-width: none !important; /* was capped at 720px (.range_dropdown_mwnu) → half width */
    z-index: 30;
}
/* Brand / attribute option lists → horizontal, swipable, boxed cells,
   inset to the same 5% as the category bar above. */
.dsk-filter-btn-row .filter_cols .dropdown-menu.range_dropdown_mwnu {
    padding: 0 !important;
}
.dsk-filter-btn-row .filter_cols .dropdown-menu .filter-dropdown-body {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow-x: auto;
    gap: 0;
    scrollbar-width: none;
    max-height: none;
    height: 59px;
    padding: 0 2%;
}
.dsk-filter-btn-row .filter_cols .dropdown-menu .filter-dropdown-body::-webkit-scrollbar {
    display: none;
}
.dsk-filter-btn-row .filter_cols .dropdown-menu .filter-option {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    width: max-content;
    justify-content: center;
    margin: 0 0 0 -1px !important; /* collapse adjacent dividers into one 1px line */
    padding: 12px 22px;
    border: 0;
    border-left: 0.5px solid #000;
    border-right: 0.5px solid #000;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
}
/* Open category button reads as the active dark box (matches the target). */
.dsk-filter-btn-row .filter_cols .btn-filter.show {
    background: #1E1E1E !important;
    color: #fff !important;
}
.dsk-filter-btn-row .filter_cols .btn-filter:focus {
    outline: none;
    box-shadow: none;
}
.dsk-filter-btn-row .filter_cols .dropdown-menu .filter-option input {
    display: none; /* the box itself is the toggle */
}
.dsk-filter-btn-row .filter_cols .dropdown-menu .filter-option:has(input:checked) {
    background: #000000;
    color: #fff;
    font-weight: bold;
    box-shadow: 0px 4px 15px 0px #00000020;
}
.dsk-filter-btn-row .filter_cols .dropdown-menu .filter-option:has(input:checked) span {
    color: #fff;
}
/* Drop the Cancel/Update strip in the inline row — selecting a box applies live
   (handled in JS), matching the clean full-width rows in the design. */
.dsk-filter-btn-row .filter_cols .dropdown-menu .range_updates {
    display: none !important;
}
.dsk-filter-btn-row .filter_cols .dropdown-menu .filter-search {
    margin: 12px 5% 0 !important;
    max-width: 320px;
}
/* Price content fits the band height: lay the min/max inputs, slider and actions
   on ONE horizontal line (no grey card), inset to 5% like the other sub-rows. */
.dsk-filter-btn-row .filter_cols .dsk-price-dropdown .range-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px;
    width: auto;
    max-width: none;
    margin: 0 0 0 2%;
    padding: 0;
    height: 100%;
    background: transparent;
    border-radius: 0;
    text-align: left;
}
.dsk-filter-btn-row .filter_cols .dsk-price-dropdown .range-container > div {
    margin: 0 !important;
    flex: 0 0 auto;
}
/* min/max input group — full-height divider BEFORE the inputs (Frame 1759, x27) */
.dsk-filter-btn-row .filter_cols .dsk-price-dropdown .range-container > div:first-child {
    width: 240px;
    display: flex;
    align-self: stretch;
    align-items: center;
    gap: 13px;
    border-left: 0.5px solid #1E1E1E;
    padding-left: 30px;
}
/* slider on the same line */
.dsk-filter-btn-row .filter_cols .dsk-price-dropdown .dsk-multi-range-slider {
    width: 96px;
    margin: 0 !important;
}
/* the "No minimum / No maximum" value labels are redundant with the inputs */
.dsk-filter-btn-row .filter_cols .dsk-price-dropdown .range-container > div:has(.dsk-price-label-val),
.dsk-filter-btn-row .filter_cols .dsk-price-dropdown .range-container .dsk-price-label-val {
    display: none !important;
}
/* Cancel / Update inline — full-height divider AFTER the slider (Frame 1759, x500) */
.dsk-filter-btn-row .filter_cols .dsk-price-dropdown .range-container > div:has(.dsk-price-btn) {
    display: flex;
    align-self: stretch;
    align-items: center;
    gap: 16px;
    border-left: 0.5px solid #1E1E1E;
    padding-left: 30px;
    margin-left: 0;
}

/* Panel chrome to match Frame 1759: flush 60px toolbar row, off-white,
   bottom rule only — no grey rounded card / shadow. The two vertical
   dividers (before the inputs, after the slider) are full-height borders
   on the inner cells below. */
.dsk-filter-btn-row .filter_cols .dsk-price-dropdown {
    height: 60px !important;
    border: none !important;
    border-bottom: 0.5px solid #1E1E1E !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #FDFDFB !important;
}

/* ─────────────────────────────────────────────────────────────── */

/* ── Desktop price filter redesign ─────────────────────────────── */
.dsk-price-dropdown {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 15px !important;
    min-width: 260px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Text inputs row */
/* Wrapper holds the £ prefix inside the input rectangle (Frame 1759) */
.dsk-price-input-wrap {
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
}

.dsk-price-input-wrap::before {
    content: "£";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: #000;
    pointer-events: none;
    z-index: 1;
}

.dsk-price-text-input {
    flex: 1;
    border: 0.5px solid #1E1E1E;
    /* border-radius: 6px; */
    padding: 6px 10px 6px 22px;
    font-size: 13px;
    color: #000;
    outline: none;
    width: 100%;
    text-align: left;
    height: 43px;
    min-width: 0;
    -moz-appearance: textfield;
}

.dsk-price-text-input::-webkit-outer-spin-button,
.dsk-price-text-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dsk-price-text-input:focus {
    border-color: #000;
}

.dsk-price-sep {
    color: #000;
    font-size: 14px;
    flex-shrink: 0;
}

/* Multi-range slider container */
.dsk-multi-range-slider {
    position: relative;
    height: 36px;
    margin: 8px 0 4px;
    display: flex;
    align-items: center;
}

/* Track wrapper */
.dsk-slider-track-wrapper {
    position: absolute;
    width: 96px;
    height: 0.5px;
    top: 50%;
    transform: translateY(-50%);
}

.dsk-slider-track {
    position: absolute;
    width: 100%;
    height: 0.5px;
    /* background: #d0d0d0; */
    border-radius: 1px;
    z-index: 1;
}

.dsk-slider-progress {
    position: absolute;
    height: 0.5px;
    background: black;
    border-radius: 1px;
    z-index: 2;
    left: 0%;
    right: 0%;
}

/* Range inputs stacked */
.dsk-range-slider {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
    z-index: 3;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    outline: none;
}

.dsk-range-slider::-webkit-slider-runnable-track {
    height: 2px;
    background: transparent;
}

.dsk-range-slider::-moz-range-track {
    height: 2px;
    background: transparent;
}

.dsk-range-slider::-webkit-slider-thumb {
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
    height: 10px;
    width: 10px;
    background: #1E1E1E;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background 0.15s;
}

.dsk-range-slider::-webkit-slider-thumb:hover {
    background: #000;
    transform: translateY(-50%) scale(1.1);
}

.dsk-range-slider::-moz-range-thumb {
    pointer-events: auto;
    height: 10px;
    width: 10px;
    background: #1E1E1E;
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

/* Labels below slider */
.dsk-price-label-val {
    font-size: 12px;
    color: #000;
}

/* Cancel / Update buttons */
.dsk-price-btn {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    font-size: 13px;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    font-family: inherit;
    transition: color 0.15s;
    font-weight: 600;
}

.dsk-price-btn:hover,
.dsk-price-btn:focus,
.dsk-price-btn:active {
    color: #000;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ─────────────────────────────────────────────────────────────── */

.dropdown.filter_cols a.dropdown-toggle.show::before {
    content: "";
    background: rgb(245 245 245);
    height: 15px;
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.dropdown.filter_cols a.dropdown-toggle.show {
    border-radius: 8px 8px 0px 0px;
}

.metal_contents {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.metal_cols a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.metal_cols {
    text-align: left;
}

.metal_cols a:not(:last-child) {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}

.metal_cols a:hover {
    color: #84b6ce;
}

.range_updates.update_cancel_btn {
    justify-content: space-between;
}

.range-container.metal-containers {
    width: 491px;
}

.banner_featured_img {
    display: flex;
    align-items: center;
    max-height: 720px;
}

::-webkit-scrollbar {
    display: none;
}

.single-page-content {
    display: flex;
    width: 100%;
    padding: 30px 0px 97px;
    flex-direction: column;
    gap: 30px;
    background: #c8c8c8;
    margin-bottom: -45px;
}

.single-page-content h2 {
    font-weight: 700;
    font-size: 47.14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    margin: 0px 0px 6px;
    color: #000;
}

.single-page-content h4 {
    font-weight: 400;
    font-size: 23.61px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
    text-transform: uppercase;
}

.content-spacing {
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-family: "Freight Sans", "Open Sans", sans-serif !important;
}

.content-spacing {
    gap: 15px;
}

.content-spacing img,
.content-spacing h5 {
    margin: 15px 0;
}

.content-spacing p strong {
    display: inline-block;
    margin-top: 15px;
}

.content-spacing * {
    margin: 0px;
}

.content-spacing h5 {
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    line-height: normal;
}

.content-spacing p {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    line-height: normal;
    color: #000;
}

.content-spacing p a {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    color: #000;
    line-height: normal;
    text-decoration-thickness: 0%;
}

.content-spacing p strong {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    line-height: normal;
}

.content-spacing ul li {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    line-height: normal;
}

.content-spacing ul li strong {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
}

.seaction_page_heading {
    padding: 30px 0;
    display: block;
    width: 100%;
}

.seaction_page_heading h2 {
    font-weight: 700;
    font-size: 47.14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    margin: 0px 0px 30px;
    color: #000;
}

.seaction_page_heading h4 {
    font-weight: 400;
    font-size: 23px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
}

.seactionbanner {
    display: flex;
    min-height: 614px;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.seactionbanner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    color: #ffffff;
    margin-bottom: 10px;
}

.seactionbanner p:last-child {
    margin-bottom: 0px;
}

.serivce-repaire-banner {
    display: block;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    height: 405px;
}

.serivce-repaire-banner .breadcrumbs {
    margin-bottom: 0px;
    padding-top: 30px;
}

.repair_watch_form .form-group .input-group {
    flex-wrap: nowrap;
}

.modal-content.repair_watch_form .form-group .input-group .input-group-text {
    border-right: 0px;
    border-left: 1px solid var(--bs-border-color);
    background: #fff;
}

.repair_watch_form .form-group .input-group .input-group-text {
    background: none;
    border-left: 0;
    padding: 0px 20px;
}

.modal-content.repair_watch_form .form-group .input-group .form-control {
    border-left: 0px;
    border-right: 1px solid var(--bs-border-color);
    padding-left: 0px;
    padding-right: 10px;
}

.repair_watch_form .form-group .input-group .form-control {
    border-right: 0px;
    padding-right: 0px;
}

.modal-content.repair_watch_form .form-group label {
    color: #000000a8;
    margin-bottom: 5px;
}

.cta-modal .modal-content .form-group .form-control {
    font-size: 16px;
}

#chatmodel .form-group .input-group {
    flex-wrap: nowrap;
}

#chatmodel .form-group .input-group .input-group-text {
    height: 60px;
    display: flex;
    align-items: center;
    border: 1px solid #1e1e1e;
    border-right: 0;
    border-radius: 8px 0 0 8px;
    background: #fff;
    padding: 0 15px;
}

#chatmodel .form-group .input-group .form-control {
    border-left: 0;
    border-radius: 0 8px 8px 0;
}

#chatmodel input[type="number"]::-webkit-outer-spin-button,
#chatmodel input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#chatmodel input[type="number"] {
    -moz-appearance: textfield;
}

.cta-modal .modal-content .form-group textarea.form-control {
    height: 80px;
}

.modal-content.repair_watch_form .form-group .custom-checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.serivce-repaire-banner img {
    width: 100%;
}

.serivce-repaire-banner .container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
}

.serivce-repaire-banner .container .breadcrumbs li,
.serivce-repaire-banner .container .breadcrumbs li a {
    color: #fff;
}

.product_luxury {
    background: #f3f5f6;
}

.product_luxury h2 {
    margin-bottom: 15px;
}

.product_luxury p {
    color: #373b3ca8;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    margin: 0px;
}

.product_luxury ul {
    list-style: none;
    align-items: center;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
    margin-bottom: 45px;
}

.product_luxury ul li {
    display: inline-flex;
    gap: 45px;
    font-weight: 500;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    align-items: center;
}

.product_luxury ul li:not(:last-child):after {
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 6px;
}

.product_luxury ul li img {
    max-width: 67px;
}

.product_luxury .product_collection_lists {
    margin-top: 45px !important;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product_luxury .product_collection_lists .product_items_data .product_collection_image {
    height: 426px;
}

.product_luxury .product_collection_lists .product_items_data {
    background: #fff;
    display: flex;
    flex-direction: column;
}

.product_luxury .product_collection_lists .product_collection_contents {
    display: flex;
    align-items: end;
    gap: 10px;
    padding: 13.45px 23.45px 24.22px 23.71px;
    flex-direction: row;
    margin-top: auto;
}

.product_luxury .product_collection_lists .product_collection_contents h3 {
    margin: 0px;
    padding: 0px;
}

.product_luxury .product_collection_lists .product_collection_contents h3 a {
    font-size: 16px;
}

.product_luxury .product_collection_lists .product_collection_contents .price_value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: 700;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-align: right;
    color: #7d3cff;
    vertical-align: bottom;
}

.product_luxury .product_collection_lists .product_collection_contents .price_value span {
    font-weight: 700;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
    color: #7d3cff;
}

.service_payment {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 153px 0;
    position: relative;
    margin-bottom: 45px;
}

.service_payment img {
    display: none;
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.service_payment:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.7;

    height: 100%;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.service_payment h2 {
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 18px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #fff;
    margin: 0px 0 27px;
}

.service_payment p {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    color: #fff;
    position: relative;
    z-index: 1;
    margin: 0px;
}

.radiobuttons {
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.radiobuttons input {
    display: none;
}

.radiobuttons label {
    padding: 33px 25px;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    cursor: pointer;
    text-decoration: underline;
    border-left: 0.5px solid #1e1e1e;
    border-right: 0.5px solid #1e1e1e;
}

.radiobuttons input:checked+label {
    background: #000000;
    color: #fff;
    font-weight: bold;
    box-shadow: 0px 4px 15px 0px #00000020;
}

.repair_watch_form .form-group select.form-control option:first-child {
    opacity: 0.3;
}

.product-count {
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
}

.title_banner .radiobuttons input:checked+label:after {
    content: "X";
    margin-left: 8px;
    font-weight: 600;
}

.filteroption {
    gap: 30px;
}

.inputcheck {
    display: inline-flex;
    padding: 30px 25px;
    text-decoration: underline;
    color: #000 !important;
    border-right: 1px solid #1e1e1e;
}

.inputcheck input {
    display: none;
}

.gx-30 {
    gap: 30px;
}

.btn-filter {
    padding: 12px 22px;
    background: #ffffff;
    backdrop-filter: none;
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    border: 1px solid #DADADA;
    border-radius: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.btn-filter.active {
    background: #000;
    color: fff;
}

.btn-filter-active {
    background: #1a1a1a !important;
    color: #fff !important;
    border-color: #1a1a1a !important;
}

.btn-filter-active .badge {
    background: white !important;
    color: black !important;
}

.btn-filter-active.dropdown-toggle::after {
    border-top-color: #fff !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}

.btn-filter-clear-x {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    font-size: 16px;
    line-height: 1;
    opacity: 0.75;
    cursor: pointer;
    vertical-align: middle;
}

.btn-filter-clear-x:hover {
    opacity: 1;
}

.btn-filter-clear {
    margin-right: 10px;
    flex-shrink: 0;
    border-radius: 0px;
    padding: 10px 16px;
    background: transparent;
    border: none;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    color: #1a1a1a;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}


.btn-filter-clear:hover {
    background: #1a1a1a;
    color: #fff;
}

.inputcheck .checkboxinput {
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    position: relative;
}

.inputcheck input[type="checkbox"]+.checkboxinput:before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    box-shadow: 0px 0px 0px 1px #1e1e1e;
    display: inline-block;
    margin-right: 0px;
}

.inputcheck input[type="radio"]+.checkboxinput:before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 7px;
    box-shadow: 0px 0px 0px 1px #1e1e1e;
    display: inline-block;
    margin-right: 0px;
}

.inputcheck input:checked+.checkboxinput:before {
    background: #3a3a3a;
    border: 4px solid #fff;
}

/*.inputcheck input:checked+.checkboxinput:after {
  content: '';
  border: 2px solid transparent;
  border-left-color: #fff;
  border-bottom-color: #fff;
  width: 14px;
  height: 7px;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 4px;
  transform: rotate(-45deg);
}*/

.searchdesktop {
    display: flex;
    width: 290px;
    border-radius: 8px;
    border: 1px solid #1e1e1e;
    background: #ffffff;
    justify-content: space-between;
    align-items: center;
}

.searchdesktop input {
    border: none !important;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    box-shadow: none;
    outline: none;
    color: #3c3c3c;
    /* padding: 4px 10px; */
    background: transparent;
    width: 100%;
}

.searchdesktop input:placeholder {
    color: #3c3c3c80;
}

.searchdesktop button {
    color: #000;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    padding: 10px;
    border: 0px;
    box-shadow: none;
    outline: none;
}

.accordion .search {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-bottom: 15px;
}

.accordion .search input {
    width: 100%;
    border: 0px;
    outline: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    padding: 10px;
}

.accordion .search input:placeholder {
    color: #373b3ca8;
}

.book_repaire_form {
    width: 100%;
    padding: 0 0 45px 0;
    display: block;
}

.book_repaire_form .form-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.mb-30f {
    margin-bottom: 30px !important;
}

.book_repaire_form .form-group label .form-control {
    margin-top: 10px;
}

.book_repaire_form .form-group label {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    padding: 0px;
}

.book_repaire_form .form-group label.lable-mobile {
    font-size: 14px;
}

.newradio-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #1e1e1e;
}

.newradio-list input {
    display: none;
}

.newradio-list label {
    border-bottom: 1px solid #1e1e1e;
    display: flex;
    padding-left: 60px !important;
    position: relative;
    cursor: pointer;
}

.newradio-list label svg {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.newradio-list label svg:first-child {
    left: 22px;
}

.newradio-list label svg+svg {
    left: 29.5px;
}

.newradio-list label:last-child {
    border-bottom: 0px;
}

.newradio-list label span {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    padding: 20px 10px 20px 30px;
    display: inline-block;
    width: 100%;
    border-left: 1px solid #1e1e1e;
}

.newradio-list input:checked+label span {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.newradio-list input:checked+label {
    background: #c8c8c8;
}

.newradio-list input:checked+label svg+svg {
    display: none;
}

.newradio-list input:checked+label svg path {
    stroke: #373b3c;
}

.book_repaire_form h3 {
    font-weight: 500;
    font-size: 21px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    padding: 0px 20px 25px;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.book_repaire_form .btn-secondary {
    background: transparent;
    color: #000;
    padding: 15px;
    border-radius: 0px;
    border: 1px solid #1e1e1e;
}

.book_repaire_form .form-group a {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #000;
    margin-top: 10px;
    display: inline-block;
}

.book_repaire_form .form-group .yellowtext {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    color: #926a2e;
}

.productinfo {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.productinfo .productinfo-image {
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
}

.productinfo .productinfo-image img {
    max-width: 100%;
}

.productinfo .productinfo-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}

.productinfo .productinfo-content h2 {
    font-weight: 400;
    font-size: 21px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    margin: 0px;
}

.productinfo .productinfo-content h2 span {
    font-weight: 700;
    font-size: 21px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
}

.productinfo .productinfo-content p {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
}

.book_repaire_form .form-group h4 {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    margin: 0px 0px;
    padding: 0px;
}

.book_repaire_form .form-group ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-flex;
    width: 100%;
    gap: 5px;
    flex-wrap: wrap;
}

.book_repaire_form .form-group ul li {
    display: inline-flex;
}

.book_repaire_form .form-group ul li a {
    display: inline-flex;
    gap: 20px;
    border-radius: 8px;
    padding: 15px;
    background: #f2f2f2c3;
    font-weight: 400;
    font-size: 16px;
    line-height: 142%;
    letter-spacing: 0;
    color: #000000;
    margin: 0px;
    text-decoration: none;
}

.book_repaire_form .form-group p {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
}

.book_repaire_form .form-group .custom-checkbox input {
    display: none;
}

.book_repaire_form .form-group .custom-checkbox label {
    padding-top: 45px;
    padding-bottom: 45px;
    font-weight: 400;
    font-size: 16px;
    line-height: 142%;
    letter-spacing: 0;
    display: flex;
    align-items: center;
}

.book_repaire_form .form-group .custom-checkbox label a {
    text-decoration: underline;
    margin-top: 0;
    margin-left: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 142%;
    letter-spacing: 0;
}

.book_repaire_form .form-group .custom-checkbox input[type="checkbox"]+label:before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 1px #1e1e1e;
    display: inline-block;
    margin-right: 10px;
}

.book_repaire_form .form-group .custom-checkbox input[type="radio"]+label:before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 8px;
    box-shadow: 0px 0px 0px 1px #1e1e1e;
    display: inline-block;
    margin-right: 10px;
}

.book_repaire_form .form-group .custom-checkbox input:checked+label:before {
    background: #3a3a3a;
    border: 4px solid #fff;
    border-radius: 0px;
}

.book_repaire_form .form-group table {
    width: 100%;
}

.book_repaire_form .form-group table th {
    font-weight: 700;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    padding: 7px 0;
    color: #000;
}

.book_repaire_form .form-group table th span {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    color: #373b3ca8;
}

.book_repaire_form .form-group table td {
    text-align: right;
    color: #000;
    font-weight: 700;
    padding: 7px 0;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
}

.min-h-100 {
    min-height: 100%;
}

.detailinfo,
.aboutinfo {
    overflow: auto;
    padding-top: 0px;
}

.detailinfo.offcanvas {
    padding: 50px 70px 50px 20px !important;
}

.aboutinfo .offcanvas-header,
.detailinfo .offcanvas-header {
    position: fixed;
    right: 0px;
    top: 80px;
}

.aboutinfo .offcanvas-body,
.detailinfo .offcanvas-body {
    margin-top: 139px;
    padding-top: 0;
    overflow: visible;
}

.detailinfo .offcanvas-body {
    padding-left: 20px;
    padding-right: 70px;
}

.specification-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 20px;
    color: #000;
}

span.search_close img {
    width: 17px;
}

.latest_jewellery_secs.shop-in-stock.details_slider .inner_jewellery_data {
    overflow: hidden;
    margin-top: 30px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-45 {
    margin-bottom: 45px;
}

/******** Contact us ************/
.address_datas {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 44px;
    padding-top: 45px;
    width: 100%;
}

.contact_message_form {
    padding-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

/************** 404 ***************/

.main_404_errors_data {
    background: #f3f5f6;
    margin-bottom: 100px;
    padding: 212px 0px;
}

.inner_404_conts {
    max-width: 776px;
    display: flex;
    gap: 70px;
    margin: 0 auto;
}

.left_404_data h1 {
    font-size: 48px;
    color: #000;
    margin-bottom: 10px;
}

.left_404_data h4 {
    font-size: 18px;
    color: #000;
    margin: 0px 0px 5px;
}

.left_404_data {
    width: 305px;
    text-align: center;
}

.right_404_data {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.left_404_data p {
    font-size: 16px;
    color: rgb(55 59 60 / 66%);
    margin-bottom: 30px;
}

.right_404_data h5 {
    font-size: 14px;
    color: #000;
    padding: 0px 20px;
}

.right_404_data p {
    font-size: 14px;
    color: rgb(55 59 60 / 66%);
    padding: 0px 20px;
}

.contact_404_info {
    background: #fff;
    padding: 20px;
    border: 1px solid #1e1e1e;
    transition: all 0.1s ease-in-out 0s;
}

.contact_404_info a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    /* transition: all 0.3s ease; */
}

.contact_404_info:hover {
    background: #373b3c;
}

.contact_404_info:hover a {
    color: #fff !important;
}

.left_404_data p a {
    color: rgb(55 59 60 / 66%);
    transition: all 0.5s ease-in-out 0s;
}

.left_404_data p a:hover {
    color: #84b6ce;
}

.right_404_data .contact_404_info {
    margin-top: 10px;
}

.order_calcelled_secs .inner_success_data .thank_you_message {
    padding: 40px 25px;
}

.order_calcelled_secs .inner_success_data .thank_you_message img {
    width: 33px;
    height: 33px;
}

.service_top_head.servicepage-breadcrumb .breadcrumbs {
    margin-bottom: 30px;
}

/* .tdb-service-withoutbanner {
    padding-top: 30px;
} */

.tdb-service-withoutbanner .breadcrumbs {
    margin-bottom: 30px;
}

.mt-15 {
    margin-top: 15px;
}

.categorybox a img {
    height: 532px;
    object-fit: cover;
}

.w-550 {
    max-width: 550px;
}

.title_banner {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-right: 1px solid #1e1e1e;
    padding: 20px 0;
}

.title_banner .gap-2 {
    gap: 15px !important;
}

/* .prdct_grid_banner {
    margin-bottom: 6px;
} */

.prdct_grid_banner img {
    height: 260px;
    width: 100%;
}

.productgrid {
    padding-top: 15px;
}

.productgrid .breadcrumbs {
    margin-bottom: 15px;
}

.productgrid-list {
    padding-bottom: 45px;
    display: flex;
    flex-direction: column;
}

.productgrid-list .product_collection_contents {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.productgrid .radiobuttons input:checked+label {
    font-weight: 400;
}

.productgrid-list .dropdown.filter_cols a.dropdown-toggle {
    font-weight: 400;
}

.productgrid-list .jump_brands a.dropdown-toggle {
    font-size: 14px;
}

/*.productgrid-list .inner_faq_data .accordion .accordion-header button.accordion-button::after {
  background-image: url(../images/arrow-faq-product.png);
  transform: rotate(0deg);
}
*/
/*.productgrid-list .inner_faq_data .accordion .accordion-header button.accordion-button[aria-expanded="true"]::after {
  transform: rotate(90deg);
}*/

.seemore-btn-product {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 30px;
}

.seemore-btn-product p {
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.product-info-cart.detailinfo .offcanvas-header {
    top: 62px;
}

.product-info-cart.detailinfo .offcanvas-body {
    margin-top: 85px;
}

.product-info-cart.detailinfo .offcanvas-body .offcanvas-inner {
    gap: 15px;
}

.product-info-cart.detailinfo .offcanvas-body .offcanvas-inner .quick_view_prdct_conts .product-price {
    font-family: "Freight Sans", "Open Sans", sans-serif;
    font-weight: 300;
    margin: 30px 0px 15px;
    font-size: 14px;
}

.product-info-cart.detailinfo .offcanvas-body .offcanvas-inner .with_box_data {
    margin-top: 15px;
}

.product-info-cart.detailinfo .offcanvas-body .offcanvas-inner .with_box_data a {
    font-weight: 500;
    padding: 5px 15px;
}

.product-info-cart.detailinfo .offcanvas-body .offcanvas-inner .quick_view_prdct_conts p {
    font-size: 14px;
    color: #373b3ca8;
    margin-top: 15px;
}

.mb-15p {
    margin-bottom: 15px;
}

.card-number-inputs-group {
    display: flex;
    gap: 15px;
}

.card-number-inputs-group .card-number-inputs {
    width: 100%;
}

.card-number-inputs-group .card-number-inputs:nth-child(2) {
    width: 62px;
    flex: 0 0 62px;
}

.card-number-inputs-group .card-number-inputs:nth-child(3) {
    width: 83px;
    flex: 0 0 83px;
}

.customtextbox {
    height: auto !important;
}

.customtextbox textarea {
    border: 0px;
    width: 100%;
    resize: none;
    outline: none;
    background: none;
    box-shadow: none;
}

.product-finance-details {
    margin: 25px auto;
    background: #f3f5f6;
    max-width: 590px;
    width: 100%;
    gap: 30px;
    padding: 45px;
    overflow-y: scroll;
}

.product-finance-details .logo-brand {
    width: 110px;
    margin-bottom: 10px;
}

.product-finance-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000;
}

.product-finance-details form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
}

.product-finance-details form .form-group {
    margin-bottom: 30px;
}

.product-finance-details form .form-group label {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000a8;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.product-finance-details form .form-group label br {
    display: block;
    width: 100%;
}

.product-finance-details form .form-group .input-group {
    gap: 30px;
}

.product-finance-details form .form-group .input-group .form-check {
    display: inline-flex;
    align-items: center;
    padding-left: 31px;
    gap: 10px;
}

.product-finance-details form .form-group .input-group .form-check,
.product-finance-details form .form-group .input-group .form-check label {
    margin-bottom: 0px;
}

.product-finance-details form .form-group label span {
    display: inline-flex;
    font-weight: 400;
    color: #000000a8;
    gap: 4px;
    width: 100%;
}

.product-finance-details form .form-group .precentage-bages {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.product-finance-details form .form-group .precentage-bages .percentage-item input {
    display: none;
}

.product-finance-details form .form-group .precentage-bages .percentage-item label {
    margin: 0px;
    padding: 1px 3px;
    display: inline-flex;
    border-radius: 8px;
    border-width: 1px;
    border: 1px solid #1e1e1e;
    background: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    min-width: 42px;
    justify-content: center;
    letter-spacing: 0%;
    text-align: center;
    color: #000000;
}

.product-finance-details form .form-group .precentage-bages .percentage-item input:checked+label {
    color: #7d3efb;
    border-color: #7d3efb;
}

.paydeposit {
    color: #7e3efa;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.product-finance-details form .form-group .btn {
    padding-left: 10px;
    padding-right: 10px;
}

.table-view-deposit {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    gap: 5px;
    margin-bottom: 35px;
}

.table-view-deposit .table-deposite-item:first-child {
    margin-bottom: 40px;
}

.table-view-deposit .table-deposite-item {
    display: flex;
    justify-content: space-between;
}

.table-view-deposit .table-deposite-item .deposite-label {
    width: 241px;
}

.table-view-deposit+p {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #000000a8;
}

.product-finance-details form .add-to-bag-finance-btn {
    margin-bottom: 20px !important;
}

.owl-stage {
    padding: 0 !important;
}

/* Finance Available Modal Responsive Styles */
.finance-available-modal {
    max-width: 50%;
    margin: 20px auto;
}

.finance-available-content {
    max-height: 90vh;
    overflow-y: auto;
}

/* Make close button visible on all three finance desktop modals */
#exampleModalToggle_oldfinace button.btn-close,
#exampleModalToggle_availablefinace button.btn-close,
#exampleModalToggle_yourdetails button.btn-close {
    display: block !important;
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    z-index: 1051 !important;
    width: 32px !important;
    height: 32px !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
}

/* Address results dropdown (shown after postcode search) */
.address-select {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 10px 14px;
    font-size: 14px;
    color: #1a1a1a;
    width: 100%;
    appearance: auto;
}

/* Postcode search — two separate rounded elements with gap */
.postcode-group {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.postcode-group .form-control {
    border-radius: 8px;
    flex: 1;
}

.btn-postcode-search {
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.btn-postcode-search:hover {
    background: #e4e4e4;
    border-color: #ccc;
}

/* Deposit percentage pill buttons */
.deposit-bages {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 8px;
}

.deposit-bages .percentage-item {
    flex: 1 1 auto;
    max-width: 58px;
}

.deposit-bages .percentage-item input {
    display: none;
}

.deposit-bages .percentage-item label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border-radius: 50px;
    border: 1px solid #1e1e1e;
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
    color: #000;
    transition: border-color 0.15s, color 0.15s;
}

.deposit-bages .percentage-item input:checked+label {
    color: #7d3efb;
    border-color: #7d3efb;
    background: #fff;
}

.deposit-bages .percentage-item label:hover {
    border-color: #7d3efb;
    color: #7d3efb;
}

@media (max-width: 767px) {
    .deposit-bages>.d-flex {
        width: 100%;
        justify-content: space-evenly !important;
    }

    .deposit-bages .percentage-item {
        flex: 1;
        max-width: 55px;
    }
}

/* modal 1 — scrollable middle so action buttons stay visible */
#exampleModalToggle_oldfinace .finance-modal form .modal-middle-finace {
    margin: 0;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

#exampleModalToggle_oldfinace .finance-modal form>.btn {
    flex-shrink: 0;
}

/* Finance modal step 2 — shared finance control styles */
#exampleModalToggle_availablefinace .finance-section-title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
}

#exampleModalToggle_availablefinace .finance-subtitle {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #000;
}

#exampleModalToggle_availablefinace .finance-options-desc {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 10px;
}

#exampleModalToggle_availablefinace .yes_no_option {
    position: relative;
}

#exampleModalToggle_availablefinace .radi_btn {
    display: inline-block;
    position: relative;
    margin-right: 6px;
    margin-bottom: 6px;
}

#exampleModalToggle_availablefinace .radi_btn input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#exampleModalToggle_availablefinace .radi_btn .checkmark,
#exampleModalToggle_availablefinace #termField .radi_btn label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #1e1e1e;
    background: #f8f8f8;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background-color 0.15s;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 1.2;
}

/* UK yes/no — Figma sizes these to hug their text, not the 110px min-width used by term pills */
#exampleModalToggle_availablefinace .yes_no_option .radi_btn .checkmark {
    min-width: 0;
    padding: 10px 20px;
}

/* Finance type options — purple-outline pill (matches UK yes/no, deposit %, repayment-term pills) */
#exampleModalToggle_availablefinace .finance-type-options .finance-type-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #1e1e1e;
    background: #f8f8f8;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background-color 0.15s;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 1.2;
}

#exampleModalToggle_availablefinace .finance-type-options .radi_btn input:checked+.finance-type-label,
#exampleModalToggle_availablefinace .finance-type-options .finance-type-btn:only-of-type .finance-type-label {
    background: #fff;
    color: #7d3efb;
    border-color: #7d3efb;
}

#exampleModalToggle_availablefinace .finance-type-options .finance-type-label:hover {
    border-color: #7d3efb;
    color: #7d3efb;
}

/* Issue #5345: Custom Amount chip + £ input */
#exampleModalToggle_availablefinace .custom-deposit-amount-group {
    margin: 15px 0 12px;
}

#exampleModalToggle_availablefinace .custom-deposit-amount-group .finance-subtitle {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 200;
}

#exampleModalToggle_availablefinace .custom-deposit-amount-input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #1e1e1e;
    background: #fff;
    font-size: 15px;
    color: #000;
}

#exampleModalToggle_availablefinace .custom-deposit-amount-input:focus {
    outline: none;
    border-color: #7d3efb;
}

#exampleModalToggle_availablefinace .custom-deposit-amount-hint {
    display: block;
    color: #7d3efb;
    font-size: 14px;
    margin-top: 8px;
}

#exampleModalToggle_availablefinace .custom-deposit-amount-error {
    display: block;
    color: #7d3efb;
    font-size: 12px;
    margin-top: 6px;
    min-height: 0;
}

#exampleModalToggle_availablefinace .radi_btn input:checked+.checkmark,
#exampleModalToggle_availablefinace #termField .radi_btn input:checked+label {
    color: #7d3efb;
    border-color: #7d3efb;
    background: #fff;
}

#exampleModalToggle_availablefinace .radi_btn .checkmark:hover,
#exampleModalToggle_availablefinace #termField .radi_btn label:hover {
    border-color: #7d3efb;
    color: #7d3efb;
}

#exampleModalToggle_availablefinace .error_mess {
    display: none;
    color: #d10932;
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.4;
}

#exampleModalToggle_availablefinace .hitachi_percent {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
}

#exampleModalToggle_availablefinace .hitachi_percent li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 7px 10px;
    border-radius: 8px;
    border: 1px solid #1e1e1e;
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background-color 0.15s;
}

#exampleModalToggle_availablefinace .hitachi_percent li:hover {
    border-color: #7d3efb;
    color: #7d3efb;
}

#exampleModalToggle_availablefinace .hitachi_percent li.active {
    color: #7d3efb;
    border-color: #7d3efb;
    background: #fff;
}

#exampleModalToggle_availablefinace .finance-type-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#exampleModalToggle_availablefinace #termField {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#exampleModalToggle_availablefinace .finance-calculation-sect h3.pay {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
}

#exampleModalToggle_availablefinace .finance-calculation-sect h3.pay .deposit_percentage {
    font-weight: 600;
    color: #7d3efb;
}

/* Finance available modal — keep two-column flex layout */
#exampleModalToggle_availablefinace .checkout-main {
    display: flex;
}

/* modal-middle-finace scrolls in modals 2 & 3 (more content than modal 1) */
#exampleModalToggle_availablefinace .modal-middle-finace,
#exampleModalToggle_yourdetails .modal-middle-finace {
    flex: 1;
    overflow-y: auto;
    margin: 0;
    padding-right: 4px;
}

/* Tablet and smaller desktop adjustments */
@media (max-width: 1280px) {
    .finance-available-modal {
        max-width: 65%;
    }
}

@media (max-width: 1024px) {
    .finance-available-modal {
        max-width: 80%;
    }
}

.product-icons-f {
    gap: 15px;
}

.trust_badges img {
    height: 16px;
    width: auto;
    object-fit: contain;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.swiper-custom-pagination {
    margin-top: 15px !important;
    position: unset !important;
    display: flex;
    margin-top: 10px;
    width: 100%;
    justify-content: center;
}

.swiper-custom-pagination .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    background-color: #000;
    opacity: 0.33 !important;
}

.swiper-custom-pagination .dot.active {
    background-color: #000;
    opacity: 1 !important;
}

.schedule-containerbooking {
    max-width: 393px;
}

.schedule-containerbooking .schedule_heading {
    padding-left: 20px;
    padding-right: 20px;
}

.schedule-containerbooking .schedule_content {
    padding-left: 20px;
    padding-right: 20px;
}

/* ---------------------Responsive---------------------------------*/
@media screen and (min-width: 1921px) {
    .shop_branded_jewellery_secs .container {
        max-width: none !important;
        width: 100vw !important;
        padding: 0 !important;

        /* cancels the usual centered-container offset so it hits both viewport edges */
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .inner_conts_parts {
        max-width: 578.67px;
    }

    .banner_content_parts {
        padding: 45px 5% 90.6px;
    }

    .home_banner .custom_owl_navigation {
        bottom: 40px;
    }

    .repair_watch_img {
        margin: 0 25%;
    }

    .repair_watch_img .mx-auto {}

    .iframe-adjust iframe {
        width: 550px !important;
        height: 550px !important;
    }

    /* .repair_watch_img img {
        scale: 1.3;
    } */

    .service_details_banner {
        height: 720px !important;
    }

    .max-lg-w-550 {
        max-width: 550px !important;
    }

    .my-image {
        width: 100% !important;
        height: auto !important;
    }

    /* .featured_in_secs{
        padding: 45px 0 0;
    }
    .featured_logos_slider.owl-carousel{
        margin-top: -40px;
    }
    .featured_logos_slider.owl-carousel .owl-item img {
        width: 100%;
        max-width: 100%;
    } */
}

@media screen and (max-width: 1100px) {
    .product_collection_lists {
        display: flex;
        flex-wrap: wrap;
    }

    .product_collection_lists .product_items_data {
        width: 33.33%;
    }

    .product_collection_lists .product_items_data.prdct_img_grid {
        width: 100%;
    }

    .product_collection_lists .product_items_data.prdct_img_grid img {
        height: 314px;
    }
}

@media (min-width: 1025px) {
    .aboutusimage {
        max-height: 640px;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .product-details {
        border-right: 1px solid #1E1E1E;
        border-bottom: 1px solid #1E1E1E;
    }

    .gallery-thumbs-col {
        display: none;
    }

    .product_collection_contents {
        background-color: #f8f8f6;
    }

    .product-tabs .trustpilot-widget {
        padding-right: 20px;
    }


    .double-container-col {
        padding-inline: 10%;
    }

    .bg-to-white {
        background-color: #fdfdfb !important;
    }

    .h-cover {
        height: 100% !important;
        object-fit: cover !important;
    }

    .bg-to-secondary {
        background-color: #f8f8f6 !important;
    }

    .auth-title {
        font-size: 26px;
        font-weight: 500;
        position: absolute;
        top: 130px;
    }

    .bg-md-white {
        background-color: #ffffff !important;
    }

    .auth-footer {
        padding: 39px 5vw !important;
        text-align: left !important;
        margin: 0 !important;
    }

    .auth-footer-right {
        max-width: 50%;
        padding: 39px 5vw !important;
        text-align: left !important;
        margin: 0 !important;
    }
}

.prdct_grid_img_conts .pre_owned_img {
    position: relative;
}

.prdct_grid_img_conts .pre_owned_img img {
    position: absolute;
}

.max-md-w-387 {
    max-width: 387px;
}
}

@media screen and (max-width: 1500px) {
    .product-details .inner {
        max-width: 90%;
    }
}

@media (min-width: 1441px) {
    .inner_foot_conts {
        grid-template-columns: repeat(5, 1fr) 2fr;
    }

    .foot_cols {
        border-left: none;
        border-right: 0.5px solid #1E1E1E;
        border-top: none;
        border-bottom: none;
        /* padding: 0 50px 0 0; */
    }


    .foot_cols:nth-child(6) {
        border-right: none;
        justify-content: center;
    }

    .inner_foot_conts {
        border-top: 1px solid #1E1E1E;
        border-bottom: 1px solid #1E1E1E;
        border-left: none;
        border-right: none;
        /* padding: 20px 0; */
    }
}

@media (max-width: 1440px) and (min-width: 768px) {
    .auth-fields {
        padding-top: 100px !important;
    }

    .inner_foot_conts {
        grid-template-columns: repeat(3, 1fr);
    }

    .foot_cols {
        border-left: none;
        border-right: 0.5px solid #1E1E1E;
        /* border-top: none;
        border-bottom: none; */
        /* padding: 0 50px 0 0; */
    }

    .foot_cols:nth-child(1),
    .foot_cols:nth-child(2),
    .foot_cols:nth-child(3) {
        border-bottom: none;
    }

    .foot_cols:nth-child(3) {
        border-right: none;
    }

    .foot_cols:nth-child(6) {
        border-right: none;
        justify-content: center;
    }

    .inner_foot_conts {
        /* border-top: 1px solid #1E1E1E;
        border-bottom: 1px solid #1E1E1E; */
        border-left: none;
        border-right: none;
        /* padding: 20px 0; */
    }
}

@media (max-width: 767px) {
    .inner_foot_conts {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    .foot_cols {
        border: 0.5px solid #1E1E1E;
        border-left: none;
        border-top: none;
        padding: 20px;
    }

    .foot_cols:nth-child(even) {
        border-right: none;
    }

    .foot_cols:nth-child(odd) {
        border-left: none;
    }

    .foot_cols:nth-child(1),
    .foot_cols:nth-child(2) {
        border-top: 0.5px solid #1E1E1E;
    }

    .foot_cols:nth-child(5),
    .foot_cols:nth-child(6) {
        border-bottom: 0.5px solid #1E1E1E;
        justify-content: center;
    }

    .inner_foot_conts {
        /* border: 1px solid #1E1E1E; */
        border-left: none;
        border-right: none;
    }

    .order_success_secs {
        height: 614px;
    }

    .searchdesktop {
        width: 280px;
    }

    .footer_copyright {
        margin-top: -45px;
    }

    .banner_content_parts {
        padding: 65px 5% 77.2px;
    }

    .banner_featured_img {
        max-height: 614px;
    }

    .watches_content_cols {
        gap: 30px;
    }

    /* .featured_logos_slider.owl-carousel .owl-item img{
        width: 200px;
        height: 50px;
        object-fit: contain;
    } */
}

@media (max-width: 1280px) {
    .checkout-popup .modal-dialog {
        max-width: 88%;
    }

    .custom_owl_navigation {
        bottom: 125px;
    }

    .home_banner .custom_owl_navigation {
        padding: 0px 50px;
    }

    .pre_owned_img img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .pre-owned_watches {
        padding: 80px 20px 45px;
    }

    .top_product_select {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .coll_items_data ul li {
        width: calc(100% / 5);
    }
}

@media only screen and (max-width: 1199px) {
    .searchdesktop {
        width: 240px;
    }

    .left_footer_data {
        width: 60%;
        max-width: 100%;
    }

    .luxury_watches_btns {
        gap: 10px;
    }

    .luxury_watches_btns a.btn_links {
        font-size: 14px;
    }

    .watch_repair_contents {
        padding: 20px 50px;
    }

    .card_menu_datas p {
        font-size: 12px;
    }

    .menus ul li a {
        font-size: 14px;
    }

    .menu_lists ul li a {
        font-size: 16px;
    }

    .card_menu_datas h2 {
        font-size: 12px;
    }

    .custom_owl_navigation {
        bottom: 85px;
    }

    .banner_content_parts {
        padding: 40px 5% 85px;
    }

    .coll_items_data ul li a {
        /*    font-size: 12px;*/
    }

    .finance_available_datas {
        /*    padding: 20px;*/
    }

    .pre_owned_img {
        width: 50%;
        overflow: hidden;
    }

    .pre-owned_watches {
        flex: 1;
    }

    .inner_main_headings {
        max-width: 100%;
    }

    .subcategories_datas.faq_categories_datas ul {
        flex-wrap: wrap;
        border: none;
    }

    .faq_categories_datas ul li a {
        border-radius: 8px;
    }

    .inner_faq_data .accordion .accordion-item {
        margin-bottom: 0px;
    }

    .faq_categories_datas ul {
        border: none;
    }

    .unlock_repair_secs {
        margin-top: 0;
    }

    /* .product-details {
    width: 100%;
  }*/

    /*.product-slider {
    width: 100%;
  }*/

    .product-main-inner {
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .login-fields {
        padding-top: 70px !important;
    }

    .aboutusimage img {
        width: 100%;
    }

    .contact_data {
        padding-bottom: 60px;
    }

    .contact_data:not(:last-child) {
        margin-bottom: 0px;
    }

    .product-main-inner .col-lg-4 {
        width: 40%;
    }

    .banner_content_parts {
        padding: 20px 5% 85px;
    }

    .top_banner_heads h1 {
        font-size: 40px;
    }

    .top_banner_heads p {
        font-size: 18px;
    }

    .bottom_banner_foots p {
        font-size: 12px;
    }

    .price_items {
        margin-bottom: 10px;
    }

    .thumbnail_menu_lists {
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .featured_logos img {
        height: 35px;
    }

    .watch_repair_img img {
        width: 100%;
    }

    .watch_repair_contents {
        padding: 30px 20px;
        max-width: 100%;
    }

    .seactionbanner.mb-45 {
        margin-bottom: 0px;
    }

    section.seactionbanner.mt-45 {
        margin-top: 0px;
    }

    .seactionbanner {
        min-height: 542px;
    }

    .watches_content_cols {
        padding: 15px 20px;
    }

    .googlemap .watch_repair_contents {
        padding-bottom: 30px;
    }

    .luxury_watches_secs .bg_column_watch {
        background: transparent;
    }

    .jewellery_shop_contents.watch_repair_contents {
        padding: 15px 0;
        margin-top: 0;
        max-width: 100%;
    }

    .custom_owl_navigation {
        position: relative;
        bottom: auto;
        right: auto;
        left: 0;
        padding-left: 0;
        width: 100%;
        margin-top: 15px;
    }

    ul.foot_lists li a {
        /*    font-size: 12px;*/
    }

    .foot_cols h4 {
        /*    font-size: 14px;*/
    }

    .product_collection_contents {
        padding: 15px 20px 0px;
    }

    .pre-owned_watches {
        padding: 30px 20px;
    }

    .top_pre_owned h2 {
        font-size: 15px;
    }

    .top_pre_owned p {
        font-size: 14px;
    }

    .pre-owned_watches a {
        font-size: 13px;
    }

    .prdct_grid_img_conts {
        /*    display: flex;*/
        height: 100%;
    }

    .repair_btn {
        padding: 13px 50px;
    }

    .service_details_faqs {
        gap: 20px;
    }

    .blog_conts {
        padding: 20px 0px;
    }

    .inner_main_headings h1 {
        font-size: 38px;
    }

    .inner_main_headings p.date_time {
        font-size: 18px;
    }

    .contact_address_form [class*="col-"]:last-child {
        order: -1;
    }

    .address_datas {
        padding-top: 20px !important;
        padding-left: 0px;
        padding-top: 0px;
    }

    .contact_message_form {
        padding-top: 0px;
    }

    .contact_map_address {
        margin-bottom: 60px;
    }

    .main_contact_datas {
        padding-bottom: 60px;
    }

    .watch_repair_contents {
        gap: 8px;
    }

    .home_topcategory .sectiontitle {
        padding: 15px 0;
    }

    .lamna_clients {
        max-width: 100%;
    }

    .inner_watch_jewellery_cards {
        gap: 20px;
    }

    .gallery-container {
        justify-content: flex-start;
        gap: 10px;
    }

    .product-main-inner .col-lg-7 {
        width: 60%;
    }

    /*.gallery-main {
    width: calc(100% - 92px);
  }*/

    .jewellery_item_datas {
        padding: 0;
    }

    .product-tabs button.btn-primary {
        font-size: 14px;
    }

    .plus-minus {
        width: 50px;
        height: 50px;
    }

    .product-catagory {
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 16px;
    }

    .checkout-payment-details {
        padding: 20px 10px 0;
    }

    .checkout-img-list h3 {
        font-size: 16px;
        max-width: 57%;
        font-weight: 700;
    }

    .checkout-img-list .pricing_datas {
        font-size: 16px;
        font-weight: 500;
    }

    .checkout-popup button.btn-close {
        right: -40px;
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .checkout-payment-details form .form-label {
        font-size: 14px;
    }

    .checkbox-new-right img {
        height: 250px;
        object-fit: cover;
    }

    .container {
        padding: 0px 5%;
    }

    .static-brand-list {
        padding: 0px 30px !important;
    }

    /*.product-details {
    width: 100%;
  }

  .product-slider {
    width: 100%;
  }*/

    .latest_jewellery_slides .jewellery_item_datas {
        padding: 0px;
    }

    .coll_items_data ul li {
        width: calc(100% / 4);
    }

    .contact_data:not(:last-child) {
        margin-bottom: 0px;
    }

    .contact_data {
        padding-bottom: 25px !important;
        margin-bottom: 0px;
        width: calc(50% - 3px);
        display: inline-block;
    }

    .contact_data h3 {
        margin-bottom: 15px;
    }

    .contact_data+.contact_data {
        float: left;
        width: 37%;
    }
}

@media (max-width: 991.98px) {
    .contact_data h2 {
        margin-bottom: 20px;
    }

    .main_contact_datas .col-lg-4.order-lg-2 {
        display: flex;
        padding-left: 0;
        padding-right: 0;
        border-top: 1px solid #1e1e1e;
        border-bottom: 1px solid #1e1e1e;
    }

    .main_contact_datas .col-lg-4.order-lg-2 .contact_data {
        box-sizing: border-box;
        display: flex;
        width: auto;
        padding: 18px 2vw;
        margin-bottom: 0;
    }

    .main_contact_datas .col-lg-4.order-lg-2 .contact_data:first-child {
        order: 2;
        flex: 0 0 60%;
    }

    .main_contact_datas .col-lg-4.order-lg-2 .contact_data+.contact_data {
        order: 1;
        flex: 0 0 40%;
        border-right: 1px solid #1e1e1e;
    }
}

@media only screen and (max-width: 767px) {
    .w-80p {
        width: 100%;
    }

    .m-h-25 {
        height: 25px !important;
    }

    .mb-pb-0 {
        padding-bottom: 0 !important;
    }

    .product_collection_lists.m-expand .product_items_data {
        width: 100% !important;
    }

    .product_luxury .product_collection_lists.m-expand .product_collection_contents {
        margin-top: 0 !important;
    }

    #main_desktop_menu {
        display: none;
    }

    .booking_success_secs {
        display: none;
    }

    .desktop-d-none {
        display: block !important;
    }

    .iframe-adjust iframe {
        width: 100% !important;
        height: 327px !important;
    }

    .iframe-adjust .end-area {
        width: 100% !important;
    }

    .iframe-adjust .px-3 {
        padding: 0 !important;
    }

    .iframe-adjust .watched_book_repairs {
        margin-top: 30px !important;
    }

    .iframe-adjust a:hover {
        color: #fff !important;
    }

    .iframe-adjust .schedule_heading {
        padding: 0 !important;
    }

    .span-adjust span {
        margin-bottom: 10px !important;
    }

    .product-main {
        padding-top: 17px;
    }

    .my-bag-popup .modal-dialog {
        margin-right: 0px;
    }

    .flex-offcanvas .offcanvas-header {
        top: 5px;
        right: 5px;
    }

    .product_collection_lists .product_items_data {
        width: 50% !important;
    }

    .product_collection_lists .product_items_data.prdct_img_grid {
        width: 100% !important;
    }

    .product-main .breadcrumbs {
        margin-bottom: 17px;
        overflow-x: auto;
        overflow-y: hidden;
        direction: rtl;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .product-main .breadcrumbs::-webkit-scrollbar {
        display: none;
    }

    .product-main .breadcrumbs ul {
        direction: ltr;
        flex-wrap: nowrap;
        width: max-content;
    }

    .order_success_secs {
        height: 403px;
    }

    .bottom_support_datas {
        padding-top: 0px;
    }

    .categorybox a img {
        height: 220px;
    }

    .mobile_service_banner_content {
        margin-bottom: 5px;
    }

    .desktop-only {
        display: none !important;
    }

    .home_topcategory .sectiontitle a {
        font-size: 14px;
        font-weight: 500;
    }

    .faq-mobile-nav .swiper-button-prev,
    .faq-mobile-nav .swiper-button-next {
        color: #000;
        width: auto;
    }

    .main_blog_data_sec .blog_navigation {
        margin-top: 25px;
        margin-bottom: 0px;
    }

    .main_blog_data_sec {
        padding-bottom: 40px;
    }

    .blog_img {
        display: block;
        /* border-radius: 8px; */
        overflow: hidden;
    }

    .faqs_headings {
        margin-bottom: 45px;
    }

    .faqs_headings p {
        display: none;
    }

    .faq-mobile-nav .swiper-button-prev:after,
    .faq-mobile-nav .swiper-button-next:after {
        font-size: 14px;
    }

    .faq_tabs_main .nav-pills .nav-link {
        border-radius: 8px;
        background: #f3f5f6;
    }

    .faq_tabs_main .nav-pills .nav-link.active,
    .faq_tabs_main .nav-pills .nav-link:hover {
        background: #000000;
        box-shadow: 0px 4px 15px 0px #00000020;
        color: #ffffff;
        font-weight: 700;
    }

    .mobile_search button {
        padding: 0px;
    }

    .mt-45 {
        margin-top: 0px;
    }

    .mb-45 {
        margin-bottom: 0px;
    }

    .seactionbanner p {
        font-weight: 400;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
    }

    .aboutinfo .offcanvas-header,
    .detailinfo .offcanvas-header {
        top: 21px;
    }

    .aboutinfo .offcanvas-body,
    .detailinfo .offcanvas-body {
        margin-top: 85px;
    }

    .mobilesideheading {
        font-weight: 500;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
        color: #000;
        margin-bottom: 34px;
    }

    .featured_in_secs {
        padding-bottom: 45px;
    }

    .watch_repair_contents p {
        min-height: 40px !important;
        height: auto !important;
    }

    .watch_repair_contents p.h-25 {
        min-height: 25px !important;
        height: auto !important;
    }

    .about-us-section .watch_repair_contents p {
        height: auto !important;
    }

    .shop_branded_jewellery_secs.bg_column_watch {
        height: auto;
        min-height: 480px;
    }

    .unlock_watch_content {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .service_details_banner {
        background: none !important;
        border-bottom: none;
    }

    .book_repair_data {
        padding-top: 0px;
    }

    .book_repair_data {
        margin: 30px 0;
    }

    .tdb-service-withoutbanner {
        margin-top: 17px;
    }

    .tdb-service-withoutbanner .repair_banner_contents h1 {
        max-width: 245px;
    }

    .service-form-heading {
        margin-bottom: 33px;
        font-weight: 400;
        font-size: 16px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
    }

    .serivce-repaire-banner .container {
        position: relative;
        left: 0;
        transform: none;
        top: -50px;
        margin: 0px 0;
    }

    .serivce-repaire-banner .breadcrumbs {
        padding: 17px 0;
    }

    .service_details_banner img {
        height: 271px;
        object-fit: cover;
    }

    .service_details_banner .breadcrumbs {
        padding: 17px 0;
    }

    .serivce-repaire-banner {
        height: 180px;
        margin-top: 50px;
        width: 90%;
        margin: auto;
        margin-top: 45px;
    }

    .watched_jewellery_secs_data {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #pills-tabContent #pills-tab {
        display: none;
    }

    .watched_jewellery_secs_data .container {
        padding: 0px;
    }

    .serivce-repaire-banner .container .breadcrumbs li,
    .serivce-repaire-banner .container .breadcrumbs li a {
        color: #000;
    }

    .service_payment {
        padding: 0px;
        background: none !important;
        margin-bottom: 30px;
    }

    .service_payment h2 {
        color: #000;
        font-weight: 400;
        font-size: 16px;
        margin: 0px;
    }

    .service_payment p {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        color: #373b3ca8;
        margin-top: 5px;
    }

    .service_payment:before {
        display: none;
    }

    .service_payment img {
        display: block;
        margin-bottom: 30px;
        height: 347px;
        object-fit: cover;
    }

    .featured_logos img {
        height: auto;
        flex: 0 0 20%;
    }

    .bottom_banner_foots {
        display: none;
    }

    .banner_featured_img img {
        height: 400px;
        object-fit: cover;
    }

    .banner_content_parts {
        padding: 19px 5% 85px;
    }

    .home_banner .custom_owl_navigation {
        padding: 0px 20px;
        bottom: 50px !important;
    }

    .home_banner .custom_owl_navigation .custom-nav {
        justify-content: space-between;
    }

    .container {
        padding: 0px 5%;
    }

    .jewellery_shop_contents.watch_repair_contents.m-adjust {
        padding-bottom: 0 !important;
        margin: 0px auto !important;
    }

    .jewellery_shop_contents.watch_repair_contents.m-adjust .custom_owl_navigation {
        margin-top: 0px !important;
    }

    .featured_in_secs .container {
        padding-right: 0px;
    }

    .watch_repair_contents p {
        font-size: 14px;
        height: auto !important;
    }

    .watch_repair_contents h2 {
        font-size: 16px;
    }

    .about-us-section .watch_repair_contents p {
        line-height: 120%;
    }

    a.btn_links {
        font-size: 14px;
    }

    .watch_repair_contents.about-get-directions .about-visit-mobile h2 {
        margin-bottom: 5px;
    }

    .watch_repair_contents.about-get-directions .about-visit-mobile .btn_links {
        font-size: 14px;
    }

    .about-paragraph-spacing {
        margin-top: 10px;
    }

    .watch_repair_img img {
        width: 100%;
    }

    .prct_content_infos {
        padding: 14px;
        gap: 14px;
    }

    .watch_repair_services_secs .swiper-slide img,
    .shop_branded_jewellery_secs .swiper-slide img {
        height: auto !important;
        max-height: 361px !important;
    }

    .shop_branded_jewellery_secs .watch_repair_contents,
    .watch_repair_services_secs .watch_repair_contents {
        gap: 15px;
        padding-top: 20px;
        max-width: 100%;
        min-height: auto;
    }

    .watch_repair_contents {
        padding: 30px 0;
    }

    .watch_repair_contents .custom-nav {
        padding-top: 25px;
    }

    /*.watch_repair_services_secs .watch_repair_contents .btn_links,
.shop_branded_jewellery_secs .watch_repair_contents .btn_links{
  display: none;
}*/
    .shop_branded_jewellery_secs .swiper-slide .jewellery_prev img,
    .shop_branded_jewellery_secs .swiper-slide .jewellery_next img,
    .shop_branded_jewellery_secs .swiper-slide .jewellery_prev2 img,
    .shop_branded_jewellery_secs .swiper-slide .jewellery_next2 img,
    .watch_repair_services_secs .swiper-slide .middle_banner_2_prev img,
    .watch_repair_services_secs .swiper-slide .middle_banner_2_next img {
        height: 26px !important;
    }

    .jewellery_shop_contents.watch_repair_contents .see_more_btn {
        margin-top: 10px;
        position: relative;
        right: auto;
    }

    .shop_branded_jewellery_secs.bg_column_watch .jewellery_shop_contents.watch_repair_contents .see_more_btn {
        margin-top: 15px;
        position: relative;
        right: auto;
    }

    .jewellery_shop_contents.watch_repair_contents .see_more_btn a {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
    }

    .luxury_watches_secs {
        padding: 15px 0;
    }

    .prdct_img img {
        height: 237px;
        object-fit: cover;
    }

    .luxury_watches_secs .watches_content_cols {
        gap: 5px;
    }

    .jewellery_shop_contents.watch_repair_contents .see_more_btn a img {
        display: inline-block;
        height: 26px !important;
    }

    .jewellery_workshop_secs [class*="col-lg-"]:last-child {
        order: unset;
    }

    .luxury_prdct_content {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .shop_branded_jewellery_secs .custom-nav {
        display: flex;
        align-items: center;
        gap: 20px;
        border-top: none;
        width: 100%;
        padding-top: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        justify-content: space-between;
    }

    .shop_branded_jewellery_secs .custom_owl_navigation {
        position: relative !important;
        bottom: auto;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .shop_branded_jewellery_secs .inner_jewellery_slider .row {
        flex-direction: column;
    }

    .shop_branded_jewellery_secs .inner_jewellery_slider .col-12.col-md-6 {
        width: 100%;
        max-width: 100%;
    }

    .shop_branded_jewellery_secs .see_more_btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .luxury_watches_secs::before {
        display: none;
    }

    .inner_foot_conts {
        /* gap: 45px; */
        flex-direction: column;
    }
    
    .footer_copyright {
        max-width: 100%;
        position: unset;
        margin-top: 0px;
    }

    .payment_method {
        display: flex;
        justify-content: flex-start;
    }

    .footer_copyright p {
        text-align: left;
    }

    .finance_available_datas {
        margin-bottom: 30px;
    }

    .left_footer_data {
        width: 100%;
    }

    .luxury_prdct_content p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .luxury_prdct_content h2 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .watches_content_cols {
        gap: 30px;
    }

    .luxury_watches_btns a.btn_links {
        font-size: 12px;
    }

    .prdct_img {
        position: relative;
    }

    .prdct_img::before {
        width: calc(100% + 40px);
        position: absolute;
        height: 109px;
        z-index: -1;
        top: auto;
        content: "";
        bottom: 0;
        left: -20px;
    }

    .user_account_data {
        display: flex;
        gap: 40px;
        display: none;
    }

    .header_icons {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .mobile_logo {
        display: block;
    }

    .middle_header {
        display: none;
    }

    .inner_header_data {
        grid-template-columns: repeat(2, 1fr);
    }

    .menu_data {
        display: none;
    }

    .mobile_logo img {
        height: 30px;
        width: auto;
        image-rendering: -webkit-optimize-contrast;
        transform: translateZ(0);
    }

    header.main_header>.container {
        padding: 15px 5%;
    }

    .trust_badges {
        gap: 8px;
    }

    .home_banner_mobile_content {
        display: block;
    }

    .breadcrumbs {
        /*margin-top: 15px;
    margin-bottom: 15px;*/
        margin-bottom: 30px;
    }

    .jump_brands {
        justify-content: flex-end;
        margin-top: 0px;
        justify-content: center !important;
    }

    .title_banner p {
        font-size: 14px;
    }

    .inner_category_data {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .collection_contents {
        padding: 15px 20px;
    }

    .category_list_cols {
        padding: 0px;
    }

    .collection_contents p {
        font-size: 14px;
    }

    .coll_lists {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }

    .coll_items_data ul li {
        margin-bottom: 0;
        border: 1px solid #1e1e1e;
        padding: 20px;
        border-bottom: 0px;
    }

    .coll_items_data ul li:nth-child(2n + 1) {
        border-right: 0px;
        border-left: none;
    }

    .coll_items_data ul li:nth-child(2n + 2) {
        border-right: none;
    }

    .coll_items_data ul li:last-child {
        border-right: 1px solid #1e1e1e;
        border-bottom: 1px solid #1e1e1e;
    }

    .coll_items_data ul li:nth-last-child(2) {
        border-bottom: 1px solid #1e1e1e;
    }

    .coll_items_data ul li:not(:last-child) {
        margin-bottom: 0px;
    }

    .product_collection_lists {
        margin: 30px -20px 30px;
        display: flex;
        row-gap: 0;
        flex-wrap: wrap;
        width: calc(100% + 40px);
    }

    .product_items_data {
        width: 100%;
    }

    .top_product_select {
        flex-wrap: wrap;
    }

    .top_short_banner {
        padding: 0px 0px 0;
    }

    .prdct_grid_banner img {
        height: 180px;
        object-fit: cover;
    }

    .product_items_data.prdct_img_grid {
        width: 100%;
    }

    .heading_data p {
        font-size: 14px;
    }

    .book_repair_data img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .repair_banner_contents h1 {
        font-size: 24px;
    }

    .repair_banner_contents p {
        font-size: 16px;
        color: #373b3ca8;
        font-weight: 400;
    }

    .unlock_repair_secs {
        margin-bottom: 0px;
    }

    .repair_watch_form {
        margin: 30px auto 0px;
    }

    .inner_how_works_lists {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        overflow: hidden;
    }

    .jewellery_cleaning_datas {
        margin: 30px 0;
    }

    .jewellery_cleaning_datas .left_cleanings_data h2 {
        font-size: 16px;
    }

    .faq_left_maps h2 {
        font-size: 16px;
    }

    /* .question_answers_opens:nth-child(3n-2) {
        background: #fff;
    }

    .question_answers_opens:nth-child(2n-1) {
        background: #f8f8f8;
    } */

    .faq_conts_data p {
        font-size: 14px;
        max-width: 100%;
    }

    .faq_conts_data h3 {
        font-size: 14px;
    }

    .question_answers_opens {
        /* padding: 20px; */
    }

    .right_cleaning_data {
        display: none;
    }

    .left_cleanings_data p {
        font-size: 14px;
        max-width: 100%;
    }

    .visit_us a {
        font-size: 14px;
    }

    .service_details_faqs {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .service_faqs_right.inner_faq_data {
        margin-top: 10px;
    }

    .faq_left_maps iframe {
        margin: 10px 0px 15px;
    }

    .srvice_details_conts_datas {
        padding: 0px 0px 23px 0px;
    }

    .how_it_works_datas h2 {
        font-size: 16px;
        font-weight: 400;
    }

    .mobile_service_banner_content {
        display: block;
        padding-top: 45px;
    }

    .upper_service_details_data p {
        margin: 0;
        font-size: 14px;
        color: rgb(55 59 60 / 66%);
    }

    .upper_service_details_data h1 {
        font-size: 24px;
        color: #000;
    }

    .upper_service_details_data {
        margin-bottom: 45px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 5px;
        text-align: left;
    }

    .inner_service_details {
        max-width: 100%;
        display: none;
    }

    .mobile_service_banner_content .inner_service_details {
        display: block;
        text-align: center
    }

    .service_details_banner {
        padding: 0;
        background: none;
        height: auto;
    }

    .service_details_banner .container {
        height: auto;
    }

    .service_details_banner .breadcrumbs ul li a,
    .service_details_banner .breadcrumbs ul li {
        color: #000;
    }

    .inner_404_conts {
        gap: 0px;
        flex-direction: column;
    }

    .service_payment {
        margin-bottom: 30px;
    }

    .left_404_data {
        width: 100%;
        text-align: center;
        height: 440px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .main_404_errors_data {
        padding: 0px 0px 0px;
    }

    .right_404_data.contact_support_infos {
        width: 100%;
        max-width: 100%;
    }

    .buttonslist {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 49px;
        padding: 0px 20px;
    }

    .main_404_errors_data .container,
    .bottom_support_datas .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .right_404_data {
        padding-top: 49px;
        background: #fff;
    }

    .right_404_data:before {
        content: "";
        width: 100%;
        display: block;
        margin: 0px 20px 49px;
        width: calc(100% - 40px);
        border: 1px solid #1e1e1e;
    }

    .right_404_data h5,
    .right_404_data p {
        padding: 0px 20px;
    }

    .thank_you_message h1 {
        font-size: 18px;
        font-weight: 500;
    }

    .thank_you_message h5.order_nums {
        font-size: 14px;
        font-weight: 400;
    }

    .thank_you_message h5.order_nums.light-text {
        color: #373b3ca8;
    }

    .confirmation_message {
        font-size: 14px;
    }

    .order_success_secs {
        padding: 42px 0px;
        background-size: cover;
        background-position: center;
    }

    .blog_lists_data {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blog_conts p {
        font-size: 14px;
    }

    .inner_main_headings h1 {
        font-size: 24px;
    }

    .inner_main_headings p.date_time {
        font-size: 14px;
    }

    .main_blog_imgs {
        margin: 20px 0px 0px;
    }

    .main_blog_details_datas {
        padding: 0px 0px 20px;
    }

    .inner_blog_contents p {
        font-size: 14px;
    }

    .subcategories_datas.faq_categories_datas {
        display: none;
    }

    .faq_categories_datas ul {
        list-style-type: none;
        padding: 0;
        margin: 0px 0px 20px;
        display: flex;
        border-bottom: none;
        gap: 5px;
    }

    .faq_categories_datas ul li a {
        border-radius: 8px;
    }

    .main_repair_btn {
        margin-top: 30px;
        max-width: 100%;
    }

    .experience_lists li {
        font-size: 14px;
    }

    .experience_lists li::before {
        top: 50%;
    }

    .gallery-thumbs {
        display: none;
    }

    .product-main-inner .col-lg-7 {
        width: 50%;
    }

    .product-main-inner .col-lg-4 {
        width: 50%;
    }

    .gallery-main {
        width: 100%;
        height: auto;
        overflow: visible;
        aspect-ratio: unset;
    }

    .checkout-main {
        flex-direction: column-reverse;
        background: #fff;
        gap: 30px;
    }

    .checkbox-new-right {
        display: flex;
        flex-direction: column-reverse;
    }

    .checkout-img-list {
        padding: 0px;
    }

    .checkout-img-list li:not(:last-child) {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .checkbox-new-right img {
        height: 145px;
    }

    .checkout-pop-left .modal-title {
        display: none;
    }

    /* Show finance modal title on mobile */
    .finance-modal .checkout-pop-left .modal-title {
        display: block !important;
        text-align: left !important;
    }

    .pricing_datas+h6 {
        display: none;
    }

    .mobile-header-checkout {
        align-items: center;
        gap: 20px;
        margin-bottom: 30px;
    }

    .mobile-header-checkout h2 {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #000;
        white-space: nowrap;
    }

    .mobile-header-checkout .checkout-devider {
        width: 100%;
        height: 1px;
        background: #e4e4e4;
    }

    .mobile-header-checkout .checkout-amount {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mobile-header-checkout .checkout-amount strong {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #000;
        white-space: nowrap;
    }

    .mobile-header-checkout .checkout-amount span {
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        white-space: nowrap;
        letter-spacing: 0%;
        color: #000;
    }

    .mobile-header-checkout .checkout-amount a {
        text-decoration: none;
        display: inline-block;
        line-height: 0;
    }

    .checkout-pop-left,
    .checkout-pop-right {
        width: 100%;
    }

    .checkout-payment-details {
        padding: 0px 0px 13px;
    }

    .checkout-popup .modal-dialog {
        max-width: 84%;
    }

    .product-main-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 30px;
        display: flex;
        flex-direction: column-reverse;
    }

    .slider-arrowscustom {
        margin-top: 30px;
    }

    .gallery-main .swiper-wrapper,
    .gallery-main .swiper-slide {
        height: 393px;
    }

    .gallery-main .swiper-slide img {
        height: 100%;
        width: 100%;
        margin-left: 0;
        object-fit: cover;
        object-position: center;
    }

    .product-slider {
        flex: 1 1 100%;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }

    .product-details {
        flex: 1 1 100%;
        width: 100%;
        margin-top: 0px;
    }

    .my-bag-popup .modal-dialog {
        max-width: 100%;
    }

    .checkout-popup .modal-dialog {
        max-width: 100%;
        margin: 0px;
        border-radius: 0px;
    }

    /*.product-slider {
    width: 100%;
  }

  .product-details {
    width: 100%;
  }*/

    .top_banner_heads h1 {
        font-size: 28px;
    }

    .top_banner_heads p {
        font-size: 14px;
        font-weight: 400;
    }

    .top_left_infos a.links {
        text-decoration: none;
    }

    .seaction_page_heading h2,
    .single-page-content h2 {
        font-size: 24px;
        font-weight: 500;
    }

    .seaction_page_heading h4 {
        font-size: 16px;
        font-weight: 500;
    }

    .about-us-section.seaction_page_heading h4 {
        text-transform: none;
    }

    .single-page-content h4 {
        font-weight: 400;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .content-spacing p,
    .content-spacing ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

    .content-spacing ul li strong {
        font-size: 14px;
        line-height: normal;
        font-weight: 500;
    }

    .content-spacing ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .repair_banner_contents {
        gap: 15px;
    }

    .repair_watch_bottom_conts {
        padding-top: 30px;
        margin-bottom: 3px;
    }

    .product_luxury ul {
        margin-bottom: 30px;
        gap: 30px;
    }

    .product_luxury ul li {
        gap: 30px;
    }

    .product_luxury ul li:nth-child(2):after {
        display: none;
    }

    .product_luxury ul li:last-child {
        width: 100%;
    }

    .product_luxury .product_collection_lists {
        gap: 0px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-top: 30px !important;
    }

    .product_luxury .product_collection_lists .product_items_data {
        display: flex;
        background: transparent;
        padding: 0px;
        align-items: center;
        flex-direction: row;
    }

    .product_luxury .product_collection_lists .product_items_data .product_collection_image {
        width: 50%;
        background: #fff;
        height: 197px;
    }

    .product_luxury .product_collection_lists .product_collection_contents {
        flex-direction: column;
        width: 50%;
        gap: 15px;
    }

    .product_luxury .product_collection_lists .product_items_data:nth-child(2n) .product_collection_image {
        order: 2;
    }

    .product_luxury .product_collection_lists .product_collection_contents h3 a {
        font-size: 16px;
        font-weight: 400;
    }

    section.product_grid_data_secs {
        overflow-x: hidden;
    }

    section.product_grid_data_secs.py-45.d-block.w-100 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .product_collection_contents {
        display: flex;
        gap: 15px;
        flex-direction: column;
        padding: 0 4%;
    }

    .product_collection_contents h3 a {
        font-size: 14px;
        font-weight: 500;
    }

    .price_value {
        font-size: 14px;
        font-weight: 700;
    }

    .price_value span {
        font-size: 14px;
        font-weight: 400;
    }

    .prodcutadd-full-img-mob {
        width: 100%;
        margin: 15px 0 0px;
    }

    .product-add-content-mob {
        width: 100%;
        background: #fff;
        padding: 0px 20px;
    }

    .product-add-content-mob .pre-owned_watches {
        background: none;
        padding: 15px 0;
    }

    .product-add-content-mob .pre-owned_watches>a {
        display: none;
    }

    .top_pre_owned {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .product_luxury .product_collection_lists .product_collection_contents .price_value {
        display: flex;
        width: 100%;
        text-align: left;
        font-weight: 400;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
        color: #373b3ca8;
        flex-direction: row;
        justify-content: flex-start;
        gap: 3px;
    }

    .product_luxury .product_collection_lists .product_collection_contents .pricing_conts {
        width: 100%;
        text-align: left;
    }

    .product_luxury .product_collection_lists .product_collection_contents .price_value span {
        display: inline-block;

        font-weight: 400;
        font-size: 14px;
        /*line-height: 100%;*/
        line-height: normal;
        letter-spacing: 0;
        color: #373b3ca8;
    }

    section.product_luxury.py-45 {
        padding-bottom: 0px;
        padding-top: 30px;
    }

    .watched_jewellery_secs_data {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .pr-20 {
        padding-right: 20px;
    }

    .service_top_head {
        padding: 17px 0 45px;
    }

    .faq_tabs_main .nav-pills {
        gap: 10px;
        border-bottom: 0;
    }

    .book_repaire_form .container,
    .book_repaire_form .container .row .col-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .book_repaire_form .container .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .submit_data {
        padding: 0px 20px;
    }

    .book_repaire_form .form-group label {
        font-weight: 500;
        font-size: 14px;
        padding: 0px 20px;
    }

    .book_repaire_form .form-group label.lable-mobile {
        font-size: 14px;
    }

    .single-page-content {
        padding-bottom: 30px;
    }

    .single-page-content .container,
    .single-page-content .container .row .col-12 {
        padding: 0px;
    }

    .single-page-content .container .row {
        margin: 0px;
    }

    .seaction_heading {
        padding: 0px 20px;
    }

    .content-spacing p {
        padding-left: 20px;
        padding-right: 20px;
    }

    .content-spacing h5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mb-md-30f {
        margin-bottom: 30px !important;
    }

    .book_repaire_form h3 {
        font-size: 21px;
        font-weight: 500;
    }

    .book_repaire_form .form-group a {
        font-size: 14px;
        font-weight: 500;
    }

    .book_repaire_form .form-group .custom-checkbox label {
        font-size: 14px;
        font-weight: 400;
        padding: 30px 20px 0;
    }

    .productinfo .productinfo-content h2 {
        font-size: 16px;
        font-weight: 400;
    }

    .productinfo .productinfo-content h2 span {
        font-size: 16px;
        font-weight: 700;
    }

    .productinfo {
        padding: 0px 20px;
    }

    .productinfo .productinfo-content p {
        font-size: 14px;
    }

    .productinfo~.form-group {
        padding: 0px 20px;
    }

    .productpricing {
        padding: 0px 20px;
    }

    .book_repaire_form .form-group table th,
    .book_repaire_form .form-group table td {
        font-size: 14px;
    }

    .book_repaire_form .form-group p,
    .book_repaire_form .form-group ul li a {
        font-size: 14px;
    }

    .book_repaire_form .form-group h4 {
        font-size: 14px;
    }

    .service_top_head.servicepage-breadcrumb {
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .service_top_head.servicepage-breadcrumb .breadcrumbs {
        margin-bottom: 17px;
    }

    .jewellery_cleaning_datas .repair_btn {
        display: none;
    }

    .unlock_how_works .faq_conts_data h3 {
        font-size: 14px;
        font-weight: 400;
    }

    .unlock_watch_content {
        padding: 30px 20px;
    }

    .featured_in_secs.unlock_watch_feature .inner_jewellery_data h2 {
        font-size: 16px;
        font-weight: 400;
    }

    .unlock_watch_faq-label {
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        margin-bottom: 15px !important;
    }

    .unlock_faq_datas .watched_book_repairs {
        margin-top: 15px;
    }

    .unlock_faq_datas .watched_book_repairs.thetimes {
        display: inline-flex;
        margin-bottom: 0px;
        width: 100%;
    }

    .watched_book_repairs .repair_btn {
        width: 100%;
        text-align: center;
    }

    .sectionheading {
        padding: 15px 20px;
        font-weight: 400;
        font-size: 21px;
        font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    }

    .searvicetype1 img {
        height: auto;
        margin-top: 60px;
    }

    .searvicetype1 h1 {
        max-width: 100% !important;
        font-size: 24px;
        font-weight: 500;
    }

    .searvicetype1 p {
        font-weight: 400 !important;
    }

    .searvicetype1 .main_repair_btn {
        margin-top: 55px;
    }

    .jewellery_cards_data img {
        height: 288px;
        object-fit: cover;
        width: 90%;
    }

    .coll_lists {
        width: calc(100% + 40px);
        margin: -20px;
    }

    .productgrid-list .product_collection_lists {
        row-gap: 15px;
    }

    .productgrid-list {
        padding-bottom: 30px;
    }

    .product_collection_lists .product_items_data .product_collection_image,
    .latest_jewellery_slides .jewellery_item_datas .inn_prdct_img {
        height: 210px;
    }

    .product-slider {
        overflow: visible;
    }

    .checkout-popup-second.show {
        position: unset;
    }

    .checkout-popup-second.show~.modal-backdrop {
        display: none !important;
    }

    .product-details-info-short h2 {
        margin-bottom: 0px;
    }

    .product-details-info-short {
        display: flex;
        align-items: center;
        /* padding-top: 20px;    */
        color: #000;
    }

    .product-details-info-short .product-name {
        border-right: 1px solid #1e1e1e;
        padding: 20px 0;
        padding-right: 10%;
        font-size: 21px !important;
    }

    .product-details-info-short .product-price {
        font-family: "Freight Sans", "Open Sans", sans-serif;
        font-weight: 300;
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        width: auto;
    }

    .product-description {
        margin-block: 30px;
    }

    .productgrid {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .productgrid .title_banner h1 {
        gap: 15px;
    }

    .mt-17mb {
        padding: 17px 20px 15px 20px;
        margin-bottom: 0px;
    }

    .product-count {
        margin-top: 15px;
    }

    .top_pre_owned h2 {
        font-size: 14px;
        font-weight: 500;
    }

    .top_pre_owned p {
        color: #373b3ca8;
        font-size: 10px;
    }

    .pre-owned_watches a {
        font-size: 14px;
        font-weight: 400;
    }

    .prdct_grid_img_conts .pre_owned_img img {
        height: 314px;
    }

    .product_items_data .main_faq_page_accordion {
        display: none;
    }

    .details_slider .product_collection_lists {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .details_slider .product_collection_lists .product_items_data {
        width: 100% !important;
        border: 1px solid #1e1e1e;
        border-right: none;
        padding: 10px 0px;
    }

    .details_slider .product_collection_lists .product_items_data:nth-child(1),
    .details_slider .product_collection_lists .product_items_data:nth-child(2) {
        border-bottom: none;
    }

    .checoutscreen .product-main-inner,
    .checoutscreen .faq_data_secs,
    .checoutscreen .latest_jewellery_secs {
        display: none;
    }

    .checoutscreen {
        display: flex;
        flex-direction: column;
    }

    .checoutscreen .main_header {
        order: 1;
    }

    .checoutscreen .product-main {
        order: 2;
    }

    .checoutscreen .checkout-popup-second.show {
        order: 3;
    }

    .checoutscreen .footer-top {
        order: 4;
    }

    .checoutscreen .main_footer {
        order: 5;
    }

    .footer-top {
        padding: 24px 0 !important;
    }

    .right_footer_data {
        max-width: 100% !important;
    }

    .product-finance-details {
        margin-top: 30px;
        padding: 45px 19px;
        margin-left: -20px;
        width: calc(100% + 40px);
        margin-bottom: 30px;
    }

    .mobile-filterproduct {
        padding: 15px 0;
    }

    .selecte-list {
        gap: 10px;
        overflow: auto;
        display: none !important;
    }

    .selecte-list .filterselected {
        border-radius: 8px;
        padding: 10px 20px;
        gap: 10px;
        background: #373b3c;
        box-shadow: 0px 4px 15px 0px #00000020;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #fff;
        display: inline-flex;
        white-space: nowrap;
    }

    .filter-panels {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .filter-panels .inputcheck {
        padding: 30px 20px;
        border-bottom: 1px solid #1e1e1e;
    }

    .filter-panels .primary-menu-panel button.menu-link,
    .filter-panels .menu-panel button.menu-link {
        display: flex;
        align-items: center;
        padding-right: 80px;
        justify-content: space-between;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
    }

    .filter-panels .menu-panel button.menu-link {
        padding-right: 20px;
    }

    .filter-panels .primary-menu-panel button.menu-link span,
    .filter-panels .menu-panel button.menu-link span {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        color: #373b3ca8;
    }

    .filter-panels .menu-panel .range-container {
        width: 100%;
        background: none;
        display: flex;
        flex-direction: column;
        padding-top: 129px;
        padding-bottom: 129px;
    }

    .filter-panels .menu-panel ul li.selected a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filter-panels .menu-panel .range_updates {
        display: flex;
        width: 100%;
        padding: 0px 20px;
        margin-bottom: 30px;
    }

    .filter-panels .menu-panel .update-btn {
        background: #ebeded !important;
        width: 100%;
        height: 50;
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #000;
    }

    .filter-panels .menu-panel {
        display: none;
    }

    .filter-panels .menu-panel.is-active {
        display: block;
    }

    .filter-panels .primary-menu-panel.is-notactive {
        display: none;
    }

    .unlock-value-of-jewelley-trustpilot {
        padding-left: 0 !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 575px) {
    .main_repair_btn .repair_btn {
        max-width: 100%;
    }

    .image262 {
        height: 262px;
        object-fit: cover;
    }

    .main_repair_btn .repair_btn {
        width: 100%;
        text-align: center;
        display: block;
    }

    .contact_data h2 {
        margin-bottom: 15px;
        font-size: 32px;
    }

    .blog_img img {
        height: 236px;
        object-fit: cover;
    }

    .repair_watch_form .form-group {
        margin-bottom: 15px;
    }

    .repair_watch_form .submit_data {
        padding: 0px;
    }

    .cleaning_images img:last-child {
        max-width: 200px;
    }

    .cleaning_images {
        justify-content: space-between;
        gap: 0px;
    }

    .trust_badges {
        width: 120%;
    }

    .trust_badges img {
        height: 16px;
        width: 50%;
        max-width: none;
        object-fit: contain !important;
    }

    .left_head_data {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 8px;
    }

    /* Mobile Filter Panel Styles - Commented out since inline styles in grid-page.blade.php handle this */
    /*
.mobile-filter-panel {
    position: fixed !important;
    top: 0 !important;
    left: -100% !important;
    width: 300px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transition: left 0.3s ease-in-out !important;
    overflow-y: auto;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    display: none; 
  }

  .mobile-filter-panel.open {
    left: 0 !important;
  }
  */

    .mobile-filter-header {
        padding: 20px;
        border-bottom: 1px solid #e5e5e5;
        background: #f8f9fa;
    }

    .mobile-filter-header h3 {
        margin: 0;
        font-weight: 600;
        font-size: 1.1rem;
    }

    .mobile-filter-header .btn-close {
        background: none;
        border: none;
        font-size: 1.5rem;
        color: #666;
        cursor: pointer;
        padding: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

    .mobile-filter-header .btn-close:hover {
        background: #f0f0f0;
        color: #000;
    }

    .mobile-breadcrumbs {
        padding: 15px 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .mobile-breadcrumbs .d-flex {
        align-items: center;
    }

    .mobile-breadcrumbs .btn-close {
        background: none;
        border: none;
        font-size: 1.2rem;
        color: #6c757d;
        cursor: pointer;
        padding: 5px;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-breadcrumbs .btn-close:hover {
        background: #f0f0f0;
        color: #000;
    }

    .mobile-breadcrumbs .breadcrumbs ul {
        font-size: 0.875rem;
    }

    .mobile-breadcrumbs .breadcrumbs a {
        color: #6c757d;
    }

    .mobile-breadcrumbs .breadcrumbs a:hover {
        color: #000;
    }

    .mobile-product-count {
        margin-top: 8px;
    }

    .mobile-product-count .product-count {
        font-size: 0.875rem;
        color: #6c757d;
        margin: 0;
    }

    /* Mobile full-width header elements */
    @media (max-width: 767.98px) {

        .brand-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /* border: 1px solid #1E1E1E; */
        }

        .brand-container .product-icons-f {
            border-right: 1px solid #1E1E1E;
            padding: 20px;
            padding-right: 10%;
        }


        .brand-container h4 {
            margin-bottom: 0;
        }

        .container .brand-container {
            position: relative;
        }

        .container .brand-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100vw;
            height: 1px;
            background: currentColor;
            z-index: 1;
        }

        .container .brand-container::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100vw;
            height: 1px;
            background: currentColor;
            z-index: 1;
        }

        .product-header-row .col-lg-8,
        .product-header-row .col-md-7 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
        }

        .product-header-row .col-lg-4,
        .product-header-row .col-md-5 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            margin-top: 15px;
        }

        .product-header-row .jump_brands {
            justify-content: flex-start !important;
        }

        .product-header-main {
            width: 100%;
        }

        .mobile-product-count {
            width: 100%;
        }

    }

    .right_head_data {
        gap: 20px;
    }

    .top_left_infos {
        gap: 20px;
    }

    .inner_jewellery_data h2 {
        margin-bottom: 30px;
    }

    .see_more_btn {
        margin-top: 30px;
    }

    .see_more_btn img {
        display: none;
    }

    .latest_jewellery_secs {
        padding: 30px 0px 30px;
    }

    .latest_jewellery_secs.shop-in-stock {
        padding-top: 0;
    }

    .product-main-faqs h2 {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 700px;
    }

    .inner_foot_rows {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main_category_secs {
        background: #fff;
        padding: 0;
    }

    .inner_category_data {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }

    .collection_img img {
        /* height: 221px; */
    }

    .main_category_secs .container {
        padding: 0;
    }

    .coll_items_data ul li {
        width: calc(100% / 2);
    }

    .inner_faq_data .accordion .accordion-item {
        margin-bottom: 0px;
    }

    .inner_faq_data .accordion {
        /* margin-left: -20px;
        margin-right: -20px; */
        overflow: hidden;
    }

    .inner_faq_data .accordion .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .inner_faq_data .accordion .row .col-lg-6 {
        padding: 0px;
    }

    .inner_service_details a.repair_btn {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        max-width: 100%;
    }

    .left_404_data h1 {
        font-size: 28px;
        /*    margin-bottom: 10px;*/
    }

    .left_404_data h4 {
        font-size: 16px;
    }

    .left_404_data p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .blog_lists_data {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 10px;
    }

    .jump_brands.collection_zump_brands {
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .contact_submit_btn button.btn.btn-primary {
        width: 100%;
    }

    .unlock_repair_secs {
        margin-top: 30px;
    }

    .lamna_clients h2 {
        font-size: 16px;
        font-weight: 400;
    }

    .experience_lists {
        /*    margin: 25px 0px 0px;*/
    }

    .inner_watch_jewellery_cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0px;
    }

    .product-main-inner {
        flex-direction: column-reverse;
        gap: 0px;
    }

    .product-main-inner .col-lg-7 {
        width: 100%;
    }

    .product-main-inner .col-lg-4 {
        width: 100%;
    }

    .product-slider {
        overflow: visible;
    }

    .product-name {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .product-price {
        font-family: "Freight Sans", "Open Sans", sans-serif;
        font-weight: 300;
        font-size: 18px;
        margin: 0px 0 20px;
    }

    .my-bag-popup .modal-dialog {
        margin: 0 0px 0 auto;
    }

    .checkout-popup .modal-dialog {
        max-width: 100%;
    }

    /* Finance Available Modal - make close button visible on tablet */
    #exampleModalToggle_availablefinace button.btn-close {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 15px !important;
        z-index: 1051 !important;
        width: 32px !important;
        height: 32px !important;
        /* background-color: #ffffff !important; */
        opacity: 1 !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

    .checkout-popup button.btn-close {
        right: 10px;
        top: 10px;
        z-index: 9;
    }

    .offcanvas {
        padding: 0px;
    }

    .offcanvas-header {
        padding: 15px 20px 15px 15px;
    }

    .offcanvas-body {
        padding: 0px 20px 20px 20px;
    }

    .watched_book_repairs .repair_btn {
        width: 100%;
        text-align: center;
        max-width: 100%;
    }
}

.schedule_heading {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 15px;
}

.schedule_content {
    font-weight: 400;
    font-size: 14px;
    /*line-height: 100%;*/
    line-height: normal;
    letter-spacing: 0;
    color: #373b3ca8;
    margin-bottom: 0px;
}

.featured_logos_slider.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.featured_logos_slider.owl-carousel .item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-container .swiper-slide a {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
}

.gallery-container .gallery-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.2s ease;
    transform-origin: center center;
}

body.offcanvas-open {
    overflow: none !important;
    height: 100%;
}

/* modal */

/* General modal improvements for all screen sizes */
.modal-dialog {
    display: flex;
    align-items: center;
    min-height: 100vh;
    justify-content: center;
    margin: 0 auto;
}

/* My-Bag popup specific positioning for large screens */
@media (min-width: 769px) {
    .my-bag-popup .modal-dialog {
        position: fixed;
        bottom: 0;
        right: -70 !important;
        margin: 0;
        max-width: 600px;
        min-height: auto;
        align-items: flex-end;
        justify-content: flex-end;
        padding: 0 70px 0 0;
    }

    .my-bag-popup .modal-content {
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
    }
}

.modal-content {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    /* border: none !important; */
    border-radius: 12px !important;
    background-color: #fff !important;
}

/* Ensure modals are centered on all devices */
.modal.show .modal-dialog {
    transform: none !important;
    margin: 0 auto !important;
}

/* Add backdrop blur effect */
.modal-backdrop {
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Enhanced modal animations */
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: scale(0.8);
}

.modal.show .modal-dialog {
    transform: scale(1);
}

/* Improve modal content spacing */
.modal-content {
    position: relative;
    z-index: 1050;
}

/* Better close button positioning */
.modal .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1051;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Medium screen modal adjustments */
@media (max-width: 768px) and (min-width: 481px) {
    .main_header {
        padding: 21px 0 !important;
    }

    .modal-dialog {
        max-width: 90% !important;
        margin: 20px auto !important;
        min-height: 100vh;
    }

    .modal-content {
        border-radius: 12px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
        border: none !important;
    }

    .checkout-popup .modal-dialog {
        max-width: 90% !important;
    }

    /* Make close button visible on all finance modals on medium screens */
    #exampleModalToggle_oldfinace button.btn-close,
    #exampleModalToggle_availablefinace button.btn-close,
    #exampleModalToggle_yourdetails button.btn-close,
    #exampleModalTogglemobilefinance button.btn-close {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 15px !important;
        z-index: 1051 !important;
        width: 32px !important;
        height: 32px !important;
        opacity: 1 !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

    .my-bag-popup .modal-dialog {
        max-width: 90% !important;
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100vh !important;
    }

    .cta-modal .modal-dialog {
        max-width: 90% !important;
    }
}

/* Small screen modal responsiveness */
@media (max-width: 480px) {

    /* increase distance from top for mobile screens */
    nav.slide-out-menu {
        bottom: 0 !important;
        border-top: 1px solid #e5e5e5;
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
    }

    /* add downward shadow to main header */
    .main_header {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        padding: 21px 0;
    }

    /* Reduce modal width and height for small screens — exclude bag modal */
    .modal-dialog:not(.my-bag-dialog) {
        max-width: 85% !important;
        margin: 20px auto !important;
        display: flex;
        align-items: center;
        min-height: 100vh;
        justify-content: center;
    }

    /* Reduce modal content height — exclude bag modal */
    .modal-content:not(.my-bag-content) {
        max-height: 70vh;
        overflow-y: auto;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
        border: none !important;
    }

    /* Add rounded borders to all modals — exclude bag modal */
    .modal-content:not(.my-bag-content) {
        border-radius: 15px !important;
    }

    /* Specific adjustments for checkout modals */
    .checkout-popup .modal-dialog {
        max-width: 95% !important;
        margin: 10px auto !important;
    }

    .checkout-main {
        padding: 15px 10px !important;
    }

    /* Reduce form spacing for small screens */
    .checkout-popup .form-group {
        margin-bottom: 15px;
    }

    .checkout-popup .row.g-3>* {
        padding: 0.5rem;
    }

    /* Adjust button sizes */
    .checkout-popup .btn {
        padding: 12px 8px;
        font-size: 14px;
    }

    /* My bag popup adjustments */
    .my-bag-popup .modal-dialog {
        max-width: 95% !important;
        margin: 10px auto !important;
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100vh !important;
    }

    .my-bag-popup .modal-content {
        border-radius: 15px !important;
    }

    /* CTA modal adjustments */
    .cta-modal .modal-dialog {
        max-width: 95% !important;
        margin: 10px auto !important;
    }

    .cta-modal .modal-content {
        border-radius: 15px !important;
    }

    /* Finance modal adjustments */
    .finance-modal .modal-dialog {
        max-width: 95% !important;
        margin: 10px auto !important;
    }

    .finance-modal .modal-content {
        border-radius: 15px !important;
    }

    /* Finance Available Modal mobile adjustments */
    /* .finance-available-modal {
        max-width: 100% !important;
        margin: 0 !important;
        width: calc(100% - 20px) !important;
    }

    .finance-available-content {
        max-height: 95vh !important;
        border-radius: 15px !important;
    }

    /* Make close button visible for finance available modal */
    #exampleModalToggle_availablefinace button.btn-close {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 15px !important;
        z-index: 1051 !important;
        width: 32px !important;
        height: 32px !important;
        /* background-color: #ffffff !important; */
        opacity: 1 !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

    #exampleModalToggle_availablefinace .modal-body {
        padding: 15px !important;
    }

    #exampleModalToggle_availablefinace .checkout-main,
    #exampleModalToggle_yourdetails .checkout-main {
        padding: 10px !important;
        gap: 0 !important;
        flex-direction: column !important;
    }

    #exampleModalToggle_availablefinace .checkout-payment-details,
    #exampleModalToggle_yourdetails .checkout-payment-details {
        margin: 0 !important;
    }

    #exampleModalToggle_availablefinace .checkout-payment-details form,
    #exampleModalToggle_yourdetails .checkout-payment-details form {
        height: auto !important;
        max-height: 55vh;
        overflow-y: auto;
        padding-right: 10px;
    }

    #exampleModalToggle_availablefinace .modal-middle-finace,
    #exampleModalToggle_yourdetails .modal-middle-finace {
        flex: unset !important;
        overflow-y: unset !important;
    }

    #exampleModalToggle_availablefinace .checkout-pop-right,
    #exampleModalToggle_yourdetails .checkout-pop-right {
        display: none !important;
    }

    /* Reduce modal header and footer padding */
    .modal-header {
        padding: 15px 15px !important;
        /* background-color: rgb(223, 218, 218); */
    }

    .modal-footer {
        padding: 15px 15px !important;
    }

    .modal-body {
        padding: 15px !important;
    }

    /* Adjust close button position for small screens */
    .modal .btn-close {
        right: 10px !important;
        top: 10px !important;
        width: 25px !important;
        height: 25px !important;
    }
}

/* ---------------------------------------------------------------
   Finance modal mobile overrides (≤767px)
   Applies to modals 2 & 3 which are also shown on mobile via
   the pre-qualification flow. Hide image panel, single column.
--------------------------------------------------------------- */
@media (max-width: 767px) {

    /* Prevent column-reverse from breaking finance modal layout */
    #exampleModalToggle_availablefinace .checkout-main,
    #exampleModalToggle_yourdetails .checkout-main {
        flex-direction: column !important;
    }

    /* Hide product image panel — not needed on mobile */
    #exampleModalToggle_availablefinace .checkout-pop-right,
    #exampleModalToggle_yourdetails .checkout-pop-right {
        display: none !important;
    }

    /* Form height auto so content is not clipped */
    #exampleModalToggle_availablefinace .finance-bag,
    #exampleModalToggle_yourdetails #finance-details-form {
        height: auto !important;
        max-height: 60vh;
        overflow-y: auto;
    }

    /* Scrollable content area fills remaining space */
    #exampleModalToggle_availablefinace .modal-middle-finace,
    #exampleModalToggle_yourdetails .modal-middle-finace {
        flex: unset !important;
        overflow-y: unset !important;
        margin: 0 !important;
    }

    /* Close button for ALL finance modals including mobile pre-qual */
    #exampleModalToggle_oldfinace button.btn-close,
    #exampleModalToggle_availablefinace button.btn-close,
    #exampleModalToggle_yourdetails button.btn-close,
    #exampleModalTogglemobilefinance button.btn-close {
        display: block !important;
        position: absolute !important;
        right: 12px !important;
        top: 12px !important;
        z-index: 1051 !important;
        width: 28px !important;
        height: 28px !important;
        opacity: 1 !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
    }

    /* Mobile pre-qual modal — full width single column */
    #exampleModalTogglemobilefinance .checkout-main {
        flex-direction: column !important;
        padding: 15px !important;
    }

    #exampleModalTogglemobilefinance .checkout-pop-left {
        width: 100% !important;
    }
}

/* ---------------------------------------------------------------
   Filter dropdown z-index fix
   testimonials.blade.php and its children use Bootstrap's
   .position-relative class (position: relative !important).
   Being later in the DOM they can overlay filter dropdowns.
   Setting them all to static removes them from stacking entirely.
--------------------------------------------------------------- */
#testimonials,
#testimonials .position-relative {
    position: static !important;
}

/* ── findWatchToggle: centered on desktop, bottom sheet on mobile ── */

/* Desktop: standard centered modal */
@media (min-width: 768px) {
    .inner_faq_data {
        width: 60%;
        margin: 0 auto;
        text-align: center;
    }

    #findWatchToggle .modal-dialog {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: 520px !important;
        margin: 1.75rem auto !important;
        min-height: auto !important;
        display: block !important;
    }

    #findWatchToggle .modal-content {
        border-radius: 0.5rem !important;
        border: 1px solid rgba(0, 0, 0, 0.175) !important;
        background-color: #fff !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    #findWatchToggle .modal-content::before {
        display: none !important;
    }
}

/* Mobile: full-width bottom sheet */
@media (max-width: 767px) {

    /* When Bootstrap adds .show, turn the overlay into a flex column
     anchored to the bottom — no position:fixed fight needed */
    #findWatchToggle.show {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #findWatchToggle .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        min-height: auto !important;
        display: block !important;
        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
    }

    /* Start off-screen below */
    #findWatchToggle.fade .modal-dialog {
        transform: translateY(100%) !important;
        opacity: 1 !important;
    }

    /* Slide into place */
    #findWatchToggle.show .modal-dialog {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }

    #findWatchToggle .modal-content {
        border-radius: 20px 20px 0 0 !important;
        border: none !important;
        background-color: #fff !important;
        box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.12) !important;
        max-height: 92vh !important;
        overflow-y: auto !important;
    }

    #findWatchToggle .modal-content::before {
        content: "";
        display: block !important;
        width: 36px;
        height: 4px;
        background: #d1d1d6;
        border-radius: 2px;
        margin: 8px auto 4px;
        flex-shrink: 0;
    }
}

/* ── Sell Your Watch page layout ── */
.sell-watch-layout {
    margin-top: 12px;
    display: flex;
    gap: 20px;
}

.sell-watch-form-section {
    flex: 1 1 50%;
    min-width: 0;
    max-width: none;
}

/* Sell watch (v3 theme only) — match Form Builder fields to native V3 form-group design */
.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group {
    margin-bottom: 15px;
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group>label,
.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group label.formbuilder-label,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group>label,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group label.formbuilder-label {
    font-size: 16px;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group label .formbuilder-required,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group label .formbuilder-required {
    color: #1e1e1e;
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group .form-control,
.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group input.form-control,
.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group select.form-control,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group .form-control,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group input.form-control,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group select.form-control,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group textarea.form-control {
    height: 60px;
    width: 100%;
    border: 1px solid #1e1e1e;
    border-radius: 0px;
    outline: none;
    padding: 20px;
    font-size: 15px;
    color: #000;
    box-shadow: none;
    background-color: transparent;
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group select.form-control,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/select_down_arrow.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: auto;
    padding-right: 40px;
    cursor: pointer;
}

.theme-v3 .find-watch-form-section #fb-rendered-form .form-group textarea.form-control {
    height: auto;
    min-height: 120px;
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group .form-control::-webkit-input-placeholder,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group .form-control::-webkit-input-placeholder {
    color: #c8c8c8;
    /* font-family: "Freight Display Pro", "Libre Baskerville", serif !important; */
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group .form-control::-moz-placeholder,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group .form-control::-moz-placeholder {
    color: #c8c8c8;
    /* font-family: "Freight Display Pro", "Libre Baskerville", serif !important; */
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group .form-control:-ms-input-placeholder,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group .form-control:-ms-input-placeholder {
    color: #c8c8c8;
    /* font-family: "Freight Display Pro", "Libre Baskerville", serif !important; */
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group .form-control::placeholder,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group .form-control::placeholder {
    color: #c8c8c8;
    /* font-family: "Freight Display Pro", "Libre Baskerville", serif !important; */
}

.theme-v3 .sell-watch-form-section #fb-rendered-form .form-group .form-control:focus,
.theme-v3 .find-watch-form-section #fb-rendered-form .form-group .form-control:focus {
    border-color: #1e1e1e;
    box-shadow: none;
}

.theme-v3 .sell-watch-file-list {
    margin-top: 10px;
    padding: 12px 14px;
    /* background: #f7f8f8; */
    border: 1px solid #1e1e1e;
    border-radius: 8px;
    font-size: 14px;
    color: #000;
}

.theme-v3 .sell-watch-file-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.theme-v3 .sell-watch-file-list li {
    position: relative;
    padding: 6px 0 6px 22px;
    line-height: 1.4;
    word-break: break-word;
}

.theme-v3 .sell-watch-file-list li+li {
    border-top: 1px solid #ebecec;
}

.theme-v3 .sell-watch-file-list li::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 6px;
    /* color: #5a9e6f; */
    font-weight: 700;
    font-size: 13px;
}

@media (max-width: 767px) {
    .sell-watch-layout {
        flex-direction: column;
        gap: 0;
    }

    .sell-watch-form-section {
        order: 2;
        width: 100%;
    }

    .sell-watch-trustpilot-section {
        order: 1;
        width: 100%;
    }

    .sell-watch-layout .repair_watch_form {
        max-width: 100%;
        margin: 20px 0;
    }

    .sell-watch-layout .form-control {
        width: 100%;
    }
}

/* ── Find a Watch page layout ── */
.find-watch-layout {
    margin-top: 12px;
    display: flex;
    gap: 20px;
}

.find-watch-form-section {
    flex: 1 1 50%;
    min-width: 0;
    max-width: none;
}

.find-watch-trustpilot-section {
    flex: 1 1 50%;
    min-width: 0;
    width: auto;
    margin-top: 140px;
}

.theme-v3 .find-watch-form-section .hide {
    display: none;
}

.theme-v3 .find-watch-form-section #valid-msg {
    color: #00c900;
    font-size: 14px;
    margin-top: 6px;
}

.theme-v3 .find-watch-form-section #error-msg {
    color: #e55468;
    font-size: 14px;
    margin-top: 6px;
}

.theme-v3 .find-watch-form-section .iti {
    width: 100%;
}

@media (max-width: 767px) {
    .find-watch-layout {
        flex-direction: column;
        gap: 0;
    }

    .find-watch-form-section {
        order: 2;
        width: 100%;
    }

    .find-watch-trustpilot-section {
        order: 1;
        width: 100%;
        margin-top: 0;
    }

    .find-watch-layout .repair_watch_form {
        max-width: 100%;
        margin: 20px 0;
    }
}

/* ===== Desktop Category Drop-Down Navigation ===== */

/* Disable old side-drawer on desktop — replaced by new category bar */
@media (min-width: 768px) {
    .desktop_menu_overlay {
        display: none !important;
    }
}

/* Hidden by default; JS adds .is-open */
.dsk-cat-nav,
.dsk-mega-wrap {
    display: none;
    background: #fff;
    border-bottom: 0.5px solid black;
}

/* Full-width within these bars — override Bootstrap container */
.dsk-cat-nav .container,
.dsk-mega-wrap .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}


.dsk-cat-nav.is-open {
    display: block;
    position: fixed;
    top: var(--dsk-menu-top, 108px);
    left: 0;
    right: 0;
    z-index: 998;
    animation: dskSlideDown 0.22s ease both;
}

.dsk-mega-wrap.is-open {
    display: block;
    position: fixed;
    top: calc(var(--dsk-menu-top, 108px) + 49px);
    left: 0;
    right: 0;
    z-index: 997;
    animation: dskSlideDown 0.18s ease both;
}

@keyframes dskSlideDown {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Layer 1 — category bar */
.dsk-cat-nav-inner {
    display: flex;
    align-items: center;
    height: 49px;
}

.dsk-cat-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 49px;
    padding-right: 36px;
    padding-left: 2%;
    font-size: 16px;
    color: #000;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 400;
    white-space: nowrap;
    line-height: 1;
}

.dsk-cat-nav-inner .dsk-cat-item:first-child {
    padding-left: 2%;
}

/* Short centered separator — 22px tall, vertically centred */
.dsk-cat-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5px;
    height: 49px;
    background: black;
}

.dsk-cat-item:hover {
    color: #000;
    font-weight: 400;
}

.dsk-cat-item.is-active {
    color: white;
    background: black;
}

/* Layer 2 — mega panel */
.dsk-mega-panel {
    display: none;
}

.dsk-mega-panel.is-active {
    display: block;
}

.dsk-mega-subnav {
    display: flex;
    align-items: center;
    height: 49px;
}

.dsk-mega-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 49px;
    padding-right: 36px;
    padding-left: 36px;
    font-size: 15px;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 400;
    line-height: 1;
}

.dsk-mega-subnav .dsk-mega-tab:first-child {
    padding-left: 2%;
}
/* Short centered separator on Layer 2 tabs */
.dsk-mega-tab:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5px;
    height: 49px;
    background: black;
}

.dsk-mega-tab:hover {
    font-weight: 400;
    color: #000;
}

.dsk-mega-tab.is-active,
.dsk-mega-tab.is-active:hover {
    color: white !important;
    background: black;
}

/* ===== Layer 3 — Brand mega panel ===== */
.dsk-layer3-wrap {
    display: none;
    position: fixed;
    /* Sits flush below the two 49px nav rows (category + sub-category). */
    top: calc(var(--dsk-menu-top, 108px) + 98px);
    left: 0;
    right: 0;
    height: 60vh;
    overflow-y: auto;
    background: #fff;
    /* border-top: 1px solid #e8e8e8; */
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
    border-bottom: 1px solid black;
    z-index: 996;
}

.dsk-layer3-wrap.is-open {
    display: block;
    animation: dskSlideDown 0.2s ease both;
}

.dsk-layer3-panel {
    display: none;
    padding: 28px 0 32px;
}

.dsk-layer3-panel.is-active {
    display: block;
}

/* Brand image grid — 4 columns */
.dsk-l3-brand-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px 20px;
    margin-bottom: 28px;
}

.dsk-l3-brand-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.dsk-l3-brand-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f3f3f3;
    margin-bottom: 8px;
}

.dsk-l3-brand-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.dsk-l3-brand-card:hover .dsk-l3-brand-img img {
    transform: scale(1.03);
}

.dsk-l3-brand-name {
    font-size: 14px;
    color: #000;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-weight: 400;
}

/* All Brands text list */
.dsk-l3-all-brands {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
}

.dsk-l3-all-brands-label {
    font-size: 11px;
    color: #a8a8a8;
    margin: 0 0 12px;
    font-family: "Myriad Pro", "Roboto", sans-serif;
}

.dsk-l3-brands-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2px 16px;
}

.dsk-l3-brand-link {
    display: block;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-family: "Myriad Pro", "Roboto", sans-serif;
    line-height: 2;
}

.dsk-l3-brand-link:hover {
    color: #000;
    text-decoration: underline;
}

/* Hide on mobile */
@media (max-width: 767px) {

    .dsk-mega-wrap,
    .dsk-layer3-wrap {
        display: none !important;
    }
}

/* Allow page scrolling while the bag modal is open (Bootstrap adds `modal-open` and disables it). */
body.my-bag-open.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}


/* --- 1. Price typography --- */
.checkout-modal .totalamount,
.checkout-modal .totalamount strong,
.checkout-modal .mobile-price .price,
.checkout-modal .mobile-price .price span,
.checkout-modal .checkout-right .product-items .item-list .price-column .price-amount,
.checkout-modal .price,
.checkout-modal .price strong,
.checkout-modal .price span {
    font-family: "Freight Sans", "Open Sans", sans-serif;
    font-weight: 300 !important;
    color: #373b3c !important;
}

/* pure black only on hover */
.checkout-modal .totalamount:hover,
.checkout-modal .totalamount strong:hover,
.checkout-modal .mobile-price .price:hover,
.checkout-modal .price:hover,
.checkout-modal .price strong:hover,
.checkout-modal .checkout-right .product-items .item-list .price-column .price-amount:hover {
    color: #000 !important;
}

/* keep the price inside the (dark) Complete Payment button white & legible */
.checkout-modal #makePaymentBtn,
.checkout-modal #makePaymentBtn strong,
.checkout-modal #makePaymentBtn .cart-total-price {
    color: #fff !important;
    font-weight: 400 !important;
}

/* --- 2. Complete Payment button: inactive until the whole form is valid ---
   .co-locked is our own lock (JS) so checkout.js toggling `disabled` can't override it. */
.checkout-modal #makePaymentBtn:disabled,
.checkout-modal #makePaymentBtn[disabled],
.checkout-modal #makePaymentBtn.co-locked {
    background: #BCC0C2 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

/* =====================================================================
   QA: Quantity stepper as a SINGLE bordered box ( − n + ) — bag + checkout.
   The wrapper becomes the one outlined/rounded container; the −/+ buttons
   and the number input go borderless & transparent inside it.
   ===================================================================== */
#my-bag-modal .my-bag-quantity-wrapper,
#checkout-modal .checkout-quantity-wrapper {
    display: inline-flex !important;
    align-items: center;
    gap: 0 !important;
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    border: 1px solid #cfd3d4;
    border-radius: 8px;
    overflow: hidden;
}

#my-bag-modal .my-bag-qty-btn,
#checkout-modal .checkout-qty-btn {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #373b3c !important;
    width: auto !important;
    height: auto !important;
    min-width: 36px;
    padding: 8px 12px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#my-bag-modal .my-bag-qty-btn:hover,
#checkout-modal .checkout-qty-btn:hover {
    background: #f3f5f6 !important;
}

#my-bag-modal .my-bag-qty-input,
#checkout-modal .checkout-qty-input {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    text-align: center;
    width: 20px !important;
    height: auto !important;
    padding: 8px 0 !important;
    color: #373b3c !important;
    font-size: 15px;
    font-weight: 600;
}

/* =====================================================================
   Product gallery navigation (QA): clear arrows on desktop.
   - main image: prev/next on either side
   - thumbnail column: up/down arrows (+ mouse-wheel handled in proslider.js)
   ===================================================================== */

/* Thumbnail column wrapper: arrow ▲ overlaid at top, thumbs, arrow ▼ at bottom.
   Overlay (absolute) keeps the swiper's own height/thumb sizing intact. */
.gallery-thumbs-col {
    order: -1;
    flex: 0 0 93px;
    width: 93px;
    position: relative;
}

.thumbs-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 40px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1e1e1e;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    transition: border-color .2s, color .2s, background .2s;
}

.thumbs-button-prev {
    top: 0;
}

.thumbs-button-next {
    bottom: 0;
}

.thumbs-nav:hover {
    border-color: #7d3efb;
    color: #7d3efb;
}

.thumbs-nav.swiper-button-disabled {
    opacity: .35;
    cursor: default;
    pointer-events: none;
}

@media (min-width: 768px) {

    /* main image: prev / next arrows on either side, clearly visible */
    .gallery-main {
        position: relative;
    }

    .gallery-main .swiper-button-prev,
    .gallery-main .swiper-button-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        color: #000;
        z-index: 12;
        transition: background .2s, box-shadow .2s;
    }

    .gallery-main .swiper-button-prev {
        left: 12px;
    }

    .gallery-main .swiper-button-next {
        right: 12px;
    }

    .gallery-main .swiper-button-prev:hover,
    .gallery-main .swiper-button-next:hover {
        background: #fff;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
    }

    .gallery-main .swiper-button-prev::after,
    .gallery-main .swiper-button-next::after {
        font-size: 15px;
        font-weight: 700;
    }

    /* Keep the arrow visible but DISABLED when there's no previous / next image
       (the first/last slide, or when there's only a single image). Swiper hides
       "locked" nav by default — force it shown so the control is always present. */
    .gallery-main .swiper-button-prev.swiper-button-disabled,
    .gallery-main .swiper-button-next.swiper-button-disabled,
    .gallery-main .swiper-button-prev.swiper-button-lock,
    .gallery-main .swiper-button-next.swiper-button-lock {
        display: flex !important;
        opacity: 0.4 !important;
        cursor: default;
        pointer-events: none;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
}

/* mobile: thumbnail column (and its arrows) stay hidden, like the bare .gallery-thumbs did */
@media (max-width: 767px) {
    .gallery-thumbs-col {
        display: none;
    }
}

.mobile_search {
    position: relative;
    /* anchor the absolute dropdown to the search bar */
}

.mobile_search .customsearch {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 60vh;
}

/* neutralise Bootstrap `.row` negative margins inside the dropdown */
.customsearch .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    --bs-gutter-x: 0;
    flex-wrap: nowrap;
    align-items: center;
}

.customsearch [class*="col-"] {
    min-width: 0;
    /* let the text column shrink & wrap */
}

.customsearch .col-3 {
    flex: 0 0 auto;
    width: 52px;
    /* compact fixed thumb column */
    padding-left: 0;
    padding-right: 8px;
}

.customsearch .col-9 {
    flex: 1 1 auto;
    width: auto;
}

/* Bootstrap `.dropdown-item` is nowrap by default — let long names wrap */
.customsearch .dropdown-item,
.customsearch .col-9 {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.customsearch img.img-fluid {
    max-width: 100%;
    width: auto;
    object-fit: contain;
}

/* ==========================================================================
   Latest In Watches / Jewellery — row + equal-height fix
   home-scripts.js destroys the blade-inited owl carousels and re-inits them, but its
   destroy path strips the `owl-carousel` class — so the class-scoped rules that build
   the row (`.latest_jewellery_slides.owl-carousel .owl-stage{display:flex}`) and
   equalise card height (`… .owl-stage .item{height:100%}`) stop matching, and the
   cards collapse into a vertical stack of uneven height. Re-assert those rules WITHOUT
   the class dependency, plus min-width:0 so a 2-line title can't widen/heighten a card.
   ========================================================================== */
/* Keep the sliders measurable when owl inits: owl.carousel.css loads async and sets
   `.owl-carousel{display:none}`, and a 0-width init collapses the cards. */
body.theme-v3 .latest_jewellery_slides.owl-carousel,
body.theme-v3 .new_jewellery_carousel.owl-carousel,
body.theme-v3 .featured_logos_slider.owl-carousel {
    display: block;
}

body.theme-v3 .latest_jewellery_slides .owl-stage {
    display: flex;
}

body.theme-v3 .latest_jewellery_slides .owl-stage .owl-item {
    float: none;
    flex: 0 0 auto;
    min-width: 0;
}

body.theme-v3 .latest_jewellery_slides .owl-stage .item,
body.theme-v3 .latest_jewellery_slides .jewellery_item_datas {
    height: 100%;
}

body.theme-v3 .latest_jewellery_slides .jewellery_item_datas {
    min-width: 0;
    max-width: 100%;
}

body.theme-v3 .latest_jewellery_slides .prct_content_infos {
    min-width: 0;
    background: #F8F8F6;
    height: 100%;
}

body.theme-v3 .latest_jewellery_slides .prct_content_infos.d-flex {
    margin-top: auto;
}

body.theme-v3 .latest_jewellery_slides .prct_content_infos h3 {
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}

/* Owl auto-generates empty `.owl-nav`/`.owl-dots` (with `disabled`) even when nav/dots
   are off. Owl normally hides them via `.owl-carousel .owl-nav.disabled{display:none}`,
   but that rule dies once home-scripts.js strips the `owl-carousel` class — so hide the
   disabled ones independently of the class. Scoped to the "Latest In" sliders only. */
body.theme-v3 .latest_jewellery_slides .owl-nav.disabled,
body.theme-v3 .latest_jewellery_slides .owl-dots.disabled {
    display: none;
}

/* ==========================================================================
   STOCKBOX-LIGHT — DESKTOP HEADER (two layers)                [desktop only]
   Layer 1 : Trustpilot (left) · Google (right)
   Layer 2 : [menu icon · bag icon] | search (fills middle) | logo
   Reuses the existing header elements in place — the legacy left/right wrappers
   are flattened with display:contents, then children are ordered into two rows —
   so every JS hook (desktop menu overlay, search, bag modal, logo link) keeps
   working. Mobile header (<768px) is left untouched.
   ========================================================================== */

/* When the demo-trial countdown banner is present, the sticky header must stick
   BELOW it. Both the banner and .main_header are position:sticky/top:0, so
   without this offset the header slides up behind the banner on scroll (the
   banner sits at z-index 10050, the header at 999). --demo-banner-h is measured
   in scripts.js. No banner on the page → the variable is unset and the header
   keeps its normal top:0. Applies at every breakpoint. */
body.theme-v3:has(#demo-trial-countdown-banner) .main_header {
    top: var(--demo-banner-h, 0px);
}

/* Menu navigation panels also start below the banner. The desktop category nav /
   mega-wrap / menu overlay read --dsk-menu-top (which now folds in --demo-banner-h
   via the header JS); the mobile full-height slide menu is offset here. */
body.theme-v3:has(#demo-trial-countdown-banner) nav.slide-out-menu {
    top: var(--demo-banner-h, 0px);
}

@media (min-width: 768px) {
    body.theme-v3 .main_header {
        padding: 0;
        box-shadow: none;
        /* border-bottom: 1px solid #e6e6e6; */
    }

    body.theme-v3 .main_header .inner_header_data {
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 0;
        width: 100%;
        max-width: 100% !important;
        padding: 0 !important;
        position: relative; /* anchor the full-height logo cell (#425) */
    }

    body.theme-v3 .main_header .left_head_data,
    body.theme-v3 .main_header .right_head_data {
        display: contents;
    }

    /* Elements not part of the two-layer design */
    body.theme-v3 .main_header .top_left_infos,
    body.theme-v3 .main_header .middle_header,
    body.theme-v3 .main_header .user_account_data #accounthidden,
    body.theme-v3 .main_header .user_account_data #searchbutton,
    body.theme-v3 .main_header .user_account_data>a[data-bs-target="#my-bag-modal"],
    body.theme-v3 .main_header .header_icons #menu-toggle,
    body.theme-v3 .main_header .header_icons #search-toggle,
    body.theme-v3 .main_header .header_icons .header-mobile-phone {
        display: none !important;
    }

    /* ── Layer 1 — badges row ─────────────────────────────────────────── */
    body.theme-v3 .main_header .trust_badges {
        order: 1;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* Trustpilot left, Google right */
        height: 36px;
        gap: 0;
        margin: 0;
        /* #425: extra right padding clears the full-height logo cell, moving the
           Google line inward instead of sitting under the logo. */
        padding: 0 calc(var(--logo-cell-w, 177px) + 40px) 0 2%;
        border-bottom: 0.5px solid black;
        background: #fff;
    }

    body.theme-v3 .main_header .trust_badges img {
        height: 18px;
        width: auto;
    }

    /* ── Layer 2 — left icon cell (menu + bag), with a divider after it ── */
    body.theme-v3 .main_header .menu_data {
        order: 2;
        height: 49px;
        margin: 0;
        display: flex;
        align-items: center;
        padding: 0 0 0 2%;
        border-bottom: 0.5px solid black;
    }

    /* "Menu" text link → hamburger icon (keeps the desktop-overlay click handler) */
    body.theme-v3 .main_header .menu_data a.menu_links {
        width: 24px;
        height: 24px;
        font-size: 0;
        display: inline-block;
        cursor: pointer;
        background: url("/assets/themes/stockbox-light/images/menu_icon.svg") no-repeat center / contain;
    }

    body.theme-v3 .main_header .header_icons {
        order: 3;
        display: flex !important;
        align-items: center;
        gap: 0;
        height: 49px;
        margin: 0;
        padding: 0 24px 0 22px;
        border-right: 0.5px solid black;
        border-bottom: 0.5px solid black;
    }

    body.theme-v3 .main_header .header_icons a {
        display: inline-flex;
        align-items: center;
    }

    body.theme-v3 .main_header .header_icons img {
        height: 22px;
        width: auto;
    }

    /* ── Layer 2 — middle: search fills the space ─────────────────────── */
    body.theme-v3 .main_header .user_account_data {
        order: 4;
        flex: 1 1 auto;
        min-width: 0;
        height: 49px;
        display: flex;
        align-items: center;
        gap: 0;
        margin: 0;
        /* right padding reserves the full-height logo cell so search doesn't
           slide under it (#425) */
        padding: 0 calc(var(--logo-cell-w, 177px) + 28px) 0 28px;
        border-bottom: 0.5px solid black;
    }

    body.theme-v3 .main_header .user_account_data .searchdesktop {
        display: block !important;
        /* always visible (overrides the .d-none toggle) */
        width: 100%;
        /* Strip the base v3 search-box pill (width:290px; border; border-radius; bg) so the
           search is a plain, borderless field that fills the middle cell. */
        border: none;
        border-radius: 0;
        background: transparent;
        padding: 0;
        height: auto;
    }

    body.theme-v3 .main_header .user_account_data .searchdesktop .form-inline,
    body.theme-v3 .main_header .user_account_data .searchdesktop .input-group {
        width: 100%;
    }

    body.theme-v3 .main_header .user_account_data .searchdesktop .form-control {
        border: none;
        outline: none;
        box-shadow: none;
        background: transparent;
        font-size: 15px;
        color: #000;
        padding: 0;
        height: 49px;
        font-family: "Myriad Pro", "Roboto", sans-serif;
    }

    body.theme-v3 .main_header .user_account_data .searchdesktop .form-control::placeholder {
        color: #9aa0a6;
    }

    body.theme-v3 .main_header .user_account_data .searchdesktop .btn.search-product-click {
        display: none;
    }

    /* ── Layer 2 — right: logo cell ───────────────────────────────────── */
    body.theme-v3 .main_header .mobile_logo {
        order: 5;
        display: flex !important;
        align-items: center;            /* centre the logo VERTICALLY */
        justify-content: center;        /* not horizontally forced to the edge */
        margin: 0;
        padding: 0 32px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        background: #fff;
        border-left: 0.5px solid black;
        width: var(--logo-cell-w, 177px);
        box-sizing: border-box;
        border-bottom: 0.5px solid black;
    }

    body.theme-v3 .main_header .mobile_logo img {
        max-height: 44px !important; /* give the logo more visual space */
        min-height: 0 !important;
        width: auto;
        max-width: 100%;
    }
}

/* ==========================================================================
   STOCKBOX-LIGHT — MOBILE HEADER (three layers)               [mobile only]
   Layer 1 : Trustpilot (left) · Google (right)
   Layer 2 : [menu icon | bag icon]  ·············  logo (right)
   Layer 3 : search bar (full width)
   Reuses existing elements in place; the mobile slide-menu / bag modal / search
   handlers all keep working. Desktop header (>=768px) is untouched.
   ========================================================================== */
@media (max-width: 767.98px) {
    .inputcheck input:checked+.checkboxinput:before {
    background: #3a3a3a;
    border: 4px solid #fff;
}
    .experienced_trusted {
        width: auto;
        margin-left: -6%;
        margin-right: -6%;
    }

    .unlock_watch_content {
        background: #fdfdfb;
        text-align: left;
    }

    .inner_watch_jewellery_cards {
        display: flex;
        flex-direction: column;
    }

    .see_more_btn {
        justify-content: center;
    }

    .inner_jewellery_data h2 {
        text-align: right;
    }

    .lamna_money_clients {
        /* margin: 68px 0px 38px; */
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 30px;
    }

    .product-header-main {
        padding: 0 2%;
    }

    .title_banner {
        border-right: none;
        padding-top: 0;
    }

    .radiobuttons label {
        padding: 12px 10px;
        border-left: none;
    }

    .inputcheck {
        padding: 10px 10px;
    }

    section.home_banner {
        margin-top: 15px;
    }

    .shop_branded_jewellery_secs,
    .shop_branded_jewellery_secs,
    .watch_repair_services_secs {
        max-width: 100%;
    }

    body.theme-v3 .main_header {
        padding: 0;
        box-shadow: none;
        /* border-bottom: 1px solid #e6e6e6; */
    }

    body.theme-v3 .main_header .inner_header_data {
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 0;
        width: 100%;
        max-width: 100% !important;
        padding: 0 !important;
        position: relative; /* anchor the full-height logo cell (#425) */
    }

    body.theme-v3 .main_header .left_head_data,
    body.theme-v3 .main_header .right_head_data {
        display: contents;
    }

    /* Elements not part of the mobile design */
    body.theme-v3 .main_header .top_left_infos,
    body.theme-v3 .main_header .menu_data,
    body.theme-v3 .main_header .middle_header,
    body.theme-v3 .main_header .user_account_data,
    body.theme-v3 .main_header .header_icons .header-mobile-phone,
    body.theme-v3 .main_header .header_icons #search-toggle {
        display: none !important;
    }

    /* ── Layer 1 — badges ─────────────────────────────────────────────── */
    body.theme-v3 .main_header .trust_badges {
        order: 1;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* Trustpilot left, Google right */
        height: 36px;
        gap: 0;
        margin: 0;
        padding: 0 16px;
        /* border-bottom: 0.5px solid #e6e6e6; */
        background: #fff;
    }

    body.theme-v3 .main_header .trust_badges img {
        height: 16px;
        width: auto;
        max-width: 46%;
        object-fit: contain;
    }

    /* ── Layer 2 — menu + bag (left, each a bordered cell) · logo (right) ─ */
    body.theme-v3 .main_header .header_icons {
        order: 2;
        display: flex !important;
        align-items: stretch;
        gap: 0;
        height: 49px;
        margin: 0;
        padding: 0;
        border-bottom: 0.5px solid #1E1E1E;
        border-top: 0.5px solid #1E1E1E;
    }

    body.theme-v3 .main_header .header_icons a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 49px;
        margin: 0;
        border-right: 0.5px solid #1E1E1E;
        /* divider after each icon */
    }

    body.theme-v3 .main_header .header_icons img {
        height: 22px;
        width: auto;
    }

    body.theme-v3 .main_header .mobile_logo {
        order: 3;
        flex: 1 1 auto;
        min-width: 0;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        height: 49px;
        margin: 0;
        padding: 0 16px;
        border-bottom: 0.5px solid black;
        border-top: 0.5px solid black;
    }

    body.theme-v3 .main_header .mobile_logo img {
        max-height: 28px !important;
        min-height: 0 !important;
        width: auto;
    }

    /* ── Layer 3 — search bar (always visible, full width) ────────────── */
    body.theme-v3 .main_header .mobile_search {
        display: flex !important;
        align-items: center;
        height: 60px;
        margin: 0;
        padding: 0 16px;
        border-bottom: 0.5px solid #1E1E1E;
        background: #fff;
    }

    body.theme-v3 .main_header .mobile_search img {
        display: none;
    }

    /* no leading icon per design */
    body.theme-v3 .main_header .mobile_search input {
        flex: 1 1 auto;
        border: none;
        outline: none;
        box-shadow: none;
        background: transparent;
        font-size: 18px;
        color: #000;
        height: 40px;
        padding: 0;
        font-family: "Myriad Pro", "Roboto", sans-serif;
        text-align: center;
    }

    body.theme-v3 .main_header .mobile_search input::placeholder {
        color: #9aa0a6;
    }

    body.theme-v3 .main_header .mobile_search button {
        display: none;
    }

    /* hide the "Go" button */
}

/* ==========================================================================
   Home page — Figma home (node 8585-10916) alignment fixes
   ========================================================================== */
@media (min-width: 768px) {
    body.theme-v3 section.service_details_banner.container {
        padding-left: 0;
        padding-right: 12%;
    }

    body.theme-v3 .service_details_banner .banner_content_parts {
        padding-left: 2vw;
    }

    /* HERO: give the featured image the same right-hand gap as the content /
       "sell your watch" blocks below it. Those sections are max-width:90%
       (flush-left) with a 2% inner container pad, so their image right edge
       lands at ~87.5% of the viewport. Reproduce that here with a matching
       right padding so the hero image lines up with the block images beneath
       it instead of bleeding to the edge. Left padding stays at 2% so the hero
       copy keeps aligning with the header/content on the left. */
    body.theme-v3 section.home_banner.container {
        /* Remove the left padding so the hero swiper (.banner_carousel_datas has
           overflow:hidden) starts at the viewport's left edge. Otherwise the
           swiper CLIPS the divider line at its own left edge (= the padding),
           which is why a negative margin could never reach x=0. The copy is
           re-indented separately below so it keeps its inset. */
        padding-left: 0;
        /* Align the hero image's right edge to the logo cell's LEFT border.
           Both the logo cell width and this padding read the same token
           (--logo-cell-w), so the hero edge sits exactly under the logo's
           border-left on every whitelabel and at every viewport width — a fixed
           % can't, because the logo (and thus its border) changes width per site. */
        padding-right: var(--logo-cell-w, 177px);
    }

    /* HERO: thin divider rule below the copy, matching the Figma hero. With the
       container's left padding removed above, the copy column now starts at the
       screen's left edge, so this line reaches x=0 with no negative margin (and
       is no longer clipped by the swiper). The copy text is indented separately
       so only the line is flush-left. */
    body.theme-v3 .home_banner .inner_conts_parts::after {
        content: "";
        display: block;
        width: 403px;
        max-width: 100%;
        height: 0.5px;
        margin-top: 1px;
        background: #1E1E1E;
    }

    /* Re-indent the hero copy (the container's own left padding was removed so
       the divider can bleed to the screen edge). 2vw matches the previous 2%. */
    body.theme-v3 .home_banner .top_banner_heads,
    body.theme-v3 .home_banner .bottom_banner_foots {
        padding-left: 2vw;
    }

    /* IMAGE + TEXT SLIDER BLOCKS: Figma shows these images as squares. The live
       theme rendered the content block wide (ratio ~1.93) and the two jewellery
       sliders tall (720px, ratio ~0.86). Force a 1:1 box and crop with
       object-fit so all three match the design. Overrides .my-image's fixed
       height:720px via higher specificity. */
    body.theme-v3 .watch_repair_services_secs .slide-img-link img,
    body.theme-v3 .jewellery_sliders_data .jewellery_img img,
    body.theme-v3 .jewellery_sliders_data2 .jewellery_img img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        display: block;
    }
}

/* At ≤1024px the site's .container padding is 5% (not 2%), so indent the hero
   copy by 5vw to keep it aligned with the rest of the page. The divider line
   itself stays flush at x=0 (the container's left padding is removed above). */
@media (min-width: 768px) and (max-width: 1024px) {

    body.theme-v3 .home_banner .top_banner_heads,
    body.theme-v3 .home_banner .bottom_banner_foots {
        padding-left: 5vw;
    }
}

/* MOBILE: make the hero image and the content-block / jewellery-slider images
   square (the desktop rules above are scoped to ≥768px). Figma node 5641-32062
   shows these as squares on phones as well. Kept in custom.css with !important
   so it holds regardless of the inline mobile rules in home.blade. */
@media (max-width: 767px) {
    body.theme-v3 .home_banner .banner_featured_img {
        width: 100%;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1;
    }

    body.theme-v3 .home_banner .banner_featured_img img {
        width: 100%;
        height: 100% !important;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

    /* Let the hero swiper grow to fit the (now taller) square image + copy
       instead of the old fixed 420px, otherwise it clips. */
    body.theme-v3 .home_banner .banner_carousel_datas,
    body.theme-v3 .home_banner .banner_carousel_datas .swiper-slide {
        height: auto !important;
    }

    body.theme-v3 .watch_repair_services_secs .slide-img-link img,
    body.theme-v3 .jewellery_sliders_data .jewellery_img img,
    body.theme-v3 .jewellery_sliders_data2 .jewellery_img img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        display: block;
    }

    /* Hero pager on mobile: hide the dots/counter, and reserve space beneath the
       copy so the absolute Prev/Next sits BELOW the title (inner_conts_parts)
       instead of overlapping it now that the square image made the hero taller. */
    body.theme-v3 .home_banner .banner_dots {
        display: none !important;
    }

    body.theme-v3 .home_banner .banner_text_panel {
        padding-bottom: 60px !important;
    }

    body.theme-v3 .home_banner .custom_owl_navigation {
        bottom: 22px !important;
    }

    body.theme-v3 section.service_details_banner.container {
        padding: 0 5%;
    }

    body.theme-v3 .service_details_banner .banner_content_datas {
        display: block;
        height: auto;
        margin-top: 20px;
    }

    body.theme-v3 .service_details_banner .banner_featured_img {
        width: 100%;
        min-height: 0;
        max-height: none;
        aspect-ratio: 1 / 1;
    }

    body.theme-v3 .service_details_banner .banner_featured_img img {
        width: 100%;
        height: 100% !important;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
}

/* ==========================================================================
   Footer brand rows (Figma): shop NAME row, then LOGO row, above the columns.
   Full-width, centered, sharing single 1px divider lines with each other and
   with the columns grid below (each .foot_cols already has a 1px border). */
body.theme-v3 .main_footer .footer_brand {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 26px 20px;
    border: 0.5px solid #1E1E1E;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

body.theme-v3 .main_footer .footer_brand_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

body.theme-v3 .main_footer .footer_brand_name {
    font-family: "Freight Display Pro", "Libre Baskerville", serif !important;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.1;
    color: #1E1E1E;
}

body.theme-v3 .main_footer .footer_logo {
    max-height: 44px;
    width: auto;
    display: block;
}

@media (max-width: 767px) {
    body.theme-v3 .main_footer .footer_brand {
        padding: 22px 16px;
    }

    body.theme-v3 .main_footer .footer_brand_name {
        font-size: 24px;
    }

    body.theme-v3 .main_footer .footer_logo {
        max-height: 38px;
    }
}

/* ==========================================================================
   PDP mobile gallery: thumbnail strip BELOW the main image (Figma 5788-32544).
   Desktop keeps the vertical thumbnail column; on phones the strip becomes a
   horizontal, swipeable row of square thumbs directly under the main image.
   The swiper's direction is switched to horizontal in proslider.js.
   ========================================================================== */
@media (max-width: 767px) {
    body.theme-v3 .gallery-container {
        flex-direction: column;
        gap: 10px;
    }

    /* Fix horizontal page scroll on the PDP: the mobile .product-slider rule
       (custom.css ~9430) sets width:calc(100% + 40px) + margin:0 -20px as a
       "full-bleed" hack, but the mobile parent has no padding to absorb it, so
       it spills 20px past the right edge and the page can slide right. Pin it to
       exactly the viewport width so the main image is edge-to-edge with no
       overflow. */
    body.theme-v3 .product-slider {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.theme-v3 .gallery-thumbs-col {
        display: block !important;
        order: 1;
        width: 100%;
        flex: 0 0 auto;
    }

    body.theme-v3 .gallery-thumbs {
        display: block !important;
        width: 100%;
        /* Reset the desktop vertical-column sizing (base .gallery-thumbs is
           93px wide × 484px tall) so the horizontal strip's swiper-wrapper is
           only as tall as the square thumbs, not 484px. */
        height: 64px !important;
        flex: 0 0 auto !important;
        overflow: hidden;
    }

    body.theme-v3 .gallery-thumbs .swiper-wrapper {
        height: 64px !important;
    }

    body.theme-v3 .gallery-thumbs .swiper-slide {
        width: 64px !important;
        height: 64px !important;
    }

    body.theme-v3 .gallery-thumbs .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 0;
    }

    /* No up/down arrows on the mobile strip (swipe instead). */
    body.theme-v3 .gallery-thumbs-col .thumbs-nav {
        display: none !important;
    }

    /* Remove the counter + prev/next arrows row below the main image on mobile
       (swipe the image / tap thumbs instead) — matches the Figma. */
    body.theme-v3 .gallery-main .slider-arrowscustom {
        display: none !important;
    }
}

/* ==========================================================================
   PDP: make the action buttons and the (desktop-only) section dividers span the
   FULL width of the product-details column, ignoring its .container padding
   (2% ≥1025px, 5% ≤1024px). Only these elements break out — the text keeps its
   gutter. Negative margins cancel the container padding so the buttons sit
   edge-to-edge with no side inset.
   ========================================================================== */
/* Buttons are direct children of .inner, so they only need to cancel the
   .container padding. */
body.theme-v3 .product-details-buttons {
    width: auto;
    margin-left: -2%;
    margin-right: -2%;
}

/* The dividers live one level deeper, inside .product-details-info-short, which
   adds its own 20px padding-right — so cancel that too on the right. */
body.theme-v3 .product-details .section-divider {
    width: auto;
    margin-left: -2%;
    margin-right: -2%;
}

@media (max-width: 1024px) {
    body.theme-v3 .product-details-buttons {
        margin-left: -5%;
        margin-right: -5%;
    }

    body.theme-v3 .product-details .section-divider {
        margin-left: -5%;
        margin-right: -5%;
    }
}

/* ==========================================================================
   PDP: keep the product-details column a consistent width regardless of copy
   length. .product-details is a flex row with justify-content:center, so its
   single .inner child was sizing to its CONTENT — products with short copy (and
   some finance products) rendered a shrunken, centered column. Make .inner fill
   the column (and override the ≤1500px max-width:90% cap) so it's always full.
   ========================================================================== */
body.theme-v3 .product-details .inner {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
}

/* Match the home carousel navigation labels on the PDP. */
body.theme-v3 .gallery-main .swiper-button-prev::after,
body.theme-v3 .gallery-main .swiper-button-next::after {
    content: none;
}

body.theme-v3 .gallery-main .swiper-button-prev,
body.theme-v3 .gallery-main .swiper-button-next {
    font-family: "Myriad Pro", "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0 !important;
    padding-left: 4px;
    padding-right: 4px;
    box-shadow: none !important;
    white-space: nowrap;
}

/* PDP main gallery: preserve the complete product image inside its frame. */
body.theme-v3 .gallery-main .swiper-slide img {
    object-fit: contain !important;
    object-position: center;
}

/* #5345: finance modals scroll as one .modal-body on desktop, so keep the product image column in place while the form column scrolls (mobile hides the image column). */
@media (min-width: 768px) {
    #exampleModalToggle_availablefinace .checkout-pop-right,
    #exampleModalToggle_yourdetails .checkout-pop-right {
        position: sticky;
        top: 0;
        align-self: flex-start;
    }
}

/* #5529 — desktop menu: scroll horizontally when items exceed the page width */
@media (min-width: 768px) {
    .dsk-cat-nav-inner,
    .dsk-mega-subnav {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .dsk-cat-nav-inner .dsk-cat-item,
    .dsk-mega-subnav .dsk-mega-tab {
        flex-shrink: 0;
    }
}