/* lato-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v25-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* --- iOS Safari Blank Space Fix ONLY for Cart & Checkout --- */

/* 1. Force hide the footer wrapper ONLY on Cart and Checkout pages */
.woocommerce-cart footer#colophon, 
.woocommerce-cart .site-footer,
.woocommerce-checkout footer#colophon, 
.woocommerce-checkout .site-footer {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: none !important;
} 

/* 2. Remove bottom spacing from main content wrappers ONLY on Cart and Checkout pages */
.woocommerce-cart #content, 
.woocommerce-cart .site-content, 
.woocommerce-cart #main, 
.woocommerce-cart .site-main, 
.woocommerce-cart #primary,
.woocommerce-checkout #content, 
.woocommerce-checkout .site-content, 
.woocommerce-checkout #main, 
.woocommerce-checkout .site-main, 
.woocommerce-checkout #primary {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Fix iOS viewport height calculation and overscroll bounce ONLY on Cart and Checkout * /
.woocommerce-cart, 
.woocommerce-checkout {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden;
} */

/* Cevron and Loading Awesome replacement */
/* 1. Global Reset: Remove FontAwesome text/fonts */
.fa, .fas, .far, .fab, [class^="fa-"],[class*=" fa-"] {
    font-family: inherit !important;
    font-style: normal !important;
    line-height: 1 !important;
}

/* ==========================================
   2. ARROWS (Chevrons)
   ========================================== */
.fa-chevron-down::before, .fa-angle-down::before,
.fa-chevron-up::before, .fa-angle-up::before {
    content: "" !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: none !important; /* Clear any residual borders */
    border-right: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    margin: 8px !important;
    transition: transform 0.3s ease !important;
    vertical-align: middle !important;
    position: relative !important;
}

/* Direction: Down */
.fa-chevron-down::before, .fa-angle-down::before { 
    transform: rotate(45deg) !important; 
    top: -2px !important; /* Optical center fix */
}

/* Direction: Up (Pushed down to compensate for rotation) */
.fa-chevron-up::before, .fa-angle-up::before { 
    transform: rotate(-135deg) !important; 
    top: 2px !important; /* Pushes the arrow away from the top edge */
}

/* ==========================================
   3. LOADING SPINNER (Perfect Circle Fix)
   ========================================== */
.fa-spin::before, .fa-spinner::before, .fa-refresh::before {
    content: "" !important;
    display: inline-block !important;
    box-sizing: border-box !important; /* Forces perfect symmetry */
    width: 54px !important; 
    height: 54px !important;
    border: 4px solid rgba(0, 0, 0, 0.1) !important; 
    border-top-color: #e18d34 !important; 
    border-radius: 50% !important;
    animation: hd-rotation 0.8s linear infinite !important;
    transform-origin: 50% 50% !important; /* Fixes the "gymnast" wobble */
    vertical-align: middle !important;
    position: relative !important;
    top: 0 !important;
    margin: 0 auto !important;
}

/* Rotation Keyframes */
@keyframes hd-rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Prevent container from clipping the loader */
.berocket_aapf_widget_loading, .lmp_button_loader {
    min-height: 60px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
/* END Cevron and Loading Awesome replacement */

/* BeRocket. Hide only those widgets that contain a list (ul) with fewer than two items (li), provided that no checkboxes are selected. */
.berocket_single_filter_widget:has(.bapf_body ul):not(:has(.bapf_body li:nth-child(2))):not(:has(input:checked)) {
    display: none !important;
}

/* Prevent vertical stacking of logo slider before JS loads */
.logo-slider {
    display: flex !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
    gap: 15px; /* Adjust spacing between logos if needed */
}

/* Optional: Fade in the slider smoothly once JS initializes it */
.logo-slider.slick-initialized, 
.logo-slider.swiper-initialized {
    display: block !important; 
    animation: fadeIn 0.5s ease-in-out;
}

div#howToMeasureCarousel {
	max-width: 100%;
}

.carousel-inner.shadow-sm.rounded {
    max-height: 1000px;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

span.parsed-text.parsed-text--message.parsed-text--very-light-bg {
    font-size: .91rem;
}

p.mx-5, p.text-center.mx-p, p.px-5, .col-10.col-md-8.col-lg-4.text-center.p-5 p, p.mb-4, .col-12.col-lg-4.pe-5.offset-0.offset-lg-3.mt-5.mt-lg-0 p, .archive-contact p, .category-description p, a.text-decoration-collections {
    margin: 0 !important;
    font-size: 18px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	color: #333;
}

.enhance-description {
	padding-top: 20px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 18px;
}

h2.fs-6.fw-bolder {
	padding-top: 4px;
    font-size: 12.5px !important;
}

.u-column2.col-12.col-lg-6.col-md-12 {
    width: 100%;
    flex: 0 0 auto;
    border: 1px solid;
    margin-top: 55px;
    padding: 20px;
}

.lc-block.mb-1 {
    margin-top: -1rem !important;
	margin-bottom: -0.2rem !important;
}

.col-md-12.text-center, .u-column1.col-lg-6.col-md-12 {
    width: 100%;
	padding-top: 20px;
}

.container.py-5 {
    padding-top: 0 !important;
}

p.mx-5 {
    margin: 0 !important;
}

img.d-block.w-100.px-3.mb-3 {
    height: 120px;
    width: 240px !important;
    padding: 5px 10px 5px 10px !important;
}

.container.py-5.text-center {
    max-width: 3000px;
}

.text-decoration-underline {
    text-decoration: underline !important;
	font-size: 1.3rem;
}

a.text-decoration-collections {
    font-size: 20px;
}

section.hero.m-5.mx-2.mx-sm-5 {
	padding: 0 !important;
	margin: 0 !important;
}

p.text-white {
    font-size: 16px;
    color: #f1f1f1 !important;
	margin-bottom: 0;
}

p.text-white, .text-decoration-underline {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Cart Badge */
/* Container for positioning */
.header-cart-wrapper {
    position: relative;
    display: inline-block;
}

/* The Round Indicator */
.cart-badge {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e18700;
    color: #ffffff;
    border-radius: 50%;
    padding: 2px 5px;
    font-size: 14px;
    line-height: 1;
    min-width: 19px;
    min-height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    z-index: 10;
}

.cart-icon-wrapper {
    position: relative;
    display: inline-block;
}

.cart-badge-link-container {
    position: absolute;
    top: -5px;
    right: -10px;
    z-index: 99;
}

.cart-badge-link {
    text-decoration: none !important;
}

p.idpc-manual-entry-link {
    padding: 15px 0 0 10px;
    text-decoration: underline;
    color: #e18700;
    font-weight: 600;
}

label[for="idpc_1"] {
    font-weight: 600;
}

/* --- 1. Spinner & General --- */
.spinner { 
    width: 50px; height: 50px; border: 5px solid rgba(0, 0, 0, 0.1); 
    border-top-color: #000; border-radius: 50%; 
    animation: spin 1s linear infinite; margin: 0 auto; 
}
@keyframes spin { to { transform: rotate(360deg); } }

/* --- 2. Price & Unit Labels --- */
.main-price-val { font-weight: 700; display: block; font-size: 1.1rem; line-height: 1.2; }
.unit-measure-label { 
    font-size: 13px; 
    color: #b5b5b5; 
    font-weight: 400; 
    text-transform: lowercase; 
}

/* --- 3. Mobile View: Horizontal Alignment --- */
@media (max-width: 767px) {
	
	div#main_nav {
    	width: 86%;
	}
	
    /* Row container setup */
    .woocommerce-cart-form__cart-item {
        display: flex !important;
        flex-wrap: wrap;
        padding: 10px 0 !important;
		justify-content: space-between;
    }

    /* Hide default WooCommerce labels (Price:, Quantity:) */
    .woocommerce-cart-form__cart-item td.d-mobile-horizontal::before {
        display: none !important;
    }

    /* Force 3 columns to sit in one horizontal line */
    .product-price.d-mobile-horizontal,
    .product-quantity.d-mobile-horizontal,
    .product-subtotal.d-mobile-horizontal {
        width: 33.33% !important;
        display: flex !important;
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        padding-bottom: 15px !important;
        text-align: center !important;
    }

    /* Ensure wrappers take full width for centering */
    .price-container, .quantity-wrapper, .subtotal-wrapper {
        width: 100%;
        text-align: center;
    }

    /* Adjust quantity input size for mobile */
    .quantity input.qty {
        width: 64px !important;
        height: 36px !important;
        padding: 0 !important;
        text-align: center;
    }
}

/* --- 4. Desktop Alignment --- */
@media (min-width: 768px) {
	
    /* Align content to the left for desktop table layout */
    .product-price.d-mobile-horizontal,
    .product-quantity.d-mobile-horizontal,
    .product-subtotal.d-mobile-horizontal {
        text-align: left !important;
    }

    .price-container {
        text-align: left;
        padding-right: 15px;
    }

    .quantity-wrapper {
        display: flex;
        justify-content: flex-start;
    }

    /* Header alignment */
    .shop_table thead th.product-price, 
    .shop_table thead th.product-quantity,
    .shop_table thead th.product-subtotal { 
        text-align: right; 
    }
}

.order-summary-container.p-3.border {
    border: none !important;
}

/* Category Header Style */

.category-header-hero {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 450px;
    display: flex;
}

.category-content-box {
    background-color: rgb(0 0 0 / 72%);
    padding: 35px 50px;
    max-width: 800px;
}

.category-title {
    font-size: 2rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: #ffe5bd;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.category-description {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #333;
}

.category-description p {
    color: #fff7ee;
}

/* RankMathSEO BreadCrumb */

.rank-math-breadcrumb p {
	margin-top: 8px;
    margin-bottom: 3px;
    word-spacing: 5px;
}

.rank-math-breadcrumb a, .rank-math-breadcrumb a:hover, .rank-math-breadcrumb span.last, .rank-math-breadcrumb span.separator {
    font-variant: all-petite-caps;
}

.rank-math-breadcrumb span.last {
    color: darkgrey;
}

.rank-math-breadcrumb a {
    color: grey;
    letter-spacing: 1.5px;
}

.rank-math-breadcrumb a:hover {
    color: black;
	font-weight: bold;
}

/* End RMSEO BC */

.page, .post {
    margin: 0;
	overflow-x: hidden;
}

img.mb-3 {
    width: 450px;
}

.bapf_colaps_smb {
    transition: transform 0.3s ease;
}
.bapf_colaps_smb.fa-chevron-down {
    transform: rotate(0deg);
}
.bapf_colaps_smb.fa-chevron-up {
    transform: rotate(0deg);
}

.selected-filter {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px 8px;
    background-color: #000;
    color: #fff;
    border-radius: 0 0 8px 8px;
    font-size: 0.84em;
}

.bapf_hascolarr {
	font-weight: 700 !important;
	font-family: Lato, Open Sans, sans-serif !important;
	font-size: 15px !important;
	border: 1px solid #f1d0ba !important;
	border-bottom: none !important;
	border-radius: 10px 10px 0 0;
	padding: 10px 10px 6px 20px;
	height: 36px;
}


button.bapf_button.bapf_reset {
	border: 2px solid #ede5dc  !important;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
	background: #fff !important;
	color: #ff7000 !important;
	letter-spacing: .05em;
	height: 36px;
}

#attribute-search-input {
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.attribute-list-item {
    display: block;
}

.emergency-message {
    background: #e6dbcc;
}

.hidden-paint {
    display: none;
}

/* About Pages */
.col-12.col-md-6.pe-3.ps-0.py-3 {
    text-align: end;
}

/* Filter colours */
	
input#bapf_2_2434 {
	background: #bbdcff;
}

