/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/
:root {
    --red: #E41E0A;
    /* --Primary-color: #1F2024;
    --Off-black: #253C4B; */
    --Primary-color: #090A0E;
    --Off-black: #090A0E;
    --green: #22C55E;
    --green-lit: #EBF9F2;
    --White: #FFF;
    --font-80: 8rem;
    --font-58: 5.8rem;
    --font-48: 4.8rem;
    --font-46: 4.6rem;
    --font-45: 4.5rem;
    --font-42: 4.2rem;
    --font-40: 4rem;
    --font-36: 3.6rem;
    --font-35: 3.5rem;
    --font-34: 3.4rem;
    --font-32: 3.2rem;
    --font-30: 3rem;
    --font-26: 2.6rem;
    --font-25: 2.5rem;
    --font-24: 2.4rem;
    --font-22: 2.2rem;
    --font-20: 2rem;
    --font-19: 1.9rem;
    --font-18: 1.8rem;
    --font-16: 1.6rem;
    --font-15: 1.5rem;
    --font-14: 1.4rem;
    --font-13: 1.3rem;
    --font-12: 1.2rem;
    --transition: 0.6s;
    --transitionall:all 0.5s linear;
  }

/* =========================
   GRID CSS
========================= */

/* RESET */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {font-size: 0.534vw}
body{ padding: 0; margin: 0; font-size: var(--font-20); font-weight: 500; color: var(--Primary-color);}
img,svg{ max-width: 100%; height: auto; border: none;}
/* CONTAINER */
.container {width: 100%;max-width: 95%;margin-right: auto;margin-left: auto;padding-right: 1.5rem;padding-left: 1.5rem;}
/* ROW */
.row {display: flex;flex-wrap: wrap;margin-right: -1.5rem;margin-left: -1.5rem;}
/* COMMON COLUMN */
[class*="col-"] {position: relative;width: 100%;padding-right: 1.5rem;padding-left: 1.5rem;}
/* =========================
   EXTRA SMALL <576px
========================= */
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

/* =========================
   SMALL â‰¥576px
========================= */
@media (min-width: 576px) {
  .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-sm-3 { flex: 0 0 auto; width: 25%; }
  .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-sm-6 { flex: 0 0 auto; width: 50%; }
  .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-sm-9 { flex: 0 0 auto; width: 75%; }
  .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }
}

