/* Heritage Front - minimal so layout works; copy full heritage css over this if needed */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: "filsonproregular", "GFS Didot", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.6px;
    color: #464e52;
}
a {
    text-decoration: none;
    color: #386578;
}
a:hover {
    text-decoration: underline;
}
img {
    max-width: 100%;
    border: none;
}
.clear {
    clear: both;
}

.container {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: visible;
}

/* Header - original heritage nav + dropdown on hover */
.logosection {
    border-bottom: 1px solid #d6d6d6;
    position: relative;
    padding: 18px 0 15px;
    background: #fff;
}
.logosection .container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 32px;
    row-gap: 10px;
}
.logosection .logo {
    float: none;
    flex: 0 0 250px;
    width: 200px;
    max-width: 200px;
    align-self: flex-start;
    padding-top: 2px;
}
.logosection .logo a {
    display: inline-block;
}
.logosection .logo img {
    width: 100%;
    max-width: 250px;
    height: auto;
}
.topSection {
    float: none;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    text-align: left;
    margin-bottom: 0;
    padding-top: 2px;
    align-self: flex-start;
}
.topSection .top-links {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}
.topSection .top-links li {
    display: block;
    flex-shrink: 0;
    line-height: 13px;
    border-right: 1px solid #cacaca;
    font-size: 14px;
    white-space: nowrap;
}
.topSection .top-links li:last-child {
    border-right: 0;
}
.topSection .top-links a {
    color: #919698;
    padding: 5px 10px;
    font-size: 13px;
}
.topSection .top-links a:hover {
    color: #4b5251;
}
.topSection .top-links li.top-links-order-dual .top-links-sep {
    color: #cacaca;
    padding: 0 4px;
    font-weight: normal;
}
.topSection .top-links li.account {
    position: relative;
}
.topSection .top-links li.account .account-menu-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.topSection .top-links li.account .account-menu-trigger .fa-angle-down {
    font-size: 11px;
    opacity: 0.75;
    transition: transform 0.2s ease;
}
.topSection .top-links li.account:hover .account-menu-trigger .fa-angle-down {
    transform: rotate(-180deg);
}
.topSection .top-links li.account .account-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 248px;
    background: #fff;
    border: 1px solid #e0ddd6;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
    z-index: 2000;
    padding: 10px 0 8px;
    text-align: left;
    list-style: none;
}
.topSection .top-links li.account .account-menu li.account-menu__item {
    display: block;
    border-right: 0;
}
.topSection .top-links li.account .account-menu li.account-menu__item + .account-menu__item {
    border-top: 1px solid #f0ede6;
}
.topSection .top-links li.account .account-menu li.account-menu__item--logout {
    border-top: 1px solid #e8e4dc;
    margin-top: 4px;
    padding-top: 4px;
}
.topSection .top-links li.account .account-menu a.account-menu__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #4b5251;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.topSection .top-links li.account .account-menu a.account-menu__link .account-menu__icon {
    width: 18px;
    text-align: center;
    color: #8a9298;
    font-size: 14px;
    flex-shrink: 0;
    transition: color 0.15s ease;
}
.topSection .top-links li.account .account-menu a.account-menu__link:hover {
    background: #f7f6f3;
    color: #2c3335;
    text-decoration: none;
}
.topSection .top-links li.account .account-menu a.account-menu__link:hover .account-menu__icon {
    color: #4b5251;
}
.topSection .top-links li.account .account-menu a.account-menu__link.is-active {
    background: #f0eeea;
    color: #2c3335;
}
.topSection .top-links li.account .account-menu a.account-menu__link.is-active .account-menu__icon {
    color: #4b5251;
}
.topSection .top-links li.account .account-menu a.account-menu__link--logout:hover {
    background: #fdf2f2;
    color: #a33030;
}
.topSection .top-links li.account .account-menu a.account-menu__link--logout:hover .account-menu__icon {
    color: #c0392b;
}
.topSection .top-links li.account:hover .account-menu {
    display: block;
}