input#bapf_2_2424 {
	background: #dedede;
}

input#bapf_2_2427 {
	background: #c7e0c7;
}

input#bapf_2_2560 {
	background: #fff4e6;
}

input#bapf_2_2525 {
	background: #fd9595;
}

input#bapf_2_2440 {
	background: #d48e64;
}

input#bapf_2_2507 {
	background: #e4a5e4;
}

input#bapf_2_2476 {
	background: #f8f6eb;
}

input#bapf_2_2499 {
	background: #fffad3;
}

input#bapf_2_2540 {
	background: #f6c983;
}

input#bapf_2_2479 {
	background: #ffdfdf;
}

/* Filter End */

.bottom-container.text-start {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .bapf_slidr_main.ui-widget-content .ui-slider-handle, .berocket_filter_price_slider.ui-widget-content .ui-slider-handle, .slide.default .bapf_slidr_main .ui-state-default, .slide.default .bapf_slidr_main .ui-widget-header .ui-state-default, .slide.default .bapf_slidr_main.ui-widget-content .ui-state-default, .slide.default .berocket_filter_price_slider .ui-state-default, .slide.default .berocket_filter_price_slider .ui-widget-header .ui-state-default, .slide.default .berocket_filter_price_slider.ui-widget-content .ui-state-default {
    background: #9acb75;
	font-size: 14px;
    width: 1em;
    height: 1.8em;
    top: -11px;
    border-radius: 15px 0 14px 0;
	}

.bottom-description, .bottom-description p, .bottom-description a {
    font-size: 17px;
}

.bottom-description h3 {
    font-size: 20px;
    font-weight: 600;
}

a.description-link {
    color: chocolate;
	font-size: inherit;
}

a.btn.btn-primary.mt-4 {
    border: none;
    background: black;
}

section.trustpilot.m-5.mx-2.mx-sm-5.px-3.px-lg-5.p-lg-5 {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-bottom: 1px solid #00b67a;
	padding-bottom: 1rem !important;
	margin: 0 !important;
}

/* ---------------- Font Families ----------------- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Times New Roman', Times, 'Georgia', 'serif';
}

body, p, a, span, .top-bar h2, .trustpilot h2, .newsletter h3, .inspiration h3, button, .woocommerce-variation-add-to-cart h2, .woocommerce-loop-product__title, .archive-contact h3, .cart-info h3, .error-404 h2, .room-ideas-section .title-button-wrap h3, .checkout-info h3, .product-template-default .quantity h2 {
    font-family: 'Lato', 'Helvetica Neue', 'Arial', sans-serif;
    letter-spacing: 0;
	font-size: 16px;
}

h3.mb-1 {
    color: black;
}

.nav-item > a {
    font-family: Lato, Times, sans-serif;
    font-size: 13px;
    color: black;
    letter-spacing: .08em;
	padding: 10px 25px;
}

.bottombar .navbar-nav .dropdown-menu a:hover, .nav-item > a:hover {
    color: #3f2900;
    text-shadow: 0 0 5px #f5d9b3, 0 0 10px #dfdedc;
}


/* ---------------- Font Sizes ------------------ */
h1 {
    font-size: 1.7rem;
    /* text-transform: uppercase; */
}

h2 {
    font-size: 1.8rem;
}

h3, article h2 a {
    font-size: 1.6rem;
}

body, p, span, /* a {font-size: 0.965rem;} */

/* ---------------- Colours ----------------- */
a, body, h1, h2, h3, h4, h5, h6, span, p {
    color: #353535;
}

/* ---------------- Bootstrap Resets ----------------- */
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, header .dropdown-menu .container, .return-to-shop {
    max-width: 1410px;
    width: 100%;
}

a {
    text-decoration: underline;
}

header a {
    text-decoration: none;
    font-weight: 400;
    color: black;
}

footer a {
    text-decoration: none;
    font-weight: 400;
    color: grey;
}

footer a:hover {
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.25rem;
}

a.email {
    margin-right: 4px;
}

ul {
    list-style: none;
}

ul, ol {
    margin: 0;
    padding: 0;
}

.dropdown-toggle::after {
    display: none !important;
}

.carousel-control-prev {
    justify-content: start;
}

.carousel-control-next {
    justify-content: end;
}

.px-xxl-5 {
    padding-right: 0rem!important;
    padding-left: 0rem!important;
}

.row.ios-row-01 {
    margin-left: calc(-1.5 * var(--bs-gutter-x));
}

.dgwt-wcas-overlay-mobile .dgwt-wcas-style-pirx .dgwt-wcas-preloader, .dgwt-wcas-tpd-image {
    margin-right: 28px;
    margin-top: 3px;
}

.d-block.d-xl-none.col-9.m-2 {
    width: 80%;
	margin: 0.3rem !important;
}

/* ---------------- Header ------------------ */

/* Header */

button.show-password-input::before {
    display: flex;
    content: "show pass";
    font-size: 10px;
    border-radius: 4px;
    padding: 4px 0 0 0 !important;
    height: 10px;
    align-items: center;
}

button.show-password-input {
	margin-left: 8px;
	border-radius: 4px;
	padding: 0 3px 4px 3px !important;
	line-height: 0.5;
}

/* Keep global HTML scrolling styling if needed */
html {
    overflow-y: scroll !important;
}

header#masthead {
    background: #f6f1ea;
}