/* =========================
   MEDIUM â‰¥768px
========================= */
@media (min-width: 768px) {
  .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-md-6 { flex: 0 0 auto; width: 50%; }
  .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-md-9 { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
}

/* =========================
   LARGE â‰¥992px
========================= */
@media (min-width: 992px) {
  .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-lg-3 { flex: 0 0 auto; width: 25%; }
  .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
  .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-lg-9 { flex: 0 0 auto; width: 75%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
}

/* =========================
   EXTRA LARGE â‰¥1200px
========================= */
@media (min-width: 1200px) {
  .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xl-3 { flex: 0 0 auto; width: 25%; }
  .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xl-6 { flex: 0 0 auto; width: 50%; }
  .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xl-9 { flex: 0 0 auto; width: 75%; }
  .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }
}

/* =========================
   XXL â‰¥1400px
========================= */
@media (min-width: 1400px) {
  .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xxl-3 { flex: 0 0 auto; width: 25%; }
  .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xxl-6 { flex: 0 0 auto; width: 50%; }
  .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xxl-9 { flex: 0 0 auto; width: 75%; }
  .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xxl-12 { flex: 0 0 auto; width: 100%; }
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?c5u94x');
  src:  url('../fonts/icomoon.eot?c5u94x#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?c5u94x') format('truetype'),
    url('../fonts/icomoon.woff?c5u94x') format('woff'),
    url('../fonts/icomoon.svg?c5u94x#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
 
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
 
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




.icon-Handle_alle_produkter:before {
  content: "\e926";
}
.icon-Garasjeport_med_motor:before {
  content: "\e927";
}
.icon-Lagerreoler_og_lagerhyller:before {
  content: "\e928";
}
.icon-Garasjer:before {
  content: "\e929";
}
.icon-Lagertelt:before {
  content: "\e92a";
}
.icon-Partytelt:before {
  content: "\e92b";
}
.icon-Terrassemarkiser:before {
  content: "\e92c";
}
.icon-Pergola:before {
  content: "\e92d";
}
.icon-Spillbord1:before {
  content: "\e92e";
}
.icon-Hagestuer:before {
  content: "\e92f";
}
.icon-Dusjkabinett:before {
  content: "\e930";
}
.icon-Badstuer:before {
  content: "\e931";
}
.icon-Utendrs_spabad:before {
  content: "\e932";
}
.icon-Redkskapsboder:before {
  content: "\e933";
}
.icon-Mbler:before {
  content: "\e934";
}
.icon-Carport:before {
  content: "\e935";
}
.icon-Utekjkken:before {
  content: "\e936";
}
.icon-Ozonmaskin:before {
  content: "\e937";
}
.icon-basketball:before {
  content: "\e938";
}
.icon-wishlist:before {
  content: "\e925";
}
.icon-pdf .path1:before {
  content: "\e903";
  color: rgb(227, 30, 36);
}
.icon-pdf .path2:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-image:before {
  content: "\e924";
}
.icon-twitter-x:before {
  content: "\e922";
}
.icon-link:before {
  content: "\e91f";
}
.icon-pinterest:before {
  content: "\e920";
}
.icon-linked-in:before {
  content: "\e921";
}
.icon-search:before {
  content: "\e91e";
}
.icon-up-corner-arrow-long:before {
  content: "\e900";
}
.icon-mail-outline:before {
  content: "\e901";
}
.icon-call-ring:before {
  content: "\e902";
}
.icon-certified-badge:before {
  content: "\e904";
  color: #e41e0a;
}
.icon-tick:before {
  content: "\e905";
}
.icon-arrow-left:before {
  content: "\e906";
}
.icon-arrow-right:before {
  content: "\e907";
}
.icon-youtube:before {
  content: "\e908";
}
.icon-mail:before {
  content: "\e909";
}
.icon-call:before {
  content: "\e90a";
}
.icon-location:before {
  content: "\e90b";
}
.icon-instagram:before {
  content: "\e90c";
}
.icon-twitter:before {
  content: "\e90d";
}
.icon-facebook:before {
  content: "\e90e";
}
.icon-blockquote-bottom:before {
  content: "\e90f";
}
.icon-blockqupte-top:before {
  content: "\e910";
}
.icon-menu-toggle:before {
  content: "\e911";
}
.icon-user-profile:before {
  content: "\e912";
}
.icon-shopping-cart:before {
  content: "\e913";
}
.icon-Profesjonelt:before {
  content: "\e914";
}
.icon-Spillbord:before {
  content: "\e915";
}
.icon-Telt-Lagring:before {
  content: "\e916";
}
.icon-Garasje:before {
  content: "\e917";
}
.icon-Hage-Uterom:before {
  content: "\e918";
}
.icon-Bad-Velvre:before {
  content: "\e919";
}
.icon-Drivhus:before {
  content: "\e91a";
}
.icon-up-corner-arrow:before {
  content: "\e91b";
}
.icon-up-arrow:before {
  content: "\e91c";
}
.icon-cancel:before {
  content: "\e91d";
}


 
.heading{ font-size: var(--font-48); font-weight: 700; color: var(--red);}

input::-webkit-contacts-auto-fill-button {visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0;}

.common-header {display: flex; align-items: center; justify-content: center; gap: 2rem;}
.common-header-wrapper {text-align: center;}
.common-heading { color: var(--Off-black); font-size: var(--font-48); font-weight: 700; line-height: 6.5rem; margin: 0;}
.common-heading span{ color: var(--red);}
.common-heading-short-text { display: inline-block; color: var(--Off-black); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; margin-top: 1rem;}
.common-heading-short-text p {margin: 0;}


.btn-common { width: fit-content; margin: 6rem auto 0; display: flex; align-items: center; justify-content: center; gap: 1.5rem; text-decoration: none; padding: 1.2rem 2.1rem; color: var(--red); font-size: var(--font-18); font-weight: 600; line-height: 2.9rem; text-transform: uppercase; background-color: transparent; border: 0.1rem solid var(--red); border-radius: 1rem; transition: var(--transitionall); }
.btn-common span { font-size: var(--font-12); transform: rotate(0deg); transition: var(--transitionall);}
.btn-common:hover{background-color: var(--red); color: var(--White);}
.btn-common:hover span {transform: rotate(45deg);}



.swiper-pagination-bullet { width: 1.5rem !important; height: 1.5rem !important; margin: 0 0.9rem !important; background: rgba(0, 0, 0, 0.30) !important; opacity: 0.5 !important;}
.swiper-pagination-bullet-active { width: 3.5rem !important; background: var(--red) !important; border-radius: 1rem !important; opacity: 1 !important;}




/* Pagination container */
.allCategoriesSlider .swiper-pagination { display: flex;align-items: center; justify-content: center;}

/* Base bullet */
.allCategoriesSlider .swiper-pagination-bullet { opacity: 0; background: var(--White) !important; display: none !important; transition: var(--transitionall);}

/* Visible bullets */
.allCategoriesSlider .swiper-pagination-bullet.is-visible { display: inline-block !important; opacity: 1 !important;}

/* Active bullet */
.allCategoriesSlider .swiper-pagination-bullet-active.is-visible { opacity: 1; background: var(--red) !important;}









.swiper-button-prev::after , .swiper-button-prev svg , .swiper-button-next::after , .swiper-button-next svg {display: none;}
.swiper-button-prev , .swiper-button-next{width: 5rem !important; height: 5rem !important; border-radius: 50%; border: 0.2rem solid var(--White); transition: var(--transitionall);}
.swiper-button-prev:hover , .swiper-button-next:hover{background: var(--White); border-color: var(--red);}
.swiper-button-prev:focus , .swiper-button-next:focus{outline: none;}
.swiper-button-prev span , .swiper-button-next span{color: var(--White); font-size: 2.2rem; transition: var(--transitionall);}
.swiper-button-prev:hover span , .swiper-button-next:hover span{color: var(--red);}

.fancybox__nav .carousel__button { border: 0.1rem solid var(--red); background: var(--red);}
.fancybox__nav .carousel__button:hover { background: var(--White);}
.fancybox__nav .carousel__button:hover svg { fill: var(--White); stroke: var(--red); filter: var(--White);}

/*--------------------------------------------------------------
>>> Header
----------------------------------------------------------------*/
.site-header{ min-height: 7.6rem; display: flex; width: 100%; align-items: center; background-color: var(--White); position: fixed;  top: 0; left: 0; right: 0; z-index: 60; border-bottom: 0.1rem solid var(--White);}
body.admin-bar .site-header{top: 32px;}
.site-header.stick {background: var(--White);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.20);backdrop-filter: blur(7px);-webkit-backdrop-filter: blur(7px);border-bottom-color: rgba(0, 0, 0, 0.20);}
.site-content{ padding-block-start: 7.6rem;}
.header_inner{ display: flex; align-items: center; justify-content: space-between; position: relative;}
.search_button{ border: none; outline: none; padding: 0; cursor: pointer; font-size: var(--font-24); color: var(--Primary-color); background-color: transparent; display: flex; align-items: center;gap: 1.4rem; transition: 0.6s;}
.search_button:hover,.hamburger_button:hover{ color: var(--red);}
.site-logo { display: inline-block; width: 26.0rem; position: absolute; left: 0; right: 0; margin: 0 auto;}
.site-logo a{ display: block;}
.site-logo a svg{ width: 100%; height: 100%;}
.hed_right , .hed_left { display: flex; align-items: center; gap: 1.4rem;}
.hed_left { gap: 4rem;}

.hed_right a{ text-decoration: none;}
.hed_right .xoo-wsc-sc-cont,.hamburger_button,.hed_right a,.yith-wcwl-items-count{ width: 3rem; height: 3rem; display:flex; align-items: center; justify-content: center;}
.hed_right .xoo-wsc-sc-cont,.yith-wcwl-items-count{ margin-right:1rem;}
.hed_right .xoo-wsc-sc-cont .xoo-wsc-sc-subt{ display: none;}
.xoo-wsc-sc-bki {font-size: 2.6rem;}

.yith-wcwl-items-count{ position:relative; color:#000; font-size:2.6rem}
.userProfile span {font-size:var(--font-25); color: var(--Off-black); transition: var(--transitionall);}
.userProfile:hover span {color: var(--red);}

.hamburger_button { background-color: transparent; border: none; outline: none; padding: 0; margin: 0; cursor: pointer; transition: 0.6s;}
.hamburger_button span {font-size:var(--font-24); color: var(--Off-black); font-weight: 600; transition: var(--transitionall);}
.hamburger_button:hover span {color: var(--red);}

.hed_right .hdr_langbtn {border-right: 0.1rem solid  currentColor;padding-right: 1rem;margin-right: 1rem;}
.hed_right .wpml-ls-legacy-dropdown{ width: auto;max-width: 100%;}
.hed_right .wpml-ls-legacy-dropdown a{ border: none; outline: none; padding-top: 0; padding-bottom: 0; padding-left: 0;padding: 1rem; color: var(--Off-black);justify-content: flex-start; background: transparent;}
.hed_right .wpml-ls-legacy-dropdown .wpml-ls-flag{ width: 2.6rem;}
.hed_right .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,.hed_right .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{ width: auto; height: auto; font-size: var(--font-20);display: flex;align-items: center;gap: 1rem; font-size: var(--font-18);}

.hed_right .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .hed_right .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{background:var(--White); color: var(--red);}


.hed_right .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{ padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: calc(4px + 1.4em);}
.hed_right .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{top: calc(50% - 0.6rem);border: solid var(--Off-black);border-width: 0 0.2rem 0.2rem 0;display: inline-block;padding: 0.3rem;transform: rotate(45deg);}

/*--------------------------------------------------------------
>>> Menu
----------------------------------------------------------------*/
/* .primary-navigation,.search_block{ background-color: var(--White);box-shadow: -2rem 0 2.7rem 0 rgba(0, 0, 0, 0.36); height: 100dvh; width: 50.2rem; position:fixed; right: -110%; display: flex;flex-direction: column;border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem;transition: all 0.8s ease; top: 0; z-index: 999999;}
.primary-navigation.active,.search_block.active{ right: 0;} */

.primary-navigation,.search_block{ background-color: var(--White);box-shadow: 0rem -2rem 2.7rem 0 rgba(0, 0, 0, 0.36); height: 100dvh; width: 50.2rem; position:fixed; left: -75rem; display: flex;flex-direction: column;border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem;transition:0.5s ease-out; top: 0; z-index: 999999;}
.primary-navigation{ width: 75rem; left: -95rem;}
.primary-navigation.active,.search_block.active{ left: 0;}

.menu_header{ display: flex; align-items: center; min-height: 7.6rem; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.10); padding-inline-start: 3rem;}
.menu-close{ background-color: var(--White); font-size:var(--font-20); font-weight: 400; line-height: 2.6rem; color: var(--Off-black); display: flex; align-items: center; gap: 1.2rem; border: none; outline: none; padding: 0; cursor: pointer; transition: var(--transitionall);}
.menu-close:hover { color: var(--red);}


.menu-outer-wrap ,.search_container , .mobilemenu-menu-container{overflow-y: auto;overflow-x: hidden;flex-grow: 1; padding:0 3rem; scrollbar-color: var(--red) var(--White); scrollbar-width: auto;}
.mobilemenu-menu-container{ display: none;}
.menu-outer-wrap {padding: 0;}
.primary-menu-container {padding:0 3rem;}

.search_container {padding: 0 2rem;}
.menu-wrapper,ul.sub-menu{ list-style: none; padding: 0; margin: 0;}

/* .menu-wrapper li.blog-menu ul li{padding-left: 2.5rem;} */


.menu-wrapper li{position: relative; overflow: hidden;}
.menu-wrapper li.menu-item-has-children {display: flex;align-items: center;flex-wrap: wrap; gap: 0 0.5rem;}
.menu-wrapper li a{ font-size:var(--font-24); color: var(--Off-black); text-decoration: none; padding-block: 2rem; display: flex; align-items: center; gap: 2.5rem;}

.menu-wrapper li.current-menu-item a , .menu-wrapper li.current-menu-ancestor a , .menu-wrapper li a:hover { color: var(--red);}


.menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor a , .menu-wrapper li.current-menu-ancestor ul li.current-menu-item a { color: var(--red);}
.menu-wrapper li.current-menu-item ul li a , .menu-wrapper li.current-menu-ancestor ul li a { color: var(--Off-black);}
.menu-wrapper li ul li:hover a { color: var(--red);}
.menu-wrapper li ul li:hover ul li a { color: var(--Off-black);}



.menu-wrapper li:not(:last-of-type)::after{ content: ''; position: absolute; width: 100%; bottom: 0;border-bottom: 0.1rem solid rgba(0, 0, 0, 0.10); left: 0; transition: 0.6s;}
.menu-wrapper li ul li ul li a{ font-size: var(--font-20); color: var(--Off-black); display: flex; align-items: center; gap:2.5rem;}
.menu-wrapper li.current-menu-ancestor ul li ul li a , .menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor ul li a, .menu-wrapper li.current-menu-ancestor ul li.current-menu-item ul li a { color: var(--Off-black);}

.menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-ancestor a , .menu-wrapper li.current-menu-ancestor ul li ul li.current-menu-item a , .menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a, .menu-wrapper li.current-menu-ancestor ul li.current-menu-item ul li.current-menu-item a { color: var(--red);}

.menu-wrapper li ul li ul li:hover a { color: var(--red) !important;}
.menu-wrapper li ul li ul li:hover ul li a { color: var(--Off-black) !important;}

.menu-wrapper li.current-menu-ancestor ul li ul li ul li a , .menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a, .menu-wrapper li.current-menu-ancestor ul li.current-menu-item ul li.current-menu-item ul li a , .menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item ul li a { color: var(--Off-black);}

.menu-wrapper li.current-menu-ancestor ul li ul li ul li.current-menu-item a , .menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a, .menu-wrapper li.current-menu-ancestor ul li.current-menu-item ul li.current-menu-item a { color: var(--red) !important;}

.menu-wrapper li ul li ul li ul li:hover a { color: var(--red) !important;}

.menu-wrapper li ul li a span{ font-size: 2rem; color: var(--red);}

.menu-wrapper li.blog-menu ul li a span{ font-size: 1rem; color: var(--red);}
.menu-wrapper li ul li ul li a::before{content: "\e91b";color: var(--red);font-family: 'icomoon' !important; font-size: 1rem;}
.menu-wrapper li ul li ul li::after,.menu-wrapper li ul li::after{content: none;}

/* .menu-wrapper li ul{ display: none; width: 100%; padding-left: 2.5rem; max-height: 50dvh; overflow-y: auto; scrollbar-color: var(--red) var(--White); scrollbar-width: auto;} */
.menu-wrapper li ul{ display: none; width: 100%; padding-left: 2.5rem;}

.menu-wrapper li ul li ul{ padding-left: 4.5rem; max-height: 100%;}
.menu-wrapper li ul li ul li ul{ padding-left: 3.5rem;}

.menu-wrapper .sub-menu > li:first-child > a {
    padding-top: 0;
}
.menu-wrapper .sub-menu > li.menu-item-has-children:first-child {
    align-items: flex-start;
}


.submenu-toggle{ width: 3rem; height: 3rem; display: flex; align-items: center; background-color: transparent; border: none; outline: none; cursor: pointer; padding: 0; justify-content: center; transform: rotate(180deg); transition: 0.6s;}
.submenu-toggle span {font-size: 1.3rem; color: var(--Off-black);}

.menu-wrapper li.current-menu-ancestor .submenu-toggle span{ color: var(--red);}

.menu-wrapper li.menu-item-open > .submenu-toggle{transform: rotate(360deg);}
body.menu-open {overflow: hidden;}



/* .menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-ancestor a , .menu-wrapper li.current-menu-ancestor ul li ul li.current-menu-item a , .menu-wrapper li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a, .menu-wrapper li.current-menu-ancestor ul li.current-menu-item ul li.current-menu-item a { color: var(--red);} */




/*--------------------------------------------------------------
>>> Sid Cart
----------------------------------------------------------------*/
body .xoo-wsc-basket,body .xoo-wsc-basket[style*='block']{ display: none !important;}
.xoo-wsc-opac{ background-color: transparent;}
.xoo-wsc-container, .xoo-wsc-slider{max-width: 56rem; right:-80rem;border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem;box-shadow: -2rem 0 2.7rem 0 rgba(0, 0, 0, 0.36); overflow: hidden;}
.xoo-wsc-body{ background-color: var(--White);overflow: hidden;}

.wpml-ls-legacy-dropdown>ul {min-width: 15rem;}
.wpml-ls-legacy-dropdown a span.wpml-ls-display {display: none;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ background: var(--White);}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a{ font-size: var(--font-12) !important; gap: 0.5rem !important;}


#sb_instagram { overflow: hidden; position: relative;}

#sbi_images { display: flex !important;}
#sb_instagram .sbi_photo img {height: 100% !important;}
.sbi_photo {height: 26rem !important;}


/* .sbi_item { width: auto !important;} */





.breadcrumb-outer-container {padding-block-start: 2.9rem; padding-block-end: 2.5rem; background: var(--red);}
.breadcrumb-outer-container .page-title { color: var(--White); font-size: var(--font-48); font-weight: 700; line-height: 6rem; letter-spacing: -0.96px; margin: 0; }
.breadcrumb-container , .breadcrumb-container a , .breadcrumb-container span {display: inline-block; text-decoration: none !important; color: var(--White); font-size: var(--font-18); font-weight: 400; line-height: 2.8rem; transition: var(--transitionall);}
.breadcrumb-container a:hover {color: var(--Off-black);}
.breadcrumb-container span {position: relative;}
.breadcrumb-container span::after {position: absolute; content: ""; bottom: 0.3rem; right: 0; background: var(--White); width: 100%; height: 0.1rem;}



.double-input { display: flex; align-items: flex-start; gap: 2rem;}
.form_group{ width: 100%; margin-bottom: 2rem;}
.form_group p {margin: 0 !important;}

.form-control {width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: 2rem; font-weight: 400; line-height: 2.8rem; height: 5rem;padding: 1rem 2rem; background: var(--White); border: 0.1rem solid #EAEAEA; border-radius: 0.3rem;}
.form-control:focus{color: var(--Primary-color); outline: none;box-shadow: none;background: var(--White);border-color: #EAEAEA;}

.form-control::placeholder { font-family: Manrope; color: #726E8D; font-size: 2rem; font-weight: 400; line-height: 2.8rem; text-transform: capitalize;}

textarea.form-control {resize: none;height: 17rem !important;}

.submit-button{display: block; border-radius: 1.2rem; border: 0.1rem solid var(--red); padding: 0.8rem 3.4rem; color: var(--White); font-size: 1.8rem; font-weight: 600; line-height: 2.8rem; text-transform: capitalize; background-color: var(--red); margin-top: 3.3rem; transition: var(--transition); cursor: pointer; }
.submit-button:hover , .submit-button:focus{background-color: var(--Off-black); color: var(--White); border-color: var(--Off-black);}


.wpcf7-form-control-wrap { display: block;}
.wpcf7-not-valid-tip { font-size: 1.4rem;line-height: 2rem; color: var(--red); margin-top: 1.5rem;}
.wpcf7 form .wpcf7-response-output{ font-size: 1.2rem !important; line-height: 1.6rem !important; font-weight: 400; color: var(--Primary-color) !important; margin: 0rem !important; padding: 1rem !important; border-radius: 1rem; text-align: center;}

/* .wpcf7 form.invalid .wpcf7-response-output{border-color: var(--red) !important;} */

.fasedenor-shop-top-bar-wrapper { display: flex; align-items: center; gap: 2rem; justify-content: space-between; margin-bottom: 2rem;}
.woocommerce-notices-wrapper:empty {display: none;}
.woocommerce-result-count { float: none !important; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: #726E8D; padding: 0 !important; margin-bottom: 0 !important;}
body.woocommerce-shop .woocommerce-result-count {color: var(--White);}



.woocommerce-ordering {float: none !important; padding: 0 !important; margin-bottom: 0 !important;}
.orderby { position: relative; width: 100%; max-width: 20rem; height: 5rem; padding: 1rem 1.5rem; padding-right: 4rem; font-size: 1.5rem; font-weight: 400; line-height: 2.8rem; color: #726E8D; background: url(../images/dropdown.svg) 94% / 6% no-repeat #ffffff; border-radius: 1rem; border: 0.1rem solid #D2D1D7; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; outline: none; transition: var(--transition);}

.orderby:hover,.orderby:focus { border-color: #D2D1D7;}
.orderby option { font-size: 1.5rem; color: #726E8D; background-color: var(--White); padding: 1rem; transition: var(--transition);}
/* .orderby option:checked , .orderby option:hover { background-color: #726E8D !important; color: var(--White);} */



.schedule_table_wrap{ overflow: hidden;}
.schedule_section_heading{ width: 100%; position: relative; background-color: var(--red); margin: 0; padding-block: 1.3rem;}
.schedule_section_heading h2{  color: var(--White); text-align: center; font-weight: 500; font-size: 3.2rem; margin: 0; position: relative;z-index: 1;}
.schedule_section_heading::before,.schedule_section_heading::after{content: ''; position: absolute; top: 0; height: 100%; width: 100%;background: var(--red);}
.schedule_section_heading::before{ left:-100%;}
.schedule_section_heading::after{ right: -100%;}

.schedule_table .table{ background-color:var(--Primary-color);width: 100%;border-collapse: collapse;border-spacing: 0;font-size: 2rem;position: relative;}

.schedule_table .table::before,.schedule_table .table::after{content: ''; position: absolute; top: 0; height: 100%; width: 100%;background-color:var(--Primary-color);}
.schedule_table .table::before{ left:-100%;}
.schedule_table .table::after{ right: -100%;}

.schedule_table .table thead tr{border-bottom: 0.1rem solid var(--White);}

.schedule_table .table thead tr th:first-child:after,.schedule_table .table thead tr th:last-child:after{content: ''; position: absolute; top: 0.1rem; height: 100%; width: 100%;border-bottom: 0.1rem solid var(--White); z-index: 2;}
.schedule_table .table thead tr th:first-child:after{ left:-100%;}
.schedule_table .table thead tr th:last-child::after{ right: -100%;}

.schedule_table .table tr th{ color: var(--White); font-weight: 700;  height: 6rem;  vertical-align: middle; position: relative;}
.schedule_table .table tbody{background: var(--Primary-color);position: relative;}

.schedule_table .table tbody::before,.schedule_table .table tbody::after{content: ''; position: absolute; top: 0; height: 100%; width: 100%;background-color:var(--Primary-color); z-index: 2;}
.schedule_table .table tbody::before{ left:-100%;}
.schedule_table .table tbody::after{ right: -100%;}

.schedule_table .table tbody tr{border-bottom: 0.1rem solid var(--White);height: 6rem;  vertical-align: middle;font-weight: 500; position: relative;}




.schedule_table .table tr th,.schedule_table .table tbody tr td{ color: var(--White); padding-inline: 2rem; text-align: left;position: relative;}
.schedule_table .table tbody tr td:first-child{font-weight: 700;background: var(--Primary-color);border-right: 0.1rem solid #E3D9D9; }
.schedule_table .table tbody tr td:first-child::before{content: ''; position: absolute; width: 100%; height: 100%; top: 0.1rem; left: -100%;background: var(--Primary-color);z-index: 2;border-bottom: 0.1rem solid var(--White);}
.schedule_table .table tbody tr td:last-child::after{content: ''; position: absolute; width: 100%; height: 100%; top: 0.1rem; right: -100%;z-index: 3;border-bottom: 0.1rem solid var(--White);}
/************************************************/
/* Footer Style */
/************************************************/
.site-footer{ clear:both; padding-block-start: 6.5rem;}
.site-footer .common-header {margin-bottom: 3rem; justify-content: center; align-items: center; text-align: center; gap: 3rem;}
.site-footer .common-header p{margin:0;}
.site-footer .common-header span { color: var(--red);}
.site-footer .common-header h2 { color: var(--Off-black); font-size: var(--font-48);font-weight: 700; line-height: 6.5rem; margin: 0;margin-bottom: 1rem;}
.site-footer .common-header h2 span { color: var(--red);}
.site-footer .common-header figure { margin:0;}

.instagram_sec {padding-inline: 2rem;}
.instagram_sec .ti-widget {margin: 0 !important;}

.instagram_sec .swiper-button-next , .instagram_sec .swiper-button-prev { border: 0.2rem solid var(--red); background: var(--White);}
.instagram_sec .swiper-button-next:hover , .instagram_sec .swiper-button-prev:hover { background: var(--red);}
.instagram_sec .swiper-button-next::after , .instagram_sec .swiper-button-prev::after { display: block; font-family: 'icomoon'; font-size: 1.3rem;  color: var(--red); transition: var(--transition);}
.instagram_sec .swiper-button-next::after { content: "\e907";}
.instagram_sec .swiper-button-prev::after { content: "\e906";}
.instagram_sec .swiper-button-next:hover::after , .instagram_sec .swiper-button-prev:hover::after{color: var(--White);}



.footer-top {padding-block: 6rem; padding-inline: 2rem; background: var(--Off-black);}

.footer-top-left { width: 100%; max-width: 38.2rem;}
.footer-logo {display: inline-block; text-decoration: none; width: 100%;}
.footer-logo svg {width: 100%;}
.footer-short-text { display: block; margin: 3.5rem 0; color: var(--White); font-size: 1.6rem; font-weight: 400; line-height: 2.4rem;}

.social-menu-nav ul{display: flex;align-items: center;gap: 2rem 3.85rem; flex-wrap: wrap; margin: 0; padding: 0;}
.social-menu-nav ul li { list-style-type: none; list-style-position: inside; line-height: 0;}
.social-menu-nav ul li a{ text-decoration: none; font-size: 0; line-height: 0;}
.social-menu-nav ul li a span{font-size: 2rem; color: var(--White); transition: var(--transitionall);}
.social-menu-nav ul li a:hover span{color: var(--red);}

.footer-navigation-wrap {display: flex; gap: 2rem; justify-content: space-between;}
.footer-navigation { width: 20rem;}
.footer-header { display: block; color: var(--White); font-size: var(--font-16); font-weight: 600; line-height: 2.2rem; margin: 0; margin-bottom: 2.2rem;}
.footer-nav ul { margin: 0; padding: 0;}
.footer-nav ul li { list-style-type: none; list-style-position: inside; line-height: 0;}
.footer-nav ul li:not(:last-of-type){margin-bottom: 1.2rem;}
.footer-nav ul li a{ text-decoration: none; color: var(--White); font-size: var(--font-14); font-weight: 400; line-height: 2.4rem; transition: var(--transitionall);}
.footer-nav ul li.current-menu-item a ,.footer-nav ul li a:hover {color: var(--red);}

.footer-top-right {margin-left: auto; width: 100%; max-width: 53.5rem;}
.footer-top-right .footer-header{ color: var(--White); font-size: var(--font-16); font-weight: 400; line-height: 2.2rem; margin-bottom: 0.3rem;}
.footer-top-right p{ color: var(--White); font-size: var(--font-12); font-weight: 300; line-height: 1.6rem; margin-bottom: 0.3rem;}

.newsletter-form{ display:flex; align-items:center; margin: 3.5rem 0 6rem;}
.newsletter-form .tnp {margin: 0 !important;}
.newsletter-form .tnp form{ display: flex;}
.newsletter-form .tnp form { color: var(--White); font-size: var(--font-18); font-weight: 400; line-height: 2rem; margin: 0;}
.newsletter-form .tnp form br { display: none;}
.newsletter-form .tnp form p{ color: var(--White); font-size: var(--font-18); font-weight: 400; line-height: 2rem; margin: 0;}


.newsletter-form .tnp-field-email{flex:1;}
.newsletter-form .tnp-field-email label{ display: none;}
.newsletter-form input{ border:none !important; padding:1rem 2rem 1rem 4rem !important; height: 5.6rem; color:var(--Off-black) !important; font-size: var(--font-14) !important; font-weight: 400; line-height: 2.4rem !important; border-radius: 1.5rem 0 0 1.5rem; background: #F4F4F4; outline:none; }
.newsletter-form input::placeholder{ font-size: var(--font-14); font-weight: 400; line-height: 2.4rem; color:#BEBABA;}
/* .newsletter-form .tnp-subscription input[type=email] {min-width: 39.8rem;} */
.newsletter-form .tnp-field-button .tnp-submit{ background:var(--red); height: 5.6rem; color:var(--White) !important; border:none !important; padding:1.6rem 3.5rem !important; font-size: var(--font-16) !important; font-weight: 400; line-height: 2.4rem !important; cursor:pointer; border-radius:0 1.5rem 1.5rem 0; transition: var(--transitionall);}
.newsletter-form .tnp-field-button .tnp-submit:hover{background:#626262;}
.tnp-subscription div.tnp-field, .tnp-profile div.tnp-field { margin-bottom: 0;}



.contact-item{ display:flex; align-items:center; gap:1.4rem; margin-bottom:1.4rem;}
.contact-item:last-child{ margin-bottom:0;}
.contact-item span{color: var(--red); font-size: var(--font-20);}
.contact-item a , .contact-item p { text-decoration: none; margin: 0; color: var(--White); font-size: var(--font-16); font-style: normal; font-weight: 500; line-height: 2.6rem; transition: var(--transitionall);}
.contact-item a:hover {color: var(--red);}


.footer_bot{padding: 1.2rem 0; background: #F9F9F9;}
.footer_bot .container {display: flex; align-items: center; justify-content: space-between; gap: 2rem;}
.copy_right{ color: var(--Off-black); font-size: 1.6rem;font-weight: 400;line-height: 2.2rem;}
.copy_right p {margin: 0;}
.footer_bot figure {margin: 0; line-height: 0;}

.site-footer .gutensuite-reviewkit_fpln_mcs{margin-top: 3rem;}
.site-footer .gutensuite-reviewkit_fpln_mcs , .site-footer .tp-wrapper {display: flex; align-items: center; gap: 1.5rem;}
.site-footer .dynamic_rating , .site-footer .place_name {font-size: 2rem; font-weight: 600; line-height: 2.6rem; color: var(--White);}
.site-footer .dynamic_stars {line-height: 0;}
.site-footer .tp-wrapper img {width: 2rem;}








/************************************************/
/* Banner Style */
/************************************************/
.hero_slider_sec { position: relative; padding-inline: 1rem;}
/* .hero_slider{ background-color: var(--Off-black); border-radius: 1rem; overflow: hidden;} */
.hero_slider{ padding-bottom: 5rem !important;}
.hero_slider.hero_slider_single { padding-bottom: 0 !important;}
/* .hero_slider .swiper-slide {height: 55.1rem; flex-shrink: 0; overflow: hidden;} */
.hero_slider .swiper-slide {max-height: 90vh; height: auto; flex-shrink: 0; border-radius: 1rem; overflow: hidden;}
.home_slider_img{ position: relative; width: 100%;height: 100%; margin: 0; line-height: 0;}
/* .home_slider_img::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50.09%, rgba(0, 0, 0, 0.90) 100%); border-radius: 1rem; z-index: 1;} */
/* .home_slider_img img {width: 100%; height: auto; object-fit: cover;} */
.home_slider_img img {width: 100%; height: auto; object-fit: contain;}

.mobile_home_banner_image {display: none;}



.hero_slider_sec .container { position: absolute; top: 0; left: 0; right: 0; max-width: 96%; height: 100%; z-index: 4;}
.home_slider_cont-wrap {height: 100%; display: flex; align-items: center;}
.home_slider_cont {border-radius: 9px 102.5px 9px 9px; padding: 4rem; padding-left: 3rem; background: rgba(216, 26, 7, 0.8); background-blend-mode: hard-light; max-width: 63rem;}
.home_slider_title{ display: block; color: var(--White);font-size: var(--font-48);font-weight: 700;line-height: 6rem;letter-spacing: -0.96px;margin-bottom: 2.4rem;}
.home_slider_text_button {display: flex; align-items: center; justify-content: space-between; gap: 2rem;}
.home_slider_text { max-width: 32rem; color: rgba(255, 255, 255, 0.80); font-size: var(--font-20); font-weight: 700; line-height: 2.6rem; letter-spacing: -0.4px;}
.home_slider_text p{ margin: 0;}
.home_slider_button .button {display: inline-block; text-decoration: none !important; border-radius: 1rem; padding-inline: 2rem; padding-block: 1.3rem; background: var(--White); color: var(--red); font-size: var(--font-18); font-weight: 600; line-height: 2.8rem; text-transform: uppercase; transition: var(--transitionall);}
.home_slider_button .button:hover { text-decoration: none !important; background: var(--Off-black); color: var(--White);}
.hero_slider_sec .swiper-pagination-bullet { width: 1.5rem !important; height: 1.5rem !important; margin: 0 0.9rem !important; background: var(--Off-black) !important; opacity: 0.5 !important;}
.hero_slider_sec .swiper-pagination-bullet-active { width: 3.5rem !important; background: var(--red) !important; border-radius: 1rem !important; opacity: 1 !important;}

.home_slider_loop_inner { position: relative; width: 100%;height: 100%;}



/************************************************/
/* Banner Key Points Style */
/************************************************/
/* .container.key-container { top: auto; bottom: 4rem; height: auto; z-index: 2;} */
.banner-key-points-block {position: absolute;bottom: 4rem;right: 3.5%; z-index: 1; width: 59rem;}
.banner-key-points-heading {border-radius: 1rem; border: 0.1rem solid rgba(140, 140, 140, 0.60); background: rgba(7, 7, 8, 0.80); padding: 1.1rem; margin-bottom: 1rem;}
.banner-key-points-heading span{display: block; color: var(--White); font-size: var(--font-24); font-weight: 700; line-height: 2.8rem; text-align: center;}
.banner-key-points-wrap {display: flex; align-items: flex-start; gap: 1rem;}
.banner-key-points-item {width: calc(20% - 0.8rem); max-width: 11rem; min-height: 14rem; border-radius: 1rem; border: 0.1rem solid rgba(140, 140, 140, 0.60);
background: rgba(7, 7, 8, 0.80); padding: 1.3rem 0.5rem 1.1rem;}
html[lang="en-US"] .banner-key-points-item {min-height: 16rem;}
.banner-key-points-item figure { width: 7rem; height: 7rem; margin: 0 auto 0.7rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.banner-key-points-item figure img , .banner-key-points-item figure svg {width: 4rem; height: 4rem; object-fit: contain;}
.banner-key-points-item span{display: block; color: var(--White); font-size: var(--font-14); font-weight: 700; line-height: 1.8rem; text-align: center;}


/************************************************/
/* Bestseller Style */
/************************************************/

.bestseller-section {padding: 6rem 0 8rem;}
.bestseller-section .common-header {margin-bottom: 3rem;}

.woocommerce ul.products {display: flex; align-items: flex-start; justify-content: center; gap: 2.5rem; flex-wrap: wrap;}
.woocommerce ul.products::before, .woocommerce ul.products::after { content: none !important; display: none !important; } /* fasadenor-shop-parity-float-reset */

.woocommerce ul.products li.product { list-style-type: none; position: relative; float: none !important; margin: 0 !important; width: calc(50% - 1.3rem) !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 3rem; border-radius: 0.9rem; background: var(--White); box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.15); overflow: hidden; padding: 2rem !important;}
.woocommerce ul.products li.product .woocommerce-loop-product__link { display: block; width: 34rem; height: 28rem; border-radius: 1rem; border: 0.1rem solid #f0f0f0; overflow: hidden;}

.woocommerce ul.products li.product.has-gallery .woocommerce-loop-product__link img { object-fit: contain; opacity: 1; visibility: visible;  transition: var(--transitionall);}
.woocommerce ul.products li.product.has-gallery:hover .woocommerce-loop-product__link img { opacity: 0; visibility: hidden;}

.woocommerce ul.products li.product.has-gallery .woocommerce-loop-product__link img.fasadenor-hover-image { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;}
.woocommerce ul.products li.product.has-gallery:hover .woocommerce-loop-product__link img.fasadenor-hover-image { opacity: 1; visibility: visible;}

.woocommerce ul.products li.product .woocommerce-loop-product__link img{ object-fit: contain; width: 100%; height: 100%; transition: var(--transitionall);}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__link img{ transform: scale(1.2);}



.woocommerce ul.products li.product .product-info-wrap {width: calc(100% - 40rem); min-height: 28rem; display: flex; flex-direction: column; justify-content: space-between;}
.woocommerce ul.products li.product .product-info-wrap .woocommerce-loop-product__link {height: auto !important; width: auto; border: none;}
.woocommerce ul.products li.product .woocommerce-loop-product__title { width: 90%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; min-height: 6rem; color: var(--Off-black); font-size: var(--font-20); font-weight: 700; line-height: 3rem; margin: 0; margin-bottom: 1rem;}
.woocommerce ul.products li.product .price {display: block !important; color: var(--Off-black) !important; font-size: var(--font-30); font-weight: 600; line-height: 4rem; margin-bottom: 1rem !important;}

.woocommerce ul.products li.product .price del{ color: #e41e0a87; margin-right: 0.8rem; text-decoration: line-through; text-decoration-color: var(--red); text-decoration-thickness: 0.3rem;}

.woocommerce ul.products li.product .woocommerce-price-suffix {font-size: var(--font-16);}

.woocommerce ul.products li.product .reserve-now-price {color: var(--red); font-size: var(--font-20); font-weight: 800; line-height: 2.6rem;}
.woocommerce ul.products li.product .reserve-now-price p { margin: 0;}

.woocommerce ul.products li.product .ywpo_availability_date {margin: 1.5rem 0 1.5rem;}
.woocommerce ul.products li.product .ywpo_availability_date strong { display: block; font-size: 2rem; line-height: 2.6rem; color: var(--Primary-color);}
.woocommerce ul.products li.product .ywpo_availability_date span { display: inline-block; font-size: 1.4rem; line-height: 2rem;}


.woocommerce ul.products li.product .button.product_type_simple {display: none;}
.woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button {display: block;}
.woocommerce ul.products li.product .add_to_cart_button { position: relative; width: fit-content; padding-right: 2rem; text-decoration: none !important; margin: 0; color: var(--Off-black) !important; font-size: var(--font-18); font-weight: 400; line-height: 2.4rem; transition: var(--transitionall);}
.woocommerce ul.products li.product .add_to_cart_button:hover { color: var(--red) !important;}

.woocommerce ul.products li.product .add_to_cart_button::after {position: absolute; content: "\e91b"; font-family: 'icomoon'; top: 50%; right: 0; font-size: 1rem; line-height: 1rem; color: var(--red); transform: translateY(-50%) rotate(0deg);  transition: var(--transition);}
.woocommerce ul.products li.product .add_to_cart_button:hover::after{ transform: translateY(-50%) rotate(45deg);}



.fasadenor-advanced-label { position: absolute; bottom: 2rem; right: 2.5rem;}
.fasadenor-advanced-label a{ position: relative; display: inline-block; text-decoration: none; color: var(--Off-black); font-weight: 500 ; line-height: 1.8rem ; font-size: 1.2rem ; transition: var(--transition);}
.fasadenor-advanced-label a:hover {color: var(--red) ;}
.fasadenor-advanced-label a::before { position: absolute; content: ""; top: -9rem; right: 0.8rem; width: 6.7rem; height: 8rem; background: url(../images/certified-badge.svg) no-repeat center center; background-size: contain; margin: 0;}

.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist { top: 1.5rem !important; right: 1rem; left: auto !important;}
.woocommerce ul.products li.product .yith-wcwl-add-button a svg {margin: 0 !important;}


span.xoo-wsc-pname, span.xoo-wsc-pname a { font-size: var(--font-16) !important;}
.xoo-wsc-pprice {display: flex !important; gap: 0.5rem; color: var(--Off-black) !important; font-size: var(--font-16); font-weight: 600; line-height: 2rem;}

.xoo-wsc-pprice del , .xoo-wsc-pprice del span.amount { opacity: 1 !important; font-size: var(--font-16) !important; font-weight: 600; line-height: 2rem; color: #e41e0a87 !important; margin-right: 0; text-decoration: line-through; text-decoration-color: var(--red); text-decoration-thickness: 0.2rem;}
.xoo-wsc-pprice del {margin:0;}

.xoo-wsc-pprice ins { display: inline-block;text-decoration: none;}
.xoo-wsc-pprice ins span.amount { font-size: var(--font-16) !important; font-weight: 700;}

.xoo-wsc-smr-ptotal span.amount { font-size: var(--font-16) !important; font-weight: 700;}

/************************************************/
/* Popular Categories Style */
/************************************************/

.popular-categories-section {padding-block-start: 6.2rem; padding-block-end: 8rem; background: var(--Off-black);}
.popular-categories-section .category-container,.all-categories-grid{ padding-right: 0; margin-right: 0; max-width: 97.5%;}
.popular-categories-section .common-heading ,.popular-categories-section .common-heading-short-text { color: var(--White); }
.popular-categories-section .btn-common { color: var(--White);  border-color: var(--White);}
.popular-categories-section .btn-common:hover{ background-color: var(--red); border-color: var(--red); color: var(--White);}


.popular-categories-grid {margin-top: 4rem;}


/* .popular-categories-section .swiper-slide { flex-shrink: 0; transition: width 0.3s ease;} */
.popular-categories-section .categoriesSlider .swiper-slide {
  transition: transform 0.6s ease;
}
.popular-categories-section .swiper-button-next{ right: 3.5% !important;}
.popular-categories-section .swiper-button-prev{ left: 0 !important;}

.category-card{position: relative;}
.category-image {display: block; width: 100%; position: relative;}
.category-image::after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(9, 10, 14, 0.98) 15.41%, rgba(9, 10, 14, 0.00) 39.9%); z-index: 1;}

.category-image figure {display: flex; justify-content: center; align-items: center; width: 100%; height: 50rem; border-radius: 1rem; overflow: hidden; margin: 0; background: var(--Off-black);}
.category-image figure img{ width: auto; height: auto; object-fit: contain; transition: var(--transitionall);}

.category-card:hover .category-image figure img{ transform: scale(1.2);}

.category-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 3.5rem 2.5rem; z-index: 2;}
.popular-categories-section .category-content h3 { display: none; color: var(--White); font-size: var(--font-20); font-weight: 600; line-height: 2.6rem; letter-spacing: -0.2px; margin: 0;}

.category-btn {display: flex; align-items: center; justify-content: center; gap: 1rem; width: fit-content; text-decoration: none; color: var(--White); font-size: var(--font-30); font-weight: 600; line-height: 3.6rem; text-transform: uppercase; margin-bottom: 1rem; transition: var(--transitionall); }
.category-btn span { font-size: var(--font-14); transform: rotate(0deg); margin-top: 0.1rem; transition: var(--transitionall);}
.category-btn:hover{ color: var(--red);}
.category-btn:hover span {transform: rotate(45deg);}

.popular-categories-section .swiper-button-prev,  .popular-categories-section .swiper-button-next { border: 0.2rem solid var(--red); background: var(--White);}
.popular-categories-section .swiper-button-prev:hover,  .popular-categories-section .swiper-button-next:hover { background: var(--red);}
.popular-categories-section .swiper-button-prev span, .popular-categories-section .swiper-button-next span { color: var(--red);}
.popular-categories-section .swiper-button-prev:hover span, .popular-categories-section .swiper-button-next:hover span { color: var(--White);}




/************************************************/
/* Image Content Style */
/************************************************/

.image-content-section {background: var(--Off-black);}
.image-content-section .image-content-wrapper { position: relative;}
.image-content-text { position: absolute; top: 50%; transform: translateY(-50%); left: 4rem; max-width: 50.9rem; z-index: 1;}

.image-content-text em { display: inline-block; color: var(--red); font-size: var(--font-24); font-style: normal; font-weight: 400; line-height: 3.6rem; text-transform: uppercase; margin-bottom: 1rem;}
.image-content-text h2{ color: var(--White);font-size: var(--font-48);font-weight: 800;line-height: 5.8rem; text-transform: uppercase; margin: 0; margin-bottom: 2.5rem;}
.image-content-text p { color: var(--White); font-size: var(--font-20); font-weight: 700; line-height: 2.5rem; letter-spacing: -0.4px; margin: 0;}

.image-content-text .btn-common { margin: 3.5rem 0 0; color: var(--White); background-color: var(--red); border-color: var(--red);}
.image-content-text .btn-common:hover{ background-color: var(--White); border-color: var(--White); color: var(--red);}

.image-content-image { display: block; height: 70rem; overflow: hidden; margin:0;}
.image-content-image img {width: 100%; height: 100%; object-fit: cover;}


.image-content-image-wrapper {position: relative; max-width: 114.5rem; width: 100%; height: 100%;  margin: 0; margin-left: auto; margin-right: 5rem;}
/* .image-content-image-wrapper::after {position: absolute; content: ""; top: 0; left: 0; width: 22.7rem; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #090a0e  88.49%); z-index: 1;}
.image-content-image-wrapper::before {position: absolute; content: ""; top: 0; right: 0; width: 22.7rem; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #090a0e  88.49%); z-index: 1;}
.image-content-image-wrapper .top-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 76.39%, #090a0e  90.52%, #090a0e  96.34%); z-index: 1; display: none;}
.image-content-image-wrapper .bottom-overlay {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 76.39%, #090a0e  90.52%, #090a0e  96.34%); z-index: 1;} */





.image-content-image-wrapper::after {position: absolute; content: ""; top: 0; left: 0; width: 10rem; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #090a0e  100%); z-index: 1;}
.image-content-image-wrapper::before {position: absolute; content: ""; top: 0; right: 0; width: 10rem; height: 100%; background: linear-gradient(90deg,  rgba(0, 0, 0, 0.00) 0%, #090a0e  100%); z-index: 1;}
.image-content-image-wrapper .top-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 80%, #090a0e 98%, #090a0e 50%); z-index: 1; display: none;}
.image-content-image-wrapper .bottom-overlay {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 80%, #090a0e 98%, #090a0e 50%); z-index: 1;}





/************************************************/
/* All Categories Style */
/************************************************/

.all-categories-section {background: var(--Off-black); overflow: hidden; margin-top: -2rem; z-index: 1; position: relative; padding-block-end: 8.5rem;}
.all-categories-section .sliderContainer{ padding-right: 0; margin-right: 0; max-width: 97.5%;}


.all-categories-section .common-header {margin-bottom: 2rem;}
.all-categories-section .common-heading { color: var(--White);}
.all-categories-section .common-heading-short-text {color: var(--White);}

.allCategoriesSlider {padding: 2rem 0 11rem !important;}
.allCategoriesSlider .swiper-pagination {bottom: 5rem !important; padding-right: 3%;}
.all-categories-grid{ margin-left: auto;}
.all-categories-grid .swiper-wrapper{ padding-left: 1rem;}
.navigation-button-wrap { position: absolute;top: 50%;transform: translateY(-50%);right: 1.5rem; display: flex; align-items: center; gap: 1.2rem; width: fit-content;}
.all-category-next , .all-category-prev {position: static;}
.all-category-next , .all-category-prev {width: 4.2rem !important; height: 4.2rem !important; background: var(--red); border: 0.2rem solid var(--red); margin: 0 !important;}
.all-category-prev:hover , .all-category-next:hover{background: var(--White); border-color: var(--red);}
.all-category-prev span , .all-category-next span{ font-size: 1.3rem;}






.all-category-card {border-radius: 1rem; overflow: hidden; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);}

.all-category-content { background:var(--White);}
/* .all-category-content h3 {margin: 0;}
.all-category-content a {display: flex; align-items: center; justify-content: space-between; gap: 1rem; text-decoration: none; padding: 3rem 2rem 2.5rem;}

.all-category-content a span.text { display: block; width: 29rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--Off-black);font-size: var(--font-24);font-weight: 700;line-height: 3.4rem; margin: 0;}

.all-category-content a span.icon { font-size: var(--font-12); color: var(--red); transform: rotate(0deg); transition: var(--transitionall);}
.all-category-card:hover a span.icon {transform: rotate(45deg);} */

.all-category-card a {text-decoration: none;}
.all-category-content h3 {display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 3rem 2rem 2.5rem; margin: 0;}

.all-category-content h3 span.text { display: block; width: calc(100% - 4.5rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--Off-black);font-size: var(--font-24);font-weight: 700;line-height: 3.4rem; margin: 0; transition: var(--transitionall);}
.all-category-card:hover .all-category-content h3 span.text { color: var(--red);}

.all-category-card .icon-wrapper{ display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; background: var(--red); border-radius: 50%; transition: var(--transitionall);}
.all-category-card:hover .icon-wrapper{ background: var(--Off-black);}

.all-category-card span.icon { font-size: var(--font-12); color: var(--White); transform: rotate(0deg); transition: var(--transitionall);}
.all-category-card:hover span.icon {transform: rotate(45deg);}



.all-category-image {margin: 0; width: 100%; height: 50rem; border-radius: 0 0 1rem 1rem; overflow: hidden;}
.all-category-image img{ width: 100%; height: 100%; object-fit: cover; transition: var(--transitionall);}
.all-category-card:hover .all-category-image img{ transform: scale(1.2);}


.all-Category-card-bottom { position: relative; overflow: hidden;}

.tooltip-wrapper { position: absolute; bottom: 0; right: 0; width:100%;}
/* .allCategoriesSlider .swiper-slide:nth-of-type(even) .tooltip-wrapper {bottom: 29rem; right: 28.8rem;} */

.dot { display: none; width: 2rem; height: 2rem; background: #fff; border-radius: 50%; cursor: pointer; position: relative; z-index: 2; box-shadow: 0 0 0 8px rgba(0,0,0,0.5);animation: pulseShadow 1.5s infinite;}

@keyframes pulseShadow {
  0% {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  }
  50% {
      box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.2);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.tooltip-box { position: absolute; bottom: -50rem; right: 50%; transform: translateX(50%); width: 90%; background: rgba(255,255,255,0.9); padding: 1.5rem 2rem; border-radius: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;  transition: var(--transitionall);}

/* .allCategoriesSlider .swiper-slide:nth-of-type(even) .tooltip-box {right: -27rem;} */


/* .tooltip-box::after { content: ""; position: absolute; bottom: -2.3rem; right: 13.5rem; border-width: 1.2rem; border-style: solid; border-color: rgba(255,255,255,0.9) transparent transparent transparent;} */

/* .allCategoriesSlider .swiper-slide:nth-of-type(even) .tooltip-box::after{right: 26.8rem;} */

.tooltip-left{width: calc(100% - 4.5rem);}

.tooltip-box h3 { position: relative; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 1rem; color: var(--Off-black); font-size: var(--font-24); font-weight: 700; line-height: 3rem; margin: 0;}
.tooltip-box h3::after { content: ""; position: absolute; bottom: 0; left: 0; width: 4rem; height: 0.2rem; background: var(--red);}

.tooltip-box p { color: var(--Off-black); font-size: var(--font-14); font-weight: 500; line-height: 2rem; margin: 0; margin-top: 1rem;}

.all-category-card:hover .tooltip-box .icon-wrapper {background: var(--red);}

.all-category-card:hover .tooltip-box { bottom: 1rem;}

.all-categories-section .btn-common { margin-top: 0; background: var(--red); color: var(--White); border-color: var(--red);}
.all-categories-section .btn-common:hover{ background: var(--White); color: var(--red); border-color: var(--White);}




/************************************************/
/* Outdoor Style */
/************************************************/
.outdoor-spaces-area {padding-block-start: 8rem; padding-block-end: 2.5rem;}
.outdoor-spaces-item { height: 65rem !important; position: relative; overflow: hidden; border-radius: 1rem;}
.outdoor-spaces-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; overflow: hidden;}
.outdoor-spaces-image::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%; border-radius: 1rem; background: linear-gradient(90deg, rgba(0, 0, 0, 0.76) 23.8%, rgba(0, 0, 0, 0.01) 46.63%); z-index: 1;}
.outdoor-spaces-image img{ width: 100%; height: 100%; object-fit: cover; transition: var(--transitionall);}
/* .outdoor-spaces-item:hover .outdoor-spaces-image img{ transform: scale(1.1);} */

.outdoor-spaces-content{position: relative; display: flex; flex-direction: column; justify-content: flex-end; z-index: 1; height: 100%; padding: 2rem 4.5rem 11.5rem;}
.outdoor-spaces-content h3 { max-width: 40rem; color: var(--red);font-size: var(--font-24);font-weight: 500;line-height: 3.6rem; text-transform: uppercase; margin: 0; margin-bottom: 1rem;}
.outdoor-spaces-content h2 { max-width: 40rem; color: var(--White);font-size: var(--font-48);font-weight: 800;line-height: 5.8rem; margin: 0;}

.outdoor-spaces-short-description p{ max-width: 40rem; color: var(--White);font-size: var(--font-20);font-weight: 700;line-height: 2.5rem; letter-spacing: -0.4px; margin: 0; margin-top: 1.5rem;}

.outdoor-spaces-content .btn-common { width: fit-content; background: var(--red); color: var(--White); margin: 3.2rem 0;}
.outdoor-spaces-content .btn-common:hover { background: var(--White); color: var(--red);}


.outdoor-spaces-icon-block {display: flex; align-items: center; gap: 2rem}
.outdoor-spaces-icon-item {display: flex; align-items: center;}
.outdoor-spaces-icon-item:not(:last-of-type){border-right: 0.1rem solid var(--White);}
.outdoor-spaces-text , .outdoor-spaces-text p { display: inline-block; color: var(--White); font-size: var(--font-18); font-weight: 500; line-height: 2.4rem; padding: 0 2rem 0 1.5rem;}
.outdoor-spaces-icon-item figure {width: 3rem;}
.outdoor-spaces-icon-item figure svg {width: 100%; height: 100%;}
.outdoor-spaces-text p , .outdoor-spaces-icon-item figure {margin:0;}
.outdoor-spaces-text p {padding: 0;}



.outdoor-spaces-area .swiper-pagination {bottom: 0rem !important;}
.outdoor-spaces-area .swiper-pagination-bullet { width: 1.5rem !important; height: 1.5rem !important; margin: 0 0.9rem !important; background: rgba(0, 0, 0, 0.5) !important; opacity: 0.5 !important;}
.outdoor-spaces-area .swiper-pagination-bullet-active { width: 3.5rem !important; background: var(--red) !important; border-radius: 1rem !important; opacity: 1 !important;}



/************************************************/
/* Testimonial Style */
/************************************************/
.testimonial-section {padding-block-start: 8rem;}
.testimonial-section .common-header {justify-content: center;text-align: center;}
.gutensuite-reviewkit-header__title , .gutensuite-reviewkit-header__rating-image , .gutensuite-reviewkit-header__bottom {display: none !important;}
.testimonial-section .common-header .common-heading { color: var(--Off-black);}
.testimonial-section .common-header .common-heading span { color: var(--red);}


.testimonial-wrap .swiper {padding: 4rem 1rem 13rem;}
.testimonial-wrap .swiper-pagination {bottom: 7.5rem !important;}
.testimonial-wrap .swiper-button-container {display: none;}
.testimonial-wrap .swiper .swiper-slide {border-radius: 1rem; background: var(--White); overflow: hidden; min-height: 47rem; padding: 4.5rem 3.5rem; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);}
.testimonial-wrap .swiper::after{content: "";position: absolute;top: 0;left: 0;width: 45rem;height: 100%; background: linear-gradient(90deg, #FFF 19.11%, rgba(255, 255, 255, 0.00) 100%); z-index: 2;}
.testimonial-wrap .swiper::before{content: "";position: absolute;top: 0;right: 0;width: 45rem;height: 100%; background: linear-gradient(-90deg, #FFF 19.11%, rgba(255, 255, 255, 0.00) 100%); z-index: 2;}
.gutensuite-reviewkit-reviews__item {display: flex; flex-direction: column-reverse;}
.gutensuite-reviewkit-reviews__item-rating img{ width: 30%;}
.gutensuite-reviewkit-reviews__item-author {color: var(--Off-black);font-size: var(--font-15);font-weight: 400;line-height: 2.6rem;}
.gutensuite-reviewkit-reviews__item-author-name {font-weight: 700;}
.gutensuite-reviewkit-reviews__item-time {color: var(--Off-black);font-size: var(--font-15);font-weight: 400;line-height: 2.6rem; margin: 0; margin-top: 1rem;}

.gutensuite-reviewkit-reviews__item-content { position: relative; padding: 0 3.5rem; color: #000;font-size: var(--font-24);font-weight: 400;line-height: 3.4rem; margin: 0; margin-bottom: 2.5rem; max-height: 21rem; overflow-y: auto; scrollbar-color: var(--red) var(--White); scrollbar-width: thin;}
.gutensuite-reviewkit-reviews__item-content::after {position: absolute; content: "\e910"; font-family: 'icomoon';top: 0; left: 0;font-size: 2.5rem;  color: var(--red);}
.gutensuite-reviewkit-reviews__item-content::before {position: absolute; content: "\e90f"; font-family: 'icomoon';bottom: 0; right: 0;font-size: 2.5rem;  color: var(--red);}


.gutensuite-reviewkit-reviews__item-title {color: #000; font-size: var(--font-20);font-weight: 700;line-height: 2.6rem; text-align: center; margin: 0; margin-bottom: 2rem;}
.gutensuite-reviewkit-reviews__item-header {text-align: center;}



/************************************************/
/* About Page Style */
/************************************************/
/* .about_sec{ padding: 11rem 0 11.5rem;}
.about_sec_inner {position: relative;}
.about_img {width: 100%; max-width: 86.8rem; border-radius: 1.2rem; margin: 0; overflow: hidden;}
.about_img img{ width: 100%; height: 100%; object-fit: cover; transition: var(--transitionall);border-radius: 1.2rem;}
.about_img:hover img{ transform: scale(1.2);}
.about_content { position: absolute; bottom: 0; right: 0; border-top-left-radius: 1.2rem; background: var(--White); width: 100%; max-width: 94rem; min-height: 47rem; padding: 5rem 13rem 2rem 7rem;}

.about_content h2 { color: var(--red); font-size: var(--font-36); font-weight: 600; line-height: 4.6rem; margin: 0; margin-bottom: 1.5rem;}
.about_content p { color: var(--Primary-color); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; margin: 0; margin-bottom: 1rem;}
.about_sec .btn-common { margin-top: 3rem; width: fit-content; gap: 1.2rem; padding: 0; border: none;}
.about_sec .btn-common:hover { background: transparent; color: var(--Off-black);} */






.about_sec{ position: relative; padding:0; margin-bottom: 5rem;}
.about_img { width: 100%; display: flex; justify-content: center; align-items: center; height: 55.1rem; border-radius: 0.9rem; margin: 0; overflow: hidden; }
.about_img::after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.9rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45%, #000 88%); z-index: 1;}
.about_img img{ width: 100%; height: 100%; object-fit: cover;}

.about_content { position: absolute; bottom: 8rem; left: 0; width: 100%; z-index: 2;}

.about_content h1 { color: var(--White); font-size: 5.4rem; font-weight: 700; line-height: 7.5rem; letter-spacing: -0.96px; margin: 0; margin-bottom: 0.5rem;}

.about_content h2 { color: var(--White); font-size: var(--font-48); font-weight: 700; line-height: 7.5rem; letter-spacing: -0.96px; margin: 0; margin-bottom: 0.5rem;}
.about_content h3 { color: var(--White); font-size: var(--font-26); font-weight: 700; line-height: 3.6rem; margin: 0; margin-bottom: 1.5rem;}
.about_content p { color: var(--White); font-size: var(--font-20); font-weight: 700; line-height: 2.6rem; margin: 0; margin-bottom: 1rem;}
.about_content p a { color: var(--White); text-decoration: none !important; transition: var(--transitionall);}
.about_content p a:hover { color: var(--red);}
.about_sec .btn-common { margin: 0; margin-top: 3rem; width: fit-content; gap: 1.2rem; color: var(--White); border-color: var(--White);}
.about_sec .btn-common:hover { background: var(--White); color: var(--red); border-color: var(--White);}





.about_tab_header h1 { color: var(--red); font-size: var(--font-36); font-weight: 600; line-height: 7.5rem; letter-spacing: -0.72px; text-align: center; margin: 0; margin-bottom: 3rem;}
.tab-container {padding-block: 6.8rem; background: #F9F9F9;}


.responsive-tabs { display: flex; align-items: flex-start; gap: 5.5rem;}

/* TAB BUTTONS */
.tab-buttons {display: flex; flex-direction: column; width: 42rem;}

.tab-button { position: relative; flex: 1; padding: 2.9rem 4rem; color: var(--Off-black); font-size: var(--font-24); font-weight: 600; line-height: 3rem; letter-spacing: -0.48px; border: none; background: rgba(37, 60, 75, 0.10); cursor: pointer; transition: var(--transitionall);}
.tab-button:not(:last-of-type) {border-bottom: 0.2rem solid var(--White);}
.tab-button.active { background: var(--Off-black); color: var(--White);}
.tab-button.active::after {position: absolute; content: ""; top: 0; right: 0; width: 0.4rem; height: 100%; background: var(--red);}

/* CONTENT */
.tab-panel-wrapper {width: calc(100% - 47.5rem);}
.tab-content {display: none;}
.tab-content.active {display: block;}

.tab-panel { display: none; padding-block-start: 2rem;}

/* Float image */
.about_tab_sec .tab-panel {padding-block-start: 0;}
.about_tab_sec .tab-panel figure {margin: 0;}
.about_tab_sec .tab-panel img { float: left; width: auto; max-width: 39rem; margin-right: 4.5rem; margin-bottom: 3.5rem;}

/* Typography */
.tab-panel h2 , .tab-panel h3 , .tab-panel h4 { color: var(--Primary-color); font-size: var(--font-32); font-weight: 600; line-height: 4rem; margin: 0; margin-bottom: 1.5rem; letter-spacing: -0.64px;}
.tab-panel h3 { font-size: var(--font-28); line-height: 3.6rem;}
.tab-panel h4 { font-size: var(--font-24); line-height: 3.2rem;}

.tab-panel p { color: var(--Primary-color); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; margin: 0; margin-bottom: 1.5rem;}
.tab-panel p a{ color: var(--red); transition: var(--transition); text-decoration: none;}
.tab-panel p a:hover{ color: var(--Primary-color);}

.tab-panel a { display: inline-block; color: var(--red); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; margin: 0; margin-bottom: 1.5rem; transition: var(--transition); text-decoration: none;}
.tab-panel a:hover{ color: var(--Primary-color);}


.tab-panel ul , .tab-panel ol {padding: 0;}
.tab-panel ul li , .tab-panel ol li{position: relative; list-style-type: none !important; list-style-position: inside; color: var(--Off-black); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem;}
.tab-panel ul li a , .tab-panel ol li a{ color: var(--red); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem; text-decoration: none; transition: var(--transition);}
.tab-panel ul li a:hover , .tab-panel ol li a:hover { color: var(--Off-black); }
.tab-panel ul li {padding-left:2.5rem;}
.tab-panel ul li:not(:last-of-type),.tab-panel ol li:not(:last-of-type){margin-bottom: 1rem;}
.tab-panel ul li::after { content: ""; position: absolute; top: 1rem; left: 0; width: 0.6rem; height: 0.6rem; background: var(--Off-black); border-radius: 50%;}

/* Clear float after content */
.tab-panel::after { content: ""; display: block; clear: both;}

/* Responsive */
@media (max-width: 991px) {
  .content-wrap img {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}


/* ACCORDION */
.accordion-header { position: relative; display: none; padding: 1.2rem; padding-right: 5rem; font-size: var(--font-15);line-height: 2.5rem; background: #f9f9f9; border-bottom: 1px solid #ccc; cursor: pointer;}
.accordion-header::after {position: absolute; content: "\e91c"; font-family: 'icomoon'; top: 0.9rem;right: 1.2rem; width: 3rem;
height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--red); font-size: 1rem;  color: var(--White); transform: rotate(180deg); transition: var(--transition);}
.tab-content.active .accordion-header::after { transform: rotate(0deg);}


.fasadenor-single-product-tabs .accordion-header { padding: 1.5rem; padding-right: 5rem; font-size: var(--font-20); line-height: 3rem;}
.fasadenor-single-product-tabs .accordion-header::after {top: 1.5rem;}



/* MOBILE */
@media (max-width: 991px) {

  .tab-buttons { display: none;}
  .tab-panel-wrapper { width: 100%;}

  .accordion-header { display: block;}

  .tab-content { display: block;}

}




.about_bottom_area {padding-block-start: 12rem; padding-block-end: 3.5rem; background: var(--Primary-color);}
.about_bottom_wrap {display: flex; gap: 8rem;}
.about_bottom_inner { width: calc(50% - 4rem); border-radius: 1.2rem; overflow: hidden;}
.about_bottom_img {width: 100%; max-height: 65.6rem; border-radius: 1.2rem; margin: 0; margin-bottom: 3rem; overflow: hidden;}
.about_bottom_img img{ width: 100%; height: 100%; object-fit: cover; transition: var(--transitionall);}
.about_bottom_img:hover img{ transform: scale(1.2);}

.about_bottom_heading { color: var(--red); font-size: var(--font-36); font-weight: 600; line-height: 4.6rem; letter-spacing: -0.72px; margin: 0; margin-bottom: 1.5rem;}
.about_bottom_description p { color: var(--White); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem; margin: 0; margin-bottom: 2rem;}
.about_bottom_description p a{ color: var(--red); transition: var(--transition); text-decoration: none;}
.about_bottom_description p a:hover{ color: var(--White);}





/************************************************/
/* Archive Page Style */
/************************************************/

.archive_sec{ position: relative; padding:0 !important; margin-bottom: 5rem !important;}
.archive_sec.show-category-name-below-banner{ margin-bottom: 0rem !important;}
.archive_img { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; height: 55.1rem; border-radius: 0.9rem; margin: 0; overflow: hidden; }
.archive_img.mobile-banner { display: none; }
.product_tag .archive_img { background: var(--Off-black); height: 15rem; border-radius: 0;}


.archive_img::after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.9rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, #000 100%); z-index: 1;}
.archive_sec.show-category-name-below-banner .archive_img::after{ display: none;}
.archive_img img{ width: 100%; height: 100%; object-fit: cover;}

.fasadenor-external-title-description{padding: 5rem 0 !important;}
.archive_content { position: absolute; bottom: 8rem; left: 0; width: 100%; z-index: 2;}
.fasadenor-external-title-description .archive_content { position: static; text-align: center; }

.archive_content h1 { color: var(--White); font-size: 5rem; font-weight: 700; line-height: 7.5rem; letter-spacing: -0.96px; margin: 0; margin-bottom: 0.5rem;}
.archive_content h2 { color: var(--White); font-size: var(--font-48); font-weight: 700; line-height: 7.5rem; letter-spacing: -0.96px; margin: 0; margin-bottom: 0.5rem;}
.archive_content h3 { color: var(--White); font-size: var(--font-26); font-weight: 700; line-height: 3.6rem; margin: 0; margin-bottom: 1.5rem;}
.archive_content p { color: var(--White); font-size: var(--font-20); font-weight: 700; line-height: 2.6rem; margin: 0; margin-bottom: 1rem;}
.archive_content p a { color: var(--White); text-decoration: none !important; transition: var(--transitionall);}
.archive_content p a:hover { color: var(--red);}

.fasadenor-external-title-description .archive_content h1 , .fasadenor-external-title-description .archive_content h2 , .fasadenor-external-title-description .archive_content h3 , .fasadenor-external-title-description .archive_content p , .fasadenor-external-title-description .archive_content .archive_content p a { color: var(--Off-black); }



.archive_heading_sec {padding-block-start: 1.5rem !important; padding-block-end: 0rem !important; }
/* .archive_heading_content { margin-bottom: 5rem;} */
.archive_heading_content h3 { color: var(--Off-black); font-size: var(--font-40); font-weight: 700; line-height: 4.8rem; margin: 0; margin-bottom: 2rem;}
.archive_heading_content h3 span{ color: var(--red);}
.archive_heading_content h4 { color: var(--Off-black); font-size: var(--font-32); font-weight: 700; line-height: 3.8rem; margin: 0; margin-bottom: 2rem;}
.archive_heading_content h4 span{ color: var(--red);}
.archive_heading_content p { color: var(--Off-black); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; margin: 0; margin-bottom: 2rem;}
.archive_heading_content p:only-child {margin: 0;}
.archive_heading_content p a { color: var(--red); text-decoration: none !important; transition: var(--transitionall);}
.archive_heading_content p a:hover { color: var(--Off-black);}

.archive_heading_content p img {float: left; margin-right: 1.5rem; margin-bottom: 1.5rem;}

.archive_heading_content ul {text-align: left; margin: 0 auto 3.5rem;}

.product_tag .archive_content { bottom: 50%; transform: translateY(50%);}
.product_tag .archive_content h1 {text-align: center;}



.archive_list_sec {padding-block-start: 0 !important; padding-block-end: 6rem !important; clear: both;}
/* .archive_list_sec.no-subcategories { padding-block-end: 5rem !important;} */
.woocommerce .content-area { max-width: 100% !important; margin: 0 auto !important; padding: 0 !important;}


.woocommerce .archive_list_sec ul.products {display: flex; align-items: flex-start !important; justify-content: center; gap: 2.5rem !important; flex-wrap: wrap;}
.woocommerce-page ul.products {justify-content: flex-start;}


.woocommerce .archive_list_sec ul.products::before , .archive_list_sec ul.products::after { display: none !important;}

.woocommerce .archive_list_sec ul.products.columns-2 li.product { list-style-type: none !important; position: relative !important; width: calc(50% - 1.3rem) !important; display: flex !important; align-items: flex-start !important; flex-direction: row !important; padding: 2rem !important; margin: 0 !important;}

.woocommerce .archive_list_sec ul.products li.product .woocommerce-loop-product__link img{  height: 100% !important; }




/* .archive_list_sec .woocommerce-pagination {display: none;} */

.woocommerce-pagination ul.page-numbers { width: fit-content; display: flex; align-items: center; gap: 2.8rem; border-radius: 6rem;border: 0.1rem solid #D2D1D7;background: var(--White); padding-inline: 3rem; padding-block: 1.8rem; margin-left: auto; margin-top: 5.4rem;}

.woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before { display: none;}

.woocommerce-pagination ul.page-numbers .page-numbers { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; background: transparent; text-decoration: none !important; margin: 0; color: #726E8D; font-size: var(--font-18); font-weight: 400; line-height: 2.2rem; transition: var(--transitionall);}



.woocommerce-pagination ul.page-numbers .page-numbers.prev , .woocommerce-pagination ul.page-numbers .page-numbers.next { width: fit-content; height: fit-content; gap: 0.7rem;}
.woocommerce-pagination ul.page-numbers .page-numbers.prev .nav-icon { transform: rotate(-90deg); font-size: 1.5rem;}
.woocommerce-pagination ul.page-numbers .page-numbers.next .nav-icon { transform: rotate(90deg); font-size: 1.5rem;}
.woocommerce-pagination ul.page-numbers .page-numbers.current, .woocommerce-pagination ul.page-numbers .page-numbers:hover { background: var(--red); color: var(--White);}
.woocommerce-pagination ul.page-numbers .page-numbers.dots:hover { background: transparent; color: #726E8D;}
.woocommerce-pagination ul.page-numbers .page-numbers.prev:hover , .woocommerce-pagination ul.page-numbers .page-numbers.next:hover { background: transparent; color: var(--red);}

.woocommerce-pagination .woocommerce-button:hover {text-decoration:none !important;}


.archive-categories-section { padding-block-start: 6.5rem !important; margin: 0; margin-top: 0;}
/* .all-categories-section.archive-categories-section .common-heading {color: var(--red);} */
.archive-categories-section .allCategoriesSlider { padding: 2rem 0 12rem !important;}
.archive-categories-section .allCategoriesSlider .swiper-pagination { bottom: 5rem !important;}


/************************************************/
/* Contact Page Style */
/************************************************/

.contact_sec {padding-block-start: 5rem; padding-block-end: 5rem; background: var(--Primary-color);}
.contact_sec_inner {display: flex; align-items: flex-start; gap: 2.4rem; flex-wrap: wrap;}
.contact_img , .contact_content {width: calc(50% - 1.2rem);}
.contact_content {padding-inline-start: 5rem;}

.contact_img { height: 56.1rem; border-radius: 1.2rem; margin: 0; overflow: hidden;}
.contact_img img{ width: 100%; height: 100%; object-fit: cover; transition: var(--transitionall);}
.contact_img:hover img{ transform: scale(1.2);}

.contact_content h1 { color: var(--red); font-size: var(--font-36); font-weight: 600; line-height: 4.6rem; letter-spacing: -0.72px; margin: 0; margin-bottom: 2rem;}
.contact_content p { color: var(--White); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; margin: 0; margin-bottom: 1rem;}

.contact_content form {margin-top: 4.5rem;}


.contact_address_sec {padding: 6.2rem 0 4.2rem; background: #F9F9F9;}
.contact_address_inner {display: flex; align-items: flex-start; justify-content: center; gap: 3rem 16.5rem;}

.contact_address_sec .contact_heading { color: var(--red); font-size: var(--font-36); font-weight: 600; line-height: 4.6rem; letter-spacing: -0.72px; margin: 0;}
.contact_info_item {display: flex; align-items: center; gap: 2.2rem; font-style: normal;}
.contact_icon {margin: 0; width: 6.5rem; line-height: 0;}
.contact_icon img{ width: 100%; height: 100%; object-fit: contain;}
.contact_info_text { display: block; color: var(--red); font-size: var(--font-26); font-weight: 700; line-height: 3.2rem; margin: 0; margin-bottom: 0.5rem;}
.contact_info_link { display: block; text-decoration: none !important; color: rgba(114, 110, 141, 0.80); font-size: var(--font-24); font-weight: 500; line-height: 3rem; margin: 0; letter-spacing: -0.48px;transition: var(--transitionall);}
.contact_info_link:hover { color: var(--red);}


.contact_others_address_sec {padding: 12rem 0 11rem;}
.contact_others_address_sec .schedule_short_description {color: var(--Primary-color); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem; margin: 0; margin-bottom: 2rem;}
.contact_others_address_inner {display: flex; align-items: flex-start; justify-content: space-between; gap: 3rem;}
.schedule_address_item {display: flex; align-items: flex-start; gap: 3rem; font-style: normal;}
.address_icon {margin: 0; width: 7.1rem; line-height: 0;}
.address_icon img{ width: 100%; height: 100%; object-fit: contain;}
.schedule_address_inner_wrap {max-width: 41.8rem;}
.schedule_address_title { display: block; color: var(--red); font-size: var(--font-26); font-weight: 700; line-height: 3.2rem; margin: 0; margin-bottom: 0.5rem;}
.schedule_address_inner_wrap p { color: rgba(114, 110, 141, 0.80); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem; margin: 0; letter-spacing: -0.4px;}

.schedule_map_inner {padding-block-end: 5.5rem;}
.map_iframe_wrap p{margin: 0;}
.map_iframe_wrap iframe{ width: 100%; height: 37.1rem; border: none;}

.contact_sec .form-control{ color:var(--White); background:transparent; border: 0.1rem solid #eaeaeaad;}
.contact_sec .form-control:focus { color:var(--White); background:transparent; border-color: #eaeaeaad;}
.submit-button:hover, .submit-button:focus { background-color: var(--White); color: var(--Primary-color); border-color: var(--White);}
body.page-template-template-contact .wpcf7 form .wpcf7-response-output {color:var(--White) !important;}

/************************************************/
/* FAQ Page Style */
/************************************************/

.faq-area {padding-block: 8rem; background: var(--Primary-color);}
.faq_wrapper .faq-area { padding-block: 0; background: var(--White);}
.faq-heading {color: var(--red); font-size: var(--font-36); font-weight: 600; line-height: 4.6rem; letter-spacing: -0.72px; text-align: center; margin: 0; margin-bottom: 7rem;}

.faq-item-wrap {display: flex;align-items: flex-start; flex-wrap: wrap; gap: 5.6rem 3.4rem;}
.faq-item {width: calc(25% - 2.6rem); padding-left: 5rem; padding-top: 4rem;}
.faq-item a { position: relative; text-decoration: none !important; display: block; padding: 2.2rem; padding-left: 8.4rem; background: var(--Primary-color); transition: var(--transitionall);}
.faq-item a:hover {background: var(--red);}
.faq-item a h3 { color: var(--White); font-size: var(--font-20); font-weight: 500; line-height: 3.8rem; margin: 0;}
.faq-icon {position: absolute; top: -3.5rem; left: -4.5rem; width: 8.5rem; height: 8.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--Primary-color); border: 1rem solid var(--White); margin: 0; transition: var(--transitionall);}
.faq-item a:hover .faq-icon {background: var(--red);}
.faq-icon img{ width: 4rem; height: auto; object-fit: contain;}

.big-image { height: 83.8rem; margin: 0rem;}
.big-image img{ width: 100%; height: 100%; object-fit: cover; }

.faq-acordion .no-products-found {color: var(--White);}


/* Item */
.faq-acordion-item { border-radius: 1.2rem; border-bottom: 0.1rem solid #FFA89F; border-left: 0.5rem solid #FFA89F; background: #FFF9F9; transition: var(--transition);}
.faq-acordion-item:not(:last-of-type) { margin-bottom: 1rem;}
.faq-acordion-item.active{ background: #E41E0A;}


/* Heading */
.faq-acordion-heading { position: relative; padding: 2.4rem 3.6rem; padding-right: 10rem; color: var(--Off-black); font-size: var(--font-26); font-weight: 700; line-height: 3.6rem; margin: 0;cursor: pointer; transition: var(--transition);}
.faq-acordion-item.active .faq-acordion-heading { color: var(--White); padding-bottom: 1rem;}


/* Icon */
.faq-acordion-heading::after {position: absolute; content: "\e91c"; font-family: 'icomoon';top: 1.8rem; right: 3.6rem; width: 4.8rem; height: 4.8rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--red); font-size: 1.2rem;  color: var(--White); transform: rotate(180deg); transition: var(--transition);}
.faq-acordion-item.active .faq-acordion-heading::after{ background: var(--White); color: var(--red); transform: rotate(0deg);}


/* Answer */
.faq-acordion-answer { display: none; padding: 0 10rem 3.8rem 3.6rem;}
.faq-acordion-answer p {margin: 0; color: var(--White); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem;}
.faq-acordion-answer p:not(:last-of-type){margin-bottom: 1.5rem;}

.faq-acordion-answer ul , .faq-acordion-answer ol{margin-top: 2rem; padding: 0;}
.faq-acordion-answer ul:not(:last-of-type) , .faq-acordion-answer ol:not(:last-of-type){margin-bottom: 2rem;}

.faq-acordion-answer ul li , .faq-acordion-answer ol li{position: relative; list-style-type: none !important; list-style-position: inside; color: var(--White); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem;}
.faq-acordion-answer ul li {padding-left:2.5rem;}
.faq-acordion-answer ul li:not(:last-of-type),.faq-acordion-answer ol li:not(:last-of-type){margin-bottom: 1rem;}
.faq-acordion-answer ul li::after { content: ""; position: absolute; top: 1rem; left: 0; width: 0.6rem; height: 0.6rem; background: var(--White); border-radius: 50%;}



/************************************************/
/* Blog Page Style */
/************************************************/

.blog_content_sec {padding: 8rem 0 5rem;margin-bottom: 0;}
.blog_content_sec_top {background: var(--Primary-color);}
.blog_content_sec_top .about_content {background:transparent;}
.blog_content_sec_top .about_content h1 { color: var(--White); font-size: var(--font-48); font-weight: 700; line-height: 7.5rem; letter-spacing: -0.96px; margin: 0; margin-bottom: 2rem;}
.blog_content_sec_top .about_content p {color:var(--White);}
.blog_page_wrap .about_content{position: static;width: 100%;max-width: 100%;min-height: inherit;padding: 0;text-align: center;}
.blog-filters{ display:flex; justify-content: center; list-style: none; padding: 0; margin: 0; gap: 3rem;margin-bottom: 6rem;}
.blog-filters a{ display: flex; width: fit-content; padding-inline: 3rem; padding-block: 1rem; border-radius: 0.3rem; background-color: var( --Primary-color); color: var(--White); font-weight: 600; font-size: 1.8rem; text-decoration: none;}
.blog-filters a:hover,.blog-filters li.active a{ background-color: var(--red);}

/* .blog_grid {padding-block-end: 6.5rem;} */

.blog_card { overflow: hidden; border-radius: 1.2rem; position: relative; background-color: #E8EAED; padding: 0; transition:padding 0.6s;}
.blog_loop{ margin-bottom: 2.4rem;}
.blog_card figure{ width: 100%; height: 42.8rem; overflow: hidden; margin: 0; position: relative;clip-path: inset(0% 0% 0% 0%); transition:clip-path 0.6s;}
.blog_loop:hover figure{clip-path: inset(3% 2% 3% 2%);}
.blog_card figure img{ width: 100%; height: 100%; object-fit: cover;}
.blog_card_content{ position: absolute; bottom: 0; width: 100%; left: 0; right: 0;padding: 2rem 3.8rem;color: var(--White);display: flex;flex-direction: column;gap:1rem;}
.blog_loop .card-overlay::after{content: ''; position: absolute; bottom: 0; width: 100%; left: 0; height: 46%;background: linear-gradient(359deg, #3A1A06 4.62%, rgba(167, 132, 109, 0.00) 105.19%);}
.blog_card_title{ font-size: 2.4rem; font-weight: 700; color: var(--White); margin: 0;}
.blog_card_date{font-weight: 500;color: #E7E9EB; font-size: 1.4rem;text-transform: capitalize;}
.blog_card_button{ display: flex; align-items: center; width: fit-content; background-color: var(--red); color: var(--White);font-weight: 600; font-size: 1.8rem; height: 4.6rem; text-align: center; justify-content: center; padding-inline: 2.2rem; border-radius: 0.5rem;opacity: 0;margin-bottom: -46px; transition: 0.6s;}
.blog_loop:hover .blog_card_button , .no-image-content.blog_loop .blog_card_button{opacity: 1; margin-bottom: 0;}


.no-image-content .blog_card_content.no-image-description {position: static; height: 42.8rem; padding: 3rem 3.8rem 2rem;}
.no-image-content.blog_loop .card-link {text-decoration: none;}
.no-image-content.blog_loop .blog_card_date , .no-image-content.blog_loop .blog_card_title , .no-image-content.blog_loop p {color:var(--Off-black)}
.no-image-content.blog_loop .blog_card_title { min-height: 6.6rem;}
.no-image-content.blog_loop p {margin: 0; min-height: 16.8rem; margin-bottom: 1rem;}
.no-image-content.blog_loop .card-overlay::after {display: none;}







#loader {text-align: center;padding:3rem 0;display: none;}
.spinner {width: 4rem;height:4rem;border:0.4rem solid #ddd;border-top: 0.4rem solid #000;border-radius: 50%;animation: spin 0.8s linear infinite;margin: 0 auto;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.blog_det_img_sec{ position: relative; overflow: hidden; color: var(--Off-black);}
.blog_det_image{ width: 100%; height: 83.8rem; overflow: hidden;margin: 0;}
.blog_det_image img{ width: 100%; height:100%; object-fit: cover;}
.blog_det_img_sec header{position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(31, 32, 36, 0.80);padding-block: 3.7rem;}

.blog_det_img_sec header h1{ font-size: 3.6rem; font-weight: 600; color: var(--White);margin: 0;margin-top: 1rem;}
.blog_det_img_sec header .blog_card_date{ font-size: 1.8rem; color: var(--White);}
.blo_cat_name{ border-radius: 0.4rem; background-color: var(--White); font-size: 1.4rem;color: var(--Off-black); padding-inline:0.6rem; padding-block: 0.1rem;margin-left: 0.2rem;}

.blog_det_img_sec.blog_det_img_noimage header{ position: static;}
/* .blog_det_img_sec.blog_det_img_noimage header h1,.blog_det_img_sec.blog_det_img_noimage header .blog_card_date{} */

.blog_det_content.entry-content {padding-block-start: 0;}
.blog_det_content.entry-content{ font-size: 2rem; font-weight: 500; padding-block-start: 8rem;}
.blog_det_content.entry-content a { color: var(--red);}
.blog_det_content.entry-content a:hover { color: var(--Primary-color);}
.entry-content.blog_det_content h2, .entry-content.blog_det_content h3{ font-size: 3.2rem; line-height: 4rem; font-weight: 600; margin-bottom: 2.5rem;}
.entry-content.blog_det_content p{ margin-bottom: 2.5rem;}

.entry-content.blog_det_content a{ color: var(--red); font-size: 1.8rem; font-weight: 600; text-decoration: underline;}
.entry-content.blog_det_content a:hover{ text-decoration: none;}

.entry-content.blog_det_content h2 a, .entry-content.blog_det_content h3 a{font-size: 3.2rem; line-height: 4rem; font-weight: 600; text-decoration: none !important;}


.blog_det_content.entry-content ul, .blog_det_content.entry-content ul ol{padding: 0;margin: 0;margin-inline: 2rem; margin-block-end: 2.5rem;}
.blog_det_content.entry-content .post_content_top{ padding-block-end: 1rem;}
.blog_det_content.entry-content .post_image_content_block{ padding-block: 5rem;}
.blog_det_content.entry-content .post_image_content_block figure{ overflow: hidden; border-radius: 1.2rem;margin: 0; margin-right: 3.6rem;}
.blog_det_content.entry-content .post_image_content_block figure img{border-radius: 1.2rem;}
.blog_det_content.entry-content .post_full_width_content_block ,.blog_det_content.entry-content .post_image_slider_block{ padding-block: 4.6rem;}
.blog_det_content.entry-content .post_full_width_content_block ul{ column-count: 2;gap: 6rem;}
.blog_det_content.entry-content .post_full_width_content_block ul li{ margin-bottom:1.5rem; list-style-position: inside; }
.blog_det_content.entry-content .post_half_width_content_block .col-12 {padding-inline: 3rem !important;}
.blog_det_content.entry-content .post_half_width_content_block{ padding-block: 6rem;}
.blog_det_content.entry-content .post_half_width_content_block ul li ,.blog_det_content.entry-content .post_image_content_block ul li { margin-bottom:1.5rem; list-style-position: inside; }

.post_content_footer{ padding-block: 5rem;}
.blog_det_content .post_content_footer a{ text-decoration: none;display: flex;align-items: center;gap: 1rem;justify-content: center;width: fit-content;margin: auto;transition: var(--transitionall);}
.blog_det_content .post_content_footer .post_button_product{ text-decoration: underline;text-underline-offset: 10px;}
.blog_det_content .post_content_footer span{transition: var(--transitionall);}
.blog_det_content .post_content_footer a:hover span.icon-up-corner-arrow-long{transform: rotate(45deg);}

.post_full_width_content_block .woocommerce ul.products::before , .post_full_width_content_block .woocommerce ul.products::after{display: none;}
.post_full_width_content_block .woocommerce ul.products {gap: 2rem;  columns: 0; margin-inline: 0;}
.post_full_width_content_block .woocommerce ul.products.columns-4 .product { width: calc(25% - 1.5rem) !important; padding: 0 !important; margin: 0 !important;}
.post_full_width_content_block .woocommerce ul.products .product::after {display: none;}

.post_full_width_content_block .woocommerce ul.products .product a  { position: relative;}
.post_full_width_content_block .woocommerce ul.products .product a::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(9, 10, 14, 0.98) 15.41%, rgba(9, 10, 14, 0.00) 39.9%); z-index: 1;}
.post_full_width_content_block .woocommerce ul.products .product a img { width: 100%; height: 100%; object-fit: cover;}
.post_full_width_content_block .woocommerce ul.products .product h2 { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 1.8rem !important; line-height: 2.4rem; color: var(--White); font-weight: 600; margin: 0 !important; padding: 1rem 1.5rem 2rem; z-index: 2;}
.post_full_width_content_block .woocommerce ul.products .product h2:hover { color: var(--red);}

.blog_det_content .swiper-button-prev,  .blog_det_content .swiper-button-next { border: 0.2rem solid var(--red); background: var(--White);}
.blog_det_content .swiper-button-prev:hover,  .blog_det_content .swiper-button-next:hover { background: var(--red);}
.blog_det_content .swiper-button-prev span, .blog_det_content .swiper-button-next span { color: var(--red);}
.blog_det_content .swiper-button-prev:hover span, .blog_det_content .swiper-button-next:hover span { color: var(--White);}


.post_nav{padding: 9rem 0 6.5rem;background: var(--Primary-color);color: var(--White);}
.post_nav .screen-reader-text{ display: none;}
.post_nav .nav-links{ display: flex; align-items: center;}
.post_nav .nav-links div{ width: 50%;}
.post_nav .nav-links div.nav-next{ text-align: right; display: flex; justify-content: flex-end; margin-left:auto}
.post_nav .nav-links a{ text-decoration: none;}
.post_nav .meta-nav{ margin: 0; display: flex; width: fit-content; align-items: center; font-size: 1.8rem; color: var(--Off-black);color: var(--White); font-weight: 600; padding-inline: 1.8rem; border: 0.1rem solid var(--red); border-radius: 5rem; padding-block: 0.9rem;gap: 1rem;}
.post_nav .meta-nav:hover{ background-color: var(--red); color: var(--White);}
.post_nav .post-title{max-width: 31rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: var(--font-18); color: var(--Off-black);color: var(--White);}
.post_nav .nav-links div.nav-next .meta-nav{ margin-left: auto;}

.related__post_wrapper{ padding-top: 3rem; padding-bottom: 2rem;}
.related__post_wrapper header h2 { text-align: center; font-size: 3.6rem; line-height: 4.2rem; font-weight:600; color: var(--red); margin: 0; margin-bottom: 2rem;}

.share-buttons{ position: fixed; left:-0.5rem; top: 33%; z-index: 10; display: flex; flex-direction: column; gap: 0.5rem;}
.share-buttons a{ text-decoration: none; background-color: var(--red); color: var(--White); width: 4rem; height: 3.5rem; border-radius:0.5rem; display: flex; align-items: center; justify-content: center;}
.share-buttons a:hover{ background-color: var(--Off-black);}

.post_image_slider_block{ padding-block-end:0 }
.post_image_slider_block .swiper-button-next{ right:2rem }
.post_image_slider_block .swiper-button-prev{ left:2rem }
.post_image_slider_block .post_image_slider_loop img {display: block; margin:0 auto;}

/************************************************/
/* Product Details Page Style */
/************************************************/


.woocommerce-notices-wrapper {display: none;}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 50%;}
.entry-summary {padding-left: 3.4rem !important;}

/* Zoom fix */
.zoomContainer {z-index: 20; overflow: hidden; border-radius: 1.2rem;}
.product_gallery_top a[data-fancybox]{ cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
/* Touch / iOS: elevateZoom overlay must never intercept gallery taps */
@media (hover: none), (pointer: coarse) {
  .zoomContainer { display: none !important; pointer-events: none !important; }
}
/* gallery */
.product_image_sec{ float: left; padding-right: 3.4rem;}
.product-gallery {position: relative;}
.product_gallery_top{ overflow: hidden; border-radius: 1.2rem;background-color: var(--Primary-color); border: 0.1rem solid #e5e5e5; height: 65.2rem; display: flex; align-items: center; justify-content: center; }
.product_gallery_top .swiper-slide{height: 65.2rem;}
.product_gallery_top a{ display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.product_gallery_top img{ object-fit: cover;max-height: 100%;width: 100%;max-width: 100%;height: 100%;}
.swiper-vertical .swiper-slide{ height: 400px !important;}
.thumb-slider {position: relative;}
.thumb_slider .swiper-wrapper.content-center {justify-content: center;}
/* arrows */
.thumb-next,
.thumb-prev {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;background:var(--red);color: #fff;width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
/* positions */
.thumb-prev {left: -1.7rem;}
.thumb-next {right: -1.7rem;}
/* arrow icons */
.thumb-next::after {font-size: 11px;
  content: "\e91b";
  font-family: 'icomoon' !important;
  transform: rotate(45deg);}
.thumb-prev::after {font-size: 11px;
  content: "\e91b";
  font-family: 'icomoon' !important;
  transform: rotate(224deg);}
.thumb-prev.swiper-button-disabled , .thumb-next.swiper-button-disabled {opacity: 0.5; cursor: pointer; pointer-events: none;}
.product_gallery_thumb { margin-top: 2rem; position: relative;}
.product_gallery_thumb .swiper-slide{ border-radius: 0.5rem; overflow: hidden; border: 0.2rem solid #e5e5e5; height: 16.0rem; cursor: pointer;}
.product_gallery_thumb .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;border-radius: 0.5rem;}
.product_gallery_thumb .swiper-slide.swiper-slide-thumb-active{ border-color: var(--red);}

.swiper-button-lock { display: none !important;}


.shop_page_wrapper {padding-top: 5rem !important; overflow: hidden;}

.shop_page_wrapper_top {background:var(--Off-black); padding-top: 8rem !important; padding-block-end: 8rem !important;}

.shop_page_wrapper .product_title { color: var(--red); font-size: var(--font-35) !important; font-weight: 600 !important; line-height: 4.5rem; letter-spacing: -0.64px; margin-bottom: 1rem !important;}

.shop_page_wrapper .product .price { margin: 0 !important; display: block !important; color: var(--White) !important; font-size: var(--font-30); font-weight: 700; line-height: 4rem; margin-bottom: 1rem !important;}
.shop_page_wrapper .product .price del{ color: rgba(255, 255, 255, 0.8); margin-right: 0.8rem; text-decoration: line-through; text-decoration-color: var(--red); text-decoration-thickness: 0.4rem;}
.shop_page_wrapper .product .woocommerce-price-suffix {font-size: var(--font-16);}

.shop_page_wrapper .woocommerce-product-details__short-description { margin: 0; color: var(--White); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; margin-bottom: 2.5rem !important;}
.shop_page_wrapper .woocommerce-product-details__short-description p:not(:last-of-type) {margin: 0; margin-bottom: 1rem;}
.shop_page_wrapper .woocommerce-product-details__short-description p a{ color: var(--red); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; margin: 0; text-decoration: none; transition: var(--transitionall);}
.shop_page_wrapper .woocommerce-product-details__short-description p a:hover{ color: var(--White);text-decoration: none;}

.shop_page_wrapper .woocommerce-product-details__short-description p a button{ border: none; color: var(--White); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; background: var(--red); padding: 0.5rem 1.5rem; margin: 0; transition: var(--transitionall);}
.shop_page_wrapper .woocommerce-product-details__short-description p a button:hover{ background: var(--White); color: var(--red);}

.ywpo_availability_date{margin: 2.5rem 0;}
.ywpo_availability_date br {display: none;}
.ywpo_availability_date strong { display: block; color: var(--White); font-size: var(--font-25); font-weight: 700; line-height: 3rem; letter-spacing: -0.64px; margin: 0; margin-bottom: 0.5rem;}
.ywpo_availability_date span { display: inline-block; color: var(--red); font-size: var(--font-16); font-weight: 700; line-height: 2.2rem; letter-spacing: -0.64px; margin: 0;}


body.single-product .entry-summary .fasadenor-advanced-label { position: static; padding: 1.7rem; border-radius: 1.2rem; background: #EBF9F2;}
body.single-product .entry-summary .fasadenor-advanced-label a {display: flex; align-items: center; justify-content: center; gap: 1.8rem; font-weight: 700; line-height: 2.8rem ; font-size: 2.6rem;}
body.single-product .entry-summary .fasadenor-advanced-label a::before {position: static;content: ""; width: 2.8rem; height: 3.3rem; background: url(../images/certified-badge.svg) no-repeat center center; background-size: contain; margin: 0;}



.add-to-wishlist-wrap , form.cart {display: flex; align-items: flex-end; gap: 2rem;}
form.cart { flex-direction: column; width: calc(100% - 9.8rem);}
.single_variation_wrap , .woocommerce-variation-add-to-cart {width: 100%;}
.quantity-wrapper { width: 100%; display: flex; align-items: flex-end; gap: 2rem; flex-grow: 1;}

table.variations {width: 100%; border-collapse: collapse; margin: 0; position: relative;}
table.variations th {width: 40%; text-align: left;}
table.variations th label {color: var(--Primary-color); font-size: var(--font-14); font-weight: 700; line-height: 2rem; letter-spacing: -0.64px; text-align: left;}
table.variations td {width: 60%;}
table.variations select {width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; height: 5rem;padding: 1rem 2rem; padding-right: 4rem; background: var(--White); border: 0.1rem solid #FFB8B1; border-radius: 0.3rem; margin: 0;
  
  -webkit-appearance: none;	-moz-appearance: none; appearance: none; background: url(../images/dropdown.svg) !important; background-repeat: no-repeat !important; background-position: 96% 50% !important; background-size: 4% !important;}

table.variations select:focus{color: var(--Primary-color); outline: none;box-shadow: none; border-color: #FFB8B1;}

a.reset_variations { position: absolute; bottom: 0; right: -8rem; margin: 0; background: var(--red); border-radius: 1rem; color: var(--White); padding: 0.6rem 1.22rem; font-size: 1.2rem; font-weight: 700; line-height: 2rem; text-decoration: none; transition: var(--transitionall);}
a.reset_variations:hover {color: var(--White); background: var(--Primary-color);}



.single-product form.cart .quantity { float: none !important; margin-right: 0 !important; display: flex; align-items: center; justify-content: center; width: 14.5rem; height: 6.8rem; padding: 1rem; border: 0.1rem solid var(--White); background: var(--White); border-radius: 1.2rem;}
.single-product form.cart .quantity input:focus{outline: none; box-shadow: none;}
.single-product form.cart .quantity .minus , .single-product form.cart .quantity .plus { background: transparent !important; font-size: var(--font-30) !important; font-weight: 300; color: var(--Primary-color) !important; border: none; padding: 0 !important;}
.single-product form.cart .quantity .qty {width: 100% !important; border: none !important; font-size: var(--font-20) !important; color: var(--Primary-color) !important; padding: 0.5rem ; text-align: center;}
.single-product form.cart .quantity input[type=number]::-webkit-inner-spin-button, .single-product form.cart .quantity input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; }
.single-product form.cart .quantity input[type=number] { -moz-appearance: textfield; cursor: default; pointer-events: none;}

body.single-product .single_add_to_cart_button { width: 100%; border-radius: 1.2rem; border: none !important; background: var(--red); color: var(--White); font-size: var(--font-18) !important; font-weight: 600; line-height: 2.8rem !important; text-transform: capitalize; padding: 1.9rem 2rem !important; cursor: pointer; transition: var(--transitionall);}
body.single-product .single_add_to_cart_button:hover {background: var(--White); color:var(--Off-black);}


.add-to-wishlist-wrap .yith-wcwl-add-to-wishlist {margin: 0 !important;}
.add-to-wishlist-wrap .yith-wcwl-add-button a {font-size: 0 !important; display: flex; align-items: center; justify-content: center; width: 7.8rem; height: 6.8rem; border: 0.1rem solid var(--White); border-radius: 1.2rem;}
.add-to-wishlist-wrap .yith-wcwl-add-button a svg {margin: 0 !important; width: 3.2rem; color:#fff;}


/* Product Shipping Style */
.product-shipping-checker{margin: 3rem 0;}
.product-shipping-wrapper { padding: 1.5rem 3.4rem; border-radius: 1.2rem; border: 0.1rem solid #FFB8B1; background: #FFF4F4;}
.product-shipping-checker h4 { color: var(--red); text-align: center; font-size: var(--font-18); font-weight: 700; line-height: 2.4rem; margin: 0; margin-bottom: 1.5rem;}
.postcode-checker label { color: #000; font-size: var(--font-18); font-weight: 700; line-height: 2.4rem;}
.postcode-checker {display: flex; align-items: center; gap: 1.8rem; margin-bottom: 2rem;}

.product-shipping-checker input { flex-grow: 1; font-family: Manrope; color: var(--Primary-color); font-size: 1.5rem; font-weight: 400; line-height: 2rem; height: 4.2rem;padding: 0.5rem 1rem; background: var(--White); border: 0.1rem solid #FFB8B1; border-radius: 0.5rem;}
.product-shipping-checker input:focus{color: var(--Primary-color); outline: none; box-shadow: none;background: var(--White);border-color: #FFB8B1;}

.product-shipping-checker .button{display: inline-block; border-radius: 0.5rem; border: none; padding: 1rem 1.5rem; color: var(--White); font-size: 1.4rem; font-weight: 600; line-height: 2rem; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }
.product-shipping-checker .button:hover , .product-shipping-checker .button:focus{background-color: var(--Off-black); color: var(--White);}

.product-shipping-result { color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: center;}
.product-shipping-result ul { width: 61%; padding: 0; margin: 0; display: flex; gap: 1rem; margin-left: 27%;}
.product-shipping-result ul li { list-style: none; border-radius: 0.5rem; padding: 1rem; width: 100%; text-align: left; color: #000; font-size: 1.1rem; font-weight: 600; line-height: 2.1rem; text-transform: uppercase; background: #F0F3EE;}
.product-shipping-result ul li:last-of-type {background: #FAE4E7;}
.product-shipping-result ul li strong { display: block; color: #04491E; font-size: var(--font-30); font-weight: 900; line-height: 3.6rem; text-transform: lowercase; margin-top: 0.3rem;}
.product-shipping-result ul li:last-of-type  strong {color: #E81920;}


/* Stock Check Style */
.stock-check{margin-top: 3rem;}
.stock-check .stock { position: relative; padding-left: 4rem; color: #22C55E; font-size: var(--font-24); font-weight: 600; line-height: 3rem; text-transform: capitalize; margin: 0;}
.stock-check .stock.out-of-stock { color: var(--red);}
.stock-check .stock.in-stock::after {position: absolute; content: "\e905"; font-family: 'icomoon'; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #22C55E; top: 50%; transform: translateY(-50%); left: 0; font-size: var(--font-12); line-height: 0; color: var(--White);}
.stock-check .stock.out-of-stock::after {position: absolute; content: "\2715"; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--red); top: 50%; transform: translateY(-50%);  left: 0; font-size: var(--font-16); line-height: 0; color: var(--White);}



/* Out of Stock Form Style */
.cwginstock-subscribe-form .panel-primary { border-color: var(--White);}
.cwginstock-subscribe-form .panel-primary>.panel-heading { padding: 2rem 1.5rem; background-color: var(--White); border-color: var(--White);}
.cwginstock-panel-heading h4 { color: var(--Primary-color); font-size: var(--font-20); font-weight: 600; line-height: 2.6rem; margin: 0;}
.cwginstock-panel-body input { width: 100%; padding: 0.5rem 1rem; height: 4.5rem; border: 0.1rem solid var(--Off-black); border-radius: 0.5rem; background: var(--White); color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem;}
.cwginstock-panel-body input:focus{color: var(--Primary-color); outline: none; box-shadow: none;background: var(--White);border-color: var(--Off-black);}
.cwgstock_output { font-size: var(--font-14); font-weight: 400; line-height: 2rem;}

.cwgstock_button[type="submit"] {display: inline-block; border-radius: 0.5rem; border: none; padding: 1rem 1.5rem; color: var(--White) !important; font-size: 1.4rem; font-weight: 600; line-height: 2rem; text-transform: capitalize; background-color: var(--red) !important; transition: var(--transition); cursor: pointer; }
.cwgstock_button:hover , .cwgstock_button:focus{background-color: var(--Off-black) !important; color: var(--White) !important;}



/* Reserve now Style */
.wc-rn-cta-wrapper { margin: 3rem 0; padding-bottom: 3rem; border-bottom: 0.1rem solid #455966;}
.wc-rn-cta-wrapper .wc-rn-box { border: none !important; border-radius: 1.2rem !important; background: var(--White); padding: 3.5rem;}
.title-price-wrapper {display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; margin-bottom: 2rem;}
.title-price-wrapper h4 { max-width: 36rem; color: var(--Off-black); font-size: var(--font-32); font-weight: 700; line-height: 4rem; letter-spacing: -0.64px; margin: 0;}
.price-spare-wrapper {display: flex; flex-direction: column; align-items: flex-end;}
.wc-rn-price { color: var(--Off-black); font-size: 3.8rem; font-weight: 700; line-height: 5rem; letter-spacing: -0.76px; margin: 0; margin-bottom: 1rem;}
.wc-rn-price small {font-size: var(--font-16); line-height: 2.4rem; font-weight: 400;}

.wc-rn-save { position: relative; width: fit-content; border-radius: 0.3rem !important; background: var(--White) !important;padding: 0.8rem 1.2rem !important; padding-left: 4rem !important;border: 0.1rem solid var(--red) !important; color: var(--red); font-size: var(--font-20); font-weight: 600; line-height: 2.4rem; letter-spacing: -0.4px; margin: 0;}

.wc-rn-save::after { content:""; position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); width: 1.8rem; height: 1.8rem; background: url(../images/save-badge.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}

.subtest-btn-wrapper {display: flex; align-items: center; justify-content: space-between; flex-direction: column; gap: 2rem; }
.wc-rn-sub { text-align: center; color: var(--Off-black); font-size: var(--font-16); font-weight: 400; line-height: 2.2rem; letter-spacing: -0.32px; margin: 0;}

.wc-rn-btn-reserve { position: relative; width: 100%; border-radius: 19.8rem; border: none !important; background: var(--Off-black); text-align: left; color: var(--White); font-size: 2.6rem !important; font-weight: 700; line-height: 3.2rem !important; letter-spacing: -0.52px; text-transform: capitalize; padding: 2.1rem 12.5rem !important; min-height: 11.7rem; cursor: pointer; transition: var(--transitionall);}
.wc-rn-btn-reserve:hover {background: var(--red); color: var(--Off-black);}

.wc-rn-btn-reserve span { display: block; color: var(--red); font-size: 3.2rem !important; font-weight: 700; line-height: 4rem !important; transition: var(--transitionall);}
.wc-rn-btn-reserve:hover span { color: var(--White);}


.wc-rn-btn-reserve .wc-rn-btn-cal-icon {position: absolute; top: 50%; left: 2.2rem; transform: translateY(-50%); width: 7.7rem; height: 7.7rem; background: var(--White); border-radius:50%; transition: var(--transitionall);}
.wc-rn-btn-reserve:hover .wc-rn-btn-cal-icon { background: var(--Off-black);}
.wc-rn-btn-reserve .wc-rn-btn-cal-icon::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3.5rem; height: 3.5rem; background: url(../images/calendar.svg) no-repeat center center; background-size: contain;transition: var(--transitionall);}
.wc-rn-btn-reserve:hover .wc-rn-btn-cal-icon::after { filter: invert(1);}

.wc-rn-btn-reserve::before { position: absolute; content: "\e907"; font-family: 'icomoon'; top: 50%; right: 2.2rem; transform: translateY(-50%); width: 6.5rem; height: 6.5rem; background: var(--White); border-radius: 50%; display: flex;align-items: center;justify-content: center; font-size: var(--font-30); line-height: 0; color: var(--Off-black); transition: var(--transitionall);}
.wc-rn-btn-reserve:hover::before { background: var(--Off-black); color: var(--White);}







.fasadenor-social-sharing-wrapper {display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem;}

.fasadenor-cat-tag-wrapper{width: 50%;}
.posted_in .posted_in_head , .tagged_as .tagged_as_head { position: relative; color: var(--White); font-size: var(--font-18); font-weight: 600; line-height: 2.4rem;}
.posted_in {margin-bottom: 2rem;}
.posted_in .posted_in_head::after , .tagged_as .tagged_as_head::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 0.1rem; background: var(--red);}
.cat-wrap , .tag-wrap { margin-top: 0.4rem; color: var(--White); font-size: var(--font-14); font-weight: 600; line-height: 2.4rem;}
.cat-wrap {color:var(--White);}
.cat-wrap a , .tag-wrap a { text-decoration: none; color: var(--White); font-size: var(--font-14); font-weight: 600; line-height: 2.4rem; letter-spacing: -0.28px; margin-right: 0.5rem; transition: var(--transitionall);}
.cat-wrap a:hover , .tag-wrap a:hover { color: var(--red);}

.fasadenor-social-sharing{width: 50%;}
.fasadenor-social-sharing-inner {width: fit-content; margin-left: auto;}
.social-icons.cat-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 2.5rem; margin-top: 1rem;}
.social-icons.cat-wrap a span{font-size: var(--font-20);}
.social-icons.cat-wrap a span.icon-link {font-size: var(--font-12);}





.shop_page_wrapper_bottom{padding-block-start: 0 !important;}

.fasadenor-single-product-tabs{ clear: both; width: 100%; padding-block-start: 7rem; padding-block-end: 8rem; }
.fasadenor-single-product-tabs-inner{ position: relative;}
.fasadenor-single-product-tabs-inner .tabs-nav { position: relative; padding: 0; display: flex; align-items: center; gap: 2rem 10.4rem; margin: 0; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.10);}
.fasadenor-single-product-tabs-inner .tabs-nav::before{ content:""; position: absolute; bottom: -0.1rem; left: -100%; width: 100%; height: 0.1rem; background: rgba(0, 0, 0, 0.10);}
.fasadenor-single-product-tabs-inner .tabs-nav::after{ content:""; position: absolute; bottom: -0.1rem; right: -100%; width: 100%; height: 0.1rem; background: rgba(0, 0, 0, 0.10);}
.fasadenor-single-product-tabs-inner .tabs-nav li {list-style-type: none;}
.fasadenor-single-product-tabs-inner .tabs-nav li .tab-button {display: inline-block; padding: 0.9rem 0; color: var(--Off-black); font-size: var(--font-26); font-weight: 700; line-height: 3rem; text-decoration: none; background: transparent; border: none; transition: var(--transitionall);}
.fasadenor-single-product-tabs-inner .tabs-nav li .tab-button.active { color: var(--red);}
.fasadenor-single-product-tabs-inner .tabs-nav li .tab-button:focus {outline: none; box-shadow: none;}
.fasadenor-single-product-tabs-inner .tab-button.active::after { position: absolute; content: ""; top: auto; bottom: 0; right: 0; width: 100%; height: 0.2rem; background: var(--red);}
.fasadenor-single-product-tabs-inner .tabs-content {position: relative; background: #F9F9F9; padding: 4rem 0.2rem;}
.fasadenor-single-product-tabs-inner .tabs-content::before{ content:""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: #F9F9F9;}
.fasadenor-single-product-tabs-inner .tabs-content::after{ content:""; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background: #F9F9F9;}

.fasadenor-single-product-tabs-inner .tab-panel p { margin-bottom: 3.5rem;}
.fasadenor-single-product-tabs-inner .tab-panel p a { color: var(--red);}
.fasadenor-single-product-tabs-inner .tab-panel p a:hover { color: var(--Primary-color);}
.fasadenor-single-product-tabs-inner .tab-panel h3 {color: var(--Primary-color); font-size: var(--font-26); font-weight: 500; line-height: 3.2rem; letter-spacing: -0.64px; margin: 0; margin-bottom: 3.5rem;}
.fasadenor-single-product-tabs-inner .tab-panel h4 {color: var(--Primary-color); font-size: 2.2rem; font-weight: 500; line-height: 2.8rem; letter-spacing: -0.64px; margin: 0; margin-bottom: 3.5rem;}
.fasadenor-single-product-tabs-inner .tab-panel ul , .fasadenor-single-product-tabs-inner .tab-panel ol {margin-bottom: 3.5rem;}

.fasadenor-single-product-tabs-inner .tab-panel table { width: 100%; height: auto !important; border-collapse: collapse; border-radius: 1.2rem; background: var(--White); box-shadow: 0 0 0 1px var(--Primary-color); margin: 3.5rem 0;}
.fasadenor-single-product-tabs-inner .tab-panel table th { padding: 3.5rem 5.5rem 3rem 3.5rem; text-align: left; color: var(--Primary-color); font-size: 2.4rem; font-weight: 700; line-height: 3.4rem; border-bottom: 0.1rem solid var(--Primary-color);}
.fasadenor-single-product-tabs-inner .tab-panel table th:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color);}

.fasadenor-single-product-tabs-inner .tab-panel table td { padding: 3.5rem 5.5rem 3rem 3.5rem; color: var(--Primary-color); font-size: 2rem; font-weight: 400; line-height: 2.8rem; text-align: center;}

.fasadenor-single-product-tabs-inner .tab-panel table td:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color);}
.fasadenor-single-product-tabs-inner .tab-panel table tr:not(:last-of-type) td {border-bottom: 0.1rem solid var(--Primary-color);}

.fasadenor-single-product-tabs-inner .tab-content.package_section table {margin: 0;}
.fasadenor-single-product-tabs-inner .tab-content.package_section table th {text-decoration: underline;}

.video-wrapper { margin-bottom: 12rem;}
.video-inner-wrapper { position: relative; width: 100%; height: 62.2rem; overflow: hidden;}
.fasadenor-single-product-tabs-inner .tab-content.other_details_section iframe {position: absolute;
  top: 0;
  left: 0; width: 100%; height: 100%; border: none; pointer-events: none;}
@media (min-aspect-ratio: 16/9) {
  .fasadenor-single-product-tabs-inner .tab-content.other_details_section iframe {
    height: 300%; top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .fasadenor-single-product-tabs-inner .tab-content.other_details_section iframe {
    width: 300%; left: -100%;
  }
}
/* .video-inner-wrapper video{ width: 100%; height: 100%;} */


.video-inner-wrapper video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* makes it look like a background video */
}








.tab-panel .content-heading {text-align: center; color: var(--red) !important; font-size: 3.6rem !important; font-weight: 600 !important; line-height: 4.6rem !important; margin-bottom: 3.5rem !important;}
.tab-content.product_description_section .tab-panel .content-heading {text-align: left;}
.tab-panel .short-description { color: var(--Primary-color); font-size: 2rem; font-weight: 400; line-height: 2.8rem; margin-bottom: 4rem;}



/* .specification-wrapper {column-count: 2;column-gap: 8rem;}
.specification-items {break-inside: avoid; display: inline-block; float: left; width: 100%; margin-bottom: 10rem;} */

/* .specification-wrapper { max-width: 120rem;} */

.grid-sizer{width: 48%;}
.specification-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.specification-items { width: 48%; float: left; margin-bottom: 10rem;} 



.specifications-image { width: 100%; height: 100%; border-radius: 1.2rem; overflow: hidden; margin-bottom: 3.5rem;}
.specifications-image img { width: 100%; height: 100%; object-fit: cover;}
.specification-items h3 { color: var(--red) !important; font-size: 3.6rem !important; font-weight: 600 !important; line-height: 4.6rem !important; margin-bottom: 2rem !important;}
.specification-description p { color: var(--Primary-color); font-size: 2rem; font-weight: 500; line-height: 2.8rem; margin: 0 !important;}
.specification-description p:not(:last-of-type) { margin-bottom: 1.5rem !important;}
.specification-description p a {color: var(--red);}
.specification-description p a:hover {color: var(--Primary-color);}

.product-gallery-wrapper:not(:last-of-type){margin-bottom: 5rem;}
.product_gallery_wrapper {display: flex; align-items: center; gap: 2.6rem; flex-wrap: wrap;}
.product-gallery-item { width: calc(25% - 2rem);}

.product-gallery-item a { display: block; width: 100%; height: 31.6rem; overflow: hidden; border-radius: 1.2rem;}
.product-gallery-item a img { width: 100%; height: 100%; object-fit: cover; transition: var(--transitionall);}
.product-gallery-item a:hover img { transform: scale(1.2);}



.documents-wrapper {display: flex; align-items: flex-start; gap: 8rem 15rem; flex-wrap: wrap;}
/*due to big name of pdf files width size is taking large space otherwise name is breaking eg:Monteringsanvisning gulvskap med doble dÃ¸rer*/
.document-item { width: calc(20% - 12rem);  padding-top: 7.5rem;}
.document-item a { display: block; position: relative; text-decoration: none; color: var(--Primary-color); font-size: var(--font-24); font-weight: 500; line-height: 3rem; text-align: center; letter-spacing: -0.48px; transition: var(--transitionall);}
.document-item a:hover { color: var(--red);}

.document-item.file-pdf a::after {position: absolute; content: "\e923"; font-family: 'icomoon'; width: 4.8rem; height: 4.8rem; top: -6rem; right: 50%; transform: translateX(50%); font-size: 4.8rem;  color: var(--White);  transition: var(--transition);}
.document-item.file-pdf a::before {position: absolute; content: "\e903"; font-family: 'icomoon'; width: 4.8rem; height: 4.8rem; top: -6rem; right: 50%; transform: translateX(50%); font-size: 4.8rem;  color: var(--red);  transition: var(--transition);}

.document-item.file-image a::after {position: absolute; content: "\e924"; font-family: 'icomoon'; width: 4.8rem; height: 4.8rem; top: -6rem; right: 50%; transform: translateX(50%); font-size: 4.8rem;  color: var(--red);  transition: var(--transition);}




.multi-column-content.additional-content {display: flex; align-items: flex-start; width: 100%; gap: 7rem; flex-wrap: wrap; margin-bottom: 3rem;}
.multi-column-content {width: calc(20% - 5.6rem);}

.fasadenor-single-product-tabs-inner .tab-panel .multi-column-content h4 {margin-bottom: 1rem;}
.fasadenor-single-product-tabs-inner .tab-panel .multi-column-content p {margin-bottom: 1rem;}
.fasadenor-single-product-tabs-inner .tab-panel .multi-column-content p strong {position: relative;}
.fasadenor-single-product-tabs-inner .tab-panel .multi-column-content p strong::after {position: absolute; content: ""; width: 100%; height: 0.05rem; bottom: 0.5rem; left: 0; background-color: var(--Off-black);}

.two_column_block {display: flex; align-items: flex-start; width: 100%; gap: 7rem 10rem; flex-wrap: wrap; margin-bottom: 3rem;}
.two_column_block .left-column , .two_column_block .right-column {width: calc(50% - 5rem);}
.fasadenor-single-product-tabs-inner .tab-panel .two_column_block h3 {margin-bottom: 2rem;}
.fasadenor-single-product-tabs-inner .tab-panel .two_column_block h4 {margin-bottom: 1rem;}
.fasadenor-single-product-tabs-inner .tab-panel .two_column_block p {margin-bottom: 1rem;}

.shop_page_wrapper_related {background:var(--Primary-color); padding: 5rem 0 !important;}
.related.products {padding-top: 0;}
.related.products .archive_list_sec{ padding: 0 !important;}
.related.products .common-heading {color: var(--White);}

.fasadenor-single-product-tabs-inner .tab-panel .faq-acordion-heading { margin: 0;}
.fasadenor-single-product-tabs-inner .tab-panel .faq-acordion-answer p {margin: 0;}
.fasadenor-single-product-tabs-inner .tab-panel .faq-acordion-answer p:not(:last-of-type) { margin-bottom: 1.5rem;}





/************************************************/
/* Common Page Style */
/************************************************/

.entry-header figure {margin: 0; }
.entry-header figure img {width: 100%; height: 100%; object-fit: cover;}
.entry-content {padding-top: 5rem;}
.entry-content h1 {color: var(--Off-black); font-size: var(--font-45); font-weight: 700; line-height: 5.5rem; letter-spacing: -0.64px; margin: 0; margin-bottom: 3.5rem;}
.entry-content h2 {color: var(--Off-black); font-size: var(--font-40); font-weight: 700; line-height: 5rem; letter-spacing: -0.64px; margin: 0; margin-bottom: 3.5rem;}
.entry-content h3 {color: var(--Off-black); font-size: var(--font-35); font-weight: 700; line-height: 4.5rem; letter-spacing: -0.64px; margin: 0; margin-bottom: 3.5rem;}
.entry-content h4 {color: var(--Off-black); font-size: var(--font-30); font-weight: 700; line-height: 4rem; letter-spacing: -0.64px; margin: 0; margin-bottom: 3.5rem;}

.entry-content p {margin: 0; color: var(--Off-black); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem; margin-bottom: 3.5rem;}
.entry-content p a { color: var(--red); text-decoration: none; font-size: var(--font-20); font-weight: 500; line-height: 2.8rem; text-decoration: none; transition: var(--transition);}
.entry-content p a:hover { color: var(--Off-black); }

.entry-content a { color: var(--red); text-decoration: none; font-size: var(--font-20); font-weight: 500; line-height: 2.8rem; text-decoration: none; transition: var(--transition);}
.entry-content a:hover { color: var(--Off-black); }

.entry-content ul , .entry-content ol{margin-top: 2rem; padding: 0; margin-bottom: 3.5rem;}

.entry-content ul li , .entry-content ol li{position: relative; list-style-type: none !important; list-style-position: inside; color: var(--Off-black); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem;}
.entry-content ul li a , .entry-content ol li a{ color: var(--red); font-size: var(--font-20); font-weight: 500; line-height: 2.8rem; text-decoration: none; transition: var(--transition);}
.entry-content ul li a:hover , .entry-content ol li a:hover { color: var(--Off-black); }
.entry-content ul li {padding-left:2.5rem;}
.entry-content ul li:not(:last-of-type),.entry-content ol li:not(:last-of-type){margin-bottom: 1rem;}
.entry-content ul li::after { content: ""; position: absolute; top: 1rem; left: 0; width: 0.6rem; height: 0.6rem; background: var(--Off-black); border-radius: 50%;}

.entry-content .form_wrapper { width: 50%; margin: 0 auto;}
.entry-content label { display: inline-block; color: var(--Primary-color); font-size: var(--font-18); font-weight: 400; line-height: 2.6rem; margin-bottom: 0.5rem;}
.entry-content input {width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; text-transform: none; height: 5rem;padding: 1rem 2rem; background: var(--White); border: 0.1rem solid var(--Primary-color); border-radius: 0.3rem;}
.entry-content textarea {width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; text-transform: none; height: 17rem;padding: 1rem 2rem; background: var(--White); border: 0.1rem solid var(--Primary-color); border-radius: 0.3rem; resize: none;}
.entry-content input:focus , .entry-content textarea:focus{color: var(--Primary-color); outline: none;box-shadow: none;background: var(--White);border-color: var(--Primary-color);}

.entry-content .submit-button {display: block; width: fit-content; margin: 0 auto !important; border-radius: 0.3rem; border: 0.1rem solid var(--red); padding: 0.8rem 3.4rem; color: var(--White); font-size: 1.8rem; font-weight: 600; line-height: 2.8rem; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }
.entry-content .submit-button:hover , .entry-content .submit-button:focus  {background-color: var(--Off-black); color: var(--White); border-color: var(--Off-black);}
.entry-content .form_wrapper .form_group:last-of-type { margin: 0 !important;}
.entry-content .form_wrapper .form_group:last-of-type p { margin: 0 !important;}

.entry-content .alignleft { float: left; margin-right: 5rem; margin-bottom: 2rem;}
.entry-content .aligncenter { margin: 0 auto; display: block;}

.entry-content .gallery {display: flex; gap: 2rem; flex-wrap: wrap;}
.entry-content .gallery-item { width: calc(50% - 1rem); height: 40rem; }
.entry-content .gallery-icon {height: 100%;}
.entry-content .gallery-item img { width: 100%; height: 100%; object-fit: contain;}



/************************************************/
/* Search Container Style */
/************************************************/

.search_container input { width: 100%; height: 4.6rem; padding: 0.5rem 1.5rem; border: 0.1rem solid var(--Primary-color); border-radius: 1.2rem; font-size: var(--font-18); font-weight: 400; line-height: 2.8rem; color: var(--Primary-color); background: var(--White); margin: 2rem 0; transition: var(--transition);}
.search_container input:focus { outline: none; box-shadow: none; border-color: var(--Primary-color); background: var(--White); color: var(--Primary-color);}
.search_container input::placeholder { color: var(--Primary-color); font-size: var(--font-18); font-weight: 400; line-height: 2.8rem;}

.woocommerce .search_result ul.products li.product { width: 100% !important;flex-direction: column !important; margin: 0;}
.woocommerce .search_result ul.products li.product .yith-wcwl-add-to-wishlist { display: none;}
.woocommerce .search_result ul.products li.product .woocommerce-loop-product__link { width: 100%;}
.woocommerce .search_result ul.products li.product .product-info-wrap .woocommerce-loop-product__link { margin-bottom: 2rem;}
.woocommerce .search_result ul.products li.product .product-info-wrap { width: 100%; min-height: auto;}
.woocommerce .search_result ul.products li.product .add_to_cart_button {display: none;}
.woocommerce .search_result ul.products li.product .woocommerce-loop-product__title { width: 100%; font-size: 2rem; line-height: 2.6rem; margin-bottom: 1rem; min-height: auto;}
.woocommerce .search_result ul.products li.product .price { font-size: var(--font-24); line-height: 4rem;}
.woocommerce .search_result ul.products li.product .fasadenor-advanced-label a::before { top: -5rem; width: 4rem; height: 4rem;}






.view-all-wrap { display: flex; align-items: center; justify-content: center; gap: 1.5rem; padding: 5rem 0 3rem;}
.view-all-inner-wrap {display: flex;align-items: center; justify-content: center; gap: 2rem;}
.view-all-wrap a { display: inline-block; text-decoration: none; color: var(--Off-black); font-size: var(--font-18); font-weight: 600; line-height: 2.8rem; text-transform: capitalize; transition: var(--transitionall);}
.view-all-wrap a:hover { color: var(--red);}
.view-all-wrap .total-count {width: 4rem; height: 4rem;border-radius: 50%;background: var(--red); display: flex; align-items: center; justify-content: center; color: var(--White); font-size: var(--font-18); font-weight: 400; line-height: 2.8rem;}


@keyframes dashanim-active-trscale {
  0% {
    transform: scaleX(1);
    transform-origin: right center;
  }
  50.9% {
    transform: scaleX(0);
    transform-origin: right center;
  }
  51% {
    transform-origin: left center;
  }
  99.9% {
    transform-origin: left center;
  }
  100% {
    transform: scaleX(1);
    transform-origin: right center;
  }
}

/* TEXT */
.search-message { position: relative; text-align: center;color: var(--Off-black); font-size: var(--font-18); font-weight: 400; line-height: 2.8rem;}

/* LOADER LINE */
.search-message::after { content: ""; display: block; width: 10rem; height: 0.3rem; margin: 2rem auto 0; background-color: var(--Off-black); animation: dashanim-active-trscale 1s ease-out infinite;}




/************************************************/
/* My Account Style */
/************************************************/
.entry-content .woocommerce-MyAccount-navigation ul li { list-style-type: none; margin:0 !important;}
.entry-content .woocommerce-MyAccount-navigation ul li:not(:last-of-type) { border-bottom: 0.1rem solid #253C4B;}
.entry-content .woocommerce-MyAccount-navigation ul li::after { display: none;}
.entry-content .woocommerce-MyAccount-navigation ul li a { display: block; text-decoration: none !important; padding: 1.5rem; color: var(--Primary-color) !important; font-size: var(--font-18); font-weight: 400; line-height: 2.8rem; text-decoration: none; background: rgba(37, 60, 75, 0.10); transition: var(--transitionall);}
.entry-content .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #253C4B; color: var(--White) !important;}
.entry-content .woocommerce-MyAccount-navigation ul li:hover a{ text-decoration: none!important;}

body.page-my-account .woocommerce-orders-table { width: 100%; border-collapse: collapse; box-shadow: 0 0 0 1px var(--Primary-color);}

body.page-my-account .woocommerce-orders-table thead th { padding: 2rem 1.5rem !important; color: var(--Primary-color); font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-my-account .woocommerce-orders-table thead th:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;}

body.page-my-account .woocommerce-orders-table tbody td { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: center;}
body.page-my-account .woocommerce-orders-table tbody th { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: center; border-right: 0.1rem solid var(--Primary-color); border-bottom: 0.1rem solid var(--Primary-color);}

body.page-my-account .woocommerce-orders-table tbody td a , body.page-my-account .woocommerce-orders-table tbody th a { display: inline-block; text-decoration: none; color: var(--red); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-transform: capitalize; margin: 0.5rem !important; transition: var(--transitionall);}
body.page-my-account .woocommerce-orders-table tbody td a:hover , body.page-my-account .woocommerce-orders-table tbody th a:hover { color: var(--Primary-color);}
body.woocommerce-account table.account-orders-table .button { width: fit-content; background: var(--red) !important; padding: 0.5rem 1.5rem !important; border-radius: 0.5rem; color: var(--White) !important;}
body.woocommerce-account table.account-orders-table .button:hover {background: var(--Primary-color) !important; color: var(--White) !important;}

body.page-my-account .woocommerce-orders-table tbody td:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;}
body.page-my-account .woocommerce-orders-table tbody tr:not(:last-of-type) td {border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-my-account .woocommerce-orders-table tbody tr:last-of-type th {border-bottom: none;}



body.page-my-account .woocommerce-table { width: 100%; border-collapse: collapse; box-shadow: 0 0 0 1px var(--Primary-color);}

body.page-my-account .woocommerce-table thead th { padding: 2rem 1.5rem !important; color: var(--Primary-color); font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; text-align: center; border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-my-account .woocommerce-table thead th:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;}

body.page-my-account .woocommerce-table tbody td { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: center;}
body.page-my-account .woocommerce-table tbody th { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: center; border-right: 0.1rem solid var(--Primary-color); border-bottom: 0.1rem solid var(--Primary-color);}

body.page-my-account .woocommerce-table tbody td a , body.page-my-account .woocommerce-table tbody th a { display: inline-block; text-decoration: none; color: var(--red); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-my-account .woocommerce-table tbody td a:hover , body.page-my-account .woocommerce-table tbody th a:hover { color: var(--Primary-color);}

body.page-my-account .woocommerce-table tbody td:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;}
body.page-my-account .woocommerce-table tbody tr:not(:last-of-type) td {border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-my-account .woocommerce-table tbody tr:last-of-type th {border-bottom: none;}


body.page-my-account .woocommerce-table tfoot td { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-16); font-weight: 600; line-height: 2.4rem; text-align: center;}
body.page-my-account .woocommerce-table tfoot th { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-16); font-weight: 600; line-height: 2.4rem; text-align: center; border-right: 0.1rem solid var(--Primary-color); border-bottom: 0.1rem solid var(--Primary-color);}

body.page-my-account .woocommerce-table tfoot td a , body.page-my-account .woocommerce-orders-table tbody th a { display: inline-block; text-decoration: none; color: var(--red); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-my-account .woocommerce-table tfoot td a:hover , body.page-my-account .woocommerce-orders-table tbody th a:hover { color: var(--Primary-color);}

body.page-my-account .woocommerce-table tfoot td:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;}
body.page-my-account .woocommerce-table tfoot tr:not(:last-of-type) td {border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-my-account .woocommerce-table tfoot tr:last-of-type th {border-bottom: none;}
body.page-my-account .woocommerce-table tfoot tr:last-of-type td a { width: fit-content; background: var(--red) !important; padding: 0.5rem 1.5rem !important;
    border-radius: 0.5rem; color: var(--White) !important; text-decoration:none !important; display: inline-block; color: var(--red); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-transform: capitalize; margin: 0.5rem !important; transition: var(--transitionall);}
body.page-my-account .woocommerce-table tfoot tr:last-of-type td a:hover { background:var(--Off-black) !important;}







body.page-my-account .woocommerce {padding: 0 !important;}
body.page-my-account .woocommerce-MyAccount-content .woocommerce-Address {width: 100% !important;}

body.page-my-account .woocommerce-Address-title {margin-bottom: 2rem;}
body.page-my-account .woocommerce-Address-title h2 , body.page-my-account .woocommerce-order-details__title , body.page-my-account .woocommerce-column__title { font-size: var(--font-30); line-height: 3.5rem; margin-bottom: 2rem;}

body.page-my-account .woocommerce-Address-title a { display: inline-block; text-decoration: none; color: var(--red); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-my-account .woocommerce-Address-title a:hover { color: var(--Primary-color);}

body.page-my-account .woocommerce-info .button.wc-forward { display: inline-block; text-decoration: none !important; color: var(--White); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; background: var(--red); padding: 0.5rem 1rem; border-radius: 0.5rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-my-account .woocommerce-info .button.wc-forward:hover { background: var(--Primary-color);}

body.page-my-account .woocommerce-MyAccount-content .woocommerce-Address address , body.page-my-account .woocommerce-customer-details address{font-style: normal;}


body.page-my-account .woocommerce-EditAccountForm .woocommerce-Input {width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; height: 5rem;padding: 1rem 2rem; background: var(--White); border: 0.1rem solid var(--Primary-color); border-radius: 0.3rem;}
body.page-my-account .woocommerce-EditAccountForm .woocommerce-Input:focus{color: var(--Primary-color); outline: none;box-shadow: none;background: var(--White);border-color: var(--Primary-color);}

body.page-my-account .woocommerce-EditAccountForm .woocommerce-Button {display: block; border-radius: 0.3rem; border: 0.1rem solid var(--red); padding: 0.8rem 3.4rem; color: var(--White); font-size: 1.8rem; font-weight: 600; line-height: 2.8rem; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }
body.page-my-account .woocommerce-EditAccountForm .woocommerce-Button:hover , body.page-my-account .woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:focus{background-color: var(--Off-black); color: var(--White); border-color: var(--Off-black);}


body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input , body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields select {width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; height: 5rem;padding: 1rem 2rem; background: var(--White); border: 0.1rem solid var(--Primary-color); border-radius: 0.3rem;}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input:focus , body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields select:focus{color: var(--Primary-color); outline: none;box-shadow: none;background: var(--White);border-color: var(--Primary-color);}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .button {display: block; border-radius: 0.3rem; border: 0.1rem solid var(--red); padding: 0.8rem 3.4rem; color: var(--White); font-size: 1.8rem; font-weight: 600; line-height: 2.8rem; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .button:hover , body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .button:focus{background-color: var(--Off-black); color: var(--White); border-color: var(--Off-black);}



body.page-cart .shop_table_responsive { width: 100%; border-collapse: collapse; box-shadow: 0 0 0 1px var(--Primary-color);}

body.page-cart .shop_table_responsive thead { background: var(--Primary-color);}
body.page-cart .shop_table_responsive thead th { padding: 2rem 1.5rem !important; color: var(--White); font-size: 1.8rem; font-weight: 700; line-height: 2.4rem;}
/* body.page-cart .woocommerce-cart-form .shop_table_responsive thead th:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;} */

body.page-cart .shop_table_responsive tbody td { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: left;}
body.page-cart .shop_table_responsive tbody th { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: left; border-right: 0.1rem solid var(--Primary-color); border-bottom: 0.1rem solid var(--Primary-color);}

body.page-cart .shop_table_responsive tbody td a , body.page-my-account .woocommerce-table tbody th a { display: inline-block; text-decoration: none; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-cart .shop_table_responsive tbody td a:hover , body.page-my-account .woocommerce-table tbody th a:hover { color: var(--red);}

body.page-cart .shop_table_responsive tbody td:nth-of-type(3) , body.page-cart .shop_table_responsive tbody td:nth-of-type(3) a {font-size: var(--font-16); font-weight: 600;}

body.page-cart .shop_table_responsive tbody td.product-thumbnail a {width: 6rem;}
body.page-cart .shop_table_responsive a.remove { display: flex; align-items: center; justify-content: center; margin-left: auto; width: 2rem !important; height: 2rem !important; font-size: var(--font-20); border: 0.1rem solid var(--Primary-color);}
body.page-cart .shop_table_responsive a.remove:hover { background: var(--red); border-color: var(--red); color: var(--White) !important;}
body.page-cart .shop_table_responsive .remove-product {display: none !important;}

/* body.page-cart .woocommerce-cart-form .shop_table_responsive tbody td:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;} */
body.page-cart .shop_table_responsive tbody tr:not(:last-of-type) td {border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-cart .shop_table_responsive tbody tr:last-of-type th {border-bottom: none;}



body.page-cart .shop_table_responsive .product-quantity .quantity { float: none !important; margin: 0 !important; display: flex; align-items: center; justify-content: flex-start; width: 14.5rem; height: 4.5rem; padding: 1rem; border: 0.1rem solid var(--Primary-color); border-radius: 1.2rem;}
body.page-cart .shop_table_responsive .product-quantity .quantity input {background: transparent; border: none !important;}
body.page-cart .shop_table_responsive .product-quantity .quantity input:focus {outline: none; box-shadow: none;}
body.page-cart .shop_table_responsive .product-quantity .quantity .minus , .product-quantity .quantity .plus { background: transparent !important; font-size: var(--font-20) !important; font-weight: 300; color: var(--Primary-color) !important; border: none; padding: 0 !important;}
body.page-cart .shop_table_responsive .product-quantity .quantity .qty {width: 100% !important; border: none !important; font-size: var(--font-14) !important; color: var(--Primary-color) !important; text-align: center; padding: 0.5rem;}
body.page-cart .shop_table_responsive .product-quantity .quantity input[type=number]::-webkit-inner-spin-button, body.page-cart .shop_table_responsive .product-quantity .quantity input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; }
body.page-cart .shop_table_responsive .product-quantity .quantity input[type=number] { -moz-appearance: textfield; cursor: default; pointer-events: none;}


body.page-cart .shop_table_responsive .coupon input { border: none; border-bottom: 0.1rem solid var(--Primary-color); border-radius: 0; }
body.page-cart .shop_table_responsive .actions .button { width: fit-content !important; font-size: var(--font-14); background: var(--Primary-color) !important; border: 0.1rem solid var(--Primary-color) !important; color: var(--White) !important; cursor: pointer; padding: 0.5rem 1.5rem !important; border-radius: 0.5rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-cart .shop_table_responsive .actions .button:hover { background: var(--red) !important; border-color: var(--red) !important;}
body.page-cart .shop_table_responsive .actions .button:disabled{cursor: default; pointer-events: none;}


body.page-cart .shop_table_responsive .order-total th , body.page-cart .shop_table_responsive .order-total td {  font-size: var(--font-16); font-weight: 600; line-height: 2.4rem;}

.checkout-button { position: relative; width: fit-content !important; text-decoration: none !important; float: right !important; margin-top: 1rem !important; background: var(--Primary-color) !important; border: 0.1rem solid var(--Primary-color) !important; color: var(--White) !important; cursor: pointer; padding: 1.5rem 2.5rem !important; padding-right: 6rem !important; text-transform: capitalize; transition: var(--transitionall);}
.checkout-button.button:hover { text-decoration: none !important; background: var(--red) !important; border-color: var(--red) !important;}
.checkout-button::after { position: absolute; content: "\e900"; font-family: 'icomoon'; top: 50%; transform: translateY(-50%) rotate(45deg); right: 2rem; line-height: 0; font-size: 2rem;}

.woocommerce-cart td.actions .coupon .coupon-error-notice{font-size: var(--font-14);}


/************************************************/
/* Archive Page Style */
/************************************************/

.shop_page_wrapper .shop-page-title {color: var(--White);  font-size: var(--font-48);  font-weight: 700;  line-height: 6.5rem; text-align: center;  margin: 0 0 5rem;}
.shop_page_wrapper .shop-page-title span {color: var(--red);}

body.woocommerce-shop .shop_page_wrapper .archive_list_sec .products .product .woocommerce-loop-product__link { width: 25rem;}
body.woocommerce-shop .shop_page_wrapper .archive_list_sec .product-info-wrap { width: calc(100% - 30rem) !important;}
body.woocommerce-shop .shop_page_wrapper .archive_list_sec .products .product .product-info-wrap .woocommerce-loop-product__link {width: 100%;}

body.woocommerce-shop .shop_page_wrapper #searchfilter { width: 42rem !important;}
body.woocommerce-shop .shop_page_wrapper .archive_list_sec { width: calc(100% - 43rem) !important; margin-left: auto;}

body.woocommerce-shop .shop_page_wrapper #shortcode-1-filter-1-1-wrapper { max-height: 40rem; padding-right: 1rem; overflow: auto; scrollbar-color: var(--Off-black) var(--White); scrollbar-width: thin;}


.filter_clear_hed {display: flex; align-items: center; justify-content: space-between; padding-bottom: 3rem;}

.clear_filter_btn { display: none; color: var(--red);font-size: var(--font-20); font-weight: 700;}
.clear_filter_btn:hover { color: var(--White);}
.heading_filter { display: block; font-weight: 700; font-size: var(--font-20); color: var(--White); padding-top: 1.3rem;}
.awf-filter-title { display: block; font-weight: 700; font-size: var(--font-20); color: var(--Primary-color);}

/* .fasedenor-shop-top-bar-wrapper .woocommerce-result-count { color: var(--White);} */

.wrap_filter { background-color: var(--White); filter: drop-shadow(8px 0px 25px rgba(0, 0, 0, 0.10)); border-radius: 0.9rem; border: 0.1rem solid #dedede; padding: 1.6rem;}

.awf-filter-container.awf-product-search-container .awf-filter { border: 0.1rem solid #dedede; height: 5rem; color: var(--Primary-color); font-size: var(--font-16); padding-left: 2rem;}
.awf-filter-container.awf-product-search-container::before,.awf-filter-container.awf-product-search-container button.awf-clear-search-btn { top: 50%;transform: translateY(-50%); height: 3rem; display: flex;align-items: center; justify-content: center;padding: 1rem; left: auto; right: 1.6rem; color: var(--Primary-color); opacity: 1;}
.awf-filter-container.awf-product-search-container button.awf-clear-search-btn { right: 0.7rem; opacity: 0;}
.awf-filter-container.awf-product-search-container button.awf-clear-search-btn:hover {opacity: 0;}
.awf-filter-container.awf-product-search-container.awf-active button.awf-clear-search-btn { opacity: 1;}
.awf-filter-container.awf-product-search-container.awf-active::before {opacity: 0;}


.awf-filters-container ul li {font-weight: 500;font-size: var(--font-16);line-height: 1.8rem;color: var(--Primary-color);margin-bottom: 1.5rem;position: relative;}
.awf-filters-container ul ul li {font-weight: 400;font-size: var(--font-14);line-height: 1.8rem;}

.awf-filter-container label:hover { color: var(--red);}

.awf-filter-wrapper:not(.awf-dropdown).awf-collapsed .awf-collapse-btn::before { content: "\e91c"; font-family: 'icomoon' !important; transform: rotate(180deg); font-size: 1.2rem; color: var(--Primary-color); opacity: 1;}

.awf-filter-wrapper:not(.awf-dropdown) .awf-collapse-btn::before { content: "\e91c"; font-family: 'icomoon' !important; font-size: 1.2rem; color: var(--Primary-color); opacity: 1; transform: rotate(0deg);}


.awf-filter-container input[type='checkbox'].awf-filter, .awf-filter-container input[type='radio'].awf-filter { margin-right: 1.2rem;}
.awf-filters-container ul li input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}

.awf-filters-container ul li label { position: relative; padding-left: 2.4rem;}
.awf-filter-container input[type='checkbox'] + label:focus-visible, .awf-filter-container input[type='radio'] + label:focus-visible { outline: none !important;
}

.awf-filter-container input[type='checkbox'] + label { padding-left: 2.4rem; width: 88%; gap: 1rem; justify-content: space-between; font-size: var(--font-14); line-height: 1.8rem;}
.awf-filter-container .awf-filter-count {margin: 0;}
.awf-collapsible-children .awf-filter-container.awf-parent-container label {padding-right: 0;}



.awf-filters-container ul li label::before { content: '' !important; position: absolute; left: 0; width: 1.6rem; height: 1.6rem; border: 0.1rem solid var(--Off-black);}

.awf-filters-container ul li label::after { content: '' !important; position: absolute; left: 0.6rem; top: 0.2rem; width: 0.5rem; height: 1rem; opacity: 0; border: solid var(--red); border-width: 0 0.2rem 0.2rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.awf-filters-container ul li input:checked ~ label:before { border-color: var(--red); background-size: auto;}

.awf-filters-container ul li input:checked ~ label { color: var(--red);}
.awf-filters-container ul li input:checked ~ label::after { opacity: 1;}


.awf-collapsible-children .awf-parent-container::after { content: "-" !important;font-size: 1.8rem;color: var(--White);line-height: 2.5rem;font-family: Manrope !important;opacity: 1 !important;width: 1.6rem;height: 1.6rem;background: var(--Primary-color);display: flex; align-items: center; justify-content: center;border: 0.1rem solid var(--Primary-color);border-radius: 50%;padding: 0 !important;}

.awf-collapsible-children .awf-parent-container.awf-collapsed-on::after { content: '+' !important; font-family: Manrope !important; font-size: 1.5rem; line-height: 1.5rem; opacity: 1 !important;}



body.woocommerce-shop .shop_page_wrapper .archive_list_sec .products .product .add_to_cart_button {font-size: var(--font-14); line-height: 2rem; padding-right: 2rem;}
body.woocommerce-shop .shop_page_wrapper .archive_list_sec .products .product .add_to_cart_button::after { font-size: 0.8rem;}

body.woocommerce-shop .shop_page_wrapper .fasadenor-advanced-label a::before { top: -5rem; width: 4rem; height: 4.5rem;}



.xoo-wsch-new.xoo-wsch-top { grid-template-columns: auto;}
.xoo-wsch-new .xoo-wsch-sec-left { grid-column: 1 / span 2;}

.xoo-wsc-modal .xoo-wsc-body { height: calc(100vh - 42rem); overflow: auto; scrollbar-color: var(--red) var(--White); scrollbar-width: thin;}
.xoo-wsc-sm-left {position: relative; padding-right: 2.5rem; row-gap: 0.8rem;}
.xoo-wsc-sm-left span.xoo-wsc-smr-del { position: absolute;top: 0;right: 0;}
/* .xoo-wsc-pname {margin-bottom: 1rem;} */
.xoo-wsc-pname a.remove-product {display: none;}
.sidecart-qty-saving-wrapper {display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;}
.psavings-ptotal-wrapper {display: flex; flex-direction: column; align-items: flex-end;}
.xoo-wsc-psavings span.amount {font-size: var(--font-16) !important; font-weight: 700;}
.xoo-wsc-psavings {font-size: var(--font-16) !important;}
.xoo-wsc-smr-ptotal {display: inline-block; margin-top: 0.5rem;}



.cart-collaterals {padding-top: 5rem;}
body.page-cart .cart-collaterals h2 {margin-bottom: 2rem !important;}
.woocommerce-shipping-methods { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 2rem; margin-top: 0 !important; margin-bottom: 1.5rem !important;}
.woocommerce-shipping-methods li {margin-bottom: 0 !important; padding-left: 3rem !important;}
.woocommerce-shipping-methods li::after{display: none;}

.entry-content .woocommerce-shipping-methods input[type="radio"] { display: none;}
.woocommerce-shipping-methods label { cursor: pointer; position: relative; font-size: var(--font-14); margin-bottom: 0;}
.woocommerce-shipping-methods label::before , .woocommerce-checkout-review-order-table input[type=radio].shipping_method+label::before{ content: ""; position: absolute; width: 2rem !important; height: 2rem; background-color: transparent; border: 0.1rem solid var(--Primary-color); border-radius: 50%; top: 50%; left: -3rem; margin: 0; transform: translateY(-50%); transition: border-color 400ms ease;}

.woocommerce-shipping-methods label::after { content: ""; position: absolute; width: 2rem; height: 2rem; background-color: var(--Primary-color); border: 0.1rem solid var(--Primary-color); border-radius: 50%; top: 50%; left: -3rem; transform: translateY(-50%) scale(0); transition: transform 400ms ease;}
.woocommerce-shipping-methods input[type="radio"]:checked + label::before { border-color: var(--Primary-color);}
.woocommerce-shipping-methods input[type="radio"]:checked + label::after { transform: translateY(-50%) scale(0.55);}

.woocommerce-shipping-methods input[type="hidden"].shipping_method + label::before , .woocommerce-shipping-methods input[type="hidden"].shipping_method + label::after {  display: none !important; }
.woocommerce-shipping-methods li:has(input.shipping_method[type="hidden"]) { padding: 0 !important;}
.woocommerce-shipping-methods input[type="hidden"].shipping_method + label { cursor: default;}


.woocommerce-shipping-totals p , .shipping-calculator-form label , .shipping-calculator-form .input-text{ color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; margin-bottom: 1.5rem;}

.shipping-calculator-form input.input-text { width: 100%; font-family: Manrope; color: var(--Primary-color) !important; font-size: var(--font-14) !important; font-weight: 400; line-height: 2rem; height: 5rem !important;padding: 1rem 2rem !important; background: var(--White) !important; border: 0.1rem solid var(--Primary-color) !important; border-radius: 0.3rem;}

.shipping-calculator-button , .shipping-calculator-form .button {display: block; border-radius: 0.3rem; border: 0.1rem solid var(--red); padding: 0.5rem 2.4rem; color: var(--White) !important; font-size: 1.4rem !important; font-weight: 600 !important; line-height: 1.8rem !important; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }
.shipping-calculator-button:hover , .shipping-calculator-form .button:hover , .shipping-calculator-button:focus , .shipping-calculator-form .button:focus{background-color: var(--Off-black) !important; color: var(--White) !important; border-color: var(--Off-black);}




/* SIDE CART CROSS SELLS */

.massoftind-side-cart-cross-sells , body.woocommerce .massoftind-side-cart-cross-sells {margin: 1rem 1.5rem;}

.massoftind-side-cart-cross-sells h2 , body.woocommerce .massoftind-side-cart-cross-sells h2 { padding: 0 1.5rem; font-size: var(--font-25); line-height: 3rem; margin-bottom: 2rem; color: var(--Primary-color);}

.massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .prodctSwiper , body.woocommerce .massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .prodctSwiper { padding: 1rem 1.5rem;}

.massoftind-side-cart-cross-sells .cross-sells.archive_list_sec ul.products li.product , body.woocommerce .massoftind-side-cart-cross-sells .cross-sells.archive_list_sec ul.products li.product { flex-direction: column !important; width:100% !important;}

.massoftind-side-cart-cross-sells .cross-sells.archive_list_sec ul.products li.product .woocommerce-loop-product__link , body.woocommerce .massoftind-side-cart-cross-sells .cross-sells.archive_list_sec ul.products li.product .woocommerce-loop-product__link { margin-bottom: 0; height: 18rem;}

.massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .products .product .woocommerce-loop-product__title , body.woocommerce .massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .products .product .woocommerce-loop-product__title { font-size: 1.7rem !important; line-height: 2.3rem; min-height: 4.8rem; padding:0;}

.massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .products .product .price , body.woocommerce .massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .products .product .price { font-size: var(--font-20); line-height: 2.6rem;}

.massoftind-side-cart-cross-sells ul.products li.product .woocommerce-price-suffix , body.woocommerce .massoftind-side-cart-cross-sells ul.products li.product .woocommerce-price-suffix { font-size: var(--font-14);}


.cross-sells.archive_list_sec .prodctSwiper .swiper-slide:only-child { width: 40.7rem !important; }

.massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .prodctSwiper .swiper-slide:only-child , body.woocommerce .massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .prodctSwiper .swiper-slide:only-child  { width: 24.1rem !important; }

.massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .swiper-button-prev, .massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .swiper-button-next { width: 3rem !important; height: 3rem !important;}
.massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .swiper-button-prev span, .massoftind-side-cart-cross-sells .cross-sells.archive_list_sec .swiper-button-next span { font-size: 1.6rem;}



.woocommerce .cross-sells.archive_list_sec {padding-bottom: 0 !important;}
.woocommerce .cross-sells.archive_list_sec .prodctSwiper {padding: 1rem; padding-bottom: 5rem;}
.woocommerce .cross-sells.archive_list_sec .prodctSwiper .swiper-pagination {bottom: 0rem; top: auto;}

.woocommerce .cross-sells.archive_list_sec  ul.products {margin: 0;}
.woocommerce .cross-sells.archive_list_sec  ul.products li.product { width: 100% !important; margin: 0;}
.woocommerce .cross-sells.archive_list_sec  ul.products li.product::after { display: none;}
.woocommerce .cross-sells.archive_list_sec .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { background: var(--White);border-radius: 50%;padding: 0.5rem;}
.woocommerce .cross-sells.archive_list_sec  ul.products li.product .woocommerce-loop-product__link {width: 100%; margin-bottom: 2rem;}
.woocommerce .cross-sells.archive_list_sec  ul.products li.product .product-info-wrap { width: 100%; min-height: auto;}
.woocommerce .cross-sells.archive_list_sec  ul.products li.product .product-info-wrap .woocommerce-loop-product__link { margin-bottom: 0;}
.woocommerce .cross-sells.archive_list_sec .products .product .woocommerce-loop-product__title { width: 100%; font-size: 2rem !important; line-height: 2.6rem; margin-bottom: 1rem !important;}
.woocommerce .cross-sells.archive_list_sec .products .product .price { font-size: var(--font-25);line-height: 3.6rem;margin-bottom: 1rem;}
.woocommerce .cross-sells.archive_list_sec .products .product .add_to_cart_button { padding-right: 2rem; font-size: var(--font-15);}
.woocommerce .cross-sells.archive_list_sec .products .product .add_to_cart_button::after { font-size: 1rem;}

.woocommerce .cross-sells.archive_list_sec .swiper-button-prev, .woocommerce .cross-sells.archive_list_sec .swiper-button-next { border: 0.2rem solid var(--red); background: var(--White);}
.woocommerce .cross-sells.archive_list_sec .swiper-button-prev:hover, .woocommerce .cross-sells.archive_list_sec .swiper-button-next:hover { background: var(--red);}
.woocommerce .cross-sells.archive_list_sec .swiper-button-prev span, .woocommerce .cross-sells.archive_list_sec .swiper-button-next span { color: var(--red);}
.woocommerce .cross-sells.archive_list_sec .swiper-button-prev:hover span, .woocommerce .cross-sells.archive_list_sec .swiper-button-next:hover span { color: var(--White);}
.woocommerce .cross-sells.archive_list_sec .products .product .yith-wcwl-add-to-wishlist { top: 0.5rem !important; right: 0.5rem;}


body.page-checkout form #dintero-checkout-order-review {margin-top: 7.5rem;}

body.page-checkout form .form-row .input-text , body.page-checkout form .form-row select , body.page-checkout form .form-row .country_to_state--single{ width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; padding: 1rem 2rem; background: var(--White); border: 0.1rem solid var(--Primary-color); border-radius: 0.3rem;}

body.page-checkout form .form-row .country_to_state--single { padding-right: 5rem !important; -webkit-appearance: none;	-moz-appearance: none; appearance: none; background: url(../images/dropdown.svg) !important; background-repeat: no-repeat !important; background-position: 98% 50% !important; background-size: 2% !important; pointer-events: unset !important; }
body.page-checkout form .form-row .country_to_state--single:focus { outline: none; box-shadow: none; border-color: var(--Primary-color);}





.woocommerce-checkout .woocommerce-billing-fields h3 , .woocommerce-checkout form #order_review_heading { font-size: var(--font-30); line-height: 3.5rem; margin: 0; margin-bottom: 2rem;}

body.page-checkout .shop_table { width: 100%; border-collapse: collapse; box-shadow: 0 0 0 1px var(--Primary-color); margin: 0 !important;}

body.page-checkout .shop_table thead th { padding: 2rem 1.5rem !important; color: var(--Primary-color); font-size: 1.8rem; font-weight: 700; line-height: 2.4rem;  border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-checkout .shop_table thead th:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;}

body.page-checkout .shop_table tbody td { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; }
body.page-checkout .shop_table tbody th { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; border-right: 0.1rem solid var(--Primary-color); border-bottom: 0.1rem solid var(--Primary-color);}

body.page-checkout .shop_table tbody td a , body.page-checkout .shop_table tbody th a { display: inline-block; text-decoration: none; color: var(--red); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-checkout .shop_table tbody td a:hover , body.page-checkout .shop_table tbody th a:hover { color: var(--Primary-color);}
body.page-checkout .shop_table tbody td .remove-product {display: none;}

/* body.page-checkout .shop_table tbody td:not(:last-of-type) {border-right: 0.1rem solid var(--Primary-color) !important;} */
body.page-checkout .shop_table tbody tr td {border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-checkout .shop_table tbody tr:last-of-type th {border-bottom: none;}

body.page-checkout .shop_table tbody td:first-of-type{ width: 60%;}
body.page-checkout .shop_table tbody td .product-wrapper{display: flex; align-items: center; gap: 1rem;}
body.page-checkout .shop_table tbody td .product-wrapper .product-info {display: flex; flex-wrap: wrap;}
body.page-checkout .shop_table tbody td:last-of-type{ text-align: right;}


body.page-checkout .shop_table tfoot td { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-16); font-weight: 600; line-height: 2.4rem; }
body.page-checkout .shop_table tfoot td:last-of-type{ text-align: right;}

body.page-checkout .shop_table tfoot th { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-16); font-weight: 600; line-height: 2.4rem; border-right: 0.1rem solid var(--Primary-color); border-bottom: 0.1rem solid var(--Primary-color);}

body.page-checkout .shop_table tfoot td a , body.page-checkout .shop_table tfoot th a { display: inline-block; text-decoration: none; color: var(--red); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-checkout .shop_table tfoot td a:hover , body.page-checkout .shop_table tfoot th a:hover { color: var(--Primary-color);}

/* body.page-checkout .shop_table tfoot td {border-left: 0.1rem solid var(--Primary-color) !important;} */
/* body.page-checkout .shop_table tfoot th {border-right: 0.1rem solid var(--Primary-color) !important;} */
body.page-checkout .shop_table tfoot tr:not(:last-of-type) td , body.page-checkout .shop_table tfoot tr:not(:last-of-type) th {border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-checkout .shop_table tfoot tr:last-of-type th {border-bottom: none;}
body.page-checkout .shop_table tfoot .woocommerce-shipping-methods {flex-direction: column; align-items: flex-start; text-align: left; margin: 0!important;}



.wc_payment_methods li label { display: flex !important; align-items: center; gap: 1rem;}
/* .wc_payment_method input[type=radio]+label::before {border: 0.1rem solid var(--Primary-color); border-radius: 50%;}
.wc_payment_method input[type=radio]:checked+label::before {background: var(--Primary-color) !important;} */


.wc_payment_methods li::after {display: none;}
.wc_payment_methods li { padding-left: 3rem !important;}
.wc_payment_methods label { cursor: pointer; position: relative; font-size: var(--font-14); margin-bottom: 0;}
.wc_payment_methods label::before { content: ""; position: absolute; width: 2rem !important; height: 2rem !important; margin: 0 !important; background-color: transparent !important; border: 0.1rem solid var(--Primary-color) !important; border-radius: 50% !important; top: 50%; left: -3rem; margin: 0; transform: translateY(-50%) !important; transition: border-color 400ms ease;}

.wc_payment_methods label::after { content: ""; position: absolute; width: 2rem; height: 2rem; background-color: var(--Primary-color); border: 0.1rem solid var(--Primary-color); border-radius: 50%; top: 50%; left: -3rem; transform: translateY(-50%) scale(0); transition: transform 400ms ease;}
.wc_payment_methods input[type="radio"]:checked + label::before { border-color: var(--Primary-color);}
.wc_payment_methods input[type="radio"]:checked + label::after { transform: translateY(-50%) scale(0.55);}

.wc_payment_methods input[type="hidden"].shipping_method + label::before , .wc_payment_methods input[type="hidden"].shipping_method + label::after {  display: none !important; }
.wc_payment_methods li:has(input.shipping_method[type="hidden"]) { padding: 0 !important;}
.wc_payment_methods input[type="hidden"].shipping_method + label { cursor: default;}


.payment_box p{ color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem;}
body.page-checkout button[type="submit"].button {display: inline-block; border-radius: 0.3rem; text-decoration: none; border: 0.1rem solid var(--red); padding: 0.8rem 2rem; color: var(--White) !important; font-size: 1.4rem !important; font-weight: 600 !important; line-height: 1.8rem !important; text-transform: none; background-color: var(--red); transition: var(--transition); cursor: pointer;}

.woocommerce-terms-and-conditions-wrapper {margin-bottom: 3rem;}
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p , .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p a {font-size: var(--font-16) !important; font-weight: 500; line-height: 2rem; margin-bottom: 2rem !important;}
.woocommerce-checkout-payment ul li::after{display: none;}
body.page-checkout .woocommerce-terms-and-conditions-wrapper .validate-required .woocommerce-form__label-for-checkbox {display: flex !important;     align-items: center; font-size: var(--font-16) !important; font-weight: 500; line-height: 2rem; margin-bottom:0 !important;}
body.page-checkout .woocommerce-terms-and-conditions-wrapper .validate-required .woocommerce-form__label-for-checkbox a{ font-size: var(--font-16) !important; font-weight: 500; line-height: 2rem;}
body.page-checkout .woocommerce-terms-and-conditions-wrapper .validate-required .woocommerce-form__label-for-checkbox input {width: 2rem; height: 2rem; border-radius: 0; border: 0.1rem solid var(--Primary-color);}


.place-order .button {display: block; float: none !important; width: fit-content !important; margin: 0 auto; border-radius: 0.3rem; border: 0.1rem solid var(--red); padding: 1.5rem 4.5rem; color: var(--White) !important; font-size: 1.4rem !important; font-weight: 600 !important; line-height: 1.8rem !important; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }

.place-order .button:hover , .place-order .button:focus {background-color: var(--Off-black) !important; color: var(--White) !important; border-color: var(--Off-black);}


.page-checkout .product-info {gap: 1.5rem;}
.woocommerce-checkout-review-order-table .quantity { float: none !important; margin-right: 0 !important; display: flex; align-items: center; justify-content: center; width: 10rem; height: 3.5rem; padding: 0.5rem 1rem; border: 0.1rem solid var(--Primary-color); border-radius: 1.2rem;}
.woocommerce-checkout-review-order-table .quantity input:focus{outline: none; box-shadow: none;}
.woocommerce-checkout-review-order-table .quantity .minus , .woocommerce-checkout-review-order-table .quantity .plus { height: auto !important; background: transparent !important; font-size: var(--font-25) !important; font-weight: 300; color: var(--Primary-color) !important; border: none; padding: 0 !important;}
.woocommerce-checkout-review-order-table .quantity .qty {width: 100% !important; height: auto !important; border: none !important; font-size: var(--font-16) !important; line-height: 2rem; color: var(--Primary-color) !important; padding: 0.5rem ; text-align: center;}
.woocommerce-checkout-review-order-table .quantity input[type=number]::-webkit-inner-spin-button, .woocommerce-checkout-review-order-table .quantity input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; }
/* Firefox */
.woocommerce-checkout-review-order-table .quantity input[type=number] { -moz-appearance: textfield; cursor: default; pointer-events: none;}

body.page-checkout form .create-account.form-row .input-checkbox  {width: 2rem;height: 2rem;}

body.page-checkout .shop_table tfoot .woocommerce-shipping-methods { align-items: flex-end;}


.woocommerce-thankyou-order-details {margin: 0; display: flex; align-items: center; gap: 2rem 6rem; flex-wrap: wrap;}
.woocommerce-thankyou-order-details li::after , .woocommerce-checkout ul.woocommerce-error li::after{display: none;}
.woocommerce-thankyou-order-details li {padding: 0 !important; margin: 0 !important;}
.woocommerce-thankyou-order-details li strong { display: block;}

.woocommerce-order-received .woocommerce-order-details {padding: 0;}
.woocommerce-order-details__title , .woocommerce-order .woocommerce-column__title { font-size: var(--font-30) !important; line-height: 3.5rem !important; margin-bottom: 2rem !important;}

.woocommerce-order-received table tfoot tr:last-of-type {border-top: 0.1rem solid var(--Primary-color) !important;}



.woocommerce-order .woocommerce-order-details .shop_table tbody td a {font-size: var(--font-18) !important; line-height: 3.6rem !important; color: var(--Primary-color)!important;} 
.woocommerce-order .woocommerce-order-details .shop_table tbody td a:hover {color: var(--red) !important;}
.woocommerce-order .woocommerce-customer-details address {font-style: normal;}


.woocommerce-form-coupon-toggle .woocommerce-info {padding: 1.5rem;}
.woocommerce-form-coupon #coupon_code { width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; text-transform: capitalize; padding: 1rem 2rem; background: var(--White); border: 0.1rem solid var(--Primary-color); border-radius: 0.3rem;}

.woocommerce-message {width: 100%; }
.woocommerce-form-coupon {overflow: hidden; margin-bottom: 2rem; display: flex; align-items: center; justify-content: flex-start;}
.woocommerce-form-coupon button[name=apply_coupon] {display: block; width: 100% !important; border-radius: 0.3rem; border: 0.1rem solid var(--red); padding: 1.3rem 2.5rem; color: var(--White) !important; font-size: 1.4rem !important; font-weight: 600 !important; line-height: 1.8rem !important; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }
.woocommerce-form-coupon button[name=apply_coupon]:hover , .woocommerce-form-coupon button[name=apply_coupon]:focus {background-color: var(--Off-black) !important; color: var(--White) !important; border-color: var(--Off-black);}

.item-pane-Login .woocommerce-form-login { position: relative; padding: 1rem 0.8rem;}
.item-pane-Login .woocommerce-form-login::after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 94%; height: 0.1rem; content: ''; background: #e5e5e5;}

.item-pane-Login .woocommerce-form-login .lost_password { margin-bottom: 0;}

.woocommerce-form-coupon p.form-row-first { width: 70% !important;}
.woocommerce-form-coupon p.form-row-last { width: 30% !important;}
.woocommerce-form-login-toggle .woocommerce-info .showlogin , .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon , .woocommerce-form-login__submit , .woocommerce-form-register__submit , form.woocommerce-ResetPassword .button {display: inline-block; margin-left: 1rem; border-radius: 0.3rem; text-decoration: none; border: 0.1rem solid var(--red); padding: 0.8rem 2rem; color: var(--White) !important; font-size: 1.4rem !important; font-weight: 600 !important; line-height: 1.8rem !important; text-transform: none; background-color: var(--red); transition: var(--transition); cursor: pointer; }
.woocommerce-form-login-toggle .woocommerce-info .showlogin:hover , .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon:hover, .woocommerce-form-login__submit:hover , .woocommerce-form-login__submit:focus , .woocommerce-form-register__submit:hover , .woocommerce-form-register__submit:focus , form.woocommerce-ResetPassword .button:hover , form.woocommerce-ResetPassword .button:focus {background-color: var(--Off-black) !important; color: var(--White) !important; border-color: var(--Off-black);}

.woocommerce-form-login__submit , .woocommerce-form-register__submit , form.woocommerce-ResetPassword .button {margin-left: 0 !important;}

.woocommerce-form-login-toggle .woocommerce-info .showlogin, .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon { border: 0.1rem solid var(--Off-black);  color: var(--White) !important; background-color: var(--Off-black);}
.woocommerce-form-login-toggle .woocommerce-info .showlogin:hover, .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon:hover { border: 0.1rem solid var(--red);  color: var(--White) !important; background-color: var(--red) !important;}

.woocommerce-checkout form[name=checkout]{width: 100%;}
.fasadenor-checkout-form-wrapper {margin-bottom: 5rem;}
.fasadenor-checkout-form-wrapper .fasadenor-item-content {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 5rem;}
.item-pane-Login {width: calc(51% - 2.5rem); overflow: hidden; }
.item-pane-Coupon {width: calc(46% - 2.5rem); overflow: hidden; }
.item-pane-Login .woocommerce-form-login-toggle {border: 0.1rem solid var(--Off-black); border-radius: 0.5rem; }
.item-pane-Coupon .woocommerce-form-login-toggle {border: 0.1rem solid var(--Off-black); border-radius: 0.5rem;}
.woocommerce-info {border-top-color: var(--red);}
.woocommerce-form-login-toggle .woocommerce-info , .woocommerce-form-coupon-toggle .woocommerce-info { display: flex; justify-content: space-between; flex-wrap: wrap; background:var(--White); border:none; color: var(--Off-black); margin: 0;}

.woocommerce-terms-and-conditions-link::after {display: none;}
.woocommerce-form-login-toggle .woocommerce-info{padding: 1.5rem 1.2rem;}
.woocommerce form.woocommerce-form-login p {padding:0.3rem;}
.item-pane-Coupon .woocommerce-form-coupon { position: relative; align-items: center; background:var(--White);padding: 1.5rem 1.2rem; margin:0;}
.item-pane-Coupon .woocommerce-form-coupon::after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 94%; height: 0.1rem; content: ''; background: #e5e5e5;}
.item-pane-Coupon .woocommerce-form-coupon p {margin:0;}


body.page-checkout .woocommerce form.woocommerce-form-login .form-row-first , body.page-checkout .woocommerce form.woocommerce-form-login .form-row-last{ width: 50%; float: left !important;}
body.page-checkout .woocommerce form.woocommerce-form-login .form-row-first { padding-right: 1rem !important;}
body.page-checkout .woocommerce form.woocommerce-form-login .form-row-last{ padding-left: 1rem !important;}

.dintero-checkout-two-column-right #dintero-express-wrapper { grid-template-columns: 2fr 2fr;	grid-column-gap: 2rem;}


body.page-wishlist .wishlist_table { width: 100%; border-collapse: collapse; box-shadow: 0 0 0 1px var(--Primary-color);}

body.page-wishlist .wishlist_table thead th { background: var(--Primary-color) !important; padding: 2rem 1.5rem !important; color: var(--White); font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; text-align: left; border: none;}

body.page-wishlist .wishlist_table tbody td { padding: 1rem !important; color: var(--Primary-color) !important; font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: left;}
body.page-wishlist .wishlist_table tbody td.product-price {font-weight: 600;}
body.page-wishlist .wishlist_table tbody td.product-price del {text-decoration: none;}
body.page-wishlist .wishlist_table tbody td.product-price del span.amount { opacity: 1 !important; font-size: var(--font-16) !important; font-weight: 600; line-height: 2rem; color: #e41e0a87 !important; margin-right: 0.8rem; text-decoration: line-through; text-decoration-color: var(--red); text-decoration-thickness: 0.2rem;}


body.page-wishlist .wishlist_table tbody th { padding: 1rem !important; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-align: left; border-right: 0.1rem solid var(--Primary-color); border-bottom: 0.1rem solid var(--Primary-color);}

body.page-wishlist .wishlist_table tbody td a , body.page-wishlist .wishlist_table tbody th a { display: inline-block; text-decoration: none; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; text-transform: capitalize; transition: var(--transitionall);}
body.page-wishlist .wishlist_table tbody td a:hover , body.page-wishlist .wishlist_table tbody th a:hover { color: var(--red);}

body.page-wishlist .wishlist_table tbody td:nth-of-type(3) , body.page-wishlist .wishlist_table tbody td:nth-of-type(3) a {font-size: var(--font-16); font-weight: 600;}

body.page-wishlist .wishlist_table tbody td.product-thumbnail a {width: 6rem;}

body.page-wishlist .wishlist_table tbody td.product-price ins { text-decoration:none; }

body.page-wishlist .wishlist_table tbody td.product-add-to-cart a {display: inline-block !important; border-radius: 0.3rem; text-decoration: none; border: 0.1rem solid var(--red); padding: 0.8rem 2rem; color: var(--White) !important; font-size: 1.4rem !important; font-weight: 600 !important; line-height: 1.8rem !important; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }
body.page-wishlist .wishlist_table tbody td.product-add-to-cart a:hover , body.page-wishlist .wishlist_table tbody td.product-add-to-cart a:focus {background-color: var(--Off-black) !important; color: var(--White) !important; border-color: var(--Off-black);}

body.page-wishlist .wishlist_table a.remove { width: 2rem; height: 2rem; font-size: var(--font-20); color: var(--Primary-color) !important;}
body.page-wishlist .wishlist_table a.remove:hover { background: var(--red) !important; color: var(--White) !important;}
body.page-wishlist .wishlist_table .remove-product {display: none;}

body.page-wishlist .wishlist_table tbody tr:not(:last-of-type) td {border-bottom: 0.1rem solid var(--Primary-color) !important;}
body.page-wishlist .wishlist_table tbody tr:last-of-type th {border-bottom: none;}






.woocommerce form.woocommerce-form-login .form-row .input-text , .woocommerce form.woocommerce-form-register .form-row .input-text { width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; padding: 1rem 2rem; background: var(--White); border: 0.1rem solid var(--Primary-color); border-radius: 0.3rem;}

.woocommerce .woocommerce-form-login__rememberme {display: flex !important; align-items: center; gap: 1rem; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem !important;}
.woocommerce-form-login__rememberme input {width: 2rem; height: 2rem; border-radius: 0; border: 0.1rem solid var(--Primary-color);}

.woocommerce-privacy-policy-text p , .woocommerce-privacy-policy-text p a , .woocommerce-LostPassword , .woocommerce-LostPassword a {color: var(--Primary-color); font-size: var(--font-14) !important; font-weight: 400; line-height: 2.4rem !important;}
.woocommerce-privacy-policy-text p a , .woocommerce-LostPassword a {color: var(--red);}
.woocommerce-privacy-policy-text p a:hover , .woocommerce-LostPassword a:hover {color: var(--Primary-color);}

.woocommerce form.woocommerce-form-login p , .woocommerce form.woocommerce-form-login p a{ font-size: var(--font-14); line-height: 2rem;}

body.page-checkout .woocommerce form.woocommerce-form-login p , body.page-checkout .woocommerce form.woocommerce-form-login p a {display: inline-block;}

.woocommerce-page .onsale , .onsale { position: absolute; top: 0; right: auto !important; left: 0; width: 8rem; height: 5rem; border-radius: 0.3rem; padding: 0; background: url(../images/badge-icon.webp); background-repeat: no-repeat; background-position: center; background-size:contain; z-index: 5;}
.woocommerce-page .onsale .badge-text , .onsale .badge-text { font-size: var(--font-14) !important; line-height: 2rem; font-weight: 900; transform: translateY(-5%) rotate(-9deg);}
.woocommerce-page .onsale::before , .onsale::before{padding: 0;}

.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword {text-align: center;}
.woocommerce form.woocommerce-ResetPassword .form-row-first { width: 100%;}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword #user_login { width: 30%; margin: 0 auto; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-16); font-weight: 400; line-height: 2.4rem; text-transform: capitalize; padding: 1rem 2rem; background: var(--White); border: 0.1rem solid var(--Primary-color); border-radius: 0.3rem;}

.woocommerce-account-fields input {width: 2rem; height: 2rem !important;}

.woocommerce-error li::after{display: none;}


.wc-rn-dialog {padding: 3rem;}
.wc-rn-dialog h3 { font-size: var(--font-30); line-height: 3.5rem; margin: 0 0 2rem 0 !important;}
.wc-rn-dialog p { font-size: var(--font-14); line-height: 2rem; margin: 0 0 1.5rem 0 !important;}

.wc-rn-grid {gap: 1rem 2rem;}
.wc-rn-grid label { gap: 0.5rem !important; color: var(--Primary-color); font-size: var(--font-14) !important; font-weight: 400; line-height: 2.4rem;}
.wc-rn-grid input , .wc-rn-grid select { width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-14); font-weight: 400; line-height: 2rem; padding: 1rem !important; background: var(--White) !important; border: 0.1rem solid var(--Primary-color) !important; border-radius: 0.3rem;}
.wc-rn-grid select { padding-right: 5rem !important; -webkit-appearance: none;	-moz-appearance: none; appearance: none; background: url(../images/dropdown.svg) !important; background-repeat: no-repeat !important; background-position: 98% 50% !important; background-size: 2% !important;}
.wc-rn-grid input:hover , .wc-rn-grid select:hover , .wc-rn-grid input:focus , .wc-rn-grid select:focus { outline: none; box-shadow: none; border-color: var(--Primary-color) !important;}

.wc-rn-consent {flex-direction: row !important; align-items: flex-start; color: var(--Primary-color); font-size: var(--font-14) !important; font-weight: 400; line-height: 2.4rem; margin: 2rem 0 ;}
.wc-rn-consent input {width: 2rem; height: 2rem; border-radius: 0; border: 0.1rem solid var(--Primary-color)}

.wc-rn-dialog button.button {display: block; width: fit-content !important; border-radius: 1.2rem; border: 0.1rem solid var(--red); padding: 1.3rem 2.5rem; color: var(--White) !important; font-size: 1.4rem !important; font-weight: 600 !important; line-height: 1.8rem !important; text-transform: capitalize; background-color: var(--red); transition: var(--transition); cursor: pointer; }
.wc-rn-dialog button.button:hover , .wc-rn-dialog button.button:focus {background-color: var(--Off-black) !important; color: var(--White) !important; border-color: var(--Off-black);}

.wc-rn-close { right: 1.5rem; top: 1.5rem; font-size: 4.5rem; line-height: 2rem; color: var(--Off-black); transition: var(--transition);}
.wc-rn-close:hover { color: var(--red);}


.not-found-container header {padding-top: 5rem;}
.not-found-container h1 {margin: 0; margin-bottom: 4rem !important; text-align: center; font-size: var(--font-40);}
.not-found-container .page-content {padding-bottom: 5rem !important;}
.not-found .btn-common { width: fit-content; padding: 0.8rem 2.5rem; background: var(--red); color: var(--White); margin: 0 auto;}
.not-found .btn-common:hover { background: var(--White); color: var(--red);}

span.xoo-wsc-smr-del:hover {color: var(--red);}

span.xoo-wsc-sc-count { border-radius: 50%; height: 1.8rem; line-height: 1.8rem; width: 1.8rem; display: inline-block; text-align: center; font-size: 1.3rem; right: -0.7rem; position: absolute; top: -0.4rem; background-color: #000000; color: var(--White);}

.fancybox__content .top-controls,
.fancybox__content .controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}
.fancybox__content .top-controls button , .fancybox__content .controls button { background: var(--red); color: var(--White); font-size: 1.4rem; font-weight: 600; line-height: 1.8rem; border-radius: 1rem; border: none; padding: 0.8rem 1.2rem; cursor: pointer;}

.no-products-found {padding: 5rem 0; color: var(--Primary-color); font-size: var(--font-25); font-weight: 700; line-height: 3.5rem; text-align: center;}


/* .archive-categories-grid { padding: 10rem 0 5.5rem; max-width: 100%; display: flex; align-items: flex-start; gap: 3rem 2rem; flex-wrap: wrap;} */
.archive-categories-grid { padding: 0; max-width: 100%; display: flex; align-items: flex-start; gap: 3rem 2rem; flex-wrap: wrap;}
.archive-categories-grid .all-category-card {width: calc(25% - 1.5rem);}



.fancybox__content .flipbook-wrapper {text-align: center; width: 100%; max-width: 100%; display: flex; flex-direction: column; gap: 1.2rem; position: relative;}
.fancybox__content .book-frame {width: 100%; max-width: 100%; height: auto; min-height: 0; overflow: hidden; position: relative; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.fancybox__content .book-center {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.fancybox__content #book {width: auto; max-width: 100%; height: auto; margin: 0 auto;}
.fancybox__content .top-controls,
.fancybox__content .controls { flex: 0 0 auto; position: relative; z-index: 2; }
.fancybox__content .flipbook-wrapper.is-single-page .book-frame,
.fancybox__content .flipbook-wrapper.is-single-page #book,
.fancybox__content .flipbook-wrapper.is-compact .book-frame,
.fancybox__content .flipbook-wrapper.is-compact #book { margin-left: auto; margin-right: auto; }
.fancybox__content .flipbook-wrapper.is-single-page .book-center,
.fancybox__content .flipbook-wrapper.is-compact .book-center { justify-content: center; align-items: center; }
.fancybox__content .flipbook-wrapper.is-single-page .stf__parent,
.fancybox__content .flipbook-wrapper.is-single-page .stf__wrapper,
.fancybox__content .flipbook-wrapper.is-single-page .stf__block { margin-left: auto; margin-right: auto; }
.fancybox__content .flipbook-wrapper.is-single-page .controls { display: none; }
.fancybox__content #book .page,
.fancybox__content #book canvas { width: 100%; height: 100%; display: block; object-fit: contain; }
.fancybox__content .loader-overlay { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(255,255,255,0.92); z-index: 3; }

.pdf-flipbook-fancybox.fancybox__container {
    z-index: 100000 !important;
}
.pdf-flipbook-fancybox .fancybox__content {
    width: auto !important;
    height: auto !important;
    max-width: min(92vw, 90rem) !important;
    max-height: 92vh !important;
    min-width: min(32rem, 92vw);
    padding: 2.4rem 2.8rem 2.4rem !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    position: relative;
    overflow: visible !important;
}
.pdf-flipbook-fancybox.is-pdf-compact {
    padding: 0 !important;
}
.pdf-flipbook-fancybox.is-pdf-compact .fancybox__content {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100svh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 1.2rem 1.2rem calc(1.6rem + env(safe-area-inset-bottom, 0px)) !important;
    overflow: hidden !important;
}
.pdf-flipbook-fancybox.is-pdf-compact .flipbook-wrapper {
    height: 100%;
    min-height: 0;
    gap: 1rem;
}
.pdf-flipbook-fancybox.is-pdf-compact .book-frame {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}
.pdf-flipbook-fancybox .flipbook-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    position: relative;
}
.pdf-flipbook-fancybox .book-frame {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.pdf-flipbook-fancybox .top-controls,
.pdf-flipbook-fancybox .controls {
    flex: 0 0 auto !important;
}
.pdf-flipbook-fancybox .controls {
    min-height: 4.4rem;
    padding-bottom: 0.2rem;
}
.pdf-flipbook-fancybox #book,
.pdf-flipbook-fancybox .stf__parent,
.pdf-flipbook-fancybox .stf__wrapper,
.pdf-flipbook-fancybox .stf__block {
    margin-left: auto;
    margin-right: auto;
}
.pdf-flipbook-fancybox .carousel__button.is-close {
    display: none !important;
}
.fancybox__content .top-controls {
    padding-right: 4.8rem;
}
.fancybox__content .pdf-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    border: 0.1rem solid var(--Off-black);
    border-radius: 50%;
    background: var(--White);
    color: var(--Off-black);
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fancybox__content .pdf-modal-close:hover {
    background: var(--red);
    border-color: var(--red);
    color: var(--White);
}



/* TEXT */
.pdf-loader{ position: relative; text-align: center;color: var(--Off-black); font-size: var(--font-18); font-weight: 400; line-height: 2.8rem;}

/* LOADER LINE */
.pdf-loader::after { content: ""; display: block; width: 10rem; height: 0.3rem; margin: 2rem auto 0; background-color: var(--Off-black); animation: dashanim-active-trscale 1s ease-out infinite;}


.woocommerce .content-area .site-main { margin: 0 !important;}

.heading_filter_button {display: none; align-items: center; justify-content: center; gap: 0.8rem; text-decoration: none; padding: 0.8rem 1.6rem; color: var(--White); font-size: var(--font-14); font-weight: 600; line-height: 2rem; text-transform: uppercase; background-color: var(--red); border: 0.1rem solid var(--red); border-radius: 1rem; cursor: pointer; transition: var(--transitionall);}
.heading_filter_button:hover { background-color: var(--White) !important; color: var(--red) !important;} 

.offcanvas { position: fixed; top: 0; right: -100%; width: 65%; height: 100%; background: var(--White); border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem; box-shadow: -2rem 0 2.7rem 0 rgba(0, 0, 0, 0.36); padding-block-start: 2rem; padding-inline: 2rem; transition: right 0.5s ease; z-index: 99;}
.offcanvas.active { right: 0;}
body.admin-bar .offcanvas { top: 32px;}
body.offcanvas-active {overflow: hidden;}

.btn-close { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; margin-top: 0; margin-bottom: 0; margin-left: auto; background-color: var(--White); color: var(--Off-black); font-size: 1.5rem; font-weight: 700; line-height: 3rem;  border-radius: 50%; border: 0.1rem solid var(--Off-black); cursor: pointer; transition: var(--transitionall); z-index: 100;}
.btn-close:hover { background-color: var(--red) !important; color: var(--White) !important; border-color: var(--red) !important;}

.offcanvas-body .wrap_filter {padding: 0 1.5rem 1.5rem 1.5rem; border: none; filter: none; max-height: calc(100dvh - 10rem);  overflow-y: auto; scrollbar-color: var(--red) var(--White); scrollbar-width: thin;}
body.admin-bar .offcanvas-body .wrap_filter {max-height: calc(100dvh - 14rem);}

.offcanvas-body .filter_clear_hed {padding-bottom: 1rem;padding-inline: 1.5rem;}

.sbi_photo_wrap {border-radius: 1rem; overflow: hidden;}

.dnd-upload-status .dnd-upload-details .name {font-size: 1.6rem;}
.dnd-upload-status .dnd-upload-details span.has-error { font-size: 1.4rem;}

/* .cms_page_wrapper .entry-content { text-align: center;} */
.cms_page_wrapper .entry-content p { background-color: transparent !important; margin-bottom: 4.5rem;}
/* .cms_page_wrapper .entry-content ul, .cms_page_wrapper .entry-content ol {  width: 60%;  text-align: left; margin: 0 auto 3.5rem;} */

/* body.page-nyhetsbrev article .tnp-subscription {display: none;} */

.cms_page_wrapper .entry-content ul li { padding-left: 0; list-style-type: disc !important; list-style-position: inside;}
.cms_page_wrapper .entry-content ul li::after { display: none;}

.cms_page_wrapper .entry-content .tnp-subscription label {display: block; text-align: left; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-20); font-weight: 400; line-height: 2.4rem; margin-bottom: 2rem !important;}

.cms_page_wrapper .entry-content .tnp-subscription input[type=email] {width: 100%; font-family: Manrope; color: var(--Primary-color); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem; height: 5rem; padding: 1rem 2rem; background: var(--White); border: 0.1rem solid #EAEAEA; border-radius: 0.3rem;}

.cms_page_wrapper .entry-content .tnp-subscription input[type=email]::placeholder{color: var(--Off-black); font-family: Manrope; color: var(--Primary-color); font-size: var(--font-20); font-weight: 400; line-height: 2.8rem;}

.cms_page_wrapper .entry-content .tnp-subscription input.tnp-submit { display: inline-block; width: fit-content; border-radius: 1.2rem; border: 0.1rem solid var(--red); padding: 0.8rem 3.4rem; color: var(--White); font-size: var(--font-18); font-weight: 600; line-height: 2.8rem; text-transform: capitalize; background-color: var(--red); margin-top: 3.3rem; transition: var(--transition); cursor: pointer;}


.content-column {margin-bottom: 2rem;}
.content-column.one_half:has(img) { float: left; width: auto; margin-right: 5rem; margin-bottom: 2rem;}
.content-column.last_column { width: auto; float: none;}


.side-checkout-cart-wrapper {display: flex; gap: 0.5rem;}
.xoo-wsc-ft-buttons-cont {gap:0.5rem;}


.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout {border-radius: 0.8rem; padding: 1rem 2rem; font-size:1.6rem;  background-color: var(--red); color: var(--White); border: 0.2rem solid var(--red);}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout:hover { background-color: var(--white); color: var(--red); border-color: var(--red);}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout .amount { display: none;}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-cart {border-radius: 0.8rem; padding: 1rem 2rem; font-size:1.6rem; border: 0.2rem solid var(--Off-black);}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-cart:hover {border-color: 0.2rem solid var(--Off-black);}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-continue {border-radius: 0.8rem; padding: 1rem 2rem; font-size:1.6rem;  background-color: transparent; color: var(--Off-black); border: 0.2rem solid var(--Off-black);}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-continue:hover { background-color: var(--Off-black); color: var(--White); border-color: var(--Off-black);}

.xoo-wsc-ft-amt {padding: 0.5rem 0; font-size: 1.8rem !important;}
.xoo-wsc-ft-amt-savings { font-size: 1.6rem !important;}
span.xoo-wsc-footer-txt { text-align: left; margin: 0 auto 1.5rem; font-size: 1.8rem !important;}
.xoo-wsc-footer .amount {font-size: 1.8rem !important;}

.key-points-features {margin-top: 5rem;}
.feature-items-wrapper {display: flex; align-items: stretch; justify-content: center; gap: 5rem 2rem; flex-wrap: wrap; }
.feature-item { position: relative; width: calc(33.33% - 1.4rem); padding: 3rem 2rem; text-align: center;}

.feature-item:not(:nth-child(3n))::after { position: absolute; content: ""; top: 0; right: -1rem; border-right: 0.2rem solid #e8e8e8; width: 0.1rem; height: 100%; }

.feature-icon { width: 8rem;height: 8rem; margin: 0 auto 1.5rem;}
.feature-icon img { width: 100%;height: 100%; object-fit: contain;}
.feature-item h4 {color: var(--Off-black); font-size: var(--font-24); font-weight: 700; line-height: 3rem; letter-spacing: -0.64px; margin: 0; margin-bottom: 1rem;}
.feature-item p {color: var(--Off-black); font-size: var(--font-16); font-weight: 500; line-height: 2.4rem; margin:0;}

body.woocommerce-order-pay .hed_right .hdr_langbtn {display: none;}



.about_sec.default_page_sec { padding: 0; height: 15rem; overflow: hidden; text-align: center;}
.about_sec.default_page_sec.has_featured_image { height: 35rem; text-align: left;}
.default_page_image_wrap::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 85%); z-index: 1;}
.default_page_image_wrap img {width: 100%; height: 100%; object-fit: cover;}

.about_sec.default_page_sec .about_content { bottom: 3rem;}
.about_sec.default_page_sec.has_featured_image .about_content { bottom: 8rem;}

.entry-content p.no-content {color: var(--Off-black); font-size: var(--font-30); font-weight: 700; line-height: 3.6rem; padding: 5rem 0; margin:0; text-align: center;}



.zoomWindowContainer > div {cursor: zoom-in !important;}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {border-color: var(--red);}

.grecaptcha-badge{display:none !important;}




/* =====================================================
* HIDE YITH DEFAULT GLOBAL POPUP
* ===================================================== */
#yith-wcwl-popup-message { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;}
/* =====================================================
* PRODUCT CARD
* ===================================================== */
li.product { position: relative;}
/* =====================================================
* CUSTOM MESSAGE
* ===================================================== */
/* li.product .fasadenor-wishlist-message { position: absolute; left: 1rem; right: 1rem; bottom: 0; z-index: 999; display: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-0.8rem); box-shadow: 0 0 1.9rem 0 rgba(0, 0, 0, 0.15); transition: opacity .25s ease, transform .25s ease, visibility .25s ease;} */
li.product .fasadenor-wishlist-message { position: absolute; left: 1rem; right: 1rem; bottom: 0; z-index: 999; display: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(0); border-radius: 1.8rem; overflow: hidden; box-shadow: 0 0 1.9rem 0 rgba(0, 0, 0, 0.15); transition: opacity .25s ease, transform .25s ease, visibility .25s ease;}
/* =====================================================
* OPEN
* ===================================================== */
li.product.fasadenor-wishlist-open .fasadenor-wishlist-message { display: block; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(-0.8rem);}
/* =====================================================
* MESSAGE BOX
* ===================================================== */
.fasadenor-wishlist-message-inner { display: flex; align-items: center; gap: 1.4rem; width: 100%; box-sizing: border-box; padding: 1.4rem 1.8rem; background: #fff; }
/* =====================================================
* ICON
* ===================================================== */
.fasadenor-wishlist-message-icon { flex: 0 0 4.6rem;width: 4.6rem; height: 4.6rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff0ee; color: var(--red); font-size: 2.5rem;line-height: 1;}
/* =====================================================
* CONTENT
* ===================================================== */
.fasadenor-wishlist-message-content {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.3rem;}
.fasadenor-wishlist-message-title {display: block;color: var(--Off-black); font-size: 1.6rem; line-height: 1.3; font-weight: 600;}
.fasadenor-wishlist-message-subtitle { display: block; color: #777; font-size: 1.4rem; line-height: 1.3;}
/* =====================================================
* WISHLIST LINK
* ===================================================== */
.fasadenor-wishlist-view { flex-shrink: 0; color: var(--red) !important; font-size: 1.5rem; line-height: 1.3; font-weight: 600; text-decoration: none !important;}
.fasadenor-wishlist-view:hover { color: var(--red) !important;}
/* =====================================================
* REMOVED STATE
* ===================================================== */
li.product.fasadenor-wishlist-removed .fasadenor-wishlist-message-icon { background: #f5f5f5; color: var(--red);}


.massoftind-side-cart-cross-sells .fasadenor-wishlist-message-inner {flex-direction: column; text-align: center;}

/* =====================================================
* MOBILE
* ===================================================== */
@media (max-width: 767px) {
li.product .fasadenor-wishlist-message { left: 0.6rem; right: 0.6rem;}
.fasadenor-wishlist-message-inner { gap: 1rem; padding: 1.2rem 1.4rem; border-radius: 1.5rem;}
.fasadenor-wishlist-message-icon { flex: 0 0 3.8rem;width: 3.8rem;height: 3.8rem;font-size: 2.1rem;}
.fasadenor-wishlist-message-title {font-size: 1.4rem;}
.fasadenor-wishlist-message-subtitle {font-size: 1.2rem; }
.fasadenor-wishlist-view {font-size: 1.3rem;}
}









.primary-navigation .popular-categories-section { padding: 2rem 3rem; background: #F8F2F2;}
.primary-navigation .popular-categories-section .common-header-wrapper { width: 100%; display: flex; align-items: center; justify-content: space-between;}
.primary-navigation .popular-categories-section .btn-common { margin: 0;}
.primary-navigation .common-heading { font-size: 2.5rem; line-height: 3rem; color: var(--Off-black);}
.primary-navigation .btn-common { color: var(--red); border-color: var(--red); padding: 0.6rem 1.2rem; font-size: 1.2rem; font-weight: 600; line-height: 1.8rem; gap: 0.8rem;}
.primary-navigation .btn-common span { font-size: 0.8rem;}

.primary-navigation .popular-categories-grid { margin-top: 2rem;}
.primary-navigation .popular-categories-section .category-container { max-width: 100%; margin: 0; padding: 0;}


.primary-navigation .popular-categories-section .all-category-image { height: 20rem;}
.primary-navigation .popular-categories-section .all-category-content h3 { padding: 1rem;}
.primary-navigation .popular-categories-section .all-category-content h3 span.text { font-size: 1.4rem; line-height: 2rem;}
.primary-navigation .popular-categories-section .all-category-card .icon-wrapper { width: 2.5rem; height: 2.5rem;}
.primary-navigation .popular-categories-section .all-category-card span.icon { font-size: 0.8rem;}

.primary-navigation .popular-categories-section .all-category-card { box-shadow: none;}

.primary-navigation .popular-categories-section .swiper-button-prev, .primary-navigation .popular-categories-section .swiper-button-next { width: 3rem !important; height: 3rem !important;}
.popular-categories-section .swiper-button-next { right: 0 !important;}
.primary-navigation .swiper-button-prev span, .primary-navigation .swiper-button-next span { font-size: 1.2rem;}


.allCategoriesSlider.not-enough-slides .swiper-wrapper {
    justify-content: center;
    transform: none !important;
}
.all-categories-grid:has(.swiper.not-enough-slides) {
    max-width: 100%;
}