/* My Tickets — compact dropdown (centered links + top caret) */
.topSection .top-links li.tickets-dropdown {
    position: relative;
}
.topSection .top-links li.tickets-dropdown .tickets-menu-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #919698;
    padding: 5px 10px;
    font-size: 13px;
}
.topSection .top-links li.tickets-dropdown .tickets-menu-trigger:hover {
    color: #4b5251;
}
.topSection .top-links li.tickets-dropdown .tickets-menu-trigger .fa-angle-down {
    font-size: 11px;
    opacity: 0.75;
    transition: transform 0.2s ease;
}
.topSection .top-links li.tickets-dropdown:hover .tickets-menu-trigger .fa-angle-down {
    transform: rotate(-180deg);
}
.topSection .top-links li.tickets-dropdown .tickets-menu {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    margin-top: 10px;
    min-width: 210px;
    padding: 14px 0;
    list-style: none;
    background: #f3f2ef;
    border: 1px solid #d8d4cc;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06);
    z-index: 2000;
    text-align: center;
}
.topSection .top-links li.tickets-dropdown .tickets-menu::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -9px;
    border: 9px solid transparent;
    border-bottom-color: #d8d4cc;
}
.topSection .top-links li.tickets-dropdown .tickets-menu::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    margin-bottom: -1px;
    border: 8px solid transparent;
    border-bottom-color: #f3f2ef;
}
.topSection .top-links li.tickets-dropdown:hover .tickets-menu {
    display: block;
}
.topSection .top-links li.tickets-dropdown .tickets-menu li {
    display: block;
    border-right: 0;
    white-space: normal;
    line-height: 1.4;
}
.topSection .top-links li.tickets-dropdown .tickets-menu__item--divider {
    height: 1px;
    margin: 10px 18px;
    padding: 0;
    background: #d8d4cc;
    overflow: hidden;
}
.topSection .top-links li.tickets-dropdown .tickets-menu__link {
    display: block;
    padding: 8px 20px;
    color: #5c6366;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}
.topSection .top-links li.tickets-dropdown .tickets-menu__link:hover {
    color: #2c3335;
    background: rgba(0, 0, 0, 0.05);
    text-decoration: none;
}

.logosection nav {
    float: none;
    flex: 1 1 100%;
    width: 100%;
    text-align: right;
    position: relative;
    overflow: visible;
}
.logosection nav .navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}
.logosection nav .navigation li {
    display: inline-block;
    padding: 10px 0 10px 40px;
    font-size: 15px;
    box-sizing: border-box;
    position: relative;
}
.logosection nav .navigation li a {
    color: #2f3435;
    font-family: "filsonproregular", Arial, sans-serif;
}
.logosection nav .navigation li:hover {
    font-weight: bold;
}
.logosection nav .navigation li.cart-icon:hover {
    font-weight: normal;
}
.logosection nav .navigation .active {
    font-weight: bold;
}
/* Cart icon + count (header, after Contact Us) */
.logosection nav .navigation li.cart-icon {
    padding: 10px 0 10px 20px;
}
.logosection nav .navigation li.cart-icon a {
    display: inline-block;
    position: relative;
    text-decoration: none;
}
.logosection nav .navigation li.cart-icon a:hover {
    text-decoration: none;
}
.logosection nav .navigation li.cart-icon .fa-shopping-cart {
    font-size: 20px;
    color: #6b7479;
}
.logosection nav .navigation li.cart-icon .cart-count {
    position: absolute;
    top: -6px;
    right: -8px;
    background: #9a705a;
    color: #fff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1;
    min-width: 18px;
    text-align: center;
}
/* Dropdown: hidden by default, show on hover */
.logosection nav .navigation li ul.submenu {
    position: absolute;
    z-index: 99;
    display: none;
    top: 38px;
    left: 0;
    min-width: 280px;
    text-align: left;
    padding: 10px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-top: 2px;
}
nav .navigation li:hover > ul.submenu {
    display: block;
}
/* Keep dropdown open when hovering over submenu (parent li contains it) */
.logosection nav .navigation li.mob-collection {
    position: relative;
}
.logosection nav .navigation li.mob-collection > .submenu {
    left: 0;
}
.submenu {
    background: #f3f0e9;
    border: 1px solid #e0ddd6;
    border-radius: 3px;
}
.submenu li {
    display: block !important;
    float: none;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding: 10px 15px !important;
    font-weight: normal;
    margin: 0;
}
.submenu li:last-child {
    border-bottom: none;
}
.submenu li a {
    color: #2f3435;
    padding: 0;
}
.submenu li a:hover {
    text-decoration: underline;
}
/* Collections wide dropdown (multi-column style) */
.navigation li.mob-collection > .submenu {
    min-width: 500px;
    padding: 15px;
}
.navigation li.mob-collection .submenu li {
    padding: 8px 12px;
}
/* Collections: All Collection / Bedroom / Living / Dining with image preview */
.rangesSubMenu {
    margin-left: 112px;
    top: 0 !important;
    display: none;
    width: 520px;
    padding: 10px;
    min-height: 220px;
    position: absolute;
    left: 100%;
    background: #f3f0e9;
    border: 1px solid #e0ddd6;
    border-radius: 3px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.rangesSubMenu::after {
    content: "";
    display: table;
    clear: both;
}
.rangesSubMenu > .leftList {
    width: 58%;
    float: left;
}
.rangesSubMenu .leftList ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.rangesSubMenu .leftList li {
    padding: 6px 0;
    border-bottom: 0;
}
.rangesSubMenu .leftList li a {
    font-size: 13px;
}
.rangeImageContainer {
    width: 40%;
    float: right;
    display: none;
    min-height: 200px;
}
.rangesSubMenu .rangeImageContainer {
    width: 40%;
    float: right;
    min-height: 200px;
}
.rangesSubMenu .rangeImageContainer.rangesDefaultImg {
    display: block;
}
.rangeImg {
    width: 200px;
    max-width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    margin-bottom: 0;
}
.rangeTitle {
    background-color: #989b9e;
    margin-top: -4px;
    padding: 8px;
    width: 200px;
    max-width: 100%;
    box-sizing: border-box;
}
.rangeTitleText {
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 0;
    font-size: 13px;
}
.navigation li.mob-collection .submenu > li {
    position: relative;
}
.navigation li.mob-collection .submenu > li:hover > ul.rangesSubMenu {
    display: block !important;
}
.mob-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Hero banner */
.banner {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.banner img {
    width: 100%;
    display: block;
    min-height: 300px;
    object-fit: cover;
}
.bannerText {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-family: "didotregular", "GFS Didot", serif;
}
.bannerText h1 {
    font-size: 85px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: "didotregular";
    font-weight: 300;
    margin-bottom: 65px;
}
.bannerText h3 {
    font-size: 48px;
    font-family: "dearjoe";
    font-weight: 200;
}
.down-arrow {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 30px;
    z-index: 99;
    text-align: center;
}
.down-arrow a {
    color: rgba(255, 255, 255, 0.9);
    font-size: 48px;
}
.banner .name {
    position: absolute;
    bottom: 37px;
    right: 30px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    padding: 12px 32px;
    border: 2px solid #fff;
    font-size: 17px;
    border-radius: 3px;
    text-transform: uppercase;
}
.sliderInfoContainer {
    position: relative;
}

/* Changed by Hammad */
/* .sliderInfoContainer .container { position: absolute; bottom: 0; left: 0; right: 0; } */
/* Changed by Hammad end*/

/* Slick: visible arrows and dots on hero */
.banner .slick-prev,
.banner .slick-next {
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    z-index: 99;
    width: 32px;
    height: 63px;
    position: absolute;
    top: 50%;

    /* left: 10px !important;
    background: url(../images/prev-arrow.png) no-repeat left top; */

    /* z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%; */
}
.banner .slick-prev {
    left: 10px !important;
    background: url(../images/prev-arrow.png) no-repeat left top;
}
.banner .slick-next {
    right: 10px !important;
    background: url(../images/next-arrow.png) no-repeat right top;
}
.banner .slick-prev:before,
.banner .slick-next:before {
    color: #fff;
    font-size: 24px;
}
.banner .slick-prev {
    left: 15px;
}
.banner .slick-next {
    right: 15px;
}
.banner .slick-dots {
    bottom: 20px;
    z-index: 10;
}
.banner .slick-dots li button:before {
    color: #fff;
    opacity: 0.8;
    font-size: 12px;
}
.banner .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
}
/* Slick: mid-section slider arrows/dots */
.slider-multi .slick-prev,
.slider-multi .slick-next {
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    z-index: 99;
    width: 32px;
    height: 63px;
    position: absolute;
    top: 50%;

    /* z-index: 10;
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 50%; */
}

.slider-multi .slick-prev:before,
.slider-multi .slick-next:before {
    color: #fff;
}
.slider-multi .slick-prev {
    left: 10px !important;
    background: url(../images/prev-arrow1.png) no-repeat left top;
}
.slider-multi .slick-next {
    right: 10px !important;
    background: url(../images/next-arrow1.png) no-repeat right top;
}
.slider-multi .slick-dots {
    bottom: 15px;
}
.slider-multi .slick-dots li button:before {
    color: #fff;
    opacity: 0.8;
}
.slider-multi .slick-dots li.slick-active button:before {
    opacity: 1;
}

/* Content */
.content {
    padding: 20px 0;
    min-height: 400px;
    z-index: 1;
    /* margin-bottom: 50px; */
    margin-bottom: 30px;
}
.content .first-content {
    margin-top: 58px;
}
.first-content {
    margin-bottom: 30px;
}
.left-content {
    float: left;
    width: 56%;
    padding-right: 5%;
    margin-right: 5%;
    vertical-align: middle;
    text-align: center;
}
.right-content {
    float: right;
    width: 32%;
    vertical-align: middle;
}
.right-content img {
    width: 100%;
    display: block;
}
.left-content h1 {
    font-family: "didotregular";
    font-size: 45px;
    margin-bottom: 15px;
    color: #494d4e;
    letter-spacing: 0;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: normal;
}
.left-content p {
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    font-family: "filsonproregular";
}
.readLink {
    color: #a0916d;
    text-decoration: underline;
}
.readLink:hover {
    text-decoration: none;
}

.headerName {
    background: #f3f1ec;
    padding: 10px 0 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.headerName .breadcrum ul {
    margin-top: 0;
    margin-bottom: 5px;
}
.headerName h3 {
    font-family: "didotregular", "GFS Didot", serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    padding-bottom: 10px;
    color: #5b5151;
}
.headerName .page-title {
    font-family: "didotregular", "GFS Didot", serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    letter-spacing: 4px;
    margin: 0 0 10px 0;
    padding-bottom: 0;
    color: #464e52;
    font-weight: normal;
}
.breadcrum ul {
    list-style: none;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 13px;
    font-family: "filsonproregular", Arial, sans-serif;
}
.breadcrum li {
    display: inline;
}
.breadcrum a {
    color: #666;
}

/* Elegent / collection slider (MANGO & ACACIA style) */
.elegent {
    background: #80848b;
    margin-top: 58px;
    position: relative;
}
.elegent .slider-multi {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.elegent .item {
    display: flex;
    width: 100%;
    min-height: 400px;
    align-items: stretch;
}
.elegent .leftImg {
    display: table-cell;
    width: 26%;
    vertical-align: top;
}
.elegent .leftImg img {
    width: 100%;
    height: 100%;
    display: block;
}
.elegent .rightTxt {
    display: table-cell;
    width: 95%;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    padding: 0 20px;
}
.elegent .rightTxt h1 {
    font-size: 60px;
    text-transform: uppercase;
    padding-top: 0px;
    letter-spacing: 2px;
    font-family: "didotregular";
    line-height: 70px;
    font-weight: 200;

    /* font-family: "didotregular", "GFS Didot", serif;
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 2px; */
}
.elegent .rightTxt h2 {
    letter-spacing: 10px;
    padding-top: 54px;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 32px;
    font-family: "didotregular";
    font-weight: 200;

    /* font-family: "didotregular", "GFS Didot", serif;
    letter-spacing: 10px;
    padding-top: 54px;
    font-size: 28px;
    text-transform: uppercase; */
}
.elegent .view-button {
    background: #95979b;
    padding: 8px 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    margin-top: 15px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
}
.elegent .view-button:hover {
    background: #7b7d80;
    color: #fff;
    text-decoration: none;
}

/* All Collection inner page (category id 8 – same as core PHP category.php?c=OA==) */
.content .elegent {
    margin-top: 20px;
}
.content .elegent.innerPageElegent {
    margin-top: 20px;
}
.content .elegent.newbannerinner {
    width: 100%;
    overflow: hidden;
    padding: 25px 15px 20px;
    box-sizing: border-box;
}
.newbannerinner h1 {
    font-size: 28px !important;
    line-height: 1.3;
    margin: 0 0 12px 0;
}
.newbannerinner h2 {
    font-size: 22px !important;
    line-height: 1.3;
    margin: 24px 0 12px 0;
}
.newbannerinner h3 {
    font-size: 18px !important;
    margin: 0 0 8px 0;
}
.newbannerinner h5 {
    font-size: 15px !important;
    margin: 0 0 8px 0;
}
.newbannerinner a {
    color: #386578;
}
.newbannerinner a:hover {
    text-decoration: underline;
}
.newbannerinner img {
    max-width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
}
.newbannerinner img[style*="display: none"] {
    display: none !important;
}
.newbannerinner .h-Tag h3 {
    font-size: 20px !important;
    margin-bottom: 10px;
}
/* Section title (Latest Ranges, Popular Ranges, etc.) – match core .product-details */
.content .newbannerinner .product-details {
    text-align: center;
    width: 95%;
    /* margin: 0 auto 15px; */
    margin: 0 auto;
}
.content .newbannerinner .design-derection .product-details h1,
.content .newbannerinner .product-details h1 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "didotregular", "GFS Didot", serif;
    font-size: 26px;
    color: #464e52;
    letter-spacing: 1px;
}
/* Image blocks: subtle placeholder when image missing (match core look) */
.content .newbannerinner .img-large-img,
.content .newbannerinner .col-1,
.content .newbannerinner .col-2 {
    min-height: 120px;
    background: #f0f0ef;
}
.content .newbannerinner .img-large-img img,
.content .newbannerinner .col-1 img,
.content .newbannerinner .col-2 img {
    width: 100%;
    height: auto;
    display: block;
}
.content .newbannerinner .item {
    min-height: 140px;
    background: #f0f0ef;
}
/* Core imghoverv1: overlay darkens on hover */
.content .newbannerinner .imghoverv1 a:hover h3 {
    background: rgba(126, 85, 67, 0.61) !important;
}
.brochure-download.footer-brochure {
    margin-top: 40px;
    /* margin-bottom: 30px; */
}

/* All Collection – sections (Latest Ranges, Popular Ranges, etc.) – match core PHP */
.content .design-derection {
    margin-top: 40px;
    display: block;
}
.content .design-derection .h-Tag {
    border-bottom: 1px solid #aeb4b9;
    margin-bottom: 15px;
}
.content .design-derection h3 {
    border-right: 1px solid #6a7278;
    margin-bottom: -1px;
    text-transform: uppercase;
    border-bottom: 1px solid #6a7278;
    display: inline-block;
    padding-right: 10px;
    font-family: "filsonproregular", Arial, sans-serif;
    padding-bottom: 5px;
    font-size: 22px;
    color: #464e52;
}
.content .design-derection .leftText {
    float: left;
    width: 67%;
}
.content .design-derection .leftText h2 {
    margin-bottom: 15px;
    font-size: 28px;
    color: #464e52;
}
.content .design-derection .leftText p {
    text-align: justify;
    line-height: 21px;
    font-size: 14px;
    color: #464e52;
}
.content .design-derection .rightImg {
    margin-left: 2%;
    float: right;
    width: 30%;
}
.content .design-derection .rightImg img {
    width: 100%;
    max-width: 350px;
    max-height: 350px;
    object-fit: cover;
}
.content .design-derection::after {
    content: "";
    display: table;
    clear: both;
}

/* Category inner page – Product In This Range + View More */
.content .product-Range {
    margin-top: 30px;
    padding-top: 20px;
}
.content .product-Range h2 {
    text-transform: uppercase;
    font-size: 22px;
    color: #464e52;
    margin-bottom: 15px;
}
.content .product-Range .product-range-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.content .product-Range .product-range-list li {
    display: inline-block;
    width: 20%;
    margin: 0 2% 10px;
    vertical-align: top;
}
.content .product-Range .product-range-list li.hide {
    display: none;
}
.content .product-Range .product-range-list li .imgSection {
    margin-bottom: 0;
    min-height: 250px;
    position: relative;
    overflow: hidden;
}
.content .product-Range .product-range-list li .imgSection a {
    display: inline-block;
    width: 100%;
    min-height: 250px;
    position: relative;
}
.content .product-Range .product-range-list li .imgSection img {
    max-height: 250px;
    max-width: 220px;
    width: auto;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.content .product-Range .product-range-list li .textSection {
    text-align: center;
}
.content .product-Range .product-range-list li .textSection h4 {
    margin-bottom: 5px;
    font-size: 15px;
}
.content .product-Range .product-range-list li .textSection h4 a {
    color: #4b5251;
}
.content .product-Range .product-range-list li .textSection h4 a:hover {
    color: #7b4f3b;
}
.content .product-Range .product-range-list li .textSection span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #464e52;
}
.view-more {
    margin-top: 25px;
    text-align: center;
}
.view-more a {
    display: inline-block;
    background: #fff;
    color: #797e75;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid #8a9298;
    transition: all 0.5s;
    font-size: 11px;
    text-transform: uppercase;
}
.view-more a:hover {
    background: #626a58;
    color: #fff;
    text-decoration: none;
}

/* All Collection – left/right columns (e.g. large image + grid) */
.content .left-right-column {
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.content .left-right-column::after {
    content: "";
    display: table;
    clear: both;
}
.content .left-right-column .left-column {
    float: left;
    width: 52%;
    margin-right: 2%;
}
.content .left-right-column .left-column .img-large-img {
    position: relative;
}
.content .left-right-column .left-column .img-large-img img {
    width: 100%;
    display: block;
}
.content .left-right-column .left-column .img-large-img h3,
.content .left-right-column .right-images .full-Image .col-2 h3,
.content .left-right-column .right-images ul li .col-1 h3,
.content .newbannerinner .img-large-img h3,
.content .newbannerinner .col-1 h3,
.content .newbannerinner .col-2 h3 {
    /* position: absolute; */
    /* right: 0;
    left: 0;
    bottom: 0; */
    background: rgba(0, 0, 0, 0.65);
    border: none;
    text-align: center;
    padding: 10px 8px;
    letter-spacing: 2px;
    margin: 0;
    /* font-size: 14px; */
    /* line-height: 1.3; */
    width: 100%;
    color: #fff;

}
.content .left-right-column .left-column .img-large-img h3 a,
.content .left-right-column .right-images .full-Image .col-2 a,
.content .left-right-column .right-images ul li .col-1 a,
.content .newbannerinner .img-large-img h3 a,
.content .newbannerinner .col-1 a,
.content .newbannerinner .col-2 a {
    color: #fff;
    display: block;
    text-decoration: none;
}
.content .left-right-column .right-images {
    width: 45%;
    float: right;
}
.content .left-right-column .right-images ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.content .left-right-column .right-images ul li {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
    margin-bottom: 10px;
}
.content .left-right-column .right-images ul li:nth-child(2n) {
    margin-right: 0;
}
.content .left-right-column .right-images ul li .col-1 img {
    width: 100%;
    max-width: 260px;
    display: block;
}
.content .left-right-column .right-images .full-Image {
    width: 100%;
    margin-top: 5px;
}
.content .left-right-column .right-images .full-Image .col-2 img {
    width: 100%;
    display: block;
    max-width: 540px;
    height: auto;
}
.content .left-right-column .right-images.new_range_list {
    float: none;
    width: 100%;
}
.content .left-right-column .new_range_list .two-category {
    list-style: none;
    margin: 0;
    padding: 0;
}
.content .left-right-column .new_range_list .two-category li {
    display: inline-block;
    width: 23%;
    margin-right: 1%;
    margin-bottom: 20px;
    vertical-align: top;
}
.content .left-right-column .new_range_list .two-category li img {
    width: 100%;
    max-width: 100%;
    display: block;
}

/* All Collection – item blocks (e.g. .item with background) */
.content .newbannerinner .item {
    display: block;
    width: 100%;
    min-height: 200px;
    position: relative;
    overflow: hidden;
}
.content .newbannerinner .item img {
    width: 100%;
    height: auto;
    display: block;
}
.content .newbannerinner .item h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.content .newbannerinner .item h3 a {
    color: #fff;
    text-decoration: none;
}
.content .newbannerinner .slider-multi {
    display: block;
    overflow: hidden;
}
.content .newbannerinner .slider-multi .item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.content .newbannerinner p {
    font-size: 15px;
    line-height: 1.5;
    color: #464e52;
    margin-bottom: 10px;
}

/* Collection content grid (Bedroom / Living Room / Dining Room) – same as core PHP .right-left-list */
.content .right-left-list {
    margin-top: 40px;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.content .right-left-list li {
    display: inline-block;
    margin-right: 2%;
    width: 48%;
    border: 1px solid #a4a4a4;
    margin-bottom: 30px;
    vertical-align: top;
    position: relative;
    box-sizing: border-box;
    background: #fff;
}
.content .right-left-list li a {
    color: #464e52;
    display: table;
    table-layout: fixed;
    width: 100%;
    text-decoration: none;
}
.content .right-left-list li:nth-child(4n + 2) a,
.content .right-left-list li:nth-child(4n + 3) a {
    direction: rtl;
}
.content .right-left-list li a:hover {
    background: rgb(251, 251, 251);
    opacity: 0.9;
}
.content .right-left-list li:nth-child(2n) {
    margin-right: 0;
}
.content .right-left-list li .imgleft {
    display: table-cell;
    position: relative;
    line-height: 0;
    vertical-align: middle;
    width: 50%;
}
.content .right-left-list li .imgleft img {
    width: 100%;
    height: auto;
    display: block;
}
.content .right-left-list li .textRight {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}
.content .right-left-list li .textRight h2 {
    margin-bottom: 10px;
    font-family: "didotregular", "GFS Didot", serif;
    font-size: 22px;
    color: #464e52;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.content .right-left-list li .textRight p {
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin-bottom: 0;
    direction: initial;
    font-size: 14px;
    line-height: 1.4;
    color: #464e52;
}

/* Hero banner (left image + right text) for Bedroom/Living/Dining – match core innerPageElegent.bedroom */
.content .elegent.innerPageElegent .leftImg {
    width: 25%;
    display: table-cell;
    vertical-align: top;
}
.content .elegent.innerPageElegent .rightTxt {
    width: 75%;
    display: table-cell;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    padding: 0 20px;
    box-sizing: border-box;
}
.content .elegent.innerPageElegent .rightTxt .innerTxt {
    width: 100%;
}
.content .elegent.innerPageElegent .rightTxt h1 {
    font-size: 65px !important;
    line-height: 1.2;
    margin: 0 0 10px 0;
    letter-spacing: 5px;
    word-break: break-word;
    text-transform: uppercase;
    font-family: "didotregular", "GFS Didot", serif;
}
.content .elegent.innerPageElegent .rightTxt h2 {
    font-size: 34px !important;
    letter-spacing: 4px;
    word-break: break-word;
}
.content .elegent.innerPageElegent .rightTxt h5 {
    font-size: 15px !important;
    margin: 0 0 8px 0;
}
.content .elegent.innerPageElegent .rightTxt p {
    font-size: 13px;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.95);
}
.content .elegent.innerPageElegent.bedroom,
.content .elegent.newbannerinner.innerPageElegent {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Home category list (3 cols: Living Room, Bedroom, Dining Room) */
.home-category-list {
    margin-top: 60px;
}
.categoryList .category-List {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
}
.categoryList .category-List li {
    display: inline-block;
    width: 30.3%;
    vertical-align: top;
    margin-right: 0.3%;
    position: relative;
}
.categoryList .category-List li .imgWrp {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.categoryList .category-List li .imgWrp img {
    width: 100%;
    max-width: 363px;
    max-height: 363px;
    object-fit: cover;
}
.categoryList .category-List li .txtWrp {
    text-align: center;
}
.categoryList .category-List li.alternate .txtWrp {
    margin-bottom: 25px !important;
}
.categoryList .category-List li h1 {
    text-transform: uppercase;
    font-size: 44px;
    letter-spacing: 1px;
    margin-bottom: 0px;
    font-family: "didotregular";
    font-weight: 200;
    /* font-family: "didotregular", "GFS Didot", serif;
    font-size: 44px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase; */
}

.categoryList .category-List li h1 a {
    text-decoration: none;
}

/* New Added */
.categoryList .category-List li .txtWrp p {
    height: 109px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 20px;
}
/* New Added  END */

.categoryList .category-List li h1 a {
    color: #464e52;
}
.categoryList .category-List li h1 a:hover {
    color: #7e5543;
}
.homeviewcollection {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 136px;
    margin: 0 auto;
    text-align: center;
}
.homeviewcollection a {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 136px;
    margin: auto;
    background: rgba(255, 255, 255, 0.37);
    color: #fff;
    padding: 3px 5px;
    border: solid 1px #e1dad1;
    border-radius: 5px;
    /* background: rgba(255, 255, 255, 0.37);
    color: #fff;
    padding: 8px 16px;
    border: 1px solid #e1dad1;
    border-radius: 5px;
    display: inline-block; */
}
.homeviewcollection a:hover {
    background: rgba(137, 132, 129, 0.37);
    color: #fff;
    text-decoration: none;
}

/* Promo links (Watch, Download Brochures, Become a Stockist) */
.home-promo-links {
    margin-top: 40px;
}
.download-List {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
.download-List li {
    display: inline-block;
    width: 31.4%;
    vertical-align: top;
}
.download-List li .imgWrp {
    position: relative;
    overflow: hidden;
}
.download-List li .imgWrp img {
    /* width: 100%;
    display: block;
    min-height: 200px; */
    object-fit: cover;
}
.download-List li .topText {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #fff;
    text-align: center;
}
.download-List li .topText h1 {
    font-size: 2em;
    margin: 5px 0;
}
.download-List li .topText h4 {
    font-size: 0.9em;
}
.download-List li a:hover {
    opacity: 0.9;
}

/* Categories / product list */
.elegent h2 {
    margin-bottom: 15px;
    color: #fff;
}
.categoryList {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 60px;
}
.cat-item {
    flex: 0 0 180px;
}
.cat-item a {
    display: block;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}
.cat-item img {
    width: 100%;
    height: 140px;
    object-fit: cover;
}
.product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.product-item {
    flex: 0 0 200px;
}
.product-item a {
    display: block;
    border: 1px solid #eee;
    padding: 10px;
}
.product-item img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.product-item .price {
    font-weight: bold;
    color: #333;
}
.cat-desc {
    margin-bottom: 20px;
}

/* Product detail */
.listingContent {
    margin-top: 40px;
}
.left-Img {
    float: left;
    width: 40%;
    margin-right: 1%;
    text-align: center;
}
.left-Img .imgSection img {
    cursor: crosshair;
    max-height: 450px;
    width: 100%;
    max-width: 400px;
}
.left-Img .imgSection a {
    display: inline-block;
}
.left-Img .imgSection {
    border: 1px solid #f0f0f0;
    padding: 20px 0;
    border-radius: 3px;
    position: relative;
}
.listingContent .flexslider {
    margin-top: 20px;
}
.listingContent ul.imgList {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}
.listingContent ul.imgList li {
    display: inline-block;
    width: 63px;
    height: 63px;
    margin-right: 30px;
    vertical-align: top;
}
.listingContent ul.imgList li:last-child {
    margin-right: 0;
}
.listingContent ul.imgList li img {
    width: 63px;
    height: 63px;
    object-fit: cover;
}
.right-description {
    float: right;
    width: 55%;
    margin-left: 2%;
}
.right-description p span {
    font-size: 28px;
    font-weight: 600;
    display: block;
    margin-top: 20px;
    letter-spacing: 2px;
}
.right-description p {
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-size: 15px;
}
.detail-table {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #84888a;
    padding: 5px;
    box-sizing: border-box;
    overflow: auto;
    max-width: 500px;
}
.detail-table table {
    min-width: 480px;
    width: auto;
}
.detail-table tr td {
    padding: 6px 5px;
}
.detail-table tr:nth-child(odd) {
    background: #eceded;
}
.detail-table tr td:nth-child(1n) {
    width: 200px;
}
.detail-table tr td:nth-child(2n) {
    width: 75%;
}

/* Product detail tabs (Product Info / More from ...) – core PHP style */
.tabList {
    margin-top: 40px;
    border-top: 1px solid #dedede;
}
.tabList .tab-list {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid #dedede;
}
.tabList .tab-list li {
    display: inline-block;
    margin: 0 30px 0 0;
    vertical-align: top;
}
.tabList .tab-list li a {
    display: inline-block;
    padding: 5px 0 8px 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #8a9298;
    border-bottom: 2px solid transparent;
}
.tabList .tab-list li a.active,
.tabList .tab-list li a:hover {
    color: #3a4348;
    border-bottom-color: #3a4348;
    text-decoration: none;
}
.description-list {
    margin-top: 10px;
}

/* Success content + Create Account form (Become a Stockist, Register - match core PHP) */
.success-content {
    margin: 0 auto;
    margin-top: 10px;
    min-height: 370px;
}
.success-content h2 {
    margin-bottom: 20px;
    color: #a0916d;
}
/* My Account Details – row spacing (rows me margin) */
.success-content .account-table {
    margin-top: 15px;
}
.success-content .account-table table {
    width: 100%;
    border-collapse: collapse;
}
.success-content .account-table td {
    padding: 10px 12px;
    vertical-align: top;
    line-height: 1.4;
}
.success-content .account-table tr[bgcolor="#F5F5F5"] td,
.success-content .account-table tr.bg-heading td {
    padding: 12px 10px;
    font-weight: 600;
    color: #464e52;
}
/* createAccount = stockist form + register form - two-column layout, grey inputs */
.createAccount {
    width: 70%;
    max-width: 800px;
    margin: 0 auto;
}
.createAccount .row {
    position: relative;
    width: 46%;
    margin-right: 4%;
    display: inline-block;
    margin-bottom: 25px;
    vertical-align: top;
    box-sizing: border-box;
}
.createAccount .row:nth-child(2n) {
    margin-right: 0;
}
.createAccount .row label {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "filsonproregular", Arial, sans-serif;
    color: #464e52;
}
.createAccount .row label span {
    color: red;
    font-size: 13px;
    vertical-align: top;
    line-height: initial;
    margin-left: 2px;
}
.createAccount .row input,
.createAccount .row textarea,
.createAccount .row select {
    width: 100%;
    padding: 12px 10px;
    background: #eeeeef;
    border: none;
    font-size: 15px;
    box-sizing: border-box;
    font-family: inherit;
}
.createAccount .row.submitBtn {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
.createAccount .row.submitBtn .searchBtn,
.createAccount .row.submitBtn button.searchBtn {
    width: auto;
    padding: 8px 25px;
    border: none;
    background: #4b5251;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: inherit;
}
.createAccount .row.submitBtn .searchBtn:hover,
.createAccount .row.submitBtn button.searchBtn:hover {
    background: #39403f;
}
.createAccount .error {
    color: red;
    margin-bottom: 15px;
}
/* Login form - narrow width, bordered box */
.success-content .login-Form {
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
    width: 50%;
    border: 1px solid #e4e4e4;
    padding: 30px 20px;
    border-radius: 3px;
    background: #fbfbfb;
    box-sizing: border-box;
}
.login-Form .row {
    margin-bottom: 15px;
    display: block;
    width: 100% !important;
    margin-right: 0 !important;
}
.login-Form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
    text-transform: none;
}
.login-Form input[type="text"],
.login-Form input[type="email"],
.login-Form input[type="password"] {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid gainsboro;
    font-size: 15px;
    box-sizing: border-box;
}
.login-Form .row.submitBtn {
    text-align: left;
    margin-bottom: 10px;
}
.login-Form .row.submitBtn .searchBtn {
    width: auto;
    padding: 8px 25px;
    background: #4b5251;
    color: #fff;
}
.login-Form p {
    text-align: center;
    margin-bottom: 5px;
}
.login-Form p a {
    text-decoration: underline;
    color: #464e52;
    font-style: italic;
}
.searchBtn {
    padding: 10px 25px;
    background: #4b5251;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: inherit;
}
.searchBtn:hover {
    background: #39403f;
}
.errormsgbox,
.createAccount .error {
    background: #ffebee;
    color: #c62828;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 0;
}
.successMsg {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 10px;
    margin-bottom: 15px;
}
.forgot {
    font-size: 13px;
}

/* Footer - real project style */
/* News listing - match core UI, full width of container */
.news-page .success-content {
    max-width: none;
    width: 100%;
}
.news-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.news-list li {
    margin-bottom: 25px;
    overflow: hidden;
}
.news-list li .news-text {
    float: left;
    width: 77%;
    margin-right: 3%;
    box-sizing: border-box;
}
.news-list li .news-text p {
    text-align: justify;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 12px 0;
}
.news-list li .news-text a {
    display: inline-block;
    font-size: 13px;
    background: #c1b69c;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 20px;
    border-radius: 3px;
    text-decoration: none;
}
.news-list li .news-text a:hover {
    background: #a09782;
    text-decoration: none;
    color: #fff;
}
.news-list li .news-img {
    float: right;
    width: 20%;
    text-align: right;
    vertical-align: top;
    box-sizing: border-box;
}
.news-list li .news-img img {
    max-width: 240px;
    max-height: 180px;
    width: 100%;
    height: auto;
    display: block;
}
.news-list li .news-text .header-tag {
    position: relative;
    border-bottom: 1px solid #d8d7d7;
    z-index: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.news-list li .news-text .header-tag .newsName {
    width: 50%;
}
.news-list li .news-text .header-tag h2 {
    display: inline-block;
    background: #fff;
    margin-bottom: -1px;
    line-height: 30px;
    font-family: "didotregular", "GFS Didot", serif;
    font-size: 26px;
    color: #464e52;
    padding-right: 10px;
}
.news-list li .news-text .header-tag span {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 1;
    background: #fff;
    color: #a0916d;
    font-size: 20px;
    margin-bottom: -1px;
    font-family: "filsonproregular", Arial, sans-serif;
}

@media (max-width: 768px) {
    .news-list li .news-img {
        display: none;
    }
    .news-list li .news-text {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    /* Collection grid: stack cards on small screens (match core PHP) */
    .content .right-left-list li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .content .right-left-list li .imgleft {
        display: block;
        width: 100%;
    }
    .content .right-left-list li .imgleft img {
        width: 100%;
        height: auto;
    }
    .content .right-left-list li .textRight {
        display: block;
        width: 100%;
        padding: 15px;
    }
    .content .right-left-list li .textRight p {
        height: auto;
    }
    .content .elegent.innerPageElegent .leftImg {
        display: block;
        width: 100%;
    }
    .content .elegent.innerPageElegent .rightTxt {
        display: block;
        width: 100%;
        padding: 15px;
    }
}

/* News detail page - full width */
.news-page .success-content.news-detail-content {
    max-width: none;
    width: 100%;
}
.news-detail-title {
    font-family: "didotregular", "GFS Didot", serif;
    margin-bottom: 20px;
    color: #a0916d;
    font-size: 28px;
}
.news-detail-body {
    font-family: "filsonproregular", Arial, sans-serif;
    line-height: 1.6;
}
.news-detail-body p {
    margin-bottom: 15px;
    text-align: justify;
}

/* Footer - real project style */
.topfooter {
    background: #fff;
    padding: 40px 0 30px;
    border-top: 1px solid #ddd;
}
.footer-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}
.footer-col {
    flex: 1;
    min-width: 140px;
}
.footer-col h3 {
    font-family: "filsonproregular", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #333;
}
.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-col ul li {
    margin-bottom: 8px;
    font-family: "filsonproregular", Arial, sans-serif;
}
.footer-col ul li a {
    color: #555;
    font-size: 14px;
    font-family: "filsonproregular", Arial, sans-serif;
}
.footer-col ul li a:hover {
    color: #000;
    text-decoration: underline;
}
.footer-social .social-icon {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-social .social-icon a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    /* background: #555; */
    color: #464e52;
    border-radius: 50%;
    font-size: 22px;
}
.footer-social .social-icon a:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}
.lastFooter {
    background: #c6c6c6;
    color: black;
    padding: 15px 0;
    text-align: center;
    font-size: 13px;
    font-family: "filsonproregular", Arial, sans-serif;
}
.lastFooter p {
    margin: 0;
}

/* Contact Us page - match core PHP contact-us.php */
.headerMap {
    width: 100%;
    margin: 0;
}
.headerMap iframe {
    width: 100%;
    height: 230px;
    display: block;
    border: 0;
}
.success-content.contact-page {
    margin-top: 25px;
    overflow: hidden;
}
.createAccount.leftForm {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-right: 3%;
    float: left;
}
.createAccount.leftForm .row {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}
.createAccount.leftForm .row label {
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}
.createAccount.leftForm .row input,
.createAccount.leftForm .row textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: #eeeeef;
    border: 1px solid #e0e0e0;
    font-size: 15px;
}
.createAccount.leftForm .row textarea {
    min-height: 120px;
    resize: vertical;
}
.createAccount.leftForm .row.submitBtn .searchBtn {
    padding: 10px 30px;
    background: #4b5251;
    color: #fff;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
}
.createAccount.leftForm .row.submitBtn .searchBtn:hover {
    background: #39403f;
}
.right-address {
    display: inline-block;
    width: 50%;
    text-align: center;
    float: right;
}
.right-address p {
    text-align: center;
    margin-bottom: 6px;
    font-size: 16px;
}
.right-address h1 {
    margin: 12px 0;
    font-size: 18px;
    font-weight: bold;
}
.right-address .nearest.brochure-download.contact-stockist {
    margin-top: 25px;
}
.right-address .nearest.brochure-download.contact-stockist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.right-address .nearest.brochure-download.contact-stockist li {
    display: block;
    width: 100%;
}
.right-address .nearest.brochure-download.contact-stockist li a {
    display: block;
    background: #c6c6c5;
    color: #4a4948;
    border: solid 1px #818180;
    padding: 15px 20px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}
.right-address .nearest.brochure-download.contact-stockist li a:hover {
    background: #b5b5b4;
    color: #4a4948;
}
.right-address .nearest.brochure-download.contact-stockist .imgTop {
    position: relative;
}
.right-address .nearest.brochure-download.contact-stockist .top-Text {
    position: relative;
    top: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #4a4948;
}
.right-address .nearest.brochure-download.contact-stockist .book img {
    max-height: 28px;
    width: auto;
}
.right-address .nearest.brochure-download.contact-stockist .tagN h3 {
    font-size: 13px;
    margin: 0;
}
.right-address .nearest.brochure-download.contact-stockist .tagN h1 {
    font-size: 18px;
    margin: 2px 0 0 0;
}

@media (max-width: 768px) {
    .createAccount.leftForm,
    .right-address {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 25px;
    }
}

/* Find A Stockist page — flex layout (fixes narrow btn row + misaligned search button) */
.location-Form {
    text-align: center;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 11px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1px;
}
.location-Form form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 12px 18px;
    box-sizing: border-box;
}
.location-Form form .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin-right: 0;
    vertical-align: unset;
    box-sizing: border-box;
}
.location-Form form .row:nth-child(1) {
    flex: 1 1 260px;
    max-width: 360px;
    min-width: 200px;
}
.location-Form form .row:nth-child(2),
.location-Form form .row:nth-child(3) {
    flex: 0 1 220px;
    min-width: 160px;
}
.location-Form form .row label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    white-space: nowrap;
    flex: 0 0 auto;
}
.location-Form form .row input,
.location-Form form .row select {
    flex: 1 1 120px;
    min-width: 0;
    width: auto;
    max-width: 100%;
    display: inline-block;
    padding: 10px 8px;
    box-sizing: border-box;
    border: 1px solid #e0ddd6;
    font-size: 13px;
    background: #fff;
}
.location-Form form .row.btnRow {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    align-items: stretch;
}
.location-Form form .row.btnRow .searchBtn {
    width: auto;
    min-width: 120px;
}
.location-Form form .searchBtn {
    cursor: pointer;
    padding: 10px 22px;
    border: none;
    background: #4b5251;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.25;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 40px;
}
.location-Form form .searchBtn:hover {
    background: #39403f;
}

.success-content .leftAddress {
    width: 35%;
    margin-right: 2%;
    float: left;
    height: 567px;
    overflow: auto;
    padding-top: 12px;
}
.success-content .rightMap {
    width: 62%;
    float: right;
}
.success-content .rightMap iframe {
    height: 620px;
    display: block;
}

/* Find a Stockist: gap above brochure row + straight map column (flex replaces float jank) */
.success-content.stockist-find-layout {
    margin-bottom: 36px;
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0;
}
.success-content.stockist-find-layout .leftAddress {
    float: none;
    flex: 0 0 35%;
    width: auto;
    max-width: none;
    margin-right: 2%;
}
.success-content.stockist-find-layout .rightMap {
    float: none;
    flex: 1 1 62%;
    min-width: 0;
    width: auto;
    max-width: none;
    position: relative;
    overflow: hidden;
    background: #e8e4df;
}
.success-content.stockist-find-layout .rightMap iframe {
    width: 100%;
    max-width: 100%;
    height: 620px;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.address-List {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.address-List li {
    width: 90%;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c3c3c3;
}
.address-List li:last-child {
    border-bottom: 0;
}
.address-List li p {
    margin-bottom: 0;
    text-align: center;
    line-height: 1.3;
    font-size: 14px;
}
.address-List li .feature-address {
    position: relative;
    background: #f3f1ec;
    padding: 25px 5px 10px;
    box-sizing: border-box;
}
.address-List li .feature-address h5 {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background: #a0916d;
    text-transform: uppercase;
    display: inline-block;
    padding: 2px 6px;
    font-size: 12px;
    margin: 0;
}
.address-List li h2 {
    margin-bottom: 5px;
    font-family: "didotregular", "GFS Didot", serif;
    color: #464e52;
    line-height: 20px;
    font-size: 20px;
    text-transform: uppercase;
}
.address-List li .feature-address p {
    margin-bottom: 0;
    text-align: center;
}
.address-List li .feature-address p a {
    color: #927f60;
    display: inline-block;
    margin-top: 5px;
}

/* Brochure cards - exact match core PHP (no stretch, no blur) */
/* .brochure-download { */
    /* margin-top: 40px; */
/* } */

.brochure-download ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.brochure-download li {
    display: inline-block;
    vertical-align: top;
    width: 47.4%;
    margin-right: 3%;
    position: relative;
}
.brochure-download li:last-child {
    margin-right: 0;
}
.brochure-download li .imgTop {
    position: relative;
    display: block;
    overflow: hidden;
    max-height: 160px;
}
.brochure-download li .imgTop img {
    width: 100%;
    display: block;
    vertical-align: top;
    height: 160px;
    object-fit: cover;
}
.brochure-download li .imgTop .top-Text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
.brochure-download li .imgTop .top-Text .book {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.brochure-download li .imgTop .top-Text .book img {
    width: auto;
    max-height: 26px;
    height: auto;
    vertical-align: middle;
}
.brochure-download li .imgTop .top-Text .tagN {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: left;
}
.brochure-download li .imgTop .top-Text h1 {
    font-family: "didotregular", "GFS Didot", serif;
    font-size: 24px;
    margin: 0 0 4px 0;
    line-height: 1.2;
}
.brochure-download li .imgTop .top-Text h3 {
    font-size: 15px;
    margin: 0;
}
.brochure-download li a {
    text-decoration: none;
    display: block;
}
.brochure-download li a:hover {
    opacity: 0.95;
}

@media (max-width: 768px) {
    .success-content.stockist-find-layout {
        flex-direction: column;
        margin-bottom: 28px;
    }
    .success-content.stockist-find-layout .leftAddress {
        flex: 1 1 auto;
        margin-right: 0;
    }
    .success-content.stockist-find-layout .rightMap {
        flex: 1 1 auto;
    }
    .success-content .leftAddress,
    .success-content .rightMap {
        width: 100%;
        float: none;
        margin-right: 0;
        display: block;
        margin-bottom: 20px;
    }
    .success-content .leftAddress {
        height: auto;
    }
    .success-content .rightMap iframe {
        height: 400px;
    }
    .location-Form form {
        flex-direction: column;
        align-items: stretch;
    }
    .location-Form form .row {
        width: 100% !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    .location-Form form .row.btnRow {
        width: 100%;
        margin-top: 5px;
        align-self: stretch;
    }
    .location-Form form .searchBtn {
        width: 100%;
    }
    .brochure-download li {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 15px;
        display: block !important;
    }
}

/* Become a Stockist / Create Account - responsive */
@media (max-width: 768px) {
    .createAccount {
        width: 95%;
    }
    .createAccount .row {
        width: 100% !important;
        margin-right: 0 !important;
        display: block !important;
    }
    .success-content .login-Form {
        width: 90%;
    }
    .headerName h3 {
        font-size: 22px;
    }
}

/* ========== Quick Order page (same UI as core quick-order.php) ========== */
.bootstrap-wrapper {
    padding: 0;
}
/* Custom Order page — wider main column than default .container (1200px) */
.custom-order-page-wrap .container {
    max-width: 1320px;
}
/* Inner bootstrap grid padding (custom-order.blade.php → .bootstrap-wrapper.custom-order-page > .container) */
.bootstrap-wrapper.custom-order-page > .container {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.bootstrap-wrapper .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.bootstrap-wrapper .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.bootstrap-wrapper .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
@media (min-width: 1200px) {
    .bootstrap-wrapper .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .bootstrap-wrapper .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .bootstrap-wrapper .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .bootstrap-wrapper .offset-xl-1 {
        margin-left: 8.333333%;
    }
    .bootstrap-wrapper .order-xl-first {
        order: -1;
    }
}
.bootstrap-wrapper .order-last {
    order: 9999;
}
.bootstrap-wrapper .mt-2 {
    margin-top: 0.5rem;
}
.bootstrap-wrapper .text-center {
    text-align: center;
}
.bootstrap-wrapper .hidden-xl-up {
    display: none !important;
}
.bootstrap-wrapper .hidden-lg-down {
    display: block;
}
@media (max-width: 1199px) {
    .bootstrap-wrapper .hidden-lg-down {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .bootstrap-wrapper .hidden-xl-up {
        display: none !important;
    }
}

/* Quick Order – range tabs */
.cat-name-list {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
.cat-name-list li {
    display: inline-block;
    background: #c1c6ca;
    border-radius: 3px;
    width: 19.2%;
    margin-right: 0.5%;
    margin-bottom: 8px;
    text-align: center;
    font-size: 13px;
    min-height: 42px;
    vertical-align: middle;
    box-sizing: border-box;
}
.cat-name-list li:nth-child(5n) {
    margin-right: 0;
}
.cat-name-list li:hover {
    background: #b6c0c7;
}
.cat-name-list li a {
    color: #000;
    display: block;
    padding: 8px 6px;
    line-height: 1.3;
    box-sizing: border-box;
    text-decoration: none;
}
.category-drodpdown {
    margin: 10px 0;
}
.category-drodpdown select {
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    min-width: 200px;
}

/* Side basket (fixed right panel) */
#sideBasketContainer {
    position: fixed;
    top: 0;
    right: -330px;
    width: 320px;
    height: 100%;
    background-color: #eaebec;
    transition: right 0.3s ease-out;
    z-index: 9998;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    text-align: left;
}
#sideBasketHeader {
    background: #414245;
    color: #fff;
    text-align: center;
    padding: 18px;
    position: relative;
}
#sideBasketHeader h3 {
    margin: 0;
    font-size: 18px;
}
#sideBasketContent {
    padding: 10px;
}
#sideBasketContent .sub-total {
    display: block;
    margin-bottom: 10px !important;
    font-weight: 600;
}
#sideBasketContent .sub-total span {
    font-weight: 400;
    float: right;
}
#sideBasketContent .checkout-btn {
    margin-top: 10px !important;
}
#sideBasketContent .searchBtn {
    width: 100%;
    padding: 9px 15px;
    border-radius: 3px;
    border: none;
    background: #4b5251;
    color: #fff;
    cursor: pointer;
}
#closeButton {
    position: absolute;
    top: 13px;
    left: 10px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #fff;
}
#sideBasketOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9997;
}