/* Restrict custom fixed header styling to pages that are NOT Cart or My Account */
body:not(.woocommerce-cart):not(.woocommerce-account) header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: transform 0.3s ease-in-out;
    background: #f6f1ea;
    border-radius: 0 0 20px 20px;
    height: 142px; /* Forced height to match your gap */
}

/* This class will be added via JavaScript */
body:not(.woocommerce-cart):not(.woocommerce-account) header.header-hidden {
    transform: translateY(-100%);
}

/* Prevent the background body from scrolling when the menu is open */
body:not(.woocommerce-cart):not(.woocommerce-account):has(.offcanvas.show), 
body:not(.woocommerce-cart):not(.woocommerce-account):has(.navbar-collapse.show) {
    overflow: hidden;
    height: 100vh;
	padding-top: 0;
}

/* Ensure the header stays visible when the menu is open regardless of JS */
body:not(.woocommerce-cart):not(.woocommerce-account):has(.offcanvas.show) header,
body:not(.woocommerce-cart):not(.woocommerce-account):has(.navbar-collapse.show) header {
    transform: translateY(0) !important;
}

/* The "Empty Block" equivalent - pushes all content down */
body:not(.woocommerce-cart):not(.woocommerce-account) {
    padding-top: 142px;
    overflow-x: hidden;
}

/* Adjustment for logged-in users (WordPress Admin Bar) */
.admin-bar body:not(.woocommerce-cart):not(.woocommerce-account) {
    padding-top: calc(155px + 32px) !important;
}

.admin-bar body:not(.woocommerce-cart):not(.woocommerce-account) header {
    top: 32px;
}

header .container, footer .container {
    max-width: 1410px;
    width: 100%;
}

.navbar .megamenu {
    padding: 1rem;
    width: 100%;
    left: 0;
    right: 0;
    margin-top: 0;
    border-radius: 0;
    border: 0;
    box-shadow: 0px 600px 14px 450px rgb(0 0 0 / 60%);
}

.megamenu-header, .entry-title {
    font-size: 2.5rem;
}

.curtains .menu-links, .blinds .menu-links, .roller-blinds .menu-links {
    border-right: 1px solid #eeece9;
}

.megamenu-header h3, .menu-links h4 {
    letter-spacing: 0;
}

.curtains .mega-featured-1 {
    background-image: url("/wp-content/uploads/-images/curtain-img1.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.curtains .mega-featured-2 {
    background-image: url("/wp-content/uploads/-images/curtain-img2.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blinds .mega-featured-1 {
    background-image: url("/wp-content/uploads/-images/blind-img1.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blinds .mega-featured-2 {
    background-image: url("/wp-content/uploads/-images/blind-img2.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.roller-blinds .mega-featured-1 {
    background-image: url("");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.roller-blinds .mega-featured-2 {
    background-image: url("");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bottombar, .megamenu {
    background: #fff;
    padding-bottom: 4px;
    padding-top: 5px;
}

.navbar-toggler-icon {
    height: 2rem !important;
    width: 2rem !important;
	filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.3));
}

section.bottombar {
    box-shadow: 0 4px 3px -5px #c3c3c3;
}

.navbar-toggler {
    border: none !important;
}

a.custom-logo-link img {
    width: 266px;
    aspect-ratio: 266 / 65;
    height: auto;
	padding: 4px 0 0 24px;
	object-fit: fill;
}

label img {
    border-radius: 10px;
}

span.samples-total {
    display: block;
	font-size: 13px;
}

.header-pricing span.amount {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
}

/* ========= Single Page Product ======== */

.rounded-0 {
	border-radius: 6px !important;
	border: white !important;	
}

.selection-wrapper {
    text-align: -webkit-center;
}

.accordion-body p.col-6.my-3 {
    margin-top: 0.6rem!important;
    margin-bottom: 0.6rem !important;
}

p.col-6.my-3 {
  color: #696969;
  text-align: left;
}

div.woocommerce-tabs div#tab-description {
  text-align: justify;
}

/* Reserve space for the open accordion to prevent layout shift caused by web fonts */
#productAttributesAccordion {
    min-height: 505px;
	min-width: 310px;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
	/* 1. Set the initial "hidden" state */
    .navbar .dropdown-menu, 
    .navbar .megamenu {
        display: block !important; /* Keep it in the DOM so it can animate */
        visibility: hidden;
        opacity: 0;
        transform: translateY(15px); /* Start 15px lower for a "slide up" effect */
        transition: all 0.3s ease-in-out;
        pointer-events: none; /* Prevent clicking menu items while they are invisible */
    }

    /* 2. Set the "hover" state */
    .nav-item.dropdown:hover > .dropdown-menu,
    .nav-item.dropdown:hover > .megamenu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0); /* Move to original position */
        pointer-events: auto; /* Re-enable clicks */
    }

    /* 3. Ensure the menu stays open when moving the mouse from link to menu */
    .dropdown-menu {
        margin-top: 0; /* Eliminate any gap that triggers mouseleave */
    }
	
    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        margin-top: 0;
    }
	
	.col-12.col-lg-4.pe-5.offset-0.offset-lg-3.mt-4.mt-lg-0 {
    margin-left: 5%;
	}
	
}

/* Tablet Landscape / Small Desktop */
@media all and (min-width: 992px) {
    .navbar-expand-xl .collapse.navbar-collapse#main_nav {
        display: none !important;
    }
	
}

@media all and (min-width: 1200px) {
	
	section.bottombar {
    border: 1px solid #f1e3d9;
	}
	
	section.header-main.py-2.py-lg-4 {
    box-shadow: inset 5px 0 15px -4px rgb(255 234 219);
	}
	
	.navbar-expand-xl .navbar-nav .nav-link {
      padding-right: 0 !important;
      padding-left: 0 !important;
	}
	
	a.nav-link {
    padding-bottom: 0;
	}
	
    .review {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .justify-content-xl-between {
        justify-content: right !important;
    }

    .contact.icon-sections.d-flex.justify-content-center.justify-content-xl-between.mb-3.fw-bolder {
        margin-bottom: 10px !important;
        margin-top: -26px !important;
    }

    .header-utils.icon-sections.d-flex.justify-content-center.justify-content-xl-between.fw-bolder {
        padding-right: 10px;
		align-items: center;
    }

	.dgwt-wcas-suggestions-wrapp {
		width: 578px !important;
		border-radius: 0 0 0 13px !important;
		top: 69px !important;
		border: 1px solid #f1d0ba !important;
		border-top: 1px solid white !important;
		max-height: 900px;
	}

	.container.text-start.py-5 {
		padding: 40px 0 40px 12px !important;
		display: flex;
		flex-direction: column;
	}
	
	.row.py-3.px-5 {
    padding-left: 4.5em !important;
	}
	
	li#menu-item-70 {
    max-width: 255px;
	}
	
	.col-4.col-md-12.col-xl-4.mt-3.ml-4.mt-xl-0.ios-col-fix {
    text-align: end;
	}
	
}

/* ============ mobile view ============ */

/* Specific Tablet Landscape tweak */
@media (max-width: 1024px) {
	
.col-12.col-lg-4.pe-5.offset-0.offset-lg-3.mt-5.mt-lg-0, .col-12.col-md-4.mb-5.mb-md-0 {
    padding: 20px !important;
	margin: 0 !important;
}
	
	.side.left-side.container-fluid, .top.container-fluid, .bottom.container-fluid, .side.right-side.container-fluid {
    height: 150px !important;
    min-height: 150px;
	margin: 0 !important;
	}
	
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }

    .header-main .text, .header-main .site-header-cart, .header-main .site-header-cart span, span.samples-total {
        font-size: 0.813rem !important;
    }

    #site-header-cart {
        align-items: flex-end;
    }

	.menu-close-link {
		top: 20px !important;
		left: 38px !important;
	}
}

/* Mobile only */
@media (max-width: 430px) {
	
	div#custom-product-calculations {
		height: 100%;
		padding: 0 !important;
	}

	.page-template-faqs .accordion-header button:before,
	.page-template-faqs .accordion-body:before {
		left: 10px !important;
	}

	.page-template-faqs .accordion-header button,
	.page-template-faqs .accordion-body{
		padding: 15px 7px 40px 67px !important;
		font-size: .95rem !important;
	}

	.rank-math-breadcrumb a {
		font-size: 14px;
	}

	.category-header-hero {
		min-height: 333px;
	}

	a.email {
		display: none;
	}
		
	/* Apply height restriction and overflow only on mobile devices */ .collapse-content {
		overflow: hidden;
		height: 45px;
		/* Adjust this value based on your initial content height need on mobile */
		margin-bottom: 20px;
	}

	.ps-4.pe-0.py-4.text-right {
		text-align: left;
		margin-right: 15px;
	}

	main.container.my-5.px-4 {
		margin: 1.5em 0 2.5em 0 !important;
	}

	h1.entry-title.pb-2.mb-5 {
		margin-bottom: 1em !important;
	}

	#toggle-more {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-bottom: 0px;
		font-size: 14px;
		gap: 10px;
		color: black;
	}

	.products-section img {
		height: 150px;
	}

	.text-left, .text-right {
		padding: 0 !important;
	}

	.text-left h2, .text-right h2 {
		margin-bottom: 5px;
		margin-top: 20px;
	}

	.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		left: 15px;
		top: 6px;
	}

	.hero-image {
		height: 70vh;
		width: 100%;
		position: relative;
	}

	.category-title {
		font-size: x-large;
		font-family: auto;
	}

	.category-content-box {
		background-color: rgb(0 0 0 / 45%);
		padding: 0 20px;
	}

	.col-4.col-md-12.col-xl-4.mt-3.ml-4.mt-xl-0.ios-col-fix {
		margin-top: 0.5rem !important;
	}

	section.header-main.py-2.py-lg-4 {
		border-bottom: none;
	}

	.contact-mobile .contact.icon-sections {
		display: grid !important;
	}

	section.history.m-5.mx-2.mx-sm-5 {
		margin: 30px 0 40px 0 !important;
	}

	.container.py-5.text-center {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		box-shadow: none;
	}

	img.d-block.w-100.px-3.mb-3 {
		height: 55px;
		width: 125px !important;
		padding: 0 !important;
	}

	img.newsletter-img {
		display: none;
	}

	.side {
		height: 338px !important;
	}

	.bottombar, .megamenu {
		padding-bottom: 0;
		border-left: none !important;
        border-right: none !important;
	}

	section.hero.m-5.mx-2.mx-sm-5 {
		margin-top: 0.5rem !important;
	}

	.hero {
		margin-top: 0.5rem !important;
	}

	.pb-2 {
		padding-bottom: 3px !important;
		font-weight: 400;
		margin: 0;
		color: black;
	}

	h1.pb-2 {
		text-align: left;
		border-bottom: 1px solid #f1d0ba;
	}

	h1.entry-title.text-center.pb-2.mb-2 {
		font-size: 30px !important;
	}

	p.pb-2 {
		font-family: Lato, Times, sans-serif !important;
		font-size: 14px !important;
	}

	.divi_checkbox_class .divi_checkbox_class_item label {
		font-size: 0.8rem;
	}

	.customise-links {
		flex-direction: column;
	}

	.dgwt-wcas-open-pirx-compact .dgwt-wcas-details-wrapp, .dgwt-wcas-open-pirx-compact .dgwt-wcas-suggestions-wrapp {
		margin-top: 10px;
	}

	.woocommerce-breadcrumb {
		text-align: center;
		color: #adadad;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		margin: 6px 0 6px 0;
		padding: 5px 0 5px 0;
	}
		
}