/* SweetAlert2 above Quick Order side basket (#sideBasketContainer z-index 9998) */
.swal2-container {
    z-index: 10050 !important;
}
#sideBasketContent .checkout-table-Div table {
    width: 100%;
    border-collapse: collapse;
}
#sideBasketContent .checkout-table-Div th,
#sideBasketContent .checkout-table-Div td {
    padding: 6px 8px;
    text-align: left;
    border: 1px solid #ddd;
}
#sideBasketContent .checkout-table-Div th {
    background: #4b5251;
    color: #fff;
}
#sideBasketContent .basketQuantity {
    width: 50px;
    text-align: center;
    padding: 4px;
}

/* Quick / Custom Order — basket table (aligned columns, line totals) */
.checkout-table-Div table.qo-basket-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.checkout-table-Div table.qo-basket-table th,
.checkout-table-Div table.qo-basket-table td {
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #ddd;
    font-size: 12px;
    word-wrap: break-word;
}
.checkout-table-Div table.qo-basket-table th {
    background: #4b5251;
    color: #fff;
    font-weight: 600;
}
.checkout-table-Div .qo-col-del {
    width: 48px;
    text-align: center;
}
.checkout-table-Div .qo-col-del button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.checkout-table-Div .qo-col-code {
    width: 88px;
}
.checkout-table-Div .qo-col-item {
    width: auto;
}
/* Sidebar basket: no Item column — give Code more room */
.checkout-table-Div table.qo-basket--no-item .qo-col-code {
    width: 38%;
}
.checkout-table-Div table.qo-basket--no-item .qo-col-price {
    width: 28%;
}
.checkout-table-Div .qo-col-qty {
    width: 80px;
    text-align: center;
}
.checkout-table-Div .qo-col-price {
    width: 104px;
    text-align: right;
    white-space: nowrap;
}
.checkout-table-Div .js-basket-qty-input.basketQuantity {
    width: 100%;
    max-width: 72px;
    margin: 0 auto;
    padding: 5px 6px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
}
.checkout-table-Div .js-basket-qty-input.is-updating {
    opacity: 0.65;
}
.checkout-table-Div .qo-sub-total {
    margin-top: 12px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    clear: both;
}
.checkout-table-Div .qo-sub-total .qo-sub-currency,
.checkout-table-Div .qo-sub-total #subTotal {
    float: none;
    font-weight: 600;
    display: inline;
}
#sideBasketContent .sub-total.qo-sub-total span {
    float: none;
}