/* Tablet Portrait and down */
@media (max-width: 767px) {
	
	div#custom-product-fields {
		padding: 25px;
		background: #f7f5f3;
		border: 2px solid #d5d5d5;
		border-bottom: none;
		border-radius: 10px 10px 0 0;
	}

	aside {
		border-top: 2px solid !important;
		border: 1px solid grey;
		border-radius: 0 0 10px 10px;
	}

	h2.fs-6.fw-bolder {
		font-size: 9px !important;
		padding-top: 0;
	}

	span.phone-number.text, span.email-address.text {
		font-size: 11.5px !important;
	}

	.col-4.col-md-12.col-xl-4.mt-3.ml-4.mt-xl-0.ios-col-fix {
		width: 20%;
	}

	.bottombar, .megamenu {
		padding-bottom: 0;
	}

	/* Tablet Header 1199 */

	img.d-block.w-100.px-3.mb-3 {
		height: 83px;
		width: 170px !important;
		padding: 5px 10px 5px 10px !important;
	}

	.slick-list.draggable {
		height: 75px;
	}

	section.trustpilot.m-5.mx-2.mx-sm-5.px-3.px-lg-5.p-lg-5 .container.py-5.text-center {
		margin-bottom: 3rem;
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 49%;
	}

	.container.py-1 {
		padding: 0 !important;
	}

	.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
		width: 98%;
		height: 45px;
	}

	.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		top: 8px;
	}

	.d-block.d-xl-none.col-9.m-2 {
		width: 87% !important;
		margin: 0 !important;
	}

	a.custom-logo-link {
		padding: 0 0 0 6px !important;
	}

	.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
		padding: 0;
	}
	/* Tab Header End */

    .container.ios-fix {
        max-height: 100px !important;
        min-height: 95px !important;
        height: 95px !important;
    }

    .header-utils {
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
    }

    .ios-col-fix {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    .ios-row-01 {
        max-height: 65px !important;
        height: 65px !important;
    }

    .row.ios-row-01 {
        margin-left: calc(-0.7 * var(--bs-gutter-x));
    }

    .ios-row-02 {
    	margin: 0 0 0 auto;
		padding-top: 0;
        !i;!; }
	
    .header-main {
        max-height: 62px;
        min-height: 62px;
        height: 62px !important;
    }

    .contact-mobile .contact.icon-sections {
        display: grid !important;
        margin: -20px 6px !important;
		justify-items: end;
		padding-bottom: 10px;
    }

    .contact-mobile .icon-sections {
        grid-template-columns: 01fr !important;
    }

    .contact-mobile .contact.icon-sections .email-icon {
        display: none;
    }

    body, p, span, a {
        font-size: 14px;
    }

    .woocommerce-result-count span, .orderby, #per_page {
        font-size: 13px !important;
    }
	
    .dgwt-wcas-sd {
        width: 100%;
    }

	.d-flex {
		display: flex !important;
	}

    span.account-text.text {
        display: none;
    }

    span.samples-text.text {
        display: none;
    }

    span.samples-total {
        display: none;
    }

    span.basket-label {
        display: none;
    }

    a.cart-contents {
        display: none;
    }

    li.header-pricing {
        display: none;
    }

    .header-utils .icon img {
        width: 18px !important;
        height: auto !important;
    }
	
	a.email {
    margin-right: -18px;
	display: none;
	}

    .bapf_sfilter {
        margin-bottom: 10px;
    }
	
	
    .emergency-message {
        padding: 10px !important;
        color: white !important;
        height: auto !important;
    }

    .emergency-message span {
        font-size: 16px !important;
        font-weight: 800 !important;
        color: black !important;
    }

    .top-bar h2 {
        font-size: 0.645em !important;
    }

    .product-sidebar-wrapper-default {
        padding-top: .5rem;
    }

    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
        padding: 0;
    }

    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
        left: 15px;
        top: 6px;
    }

    .custom-logo-link {
        width: 100%;
        text-align: left !important;
        !i;!; }

    .contact.icon-sections {
        display: none !important;
    }

    li.current-menu-item {
        grid-column-start: 1;
        grid-column-end: 3;
        display: none;
    }

    a.account {
        display: flex;
        flex-direction: column;
    }

    ul#site-header-cart {
        display: block !important;
        grid-template-columns: 0.5fr 1fr;
    }

    .wpgs-nav .slick-track {
        margin-bottom: 10px !important;
		width: auto !important;
    }

    .py-1 {
        padding-top: 0rem!important;
        padding-bottom: 0rem!important;
        padding: 0px;
    }

    .mt-2 {
        margin-top: -0.8rem!important;
    }

    .cta, .trustpilot, .categories, .section-brand-header {
        padding-top: 0.5rem !important;
    }

    form.ms-3.me-auto {
        padding-left: 0px !important;
    }

    .berocket_ajax_filters_toggle span i, .berocket_ajax_filters_toggle span i:after, .berocket_ajax_filters_toggle span i:before {
        background: black;
    }

    .berocket_ajax_filters_toggle.icon-theme-3 span b, .berocket_ajax_filters_toggle.icon-theme-3 span b:after, .berocket_ajax_filters_toggle.icon-theme-3 span b:before {
        border: 2px solid black;
    }

    .bapf_divi_sfa h3, .divi_checkbox_class h3, .divi_color_class h3, .divi_image_class h3, .divi_slider_class h3 {
        color: black;
		margin: 0 !important;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .py-5 {
        padding-bottom: 0.2rem !important;
        padding-top: 1rem !important;
    }

    section.inspiration.m-5.mx-2.mx-sm-5.p-4.p-lg-0.px-lg-4.py-0.py-lg-5 {
        padding: 0 !important;
    }
}

/* ============ mobile view .end// ============ */
/* Top Bar */
.top-bar {
	background: white;
    height: 25px;
}

/* Right Icon Section */
header span {
    display: inline-block;
}

.contact .icon img {
    width: 15px;
    height: auto;
    margin-top: -2px;
}

.header-utils .icon img {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: -2px;
}

.icon-sections {
    column-gap: 1.5vw;
    font-size: 14px !important;
}

.text {
    font-size: 14px;
}

#site-header-cart {
    display: inherit;
}

/* Bottom-bar */
.bottom-bar {
    border-top: 2px solid #fff2f2;
}

.bottom-bar #primary-menu {
    justify-content: space-between;
}

span.samples-text.text, span.basket-label, span.account-text.text {
    font-size: 14px;
    padding: 0 10px 0 10px;
    margin-right: -14px;
    border-radius: 12px;
}

span.samples-text.text:hover, span.basket-label:hover, span.account-text.text:hover {
	color: black;
}

span.phone-number.text, span.email-address.text {
	color: #3b3b3b;
	font-size: 12.5px;
}

/* Woocoommerce Search */

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    border-radius: 15px !important;
	border: 1px solid #f1e3d9 !important;
	line-height: 18px;
    padding: 14px 24px 14px 60px;
    color: #3d3d3d !important;
	background-color: #fff !important;
    font-family: 'Lato', sans-serif;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: none;
    border-radius: 10px;
    padding-left: 0px;
    padding-right: 20px;
}

.dgwt-wcas-open-pirx .dgwt-wcas-details-inner, .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp > .dgwt-wcas-suggestion {
    text-decoration: none;
    border-color: #f3efe9 !important;
}

.dgwt-wcas-content-wrapp {
    padding-left: 30px;
}

.dgwt-wcas-si img {
    max-width: 145%;
    padding: 0px;
    border-radius: 5px;
    border: 1px solid #f9f9f9;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 45%;
}

span.dgwt-wcas-sku {
    color: #bb7820;
}

.dgwt-wcas-suggestion strong {
    color: #3e78ff;
}

.dgwt-wcas-meta {
    width: 30%;
}

.dgwt-wcas-st {
    width: 90%;
}

.dgwt-wcas-meta bdi {
    font-size: 13px;
    font-weight: 600;
}

/* ----------------- Home Page ---------------- */
.hero-image {
    height: 50vh;
    max-width: 1410px;
    position: relative;
    margin-top: 20px;
}

.hero-image a {
    position: absolute;
    bottom: 5%;
    right: 4%;
}

.hero-image a h2 {
    color: #fffffff7;
    padding: 0 10px 0 10px;
    border-radius: 10px;
    background: #0000000a;
    box-shadow: -5px 4px 12px 0px rgb(255 255 255 / 47%);
}

.hero-image a h2:hover {
    color: #133e76;
    background: #ffffff85;
}

/* Collection Section */

.top, .bottom {
    min-height: 238px;
}

.top, .bottom, .side {
    position: relative;
    z-index: 0;
}

.dgwt-wcas-content-wrapp {
    padding-left: 30px;
}

.dgwt-wcas-open-pirx .dgwt-wcas-details-inner, .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion {
    padding-left: 2px;
    padding-right: 3px;
}
.wording {
	position: absolute;
    bottom: 20px;
	max-width: 215px;
    background: #00000060;
    padding: 10px;
}

/* CTA section */
.cta, .trustpilot, .categories {
    padding-top: 1.5rem !important;
}

.section-brand-header {
	padding-top: 0.2rem !important;
}

section.categories.m-5.mx-2.mx-sm-5 {
    padding-top: 0rem !important;
}

.cta h2, .categories h3 {
    letter-spacing: 0;
}

/* Categories Section */
/* Inspriation Section */
.inspiration-col-1 {
    min-height: 70vh;
}

.inspiration {
    position: relative;
    z-index: 0;
}

.inspiration:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}

section.inspiration.m-5.mx-2.mx-sm-5.p-4.p-lg-0.px-lg-4.py-0.py-lg-5, section.newsletter.m-5.mx-2.mx-sm-5 {
	background: linear-gradient(90deg, #f1f1f1, #ffffff);
	margin: 60px 0 60px 0 !important;
}

.inspiration .container {
    z-index: 2;
    position: relative;
}

.woocommerce-orders-table__cell-order-actions a {
    margin-right: 3px;
}

/* Our History Section */
.history-background {
    background-image: url(/wp-content/uploads/-images/our-history.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 55vh;
}

.history-background .row {
    min-height: 58vh;
}

.history-background h2, .history-background a, .col-10.col-md-8.col-lg-4.text-center.p-5 p {
    color: #fff;
}

/* Trustpilot Section */
.trustpilot h2 {
    font-weight: 600;
    letter-spacing: 0;
}

/* Newsletter Section */
.newsletter-col-2 {
    min-height: 55vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 20px;
}

img.newsletter-img {
    width: 100%;
    height: 520px;
    object-fit: cover;
}

/* CSS for the form */
.newsletter-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    border-bottom: 1px solid black;
}

.newsletter-input {
    border: none;
    padding: 5px;
    width: 100%;
}

.newsletter-input:focus {
    outline: none;
}

.newsletter-submit {
    border: none;
    color: #000;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    background: #ffffff00;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    border: 0 !important;
    outline: 0 !important;
}

input#gform_submit_button_1 {
    padding: 15px;
}

div#gform_confirmation_message_1 {
    padding: 20px;
    background: #e5dbcb;
    margin-top: 20px;
}

form#gform_2 .gform_button {
    width: 100%;
    padding: 23px;
    border-radius: 10px !important;
    border: 0;
    font-weight: 700;
    background: black;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
}

form#gform_2 .gform_button:hover {
    background: black;
}

form#gform_2 .gfield input.large, form#gform_2 .gfield select.large, form#gform_2 .gfield textarea {
    background: #f9f9f9;
    border: none;
    padding: 14px;
    border-bottom: 1px solid black !important;
}

/* ----------------- Post Archives ---------------- */
.archive .entry-content p, .blog .entry-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: grey;
}

.archive .post-thumbnail img, .blog .post-thumbnail img {
    height: 250px;
}

.post-thumbnail:hover img {
    transform: scale(1.01);
    opacity: 0.92;
    border-radius: 7px;
}

.archive .nav-links {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.archive .nav-previous, .archive .nav-next {
    background: #212529;
    border-color: #212529;
}

.archive .nav-previous {
    padding: 0.375rem 0.75rem 0.375rem 15px !important;
}

.archive .nav-next {
    padding: 0.375rem 15px 0.375rem 0.75rem !important;
}

.archive.nav-previous:before, .archive .nav-next:after {
    color: #fff !important;
}

.archive .nav-previous a, .archive .nav-next a {
    color: #fff;
    text-decoration: none;
}

/* --------------- Singular ---------------- */
.header-section:after {
    content: "";
    height: 100%;
    width: 100%;
    background: #00000050;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
}

.header-section {
    position: relative;
}

.header-section h1 {
    z-index: 2;
    position: relative;
    border: none;
    font-size: 50px;
    text-align: center;
}

.exerpt p {
    font-size: 20px;
}

.exerpt-section {
    border-bottom: 1px solid #eeece9;
}

.post-singular img {
    width: 100%;
}

.post-navigation {
    border-top: 1px solid #eeece9;
    border-bottom: 1px solid #eeece9;
}

.nav-previous span, .nav-next span {
    text-transform: uppercase;
    color: #00000070;
    transition: all 0.3s ease;
}

.nav-previous:hover span, .nav-next:hover span, .nav-next:hover::after, .nav-previous:hover::before {
    color: #000;
    transition: all 0.3s ease;
}

.nav-next {
    padding-right: 15px;
    text-decoration: none;
}

.nav-previous {
    padding-left: 15px;
    text-decoration: none;
}

.nav-previous::before {
    content: "<";
    position: absolute;
    left: 0;
    color: #00000070;
    transition: all 0.3s ease;
}

.nav-next::after {
    content: ">";
    position: absolute;
    right: 0;
    color: #00000070;
    transition: all 0.3s ease;
}

.nav-previous, .nav-next {
    position: relative;
    text-align: center;
}

.more-posts img, .room-idea-item img {
    aspect-ratio: 1;
}

.more-posts:hover img {
    opacity: 0.92;
    border-radius: 7px;
}

.room-idea-item img {
    width: 100%;
}

.room-ideas-section h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 15px 0 10px 0;
}

.room-ideas-section {
    border-top: 1px solid #eeece9;
}

.single-ideas-gallery .post-thumbnail img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

/* ----------------- Products Page ---------------- */
.products-section a {
    text-decoration: none;
}

.products-section img {
    object-fit: cover;
    height: 200px;
    width: 100%;
    margin-bottom: 10px;
}

.products-section h2 {
    margin-bottom: 20px;
}

.products-section p {
    font-weight: 400;
    font-size: 14px;
}

.products-section div {
    transition: 0.3s ease-in-out;
    border: none !important;
    padding: 0 0 15px 0 !important;
    text-align: center;
}

.products-section div div:hover {
    box-shadow: 0 12px 24px -6px rgb(0 0 0 / 10%);
}

/* ----------------- Footer ---------------- */
/* Footer */
/* Remove Edit on Admin */
footer.entry-footer {
    display: none;
}

footer.site-footer {
    background: #ede8df;
    margin: 7rem 0 0 0 !important;
	box-shadow: inset 0 5px 10px 0 #e9ded2;
}

.footer-menu-section {
    border-bottom: 1.5px dashed #65472038;
}

.col-12.text-center.fs-6 {
    padding-left: 40px;
    color: #2d2d2d;
	text-shadow: -1px -1px 0 #cbcbcb, 1px 1px 0 #fff;
}

/* Menus */
footer h2 {
	margin-top: 10px;
    margin-bottom: 15px;
    color: grey;
}

footer li {
    padding: 0 0 9px 0;
}

/* Socials */
.socials {
    display: flex;
	align-items: baseline;
    column-gap: 0.938rem;
    margin-top: 1.25rem;
}

.social-icon {
    height: 2.25rem;
    width: 2.25rem;
}

/* Terms & Conditions Sections */
.terms-conditions-links a:first-of-type, .terms-conditions-links a:nth-of-type(2) {
    border-right: 1px solid #d7caba;
}

.terms-conditions-links a {
    padding: 0 1.25rem;
    font-weight: 500;
    margin-top: -2px;
	text-align: center;
}

.page-template-terms main ul {
    list-style-type: disc;
}

.page-template-terms ul > li {
    margin-bottom: 7px;
}

.terms-conditions-links {
    display: inline-flex;
}

/* ----------- 404 ------------- */
.error-404 h1 {
    font-size: 10rem;
    text-align: center;
}

.error-404 h2 {
    font-size: 1rem;
    text-align: center !important;
	line-height: 1.7;
}

section.error-404.not-found.p-5.container {
    padding: 4em!important;
}

/* ---------- made to measure curtains ------------ */
.page-template-how-to-measure h2 {
    font-size: 1.5rem;
}

.page-template-how-to-measure .section-one img, .page-template-how-to-measure .section-two img {
    border: 1px solid #bbbbbb;
    padding: 50px 0;
    height: 400px;
    width: auto;
}

.half {
    border-bottom: 1px solid #eeece9;
}