/* Quick Order – basket div, buttons */
.basketDiv {
    margin-top: 15px;
    overflow: hidden;
}
.basketDiv h2 {
    margin-bottom: 15px;
    font-size: 22px;
    color: #464e52;
}
.add-checkout {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}
.add-checkout li {
    display: inline-block;
    margin-right: 10px;
}
.add-button {
    padding: 8px 20px;
    background: #4b5251;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
}
.add-checkout a.add-button {
    text-decoration: none;
    display: inline-block;
}
.add-checkout a.add-button:hover {
    color: #fff;
    opacity: 0.9;
}
.icon-btn {
    margin-top: 15px;
    margin-bottom: 20px;
}
.icon-btn .add-checkout {
    margin-bottom: 0;
}

/* Quick Order table */
.tableWrp {
    overflow-x: auto;
    margin-top: 10px;
}
.tableWrp.quickOrderTable {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: auto;
}
.tableWrp .quick-order {
    display: table;
    width: 100%;
    background: #787b7d;
    border-collapse: collapse;
}
.tableWrp .quick-order tr > th,
.tableWrp .quick-order tr > td {
    display: table-cell;
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #ddd;
}
.tableWrp .quick-order tr th {
    font-size: 14px;
    background: #4b5251;
    color: #fff;
    font-weight: normal;
    word-break: break-word;
}
.tableWrp .quick-order tr th:nth-child(1),
.tableWrp .quick-order tr td:nth-child(1) {
    width: 10%;
}
.tableWrp .quick-order tr th:nth-child(2),
.tableWrp .quick-order tr td:nth-child(2) {
    width: 15%;
}
.tableWrp .quick-order tr th:nth-child(3),
.tableWrp .quick-order tr td:nth-child(3) {
    width: 12%;
}
.tableWrp .quick-order tr th:nth-child(4),
.tableWrp .quick-order tr td:nth-child(4) {
    width: 10%;
}
.tableWrp .quick-order tr th:nth-child(5),
.tableWrp .quick-order tr td:nth-child(5) {
    width: 10%;
}
.tableWrp .quick-order tr th:nth-child(6),
.tableWrp .quick-order tr td:nth-child(6) {
    width: 8%;
}
.tableWrp .quick-order tr th:nth-child(7),
.tableWrp .quick-order tr td:nth-child(7) {
    width: 10%;
}
.tableWrp .quick-order tr th:nth-child(8),
.tableWrp .quick-order tr td:nth-child(8) {
    width: 13%;
}
.tableWrp .quick-order tr td input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    padding: 3px 5px;
    border: 1px solid #e4e4e4;
}
.tableWrp .quick-order tr td a {
    display: inline-block;
    padding: 5px;
    color: #8f8a76;
    text-decoration: underline;
}
.tableWrp .quick-order tr td .by-quantity {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.tableWrp .quick-order tr td .by-quantity span.quantity-down,
.tableWrp .quick-order tr td .by-quantity span.quantity-up {
    padding: 2px 6px;
    background: #989b9e;
    cursor: pointer;
    color: #fff;
    border-radius: 2px;
}
.tableWrp .quick-order tr td .by-quantity span.quantity-down:hover,
.tableWrp .quick-order tr td .by-quantity span.quantity-up:hover {
    background: #6a6e71;
}
.tableWrp .quick-order tr td .by-quantity-count input {
    width: 40px;
    text-align: center;
    padding: 3px;
}
.tableWrp.quickOrderTable thead.sticky-top {
    position: sticky;
    top: 0;
    background: #4b5251;
    z-index: 2;
}
.tableWrp.quickOrderTable thead:nth-of-type(2) {
    position: sticky;
    top: 33px;
    z-index: 2;
}
.tableWrp.quickOrderTable thead:nth-of-type(2) tr th {
    background: #e8e8e8;
    color: #333;
}
.tableWrp.quickOrderTable thead:nth-of-type(2) input {
    border: 1px solid #ccc;
    padding: 4px;
}
@media (max-width: 768px) {
    .cat-name-list li {
        width: 24.5%;
    }
    #sideBasketContainer {
        width: 100%;
        max-width: 320px;
    }
}