/* ---------- about pages ---------- */
.pe-4.ps-0.py-4.text-left {
    background: linear-gradient(314deg, #fbf5ef, transparent 500px);
	padding: 0 0 0 10px !important;
}

.ps-4.pe-0.py-4.text-right {
    background: linear-gradient(143deg, #fbf5ef, transparent 500px);
	padding: 0 15px 0 0  !important;
}

h1.entry-title.pb-2.mb-5 {
    margin-bottom: 20px !important;
}

/* ------------ FAQS ------------ */
.page-template-faqs .accordion-header button:before {
    content: "Q.";
    font-size: 3rem;
    font-weight: 800;
    color: #733102;
    position: absolute;
    left: 60px;
}

.page-template-faqs .accordion-header button {
    position: relative;
    padding: 40px 60px 40px 120px;
}

.page-template-faqs .accordion-body {
    position: relative;
    padding: 20px 60px 20px 120px;
	background: #fffbee;
}

.page-template-faqs .accordion-body:before {
    content: "A.";
    font-size: 3rem;
    font-weight: 800;
    color: #383735;
    position: absolute;
    left: 60px;
    top: 0;
}

.page-template-faqs .accordion-header button {
    font-size: 1.15rem;
    font-weight: 600;
}

.page-template-faqs .accordion-button:not(.collapsed) {
    background: #f6f1ea;
    color: #733102;
    box-shadow: 0 0 0 0.05rem #d9d7d0;
}

.page-template-faqs .accordion-button:focus {
    border: none;
    box-shadow: 0 0 0 0.05rem #d9d7d0;
}

/*--------------- Contact Us ----------------*/
.wpcf7-textarea, .wpcf7-text, .wpcf7-email, .wpcf7-tel {
    padding: 5px 16px !important;
    border: 2px solid #bbbbbb !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    height: 100% !important;
    width: 100% !important;
}

.product-thumbnails-slick-slider {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    padding: 0 5px;
}

.slide {
    flex: 1;
    margin: 5px;
    max-width: 50%;
    min-width: 50%;
}

.custom-logo-link {
    display: block;
    width: auto !important;
}


/* Laptops & Tablets Specific (The 1199 Breakpoint) */
@media (max-width: 1199px) {
	
a.custom-logo-link img {
	padding: 0;
}
	
.product-sidebar-wrapper {
    margin-bottom: 25px;
}
	
.product-sidebar-wrapper-default > #product-sidebar, .product-sidebar-wrapper > #product-sidebar {
	grid-template-columns: 1fr;
	}
	
.mCustomScrollBox {
    margin: 0 7px 0px 27px;
}

.mCustomScrollbar {
    border: 1px solid #f1d0ba;
    border-bottom: none;
    border-top: none;
}
	
.offcanvas.offcanvas-start {
    top: 0;
    bottom: 0;
    height: 100vh !important;
    align-items: center;
	border: none;
	padding: 20px 0 50px 0 !important;
}
	
.nav-item > a {
	font-weight: 600;
	text-transform: uppercase;
}
	
.color-grey {
	color: #616161 !important;
	}
	
p.mx-5, p.text-center.mx-p, p.px-5, .col-10.col-md-8.col-lg-4.text-center.p-5 p, p.mb-4, .col-12.col-lg-4.pe-5.offset-0.offset-lg-3.mt-5.mt-lg-0 p, .archive-contact p, .category-description p, a.text-decoration-collections {
    font-size: 16px;
	line-height: 1.3;
	padding-bottom: 15px;
}
	
.text-decoration-underline {
    font-size: 1rem;
}
	
p.text-white {
    font-size: 12px;
}
	
.wording {
    max-width: 177px;
    background: #00000047;
    padding: 5px;
}
	
.col-md-12 {
	flex: 1 0 0;
    width: 50%;
}	
	
.col-12.col-lg-4.my-4.my-lg-0 {
    margin: 0 !important;
}
	
section.header-main.py-2.py-lg-4 {
    border-bottom: none;
}
	
img.d-block.w-100.px-3.mb-3 {
    height: 85px;
    width: 170px !important;
    padding: 5px 10px 5px 10px !important;
}
	
.slick-list.draggable {
    height: 84%;
}
	
.icon-sections {
    column-gap: 2.5vw;
}

section.trustpilot.m-5.mx-2.mx-sm-5.px-3.px-lg-5.p-lg-5 .container.py-5.text-center {
	margin-bottom: 3rem;
}
	
nav.navbar.navbar-expand-xl.py-0 {
    border-bottom: 1px solid #e5d5bc;
}
	
.container.py-1 {
    padding: 0 !important;
}
	
.bottombar, .megamenu {
    background: #f6f1ea;
    padding-bottom: 0;
	border-top: none !important;
}
	
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	height: 45px;
}
	
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 6px;
}
	
.d-block.d-xl-none.col-9.m-2 {
    width: 92%;
    margin: 0 !important;
	padding-bottom: 4px;
}
	
.dgwt-wcas-search-form {
    width: 98%;
}
	
.col-4.col-md-12.col-xl-4.mt-3.ml-4.mt-xl-0.ios-col-fix {
    width: 50%;
	margin: 0 10px auto 0 !important;
	text-align: end;
}
	

	
.contact.icon-sections.d-flex.justify-content-center.justify-content-xl-between.mb-3.fw-bolder, .header-utils.icon-sections.d-flex.justify-content-center.justify-content-xl-between.fw-bolder {
    justify-content: right!important;
}
	
.contact.icon-sections.d-flex.justify-content-center.justify-content-xl-between.mb-3.fw-bolder {
   	 margin-bottom: 0 !important;
}
	
a.custom-logo-link {
    padding: 10px 0 0 28px;
}
	
a.custom-logo-link img {
	max-width: 200px;
}
	
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    padding: 0;
}
/* Tab Header End */

}

@media (max-width: 430px) {
	
.d-block.d-xl-none.col-9.m-2 {
	width: 84% !important;
}
	
}

/* Tablet Portrait and up */
@media (min-width: 768px) {
	
	.js-dgwt-wcas-enable-mobile-form.dgwt-wcas-enable-mobile-form {
    font-size: 16px !important;
	}
	
	p.pb-2 {
		font-size: 1.01rem;
        padding-bottom: 0rem !important;
		margin-top: 0.3rem !important;
        font-weight: 400;
        text-align: justify;
    }
	
	.mCSB_scrollTools .mCSB_draggerContainer {
		left: 12px;
	}
	
	.single-product div.product {
    	padding-top: 10px;
	}
	
	label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
        padding-bottom: 15px;
	}
	
    .slide {
        max-width: 20%;
        min-width: 20%;
    }

    .slide img {
        width: 100%;
        height: auto;
        /* Maintain aspect ratio */
        display: block;
        /* Remove extra space below images */
    }

    .magnify-glass {
        position: absolute;
        top: 10px;
        right: 16px;
        z-index: 99;
        background: white;
        border-radius: 50%;
        padding: 6px;
    }
	
	.bapf_hascolarr:hover {
		color: #ffffff !important;
		cursor: pointer;
		background: #ede6de;
	}
	
	button.bapf_button.bapf_reset:hover {
		color: #ffffff !important;
        background: #e3ab7f !important;
	}
	
	h1.pb-2 {
    padding-top: 0.5rem;
	}

    .col-md-6 h1.pb-2 {
		padding-top: 22px;
		padding-left: 5px;
        font-size: 2.5rem;
		color: black;
    }
	
	h1.pb-2.mt-0 {
    padding-top: 1.5rem;
	}

    .py-5 {
        padding-bottom: .2rem !important;
    }
	
	section.container.footer-menu-section.py-5 {
   		padding: 6em 3em 0 0 !important;
	}

    .mb-5 {
        margin-bottom: 1rem!important;
    }
	
	.col-12.col-md-4.mb-5.mb-md-0 {
    padding-top: 60px;
	}

    .my-5 {
        margin-top: 1.5rem!important;
        margin-bottom: -1rem!important;
    }

    .py-lg-4 {
        padding-top: 1rem!important;
        padding-bottom: 0.7rem!important;
    }

    .py-2 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .m-5 {
        margin: .3em 1em 0 1em !important;
    }

    .m-md-5 {
        margin: 4rem 0.3rem 0.3rem 0.3rem !important;
    }
	
	section.history.m-5.mx-2.mx-sm-5 {
    	padding: 40px 0 50px 0;
	}

    .pt-0 {
        text-align: left;
        color: black;
    }

    .my-4 {
        margin-bottom: 1.2rem!important;
    }

    .border-4 {
        border-width: 2px!important;
    }

    .mb-1 {
        color: grey;
        font-size: 0.813rem;
    }
	
	.logo-slider.py-5.slick-initialized.slick-slider {
    	padding-top: 20px !important;
		box-shadow: 0px 3px 12px -5px rgb(212 204 196);
	}

    .mb-0 {
        font-size: 14px;
    }

    article h2 a {
        font-family: Georgia, Times, sans-serif;
        text-transform: uppercase;
        font-size: 20px;
    }

    .offcanvas.show:not(.hiding), .offcanvas.showing {
        transform: none;
        margin-bottom: .5rem;
    }

    .offcanvas.offcanvas-start {
        margin-bottom: .5rem;
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: rgb(0 0 0 / 75%);
    }

    .mb-0 {
        font-size: 0.9rem;
    }

    .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
        background-color: rgb(0 0 0 / 90%);
    }

    .mb-0 {
        margin-bottom: 0!important;
        font-size: 0.9rem;
		color: grey;
    }
	
	p.ms-2.mb-0.fw-bold {
    min-width: 44px;
    }

    .collapse-content {
        height: auto;
        /* Default to full content showing on non-mobile devices */
        text-align: justify;
    }

    #toggle-more {
        display: none;
    }

    select#brandDropdown {
        padding: 14px 18px;
    }

    #brandDropdown {
        -webkit-appearance: menulist-button;
        /* Safari and Chrome */
        -moz-appearance: menulist;
        /* Firefox */
        appearance: menulist-button;
    }
	
	.d-sm-block {
    display: flex !important;
    justify-content: flex-end;
	}
	
	footer h2 {
    margin-top: 20px;
	}
	
	footer .p-1 {
    padding: 0 1.5rem 2rem 0 !important;
	}

    /* ---------------------------------------------------*/
    .bapf_sfilter ul li {
      margin: 4px 0 0 2px !important;
    }
	
	.selected-filters-container {
    padding-left: 20px;
	}

    .flex-wrap {
        font-size: 15px;
    }

    button:hover {
        background: #3b3a3a;
		color: white;
    }

    button, input {
        padding-left: 15px;
    }

	#custom-product-fields {
		padding: 50px;
		border-radius: 16px 0 0 16px;
		border: 2px dashed #d5d5d5;
		border-right: 1px solid grey;
	}

    .wpgs-nav .slick-track {
        margin-bottom: 50px;
    }

    .page-content, .entry-content, .entry-summary {
        margin-bottom: 10px;
    }

	aside {
		border: 1px solid grey;
		border-radius: 0 16px 16px 0;
	}

    .p-4 {
        padding: 1.3rem!important;
    }
	
	.checkout-info.p-4.mt-4 {
    padding: 2em 1.5em 2em 1.5em !important;
	}

    .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #cc560878;
    }

    h1 {
        margin: 0;
    }

    a.text-decoration-underline.fw-bold {
        font-size: 18px;
        font-weight: 600 !important;
    }

	.archive-contact p {
		color: #333;
		font-family: math;
		font-size: larger;
	}

    pre {
        background: none;
    }

    .sample-cart-wrap {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    section#accessories .custom-field {
        justify-content: space-around;
    }

    section#accessories span.selection_description {
        text-align: center;
    }

    .product-attributes p:has(strong:contains('Product Type:')) {
        display: none;
    }

    .bapf_sfilter, .bapf_colaps_smb, .bapf_hascolarr {
        padding-right: 0 !important;
    }
	
	.bapf_sfilter {
   		 margin-bottom: 0;
	}
		
    .dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return svg {
        margin-top: 5px;
    }

    .dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp {
        padding-top: 5px;
    }

    .dgwt-wcas-open-pirx .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp {
        margin-top: 0px;
    }

    .dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp {
        border-top: none;
        margin-top: 10px;
        max-height: 800px !important;
    }

    .dgwt-wcas-open-pirx .dgwt-wcas-details-inner, .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion {
        padding-left: 7px;
        padding-right: 3px;
    }

    .dgwt-wcas-sd {
        font-family: system-ui;
        text-align: justify;
        color: black;
        line-height: 13px;
    }

    .dgwt-wcas-has-sku .dgwt-wcas-st-title {
        margin-right: 6px;
        font-weight: 600;
    }

    span.customisable-product__section_title {
        display: block;
        font-style: italic;
        font-size: 14px;
        margin-top: -5px;
        margin-bottom: 10px;
    }
	
	.bapf_divi_sfa h3, .divi_checkbox_class h3, .divi_color_class h3, .divi_image_class h3, .divi_slider_class h3 {
    	line-height: 1.5em;
		padding-bottom: .35em;
		margin: 0 !important;
		color: black;
    }
	
	li.divi_checkbox_class_item:hover {
    background: #f1f1f1;
	}
	
	.mCSB_inside>.mCSB_container {
    	margin-right: 0;
	}
	
nav.woocommerce-breadcrumb {
    padding: 10px 0 0 10px;
    color: #adadad;
    text-align: center;
}
	
}

/* Large Screens */
@media (min-width: 1400px) {
	
	section.top-bar.py-2 {
    padding-right: 155px;
	border: 1px solid #f1e3d9;
	border-top: none;
	}
	
	section.container.footer-menu-section.py-5 {
    padding: 4em 0 0 0 !important;
	}
	
	.px-5 {
    padding-right: 0 !important;
	}
	
	.row.py-3.px-5 {
    padding-left: 2em !important;
	}
	
	.px-5 {
    padding: 0 !important;
	}
	
}

/* CLS (Cumulative Layout Shift) MOBILE FIXES */
/* 1. Reserve space for WooCommerce Product Images & Catalog Images */
.woocommerce-product-gallery img,
ul.products li.product img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto !important;
    object-fit: cover; /* Prevents image distortion */
}

/* 2. Fix Flexslider initial render jump on Single Product Page */
.woocommerce-product-gallery__wrapper {
    display: flex !important;
    overflow: hidden;
}
.woocommerce-product-gallery__image:not(:first-child) {
    display: none;
}

/* 3. Reserve minimum height for dynamic PayPal Smart Buttons */
.ppc-button-wrapper, 
.cart-wrap .ppc-button-wrapper {
    min-height: 60px !important; /* Forces the browser to keep space empty while iframe loads */
    display: block;
}

/* 4. Fix CLS for WooCommerce Product Gallery */
/* Prevent images from stacking vertically before Flexslider loads */
.woocommerce-product-gallery__wrapper {
    display: flex !important;
    overflow: hidden;
}

/* 5. Set an explicit aspect ratio based on your 1260x1400 image sizes */
.woocommerce-product-gallery__image:first-child {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    display: block;
}

/* 6. Hide all gallery images except the first one until JS initializes the slider */
.woocommerce-product-gallery__image:not(:first-child) {
    display: none;
}

/* 7. Reserve minimum height for dynamic PayPal buttons to prevent content pushing */
/* Adjust the 45px value if your buttons are taller on mobile */
#ppc-button-ppcp-gateway {
    min-height: 45px;
    margin-top: 25px;
}

/* ======================================================= */
/* MAIN CLS FIXES FOR SINGLE PRODUCT PAGE                  */
/* ======================================================= */

/* 1. Force the main gallery container to be visible immediately 
      and override WooCommerce's inline "opacity: 0" */
.woocommerce-product-gallery {
    opacity: 1 !important;
}

/* 2. Reserve space for the gallery on mobile BEFORE the image loads. */
@media screen and (max-width: 850px) {
    .woocommerce-product-gallery {
        aspect-ratio: 1 / 1;
        width: 100%;
        background-color: #fcfcfc; /* Shows a subtle placeholder background */
        display: block;
/* overflow: hidden; */
    }
}

/* 3. Fix the "Unsized image element" for the PayPal logo.
      This prevents the "p.fst-italic" text from shifting slightly */
.paypal-credit img {
    width: 75px !important;
    height: 20px !important; /* Forces reserved height for the logo */
    object-fit: contain;
    vertical-align: middle;
}

/* Woo message Scroll FIX */
.woocommerce-NoticeGroup-checkout, 
.woocommerce-error, 
#customer_details {
    scroll-margin-top: 140px !important;
	margin-bottom: 3px;
}